Содержание
Дизайн лендинга начинается с вопроса, откуда придёт человек и что он уже знает. Посетитель из поиска сравнивает предложения, из соцсетей — видит вас впервые, из рассылки — уже знаком с компанией. От этого зависит, сколько объяснять на первом экране и где ставить форму.
Как выстроить порядок блоков
Удобно представить разговор с клиентом на встрече. Сначала вы говорите, что предлагаете и кому. Потом — как это устроено и почему вам можно доверять. Дальше — сколько стоит и как начать. Каждый блок отвечает на вопрос, который возникнет у человека после предыдущего, а форма появляется там, где решение уже созрело.
Порядок проверяем на прототипе, до цвета и картинок: так проще переставить блоки и убрать лишние. Обычно страница становится короче, чем в первом черновике. Исключение — дорогие и сложные продукты: им нужно больше доказательств и ответов на сомнения, и лендинг выходит длиннее.
Куда смотрит человек
На каждом экране должно быть одно главное: заголовок, цена или кнопка. Если всё крупное и яркое, взгляд мечется и ничего не запоминает. Поэтому в макете задаём иерархию — размер и насыщенность текста, контраст кнопки с фоном, свободное место вокруг важного. Проверить её просто: посмотрите на экран, прищурившись. Что осталось заметным, то и прочитают первым.
Что проверить перед запуском
- Заголовок совпадает с объявлением, по которому придут люди.
- На телефоне кнопка видна без прокрутки, а форма не закрывается клавиатурой.
- Первый экран быстро загружается и по мобильной сети.
- После отправки формы человек видит, что заявка ушла и что будет дальше.
- В Метрике настроены цели на отправку формы и клики по кнопкам связи.
Макет под Tilda и под разработку
Для Tilda создание дизайна лендинга идёт с оглядкой на её возможности: стандартные блоки подходят для простых секций, нестандартные экраны переносим в Zero Block. Для импорта через плагин Figma to Tilda фреймы делаем шириной 1200 пикселей, а группы кнопок называем так, как требует справка Tilda. Если страницу соберёт разработчик, передаём макеты с UI-китом, чтобы следующие лендинги собирались из тех же деталей.
Если вы выезжаете к клиентам, на первом экране лендинга нужен район или зона работы: это первое, что сверяет человек, пришедший по объявлению.
