4,9
Рейтинг на основе
400+ проектов по всему СНГ
Звоните, ПН-Пт 9-18 по МСК

Как сделать лендинг на Tilda в ZERO Block

Содержание

Предыстория

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

О заказчике

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

Бриф и исследование

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

Прототипирование

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

Отрисовка дизайна

После создания прототипа, наш дизайнер перешла к отрисовке сайта в Photoshop. Дизайн был создан с учетом пожеланий заказчика и последних трендов в индустрии оформления сайтов.

Вот дизайн:

После согласования дизайна с заказчиком и внесения правок, мы перешли к верстке.

Верстка на Tilda

Обычно начинается написания кода сайта, но на этот раз всё выглядело более красиво. Есть два способа создания сайта на Tilda. Первый — использовать библиотеку шаблонов, это быстро, но тогда сайт не будет выделяться из огромного количества сайтов конкурентов, поэтому, не удивив посетителя оригинальным дизайном, вы станете для потенциального клиента таким, как все остальные. Второй способ — использовать ZERO Block для создания авторских сайтов. Таким образом мы создали уникальный сайт, который не похож на сайты конкурентов и этим выгодно отличается.

О ZERO Block

ZERO Block дает возможность размещать любые элементы на любом месте страницы. Перенеся тексты и файлы из авторского дизайна в редактор Tilda, мы не только создали уникальный сайт, но и создали страницу, которую не отличишь от отрисованного дизайна.

Формы и интеграция с CRM

Tilda позволяет не только отправлять данные с форм на почту, но и дает возможность интегрироваться с такими CRM-системами, как, Битрикс24 и AmoCRM. Отправка данных в Google Таблицы и Telegram тоже может быть очень полезна.

Настройка форм, pop-up и ссылок

После переноса текстов и файлов, мы приступили к настройке форм, созданию pop-up окон и подключении ссылок на социальные сети.

Анимация и эффекты

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

Подключение домена и SSL-сертификата

В самом конце работ мы подключили домен и SSL-сертификат. После перенесли сайт на аккаунт заказчика и записали видео по редактированию сайта. В скором времени на сайт будет запускаться реклама и мы порадуемся вместе с заказчиком потоку клиентов, который дает конверсионный сайт с уникальным дизайном.

Мнение о Tilda

В конструкторе сайтов Tilda больше плюсов, чем минусов. Лендинг более просто и быстро верстается, если сравнивать с ручной разработкой, однако все этапы создания сайтов остаются. Мы все так же проводим исследование, создаем прототип и отрисовываем дизайн. Отличается лишь только верстка.

Заключение

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

Скриншоты сайта
Название бонуса скорее
всего в две строчки
В качестве знакомства держите
ВАШИ БОНУСЫ
Название бонуса скорее
всего в две строчки
Вернуться назад
Другие популярные статьи
Дизайн сайта дверей
Основные блоки лендинга в 2023 году
SEO продвижение лендинга — 25 способов сео оптимизации
Лендинг мобильного приложения — Пример | Дизайн
+

В 19 словах что мы делаем и почему на нас можно остановиться

Настоящий опыт 400+ проектов. Никуда не пропадаем и всегда завершаем проект. Работаем официально и даем гарантию конверсии. Делаем уникальные сайты с авторским подходом

+

В прайсе есть полная стоимость на все наши услуги

Чтобы получить прайс введите ваш телефон в WhatsApp и почту

+

Стать частью нашей команды

Введите Ваши данные

+

Получите бесплатно!

В знак нашего знакомства получите чек-лист:

"33 способа увеличить
конверсию сайта уже сегодня"

Куда отправить чек-лист (файл)?