Создание лендинг пейдж

Лендинг строится вокруг одного предложения, и всё лишнее с него убирается осознанно, а не из-за нехватки времени.

На обычном сайте человек может уйти в раздел «О нас», в портфолио, в блог, в соседнюю услугу — и не вернуться. На лендинге таких дверей нет: один товар или одна услуга, несколько экранов аргументов и одно действие, которого вы от человека ждёте.

Пример из жизни: мастер по натяжным потолкам. На сайте у него и потолки, и обои, и плитка, и ламинат. Реклама «натяжные потолки за один день» ведёт на главную — и человек теряется среди плитки. Страница только про потолки отвечает ровно на тот вопрос, с которым он пришёл.

• один товар или одна услуга на странице
• одно главное действие: заявка, звонок или сообщение
• меню без переходов в посторонние разделы
• аргументы именно под это предложение, без общих слов

Самая частая ошибка — попытка втиснуть в лендинг весь прайс: «страница уже есть, добавим сюда ещё и эти услуги». Каждое новое предложение забирает внимание у основного, и страница превращается в маленький сайт, который продаёт хуже обоих вариантов.

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

Порядок блоков на лендинге — это последовательность ответов на вопросы, которые возникают у человека один за другим.

Человек, который только что кликнул по рекламе, в первые секунды решает главное: «я вообще туда попал?». Поэтому первый экран прямо называет, что здесь предлагают и кому. Дальше идут следующие вопросы: «а мне это подойдёт?», «сколько стоит?», «почему вам можно верить?» — и только потом «хорошо, что делать дальше».

Если порядок сломать, страница перестаёт работать. Призыв «оставьте заявку» на втором экране, когда человек ещё не знает ни цены, ни условий, он просто пролистает дальше. И наоборот: отзывы и гарантии в самом начале ничего не доказывают — ещё непонятно, что именно хвалят.

• первый экран: что предлагаем и кому
• выгоды и условия простыми словами, без общих фраз
• доказательства: примеры работ, отзывы, документы, гарантии
• ответы на сомнения и призыв к действию

Именно поэтому структуру мы согласуем до дизайна — отдельным шагом, ещё на схеме. Переставить блок на схеме — пять минут, переставить его в нарисованном и свёрстанном макете — переделка половины страницы.

Проверить сценарий легко: прочитайте подряд одни только заголовки блоков, не читая текстов. Если из них понятно, что предлагают и что делать дальше — структура живая.

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

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

Второе правило — короткая форма. Каждое лишнее поле уменьшает количество заявок: имя и телефон человек введёт, а «должность», «город» и «удобное время звонка» часть посетителей просто закроет. Остальное вы спокойно уточните в разговоре. Рядом с формой оставляем запасной путь — телефон и мессенджеры: многие форм не любят и напишут в Viber или Telegram.

• кнопка действия видна на каждом экране страницы
• в форме минимум полей: имя и телефон
• мессенджеры и звонок как запасной путь
• заявка сразу приходит на почту и в мессенджер

Отдельно проверяем, что происходит после нажатия кнопки. Человек должен увидеть понятное «заявку получили, позвоним в течение рабочего дня», а не молчаливую страницу, после которой непонятно, отправилось что-то или нет.

Самая дорогая поломка лендинга — форма, которая тихо перестала отправлять письма. Возьмите за привычку раз в месяц оставлять заявку самому себе: тратите минуту, зато заметите проблему за день, а не за месяц.

Лендинг — это одна страница, поэтому путь от брифа до работающей рекламы здесь самый короткий из всего, что мы делаем.

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

Скорость даёт ещё одно преимущество: можно проверить идею, не вкладываясь сразу в большой сайт. Хотите понять, есть ли спрос на новую услугу — делаете лендинг, включаете рекламу на небольшой бюджет и через несколько недель смотрите на реальные заявки вместо догадок.

• одна структура вместо дерева разделов
• один макет вместо нескольких типов страниц
• тексты под одно предложение, а не под весь сайт
• реклама стартует сразу после проверки форм

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

Быстро не значит наспех. Главное — не пропускать шаг со структурой: именно на нём чаще всего экономят время, а потом переделывают уже готовую страницу.

Без счётчиков вы видите только сумму, потраченную на рекламу, и не видите, что именно она принесла.

Счётчик — это небольшой невидимый код на странице, который фиксирует визиты: сколько людей зашло, откуда пришли, с телефона или с компьютера, сколько времени читали. Ставим Google Analytics, при необходимости и другие системы. Для посетителя не меняется ничего, он этого даже не замечает.

Но сами визиты мало что дают. Главное — цели: мы отдельно отмечаем момент, когда человек отправил заявку или нажал на номер телефона. Тогда появляется нужная цифра — сколько заявок дала реклама и в какую сумму обошлась каждая. Сравните два отчёта: «потратили, скажем, 6 000 гривен» и «потратили те же 6 000 и получили двадцать заявок». Во втором случае уже есть о чём думать.

• счётчик визитов на странице
• цель на отправленную заявку
• цель на нажатие телефона и мессенджера
• отчёт, сколько заявок дал каждый рекламный канал

Сам рекламный кабинет считает только клики — сколько людей перешло на страницу. Дальше его видимость заканчивается. Именно связка счётчика с кабинетом показывает, какие объявления приносят заявки, а какие только тратят бюджет.

Цифры на сайте — половина картины. Вторую половину знаете только вы: сколько из этих заявок стали реальными клиентами. Даже простая табличка уже отвечает, окупается реклама или нет.

Большинство людей, которые придут на лендинг из рекламы, увидят его на экране шириной с ладонь — и именно этот экран решает всё.

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

Больше всего на телефоне мешают мелочи. Форма, в которой клавиатура при вводе закрывает кнопку отправки. Номер телефона, набранный текстом, — на него нельзя нажать и сразу позвонить. Тяжёлое фото на первом экране, из-за которого страница грузится несколько секунд, а человек из рекламы столько не ждёт.

• блоки в одну колонку, без боковой прокрутки
• кнопки и поля под палец, а не под курсор
• телефон, который набирается одним нажатием
• сжатые изображения ради быстрого открытия

Проверяем на настоящих телефонах, а не только в узком окне браузера: андроид и айфон, модели постарше, медленный интернет. Разница вылезает именно там, где на новом устройстве всё выглядит безупречно.

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