Поса­доч­ная стра­ница: как сде­лать, из чего состоит и на что обра­тить вни­ма­ние

Посадочная страница — это то, где вы сейчас находитесь. Это то, куда вы пойдете после этого сайта, и то, где вы были до. Весь современный Интернет состоит из посадочную страницу, каждая из которых направлена на определенные ваши действия. Некоторые цепляют, а некоторые — остаются в прошлом. Сегодня разбираемся, что это, зачем нужно и как смастерить “ту самую” посадочную страницу.

Для чего нужна посадочная страница

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

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

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

Первый экран посадочной страницы

Итак. человек согласился перейти на вашу страницу — неважно откуда, будь то email-рассылка или реклама в поисковике, или же вовсе органическим путем. Человек перешел, и у него на экране компьютера появится некая область посадочной страницы — это и зовется “первым экраном”.

Чувствуете некую власть? Вы уже можете решать, что показать ему с самого начала. Но благодаря многолетнему опыту мы уже можем точно сказать, что в наибольшей степени влияет на конверсию из посетителя в клиента. Разберем по пунктам.

Заголовок-оффер

Это первое, что видит пользователь. Зачастую именно в этот момент может приняться решение — работать с вами или нет. Оффер располагается в левой части первого экрана и состоит максимально из 15-17 слов. Это предложение, которое отвечает на следующие вопросы:

Кто мы?
Что мы предлагаем?
Почему именно мы?
Какую вашу боль мы решим своим продуктом?

Сами понимаете, что уместить в 17 слов ответы на эти вопросы крайне сложно, отсюда и потребность в профессионалах — тех, кто может составить оффер грамотно.

Первая кнопка целевого действия

Справа от оффера рекомендуется расположить кнопку или форму целевого действия. Что это такое? Каждая посадочная страница. как уже было сказано выше, направлена на продажу какого-то продукта, и каждый приходящий пользователь должен не просто прочитать информацию, а совершить действие. То может быть и заказ обратного звонка, и загрузка приложения, и написание комментария… в общем, любое целевое действие, которое даст вам пользу.

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

Продающие описания вашего продукта

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

“Мы привезем деревянные брусья высочайшего качества куда угодно и в любую погоду!”

В данной фразе мы перекрываем боль логистики у клиента. Он переживает за то, что брусья могут быть не доставлены в его захолустье, а уж если дождь пойдет — то будет совсем все плохо.

Контакты

Не забудьте разместить контакты на первом экране — телефон и адрес электронной почты, по которой пользователь может с вами связаться. Множество заявок на работу приходят именно так — клиенты напрямую связываются с вами, а уж затем — по итогам телефонных или email-переговоров — принимают решение о покупке продукта.

Итак, оффер, целевое действие, продающие описания и контакты. Вот из чего должен состоять первый экран. Несемся на второй!

Второй экран

Пользователь крутанул колесиком мыши, и на экране появился второй экран — вы можете добавить анимацию, чтобы было красиво, но это вовсе не обязательно. Какие основные составляющие второго экрана посадочной страницы?

Если ваш продукт — программа

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

Сделать эстетично и красиво перещелкивание скриншотов можно при помощи интегрированного слайдера. Т. е. сначала на экране появляется первый скриншот, потом — второй и т. д.

Если ваш продукт — услуга

В случае если посадочная страница рекламирует услугу, не лишним будет “похвастаться” удачными кейсами ее применения. Это могут быть продукты ваших клиентов, грамотно реализованных и принесших результат.

Например, вы занимаетесь поставкой LED-экранов. Поместите фотографии (живые!!) вашей продукции в интерьерах клиентов. Это скажет о вас больше, чем обычные стоковые снимки.

Если ваш продукт — товар

Ну тут можно уже и самому догадаться: фотографии самого товара, причем не профессиональные, а опять же живые. Например, как ваш товар помог какой-то клиентке — селфи с вашим товаром и т. д. Всё, что придет в голову. Второй экран — креативный экран.

Третий экран

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

Разумеется, функции нужно выбирать только те, которые нужны вашему клиенту. Не надо говорить о каких-то магических, небесных опциях, которыми воспользуются 1 раз на миллион. Нет, обычная рядовая функция, которой (внимание, лайфхак!) вы отличаетесь от конкурента. Т. е. каждая функция должна негласно отвечать на вопрос: почему именно ваш продукт?

Четвертый экран

Повтор целевого действия — вот, что должно быть на четвертом экране. Причем очень желательно выделить этот блок отдельным цветом, ярким,, отличающимся от общей картины посадочной страницы.

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

Отзывы

Экран — понятие растяжимое, но и делать весь четвертый экран только одним целевым действием — непонятное решение. Разбавьте его блоком отзывов. Да. отзывов ваших живых клиентов. Если у вас в арсенале есть видеоотзывы, так вообще прекрасно, но подойдут и небольшие тексты с указанием имени, компании, должности т. д.

Причем чем больше отзывов будет на посадочной странице, тем лучше — рекомендуем делать их также в виде слайдера по 2-3 отзыва в блоке. Так ваши новые пользователи получат большее количество информации и убедятся в реальности ваших услуг.

Пятый экран

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

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

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

Кроме того, разбавьте ценники выгодой: покажите, как ваш покупатель сэкономит деньги, сделав выбор в пользу вашего продукта. Ведь любого человека заботит 2 вещи: решение боли и решение боли с максимальной финансовой выгодой. Вот и сыграйте на этом!

Ну и завершите всю страницу еще одной кнопкой целевого действия. Причем это может быть даже якорная ссылка на форму с четвертого экрана.

И не забывайте про футер и шапку (блоки внизу и сверху страницы соответственно) — тоже очень важные элементы любой страницы.

Футер и шапка страницы

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

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

Возврат к списку

Расcчитаем стоимость проекта

Cпасибо за заявку!

Мы свяжемся с Вами в течение половины рабочего дня.

© Компания Волга-Веб, 2008–2020

8 800 30-123-44