Лендинг, который продаёт: 8 блоков и порядок, в котором они работают
Лендинг почти никогда не проигрывает из-за дизайна. Он проигрывает из-за порядка блоков: человек не понимает за три секунды, что здесь продают, и уходит. Ниже — структура, по которой я собираю страницы услуг, и объяснение, почему блоки стоят именно так.
Первый экран отвечает на три вопроса
За три секунды человек решает, останется он или нет. Ему нужно понять: что вы делаете, для кого и что будет, если он нажмёт кнопку. Если хотя бы один ответ не читается с первого экрана, дальше можно не стараться — до второго экрана не доскроллят.
Мой рабочий шаблон первого экрана: заголовок с результатом (не «Ремонт квартир», а «Ремонт квартиры под ключ за 60 дней — с фиксированной сметой»), подзаголовок с условиями, кнопка с глаголом и одна строка снятия страха: срок, гарантия, «без предоплаты».
Порядок блоков: почему именно такой
Люди читают страницу как разговор: сначала «это мне подходит?», потом «а вы точно справитесь?», потом «сколько это стоит и что дальше». Порядок блоков должен повторять этот разговор.
- Первый экран — обещание и кнопка.
- Кому подходит — три-четыре коротких сценария: «если у вас новостройка без отделки», «если нужен ремонт под сдачу».
- Что входит в работу — состав, а не список услуг: важно снять страх «а это вообще входит в цену?».
- Доказательства — кейсы с цифрами и фотографиями, а не отзывы без имён.
- Процесс — 4–6 шагов с понятными сроками.
- Цена или калькулятор — если цену нельзя назвать, дайте вилку или расчёт.
- Ответы на возражения — FAQ из 5–7 реальных вопросов из переписки с клиентами.
- Форма — короткая, с обещанием, что будет после отправки.
Блок «о нас» я ставлю после доказательств, ближе к концу. Человеку, который ещё не понял, что вы делаете, история компании не нужна — она нужна тому, кто уже выбирает между вами и конкурентом.
Что чаще всего ломает конверсию
- Кнопка «Оставить заявку» без пояснения, что будет дальше. Замените на «Рассчитать смету за 15 минут» — конверсия растёт без правок дизайна.
- Длинная форма на восемь полей. Каждое лишнее поле — минус часть заявок. Телефон и имя достаточно, остальное уточняется в переписке.
- Отзывы без лиц и названий. Скриншот переписки убеждает сильнее, чем пять строк «Всё супер, спасибо!».
- Картинки-заглушки. Одна реальная фотография объекта работает лучше десятка стоковых.
Если на странице нельзя найти ответ «сколько это стоит и когда начнём» за десять секунд, человек уйдёт искать того, у кого можно.
Скорость важнее красоты
Страница на 4 секунды загрузки теряет примерно половину мобильного трафика ещё до первого экрана. Поэтому я сначала собираю структуру и текст, потом дизайн, и только после этого — картинки: сжимаю, перевожу в WebP, лениво подгружаю всё, что ниже первого экрана. Красивый лендинг, который грузится восемь секунд, проигрывает простому, который открывается мгновенно.
Расскажите про проект — пришлю расчёт и скажу, что делать в первую очередь.