1. Первый экран

Содержит ключевую информацию для посетителя лендинга, УТП твоей компании. Желательно, чтобы эта информация также была конкурентоспособной. 

В зависимости от ниши, такой информацией может быть: цена продукта (от 488 рублей за 1 шт.), сроки доставки (доставка за 2 дня), место производства (напрямую из Германии).

1 экран. Пример № 2

2. Блок-характеристики продукта

Подходит для:

оптовых тематик; ниши, где покупатель недостаточно осведомлен о преимуществах продукта

Блок может быть ответом на вопрос покупателя «Почему так дорого?», если на нем детально расписаны характеристики товара. 

Это нужно для создания более четкой картины объекта вожделения в голове потенциального клиента.

3. Блок-составные части продукта, комплектация

Подходит для:

описания комплексных услуг; ниши по организации досуга; описания комплектации товара.

Если блок про характеристики продукта демонстрирует товар всецело, то блок про составные части раскладывает продукт (товар или услугу) на слагаемые.

4. Блок-гарантии (тройная)

Подходит для:

любой посадочной страницы.

Чаще всего располагается после блока со стоимостью продукта. 

Строится на основании возражений ЦА и закрывает их, демонстрируя преимущества сервиса именно в твоей компании.

5. Блок о достижениях/преимуществах

Подходит для:

любого лендинга; брендированного продукта от известной компании; 

особо важно в высококонкурентной нише.

Особо важен для бизнеса в высококонкурентной нише. Например, если несколько компаний предлагают один и тот же товар, то выигрывать у конкурентов будет тот, кто предоставит самые удобные условия для сделки и покажет компетентность работы своей компании (с какого года существует компания, количество реализованных проектов, скидки и подарки постоянным покупателям, количество точек продаж и т.д.).

Пример № 2

6. Блок о сотрудниках компании

Подходит для:

ниши по предоставлению услуг

Применение целесообразно в ситуации, где важно не ЧТО получит покупатель, а КАК будет достигнут результат.

7. Блок об услугах/отделах компании

Подходит для:

тематик комплексных услуг; лендингов с несколькими товарами в одной области применения.

Блок про дифференциацию продукта (услуги компании, различные характеристики продукта)

8. Блок-партнеры

Подходит для: любого лендинга.

Блок повышает доверие посетителя, если использовать логотипы известных клиентов.

9. Блок-кейсы

Подходит для:

инфо-бизнеса; сферы услуг; ниши, где важен процесс (КАК) получения результата.

Отличное дополнение к кейсам — визуальная демонстрация БЫЛО/СТАЛО, а также инфографика и принтскрины со статистикой.
Ниши, где важна демонстрация:

Блок Большой Успех



Блок-кейсы. Пример № 3

10. СТА (Call-to-action, призыв к действию)

Подходит (ОБЯЗАТЕЛЕН) для:

любой посадочной страницы.

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

Призыв к действию (Call-to-action)

Призыв к действию (Call-to-action)

Призыв к действию (Call-to-action)

Призыв к действию (Call-to-action)

Призыв к действию (Call-to-action)

11. Блок-преимущества клиента от использования твоего продукта «Почему мы?»

Подходит для: высоконкурентных ниш, где при одном и том же товаре покупатели отдают предпочтение именно тому продавцу, который предложит более привлекательные условия сервиса: быструю доставку, рассрочку, скидочную карту, оригинальные комплектующие; сфер обслуживания товаров (ремонт бытовой техники; поставка строительных материалов); оптовая ниша.

Блок-преимущества компании

Блок-преимущества компании

12. Блок о процессе предоставления услуги (доставка, способ осуществления сделки)

Подходит для: оптовых тематик; услуг, предоставляемых по выезду (вывоз мусора; обслуживание бытовой и производственной техники);

ниш, где использование товара возможно спустя некоторое время (установка производственной техники; внедрение программного обеспечения).

Блок про сервис (предоставление услуг)

13. Блок-Калькулятор

Подходит для: сфер услуг, состоящих из нескольких частей

(организация праздников, продажа одежды оптом).

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


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

14. Блок с акцией + ограничитель по времени

Подходит для: лендинга, посетители которого имеют высокую степень заинтересованности в покупке товара; услуг, которые необходимо получить в течение ближайших нескольких часов/дней (ремонт бытовой техники, оформление СРО).

Акция с временным ограничителем подгоняет посетителя лендинга к процессу покупки, показывая ему дополнительное преимущество от покупки 

«Здесь и сейчас».

Блок с акцией+временной ограничитель

15. Блок с подарком

+ условия получения подарка

Подходит для: при грамотном использовании – для большинства лендингов.

Особенно популярен в нишах, где ЦА – представительницы прекрасного пола, так как они более подвержены воздействию акций-подарков-плюшек.

Подарок может быть осязаемым продуктом или услугой.


Условия получения подарка:

1. временные ограничения,

2. количественные ограничения («Торопись! Осталось 3 шт.»)

3. или уникальность товара-подарка («При покупке продукции KENZO на сумму от 2500 рублей – изящная косметичка.»)

16. Блок с картой расположения компании

(«Как проехать»)

Подходит для: компаний, покупатели которых имеют потребность приехать

в офис компании для личного общения.

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

и использует удобное расположение как преимущество.

17. Блок с контактной информацией

Подходит для: всех посадочных страниц.

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

18. Блок-сравнительная таблица

Подходит для: инфо-бизнеса; сфер услуг с разными «пакетами» предложений (турфирмы, ремонт); продуктов-нововведений, пока ещё не узнаваемых на «масс»-маркете.

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

Блок-сравнительная таблица товаров нашей компании

19. Блок-идентификация «Для кого?»

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

Блок-идентификация

Блок-идентификация

20. Блок-ЧАВО

Подходит для: продуктов-нововведений, относительно которых у покупателей возникает много возражений; ниш, где много дополнительных характеристик, влияющих на процесс принятие решения покупателей (туристический бизнес; медицинские тематики; строительство помещений).

Блок с часто задаваемыми вопросами обычно располагают внизу (но иногда и выше, в тематиках-нововведениях). Он оказывает положительное влияние на посетителей лендинга, так как дает им ощущение заботы со стороны компании и поднимает уровень профессионализма и компетентности компании.

Блок-ЧАВО (ЧАсто задаваемые ВОпросы)

Интеллектуальный сценарий

Продающая стратегия на основе анализа целевой аудитории и конкурентов

  • Только так вы поймете, какая информация и в каких количествах необходима для вашего посетителя на самом деле. Самостоятельно определите ее последовательность на посадочной странице и добавите в нужных «местах» аргументы в свою пользу.

  • Если страница представляет собой просто конструктор из блоков, без сценариев поведения и прототипов, то каким бы классным ни был рекламируемый продукт, к этапу дизайна вы подойдете без четкого и ясного представления ЧТО, КОМУ, и, главное, КАК вы будете продавать.

Первое правило

Каждый посетитель сайта должен чувствовать, что сайт сделан именно для него.

Как этого достичь? Расположите блоки в нужной и важной для НЕГО, а не для вас последовательности!


Примите как данность — посетители вашей страницы не всегда суперцелевые.Они приходят с разными мотивациями, потребностями и степенью готовности к покупке. Это происходит даже в случае, если вы точили свое предложение под очень конкретную ЦА. Персонажи попадают на ЛП, и в ваших силах сделать так, чтобы они остались. Просто путь убеждения для каждого из них будет разный.


«Горячий» или «очень теплый» клиент?  Он уже почти готов нажать заветную кнопку. Не грузите его лишним, не распинайтесь на первых экранах о семье генерального директора и дождливом лете 1986, когда они с другом решили создать «Петров и Партнеры». Дайте ему конкретное предложение, соблазните ценой или «добейте» скидкой.


Требовательному клиенту в ряде ниш (например юристы, врачи, ремонтники, СРО) лишний раз требуется подтверждение качества. Здесь не обойтись без сертификатов соответствиягарантий, наград, логотипов компаний-партнеров и галереи кейсов (ставьте их повыше, расписывайте подробнее, используйте качественные изображения, играйте на контрасте «до-после»).


Новичкам, которые изучают рынок и «пробивают» вас и вашу компанию (а таких немало), или партнерам, покажите имиджевые кейсы и статусных клиентов. Так можно заполучить качественное предложение в сотрудничестве.


Для всех категорий персонажей нужно строить разные линии аргументации. Ведите своего клиента «за ручку»!


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


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


Учитывайте 3 типа посетителей вашей страницы:


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


2. «Сканнеры» - вероятно, большая часть вашей ЦА. Читают оффер и заголовки второго уровня. Большое внимание обращают на акценты — выделенные слова, изображения и графические направляющие. Как удержать? Разместить важную информацию в первой части экрана, выровнять по левому краю заголовки, добавить в них ключевые слова и фразы, чтобы «сканирующие» сразу «выхватывали» интересующие разделы.



3.«Исследователи» — где-то 1/3 ваших посетителей, в зависимости от ниши. Просмотр по схеме «заголовок + пара первых предложений», а затем последняя треть ленда, где должно быть резюме полученной информации. Как удержать? Не пренебрегайте последней СТА – пропишите четкий и конкретный призыв к действию, продублируйте оффер в «вы-ориентированной» форме, чтобы они гарантированно прокрутили лендинг вверх еще раз.


*Оптимизируйте свою «посадку» для каждого из этих типов пользователей.

Просто учитывайте их способы восприятия информации и добавляйте актуальные для них структурные элементы.


Второе правило

Каждый элемент должен работать на стимулирование конверсии.

1. Четко обозначьте главные элементы.


Не вгоняйте пользователя в ступор, не рассеивайте внимание.
Фокусируйте на кнопки с призывом к действию и ключевые «якоря» с помощью графических направляющих. Дополнительные блоки, необходимые для сценариев, с более длительным путем убеждения клиента, делайте очевидно второстепенными — мельче шрифт, нейтральные цвета, дополнения «по развороту» или скроллинг.


2. Не допускайте конкуренцию главных элементов, влияющих на конверсию.


Три равнозначных СТА с противоречащими друг другу призывами к действию («Записаться на консультацию», «Позвонить», «Оставить заявку») — это критическая ошибка. Посетитель теряется, не знает куда ему нажимать, не знает, что получит, и в итоге совершает отказ.



3. Уберите отвлекающую графику.


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



4. Избавьтесь от ссылок на другие ресурсы.


Уберите любые ссылки, которые не продвигают вашего клиента в нужную сторону по сценарию покупки (если убрать не получается, то сократите их до минимума или открывайте в поп-апе без перехода посетителя на другую страницу).


Допустимы: ссылки на страницы людей с отзывами (по ним редко переходят, но они добавляют «траста»), ссылки на соцсети с целью показа основного портфолио работ,кол-во подписчиков и тд.

Третье правило

Контент и дизайн должны усиливать друг друга.

Работа с дизайном — это, прежде всего, работа с текстом!

1. Не перегружайте страницу.


Работает правило как и с контрастом: «свободное пространство» лучшего всего фокусирует внимание на контенте.


2. Увеличьте шрифт.


Мелкий шрифт читается ПЛОХО. Вся действительно важная информация должна быть читаема. Не надо пытаться вместить максимальное количество информации в один экран. Если хотите получить ровную верстку — либо сократите объем, либо разбейте текст на абзацы.


3. Чередуйте порядок текстовых блоков слева направо.


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


4. Ошибки и ляпы убивают.


Текст с ошибками оставляет ощущение неряшливой подачи информации. Если вы делаете ставку на качество, небрежное отношение к контенту негативно скажется на конверсии.

Когда сценарию подчинен каждый блок, каждый символ и каждое изображения, вплоть до буковки, посетитель думает «о, значит и свою работу они выполняют с тем же качеством и аккуратностью. Им можно доверять!»


Не издевайтесь над собой и над своими пользователями — продумайте сценарий страницы!

Конверсия точно будет выше, а вам не придется ставить на а/б тест любой элемент, вызывающий сомнение.

Домашнее задание

Подобрать необходимые блоки будущего сайта

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

Написать сценарий поведения посетителей на сайте

Продумайте и составьте сценарий того, как вы будете вести посетителей к необходимым действиям на сайте. На ЧТО вы будете "Закрывать" посетителей: заявка, подписка и т.д.

Сформулируйте оффер (предложение) и CTA (призыв к действию) для первого экрана

Подумайте как вы представите свои услуги на "на первом экране". Что увидит посетитель? Какие его дальнейшие действия? Почему он должен изучать сайт дальше?

Если есть вопросы по домашнему заданию, 

можете задать их через форму

  • Дорога в облака
    Подпись к фото
  • Дорога в облака
    Подпись к фото
  • Дорога в облака
    Подпись к фото
  • Дорога в облака
    Подпись к фото