Это наш первый сайт на Tilda, однако первый блин не получился комом. Лендинг с каталогом, галереями и анимацией мы выполнили на отлично и по содержанию, и по функционалу. Процесс создания сайта на Tilda отличается только методом верстки и удобством редактирования. Все остальные этапы выполняются так же, как и при создании сайтов с ручной версткой.
Заказчик занимается укладкой специального напольного покрытия в Москве. На сайте важно было доказать прочность, долговечность и преимущества наливных полов.
Сначала заказчик заполнил бриф, с помощью которого мы получили представление о бизнесе, задачах и целях. После этого мы провели тщательное исследование рынка, бизнеса заказчика и конкурентов. Таким образом мы получили полное представление о целевой аудитории и о том, что должно быть размещено на сайте.
Видя полную картину мы приступили к созданию прототипа сайта. Прототип — основополагающая часть создания результативного сайта. Если прототип продуман неправильно, то, каким бы красивым не был дизайн и сколько бы информации не было размещено на сайте, — всё будет бесполезно. Прототип был создан основываясь на нашем многолетнем опыте создания сайтов. В прототип были заложены ключевые блоки, формы, и фишки, повышающие конверсию.
После создания прототипа, наш дизайнер перешла к отрисовке сайта в Photoshop. Дизайн был создан с учетом пожеланий заказчика и последних трендов в индустрии оформления сайтов.
Вот дизайн:
После согласования дизайна с заказчиком и внесения правок, мы перешли к верстке.
Обычно начинается написания кода сайта, но на этот раз всё выглядело более красиво. Есть два способа создания сайта на Tilda. Первый — использовать библиотеку шаблонов, это быстро, но тогда сайт не будет выделяться из огромного количества сайтов конкурентов, поэтому, не удивив посетителя оригинальным дизайном, вы станете для потенциального клиента таким, как все остальные. Второй способ — использовать ZERO Block для создания авторских сайтов. Таким образом мы создали уникальный сайт, который не похож на сайты конкурентов и этим выгодно отличается.
ZERO Block дает возможность размещать любые элементы на любом месте страницы. Перенеся тексты и файлы из авторского дизайна в редактор Tilda, мы не только создали уникальный сайт, но и создали страницу, которую не отличишь от отрисованного дизайна.
Tilda позволяет не только отправлять данные с форм на почту, но и дает возможность интегрироваться с такими CRM-системами, как, Битрикс24 и AmoCRM. Отправка данных в Google Таблицы и Telegram тоже может быть очень полезна.
После переноса текстов и файлов, мы приступили к настройке форм, созданию pop-up окон и подключении ссылок на социальные сети.
После подключения нужных сервисов к формам, мы приступили к созданию анимации и добавлению эффектов. Мы добавили эффект появления заголовков, parallax-эффекты для оживления страницы и анимировали стрелки и мокапы. Разместили анимированные тултипы, и подключили плавное пролистывание галереи выполненных работ. Анимация в связке с уникальным дизайном делает сайт максимально живым и привлекательным.
В самом конце работ мы подключили домен и SSL-сертификат. После перенесли сайт на аккаунт заказчика и записали видео по редактированию сайта. В скором времени на сайт будет запускаться реклама и мы порадуемся вместе с заказчиком потоку клиентов, который дает конверсионный сайт с уникальным дизайном.
В конструкторе сайтов Tilda больше плюсов, чем минусов. Лендинг более просто и быстро верстается, если сравнивать с ручной разработкой, однако все этапы создания сайтов остаются. Мы все так же проводим исследование, создаем прототип и отрисовываем дизайн. Отличается лишь только верстка.
Нам нравится делать сайты на конструкторах. Это очень увлекательное занятие, однако мы не перестаем создавать сайты с ручной разработкой.