Структура лендинга для малого бизнеса почти всегда собирается из одних и тех же частей: первый экран с предложением, доказательства, подробности, цена, ответы на сомнения и форма заявки. Если вы готовите одностраничный лендинг сами или собираетесь его заказать, начните с этого каркаса и переставьте блоки под свою нишу. Ниже покажу, из чего состоит лендинг, в каком порядке ставить блоки и как за вечер набросать черновой макет лендинга.
Из чего состоит лендинг: базовая структура по блокам
Лендинг ведёт человека по одной цепочке: понять предложение, поверить, разобраться в деталях и оставить контакт. Каждый блок отвечает на один вопрос посетителя. Если такого вопроса у клиента нет, блок лишний.
Базовая структура лендинга, с которой я начинаю почти любой проект:
| Блок | Задача | Что написать |
|---|---|---|
| Первый экран | За несколько секунд объяснить, что вы продаёте и кому | Заголовок с результатом для клиента, строка пояснения, кнопка |
| Ситуация клиента | Показать, что вы понимаете его задачу | 3-4 жизненные ситуации словами клиента |
| Решение и состав | Рассказать, что человек получит | Что входит, сроки, формат работы |
| Доказательства | Снять недоверие | Фото работ, отзывы с именами, документы |
| Как проходит работа | Убрать страх неизвестности | 3-5 шагов, которые пройдёт клиент после заявки |
| Цена | Дать ориентир по бюджету | Пакеты или цена «от» и что влияет на сумму |
| Вопросы | Ответить на то, что мешает написать | Сроки, гарантии, оплата, возврат |
| Форма заявки | Получить контакт | Минимум полей и что будет после отправки |
| Контакты | Дать запасной путь | Телефон, мессенджер, адрес |
Такая структура лендинга описывает полный набор. Для простой услуги хватит пяти-шести блоков, для дорогой обычно нужны все девять. Кнопку заявки я ставлю трижды: на первом экране, после цены и в конце.
Структура лендинга под нишу: кофейня, салон, юрист, онлайн-школа
Набор блоков меняется мало, зато порядок зависит от того, что клиент решает первым. Кофейне важнее показать атмосферу и дорогу, юристу нужно сначала заслужить доверие.
Вот стартовые схемы, от которых я отталкиваюсь:
- Товар: кофейня продаёт зерно с доставкой. Фото пачки и вкус, сорта с ценами, доставка и оплата, отзывы, кнопка заказа. Здесь структура лендинга короткая, цена стоит рядом с товаром.
- Мероприятие: та же кофейня зовёт на дегустацию. Повод и дата, программа, кто ведёт, сколько мест и стоит билет, адрес с картой, форма записи. Структура лендинга под событие крутится вокруг даты, поэтому она видна на первом экране.
- Услуга с записью: салон красоты. Услуга и район, прайс, фото работ, мастера, как проходит запись, форма. Прайс я поднимаю выше отзывов: человек сначала прикидывает бюджет.
- Дорогая услуга: юрист. Ситуация клиента, с какими делами работаю, как проходит консультация, примеры дел без персональных данных, статус, цена консультации, вопросы, форма. Доверие копится долго, поэтому структура лендинга юриста длиннее остальных.
- Курс: онлайн-школа. Результат после обучения, кому подойдёт, программа по модулям, автор, работы учеников, тарифы, вопросы про формат и возврат, форма. В этой нише структура лендинга ставит программу раньше автора: покупатель сначала проверяет, чему научится.
Общее правило: вопрос, который чаще всего приходит в личные сообщения, поднимайте выше. Если все спрашивают про парковку, блок с адресом у кофейни переезжает на второй экран.
Как собрать прототип лендинга за один вечер
Прототип лендинга показывает, какой будет структура лендинга, ещё до дизайна и выбора конструктора. Это черновик с порядком блоков и текстами, без цветов и шрифтов. Рисовать можно на листе, в Google Docs или в Figma.
План на 3-4 часа:
- Выпишите 10-15 вопросов, которые клиенты задают перед покупкой. Берите их из переписки, звонков и отзывов у конкурентов.
- Разложите вопросы по блокам из таблицы выше. Пустые блоки вычеркните, мелкие вопросы отправьте в FAQ.
- Расставьте блоки по схеме своей ниши и прочитайте сверху вниз: структура лендинга должна звучать как разговор с клиентом.
- Напишите заголовок первого экрана в трёх вариантах и оставьте тот, что понятен без пояснений.
- Заполните каждый блок живым текстом, хотя бы черновым. Заглушки вроде «тут будет описание» прячут дыры в логике.
- Отметьте, где нужны фото, и составьте список съёмки.
- Покажите черновик человеку со стороны и попросите пересказать, что вы продаёте и сколько это стоит.
Если пересказ совпал с задумкой, структура лендинга готова к дизайну. Как писать сами формулировки, разобрал в статье про тексты для страниц по шагам. Если собираете страницу в Tilda, пригодится разбор, как сделать страницу в конструкторе за день.
Ошибки, которые ломают структуру лендинга
Эти ошибки в структуре лендинга я встречаю чаще всего, когда приходят переделывать готовую страницу:
- Первый экран про компанию. Заголовок «Студия красоты Анна» ничего не говорит человеку, который ищет маникюр у метро. Пишите услугу и выгоду.
- Несколько целей на одной странице. Запись, подписка на канал и скачивание каталога спорят друг с другом. Одна страница ведёт к одному действию.
- Отзывы без лица. «Всё понравилось, Мария» читают как выдумку. Фото, имя и скриншот переписки с согласия клиента убеждают куда лучше.
- Спрятанная цена. Если точную сумму назвать нельзя, напишите «от» и что на неё влияет.
- Длинная форма. Для первой заявки хватит имени и телефона, остальное уточните в разговоре.
- Копия конкурента. Чужая структура лендинга собрана под чужих клиентов, и ваши вопросы останутся без ответа.
Что проверить перед запуском
Даже удачная структура лендинга не спасёт, если заявки теряются по дороге. Перед публикацией я прохожу короткий список:
- Первый экран на телефоне: заголовок и кнопка видны без прокрутки.
- Каждая кнопка ведёт к форме или в мессенджер.
- Тестовая заявка дошла туда, где её увидят: на почту, в Telegram или в CRM.
- Телефон и мессенджер нажимаются, звонок или чат запускается с одного касания.
- Рядом с формой есть политика конфиденциальности и согласие на обработку данных. Требования 152-ФЗ к вашему случаю лучше уточнить у юриста.
- Подключена Яндекс Метрика и настроена цель на отправку формы.
- Фото сжаты, страница быстро грузится на мобильном интернете.
После запуска структура лендинга продолжает меняться. Через месяц откройте Вебвизор в Метрике, посмотрите, до какого блока доходят люди, и поднимите выше то, что пролистывают мимо.
Частые вопросы
Сколько блоков нужно лендингу?
Столько, сколько вопросов у клиента перед покупкой. Кофейне или салону обычно хватает 5-6 блоков, юристу или онлайн-школе нужно 8-10. Лишний блок только удлиняет структуру лендинга и отвлекает от формы.
Чем прототип отличается от макета лендинга?
Прототип показывает порядок блоков и тексты. Макет добавляет дизайн: цвета, шрифты, фото, отступы. Сначала согласуйте прототип, иначе правки текста придётся переносить в готовый дизайн и платить за них дважды.
Какие блоки лендинга обязательны?
Первый экран, состав предложения, доказательства, цена или ориентир по цене и форма заявки. Если выкинуть любой из них, структура лендинга рвётся, и человек уходит думать к конкуренту.
Можно взять структуру лендинга из шаблона?
Шаблон годится как старт, особенно если он сделан под вашу нишу. Порядок блоков всё равно сверьте с вопросами своих клиентов: у салона в спальном районе и салона в центре они разные.
Что сделать на этой неделе
В понедельник выпишите вопросы клиентов, во вторник соберите прототип, к выходным покажите его двум-трём людям и поправьте порядок блоков. Когда структура лендинга перестанет меняться после каждого показа, её можно отдавать в дизайн. Как страница устроена технически, рассказал в разборе о том, из чего складывается любая страница в интернете.
Если не хочется разбираться самому, сделаю лендинг под ключ: соберу структуру под вашу нишу, наполню блоки текстом и запущу страницу с формой заявок. Базовый пакет стоит 20 000 ₽ и занимает 3-7 дней, версия с формой, чат-ботом и аналитикой обойдётся в 70 000-100 000 ₽. Все пакеты собраны на странице цен.