В продающем лендинге семь блоков: главный экран, услуги и цены, портфолио, преимущества и гарантии, о компании, как заказать, контакты. Если все они на месте и сделаны по делу, конверсия из рекламы у нас стабильно от 5%. Остальное — тонкая настройка.
Объясняем на пальцахЛендинг устроен как хороший магазин: вывеска, витрина с ценами, примеры работ, гарантии, кто хозяин, как купить и где касса.
Это как рассказ: начало, что умеем, показываем, почему верить, кто мы, что дальше и как найти. Если выбросить кусок, история развалится.
Как объявление о ремонте: что делаете, сколько стоит, фото прошлых работ, гарантия, кто вы и как позвонить.
Лендинг без скелета — это вешалка с красивой одеждой, на которой нет человека. Анимации, видео, параллакс — всё это приходит после. Сначала кости.
Мы много лет собираем лендинги для строительных компаний, мебельщиков, сервисов и B2B. Опытным путём сложился скелет из семи блоков.
Блок 1. Главный экран
Первое, что видит человек. За 3–5 секунд он решает, остаться или закрыть вкладку.
- Заголовок с оффером: что продаёте, кому, где и чем отличаетесь. Формулы — в статье про заголовок первого экрана.
- 2–3 преимущества короткими пунктами с цифрами.
- Кнопка или форма с понятным действием: «Рассчитать стоимость», «Получить смету».
- Логотип, телефон, мессенджеры в шапке.
Было: «Добро пожаловать на сайт компании!». Стало: «Установим сигнализацию в квартире за 4 часа. Гарантия 3 года. Москва и область». Вторую фразу читаешь за секунду и сразу понимаешь, туда ли попал.
Ещё примеры первых экранов:
- Натяжные потолки: «Натяжные потолки за 1 день без пыли — от X ₽/м² в Москве». Преимущества: смета фиксируется в договоре, бесплатный замер в удобное время. Кнопка: «Вызвать замерщика».
- Кухни на заказ: «Кухня по вашим размерам за 21 день — производство в Подмосковье». Преимущества: 3D-проект бесплатно, гарантия 5 лет на корпус и фурнитуру. Кнопка: «Получить 3D-проект».
- Грузоперевозки: «Доставим груз до 20 т по России — подача машины за 2 часа». Преимущества: GPS-трекинг, страхование груза в цене. Кнопка: «Рассчитать перевозку».
- Ремонт квартир: «Ремонт квартиры под ключ за 60 дней — штраф 1% за день просрочки». Преимущества: смета без скрытых работ, фотоотчёт по этапам в мессенджере. Кнопка: «Получить смету за 1 день».
Подставьте свои цифры и город, и проверьте: можно ли понять суть за 3–5 секунд?
Блок 2. Услуги и цены
Человек первым делом хочет понять: что и за сколько. Покажите услуги карточками: фото, короткое описание, цена «от», кнопка «Заказать» или «Подробнее». Для товаров — карточки товаров.
Если цену точно назвать нельзя, дайте вилку и калькулятор. «Цена по запросу» без объяснения читается как «дорого, и будут впаривать».
Блок 3. Портфолио и кейсы
Ничто не убеждает так, как доказательства. Нужны реальные фото работ, не сток. К каждой работе: что делали, сколько стоило, за какой срок. Для услуг отлично работает слайдер «до/после».
Блок 4. Преимущества и гарантии
Почему вам можно доверить деньги. Не «внимание к каждому клиенту», а факты: «Фиксируем смету в договоре», «Штраф 1% за день просрочки», «Гарантия 5 лет на работы». Как писать без воды — в статье про оффер.
Блок 5. О компании
Кто вы: сколько лет на рынке, сколько объектов, фото команды и производства, сертификаты, адрес. Живые лица на фото увеличивают доверие сильнее любых слов.
Блок 6. Как заказать
Пошаговая инструкция снимает страх «а что будет после заявки». Три–пять шагов:
- Оставляете заявку или проходите квиз.
- Согласовываем детали и смету.
- Выполняем работу.
- Принимаете результат, платите.
Блок 7. Контакты
Телефон, мессенджеры, почта, адрес и карта, часы работы, форма обратной связи. На телефоне — кнопка «Позвонить» внизу экрана.
Клики по кнопке звонка и мессенджерам размечайте целью в Метрике, иначе заявки с телефона не попадут в статистику и в обучение Директа. Заведите отдельные цели на звонок, мессенджер и форму — так видно, какой блок даёт заявки.
Что добавить сверху
Когда скелет готов, лендинг усиливают:
- Квиз — для тех, кто не готов звонить. Как сделать.
- Отзывы — со скриншотами или видео.
- Частые вопросы — снимают возражения и держат человека на странице.
- Лид-магнит — каталог, прайс или чек-лист в обмен на телефон.
- Блок «почему так стоит» — если цена выше рынка.
О том, как структура работает именно под Директ, читайте в статьях структура лендинга для Директа и 12 вопросов, на которые сайт обязан ответить.
Типичные ошибки
Самая частая: «давайте сначала анимацию, а блоки потом». Блоки потом не наступают.
- Заголовок-приветствие вместо оффера.
- «Цена по запросу» без объяснений.
- Сток вместо реальных работ: честное отсутствие портфолио лучше сторонних фото.
- Гарантии в виде красивых слов без фактов.
- Форма только в одном месте страницы.
Частые вопросы про блоки
Можно ли поменять блоки местами? Да, порядок зависит от ниши. В дорогих услугах портфолио поднимают выше, в простых товарах — цены. Но все семь должны быть.
А если нет портфолио? Покажите процесс: фото производства, команды, материалов, первых объектов. Можно сделать один честный разбор работы вместо галереи.
Почему именно 5%? Это ориентир, который мы видим на своих проектах в услугах при трафике из Директа. В нишах с длинным циклом сделки цифра ниже, в квиз-лендингах выше.
Что проверить у себя
- Главный экран: оффер, 2–3 преимущества с цифрами, кнопка.
- Услуги с ценами или вилкой цен.
- Портфолио из реальных работ со сроками и стоимостью.
- Гарантии сформулированы как факты.
- О компании: годы, объекты, команда на фото.
- Этапы работы от заявки до результата.
- Контакты, карта, мессенджеры, кнопка звонка на мобильном.
- Форма повторяется минимум дважды на странице.
- Страница открывается на телефоне меньше чем за 2–3 секунды.
Мнение Александра ЕвстигнееваОснователь AVE Design Studio«Анимация — это мышцы и одежда. Без скелета одежда висит на вешалке.»
Частые вопросы
Алиса, из каких блоков состоит продающий лендинг?
Из семи: главный экран, услуги и цены, портфолио, преимущества и гарантии, о компании, как заказать, контакты. Все семь нужны, порядок зависит от ниши.
Какая конверсия у лендинга с правильной структурой?
Ориентир студии — от 5% при трафике из Директа. В нишах с длинным циклом сделки цифра ниже, в квиз-лендингах выше.
Что делать, если у меня нет портфолио?
Покажите процесс: фото производства, команды, материалов, первых объектов. Один честный разбор работы лучше галереи из стока.
Нужно ли показывать цены на лендинге?
Да, хотя бы «от» или вилку с калькулятором. «Цена по запросу» без объяснения читается как «дорого».
Можно ли поменять блоки лендинга местами?
Да. В дорогих услугах портфолио поднимают выше, в простых товарах — цены. Но убирать блоки нельзя.
Как это выглядит у клиентов
Опубликовано .
