Интернет будущего — создание сайтов в SaaS. Часть № 1 — Tilda

До недавнего времени я был сторонником создания сайтов при помощи профессиональных дизайнеров, программистов и верстальщиков. И этому было вполне логичное объяснение: на тот момент практически все известные конструкторы (платные и, тем более, бесплатные) — не давали вообще никакой возможности сделать что-то хорошее. Это время постепенно уходит и для меня уже становится очевидно, что будущее типовых сайтов за облачными SaaS-конструкторами.

Допустим, Вам надо продать товар или услугу через интернет. Нужно запустить сайт, настроить рекламу, оттестировать гипотезы, внести коррективы и снова запустить рекламу.

А теперь преимущества SaaS:

  1. Цена для старта. Стоимость посадочной страницы приемлемого качества начинается с 25 000 рублей. Сюда входит дизайн, вёрстка, программирование, размещение на хостинге, часто даже 1 год хостинга. Конструктор можно запустить за 500 рублей в месяц. Если через полгода сайт стал не нужен — просто перестаём платить и вместо 25 000 рублей Вы потратите 3 000 рублей. Причем не единовременно, а в рассрочку.
  2. Время для старта. Изготовление сайта по всем канонам занимает до 1 месяца. Пока дизайнер сделает макет со всеми правками, пока верстальщик отверстает, а затем программист нятенет на движок пройдет уйма времени. С SaaS история другая. Вы или Ваш дизайнер уже прям в окне браузера воплощаете дизайнерскую мысль, основываясь на уже наработанных концепциях. Не с чистого листа. А берёте готовое и настраиваете под себя. Быстро и качественно. Достигается это тем, что штат дизайнеров, обслуживающих сервис, уже озадачился тем, чтобы продукт сервиса выглядел бы привлекательно.
  3. Быстрые правки. Кто работал с фрилансерами, тот знает, что правки — это кошмар. Правка может увеличить не только время запуска, но и бюджет. Правка стоит нервов. С конструктором всё иначе. Вы вносите правки сами. Быстро и эффективно. Не нужно ждать, когда у вебмастера-фрилансера появится минута между заказами.
  4. Низкий порог вхождения. Многие конструкторы предлагают свои услуги несколько ограничено. Но это является часто не минус, а плюс. Когда каждый блок уже свёрстан и его нужно только стилизовать и заполнить — нет шансов катастрофически испортить дизайн. Вы не сломаете сетку, не перекроете один слой другим. Есть профессиональный инструмент Photoshop, который может очень много, у него много настроек и ему нужно учиться. А есть приложение Instagram для мобильного телефона, в котором есть набор уже готовых фильтром с минимальными возможностями редактирования. Первое решение нужно профессионалам, второе решения для тех, кто хочет приличный, хоть и не супер-уникальный, результат за пару кликов. Разные инструменты — разные задачи.
  5. Стабильность работы и защита от атак. У Вас когда-нибудь падал сервер? Это весьма неприятно. Рядовой ситуацией можно назвать случай, когда у Вас VPS/VDS, который по какой-то причине упал. В штате нет сисадмина, он на фрилансе. И вот тут начинается самое весёлое. Сайт упал, Вы пытаетесь дозвониться до админа. Он может быть занят, в поездке, вне зоны действия и т.д. Самостоятельно Вы ничего не можете сделать с сайтом. Даже, если удалось быстро дозвониться, может уйти время на реабилитацию сервера. И труды админа будут стоить денег. Торговаться будет сложно, так как у Вас встала вся работа и нужно срочно что-то делать.

В итоге получается, что если нет штата IT-специалистов, которые готовы быстро среагировать, то у Вас вполне осязаемые риски. Вы вкладываете в запуск сайта суммы, которые в конструкторе были бы потрачены за несколько лет. Далее ещё закладываете суммы на специалистов по обслуживанию сайта. Это обычно минимум 2 000 рублей каждый месяц. Выходит дороже, но более рискованно.

Риск оправдан, когда Вам нужно что-то явно нестандартное и это не прихоть, а необходимость. Тогда дорога только одна — пройти через все тернии пути заказчика программного продукта. Но чего не сделаешь ради цели!

Но намного чаще бывает так, что задача типовая. Либо её очень легко сделать типовой, если заказчик немного пересмотрит задачи достижения цели. Итак, сегодня я открываю серию статей, посвященных сервисам создания сайтов. Первый SaaS-конструктор, который я хотел бы рассмотреть — Tilda. Это один из популярнейших конструкторов в сети.

Удобство использования

Tilda представляет собой модульный конструктор. Разработчики уже создали блоки, дизайнеры довели их до ума, а вам нужно только правильно расположить модули на странице. Если это текстовый блок, то в нем выверен размер шрифта, цвет, отступ, межстрочное расстояние. Вы можете поменять значения, но и без кастомизации модули выглядят красиво. В библиотеке конструктора больше 400 блоков, и это число постоянно растет.

Tilda позволяет создать:

  • Сайт компании. 
  • Лендинг товара или услуги.
  • Небольшой интернет-магазин.
  • Промостраницу.
  • Портфолио специалиста.
  • Корпоративный блог.
  • Презентацию.
  • Лонгриды и спецпроекты для СМИ.

Конструктор фокусируется на удобстве читателя и правильной подаче визуального контента. Поэтому на Tilda вы найдете десятки вариантов вставки изображения или галереи. Сервис предлагает широкие возможности для работы с мультимедиа:

  • Фоновое видео с YouTube. 
  • Добавление видеоролика на страницу с Vimeo и YouTube простой вставкой ссылки.
  • Формирование видеогалереи на сайте.
  • Готовые сочетания для вплетения видео в текст.
  • Вставки любого видео и аудио через блок HTML.
  • Интеграция с SoundCloud и Coub.

Для работы с Tilda не нужно знать языки программирования. Все действия выполняются в визуальном редакторе, единственная сложность – настройка блоков. Это занимает достаточно много времени, но после пары-тройки успешных проектов можно набить руку и верстать страницы за несколько часов.

Страницы автоматически адаптируются под мобильные устройства, однако иногда приходится дублировать блоки с разными настройками, чтобы они корректно отображались на разных экранах. Можно сделать так, что на компьютере пользователь будет видеть одни блоки, а на телефоне – другие. 

Tilda предлагает семь сценариев использования: 

  • Сайт на домене третьего уровня вида mysite.tilda.ws. 
  • Подключение собственного домена. 
  • Подключение субдомена собственного сайта. 
  • Экспорт кода и размещение сайта, сделанного на Tilda, на собственном сервере. 
  • Экспорт кода и интеграция с собственным сайтом. 
  • Автоматическая интеграция с собственным сайтом через API.
  • Интеграция с сайтом на WordPress или Битрикс через плагин. 

Для каждого сценария в справке есть подробная инструкция. Наличие такого количества вариантов использования делает Tilda универсальным инструментом, который можно использовать для решения самых разных задач: от создания отдельного сайта до улучшения другого сайта с помощью возможностей конструктора. 

Дизайн

Tilda — конструктор, на котором каждый может создать красивый сайт. Даже если оставить кастомный шаблон, заменив только картинки и текст, всё равно получится очень круто. Если же приобрести тариф, открывающий доступ ко всем блокам, научиться пользоваться Zero Block и создавать пошаговую анимацию, пользоваться интеграциями с другими сервисами, то получится страница, которую будет приятно смотреть, даже если посетителю неинтересно, что именно на ней написано. 

Основу конструктора составляет визуальный редактор, в котором веб-мастер выстраивает страницу по блокам. Направление — строго вертикальное, но благодаря большому количеству разных вариантов представления контентов и Zero Block можно создать любую структуру. Страница построена на основе 12-колоночной сетки. Блоки можно размещать на всю ширину или по колонкам: например, ширина 8 блоков, отступ слева — 2 блока устанавливает элемент посередине страницы. 

У каждого стандартного блока есть настройки отображения элементов: типографики, изображения, кнопки. Можно настраивать толщину линий, отступы между блоками, ширину, масштаб и другие параметры. Возможностей так много, что над настройкой одного блока можно просидеть час, добавляя анимацию, экспериментируя с отступами и проверяя, как это выглядит на разных экранах. А можно оставить настройки по умолчанию и быть уверенным, что всё выглядит хорошо. 

Zero Block — профессиональный инструмент, который позволяет построить любой блок с нуля. В него можно добавить текст, изображение, форму, кнопку, видео, всплывающую подсказку, код HTML. В Zero Block можно настроить пошаговую анимацию: в буквальном смысле указать, в каком месте экрана находится элемент, куда и с какой скоростью он передвигается. Отображение элементов нулевого блока настраивается вручную для каждого устройства и ориентации. 

Tilda предлагает больше двух десятков шрифтов, плюс поддерживает загрузку собственных шрифтов в формате WOFF или добавление через Google Fonts. У каждого шрифта есть пять настроек жирности, что помогает расставлять акценты в тексте. 

Главное, что эта красота правильно отображается на разных устройствах. Не все блоки адаптированы под мобильные экраны, но это не станет проблемой: нужно просто оформить один и тот же контент разными блоками и задать, какой будет отображаться на каком дисплее. 

Тарифы

Конструктором можно пользоваться бесплатно на постоянной основе, но тогда придётся смириться с некоторыми ограничениями. Тариф Free предлагает создать один сайт с 50 страницами. Под это выделено 50 Мб дискового пространства. Веб-мастеру доступна примерно половина блоков, но среди них — Zero Block, в котором можно собирать блоки с нуля. Субдомен на Tilda и адаптивность тоже поддерживаются. 

Полная коллекция блоков, подключение собственного домена, удаление упоминания конструктора внизу страницы, создание интернет-магазина и ещё куча функций становятся доступными только при покупке тарифа Personal. Если же есть необходимость экспортировать код на сервер или настроить интеграцию с другим сайтом, то придётся покупать тариф Business. Кроме того, только на нём можно создать больше одного проекта. Места на сервере при оплате Business остаётся столько же, сколько на тарифе Personal — 1 Гб.

Достоинства и недостатки

Tilda позволяет без специальных навыков создавать очень красивые сайты. Это возможно благодаря следующим положительным моментам:

  • Блочный механизм редактирования, каждый элемент которого сделан профессионалами.
  • Больше четырёх сотен блоков и Zero Block, позволяющий создать часть сайта с нуля.
  • Шаблоны страниц и гибкие настройки дизайна.
  • Интеграция со сторонними сервисами для расширения функциональности: соцсетями, музыкальными платформам, платежными системами, картами и т.д.
  • Встроенные инструменты для создания интернет-магазина.
  • Коллекция авторских шрифтов плюс возможность загрузить свои или добавить из Google Fonts и Typekit.
  • Автоматическая адаптация под разные экраны с возможностью гибкой настройки мобильной версии. 
  • Экспорт кода для размещения на сервере или интеграции с другим сайтом. 

Если вам нужно несколько сайтов, а не сотни страниц на одном домене, то Вам подойдёт тариф Business. На нем можно собрать 5 сайтов, по 500 страниц в каждом.

Стоит понимать, что сайты, созданные на конструкторе имеют похожую структуру, хоть её и можно кастомизировать. Маркетологи веб-студий часто пишут в своих предложениях «Уникальный дизайн». Уникальность дизайна должна быть ограничена. В первую очередь потому, что пользователи сети уже привыкли к определенному расположению блоков. Уникальным должно быть Ваше торговое предложение, а не расположение меню или цвет кнопок. Поэтому типовые шаблоны — это скорее плюс, чем минус. А графика и цвета, которые Вы туда поставите — это максимум, который следует себе позволить в качестве уникальности, чтобы не запутать пользователя.

Выводы

Tilda – хороший конструктор для одностраничных сайтов и специальных проектов СМИ. Быстро придумать, создать, запустить. Затем быстро провести тесты рекламы, внести корректировки и так до бесконечности, пока Вы продаёте тот или иной продукт. При правильном выборе продукта и рекламы окупаемость конструктора впечатляет.

Tilda предлагает хорошие шаблоны и функциональные модули. Собрать на этом конструкторе что-то красивое и работающее может даже начинающий веб-мастер, с переходом на платный тариф и накоплением опыта визуальная составляющая будет становиться только лучше. А чтобы расширить возможности, можно использовать Zero Block — в нём у веб-мастера появляется свобода, неограниченная конфигурацией предустановленных блоков.

Перейти на сайт конструктора Tilda

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *