Сколько экранов должно быть на лендинге и почему длина не главное

Экран - это не единица измерения структуры

Экран в веб-дизайне - это область, которая помещается в окне браузера без прокрутки. На мониторе это одно, на телефоне - другое. Поэтому когда спрашивают «сколько экранов на лендинге», вопрос поставлен неточно.

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

Если подрядчик говорит «делаем пять экранов» - это сигнал, что он мыслит шаблонами. Хороший исполнитель сначала спросит, что продаём, кому, какие возражения снимаем, и только потом нарисует структуру.

От чего зависит количество блоков

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

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

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

Новый продукт или сложная механика. Если продаёте SaaS-сервис или технологию, которую аудитория не знает, придётся объяснять проблему, показывать, как работает решение, разбирать сценарии использования. Здесь длина оправдана, потому что без контекста человек не поймёт ценность.

B2B vs B2C. В корпоративных продажах решение принимают несколько человек, цикл длинный, нужны цифры, регалии, детали интеграции. В B2C часто достаточно эмоции, картинки и простой формы.

Когда длинный лендинг работает, а когда нет

Длинная страница - не зло. Она работает, если каждый блок закрывает конкретное возражение или двигает человека к решению. Проблема не в длине, а в пустых блоках, которые добавили «для объёма».

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

Хорошая длина - это когда каждый блок отвечает на вопрος, который возникает у человека на предыдущем шаге. «Что это?» - «Как работает?» - «Почему вам верить?» - «Сколько стоит?» - «Что делать дальше?». Если убрать любой блок, логика рушится.

Мы делали лендинг для B2B-сервиса автоматизации. Вышло девять блоков: проблема, как решение экономит время, сравнение с ручной работой, схема интеграции, кейс с цифрами, тарифы, FAQ, форма заявки и блок безопасности данных. Без последнего блока конверсия падала - это было ключевое возражение ЛПР. Убрать было нельзя.

Обратный пример: лендинг доставки еды на три блока. Меню, зона доставки, телефон. Всё остальное - лишнее. Человек либо голоден и заказывает, либо нет.

Типичные ошибки при планировании структуры

Ошибка первая: копировать структуру конкурентов. У конкурента восемь блоков, значит и нам восемь. Но вы не знаете, тестировал ли он эту структуру, какая у него конверсия, может, он просто скопировал у кого-то ещё. Структуру строят от своей аудитории и гипотез, а не от чужих макетов.

Ошибка вторая: «О компании» в начале. Человек пришёл решить свою задачу, ему неинтересна ваша история, пока он не понял, что вы можете дать. Блок о компании ставят ближе к концу, когда человек уже заинтересован и снимает последние сомнения.

Ошибка третья: дублирование смыслов. Блок «Преимущества», потом блок «Почему мы», потом блок «Наши ценности» - это три раза об одном. Лучше один блок с конкретными фактами: сроки, технологии, гарантии.

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

Как проверить структуру до запуска

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

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

Второй тест: покажите макет человеку, который не в теме вашего бизнеса. Пусть он прокрутит страницу за 30 секунд и расскажет, что вы предлагаете, кому и что делать дальше. Если он не может ответить - структура не работает, сколько бы блоков там ни было.

Третий момент: проверьте мобильную версию. На телефоне блоки вытягиваются, и длина ощущается иначе. То, что на десктопе выглядело компактным, на смартфоне превращается в бесконечную простыню. Если в мобильной версии больше пяти свайпов до формы - это много.

Минимальный набор блоков, который работает

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

Это четыре-пять блоков. Всё остальное - надстройки под конкретную задачу. Если продукт сложный, добавляете FAQ. Если дорогой - блок с этапами работы и гарантиями. Если новый - развёрнутое объяснение проблемы.

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

Если подрядчик предлагает структуру, в которой нет одного из этих элементов - спросите, почему. Возможно, есть причина, но чаще это просто недоработка.

Что делать с длиной после запуска

Структуру лендинга нельзя угадать заранее на сто процентов. Запускаете с гипотезой, подключаете метрику, смотрите, где люди уходят, до какого блока доскролливают, на каких кнопках кликают.

Если видите, что до пятого блока долистывают 10% посетителей, а форма там одна - значит, 90% не увидели призыв к действию. Надо либо поднять форму, либо сократить блоки выше, либо добавить кнопку раньше.

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

Лендинг - это не памятник. Его тестируют и меняют. Оптимальное количество блоков для вашей ниши и аудитории вы узнаете только через итерации.

Как это делаем мы

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

Стоимость разработки лендинга начинается от 50 000 рублей - точная цифра зависит от количества уникальных блоков, интеграций и функционала. Это всегда обсуждается на этапе брифа. Работаем на React, делаем адаптивную вёрстку, подключаем аналитику и настраиваем формы. Если нужна поддержка после запуска - это отдельная услуга, чтобы тестировать гипотезы и менять структуру по данным.