Как сделать Landing Page своими руками. Схема продающей страницы от А до Я (часть № 1)

Всем привет! Предлагаю вам ознакомиться с моей статьей для участия в конкурсе от Нетологии и Яндекс.Денег под названием «Охотимся за ошибками». Условия конкурса опубликованы здесь. Главный приз, который я и хочу выиграть – это грант на онлайн-интенсив «Руководитель интернет-магазина» от соучредителя «Нетологии» Максима Спиридонова.

О том, почему я так давно не писал новые материалы и почему решил участвовать в конкурсе от Нетологии, расскажу в одной из следующих статей. Эта статья и так получилась очень объемная, пришлось её даже сократить 🙂 Задача участников — предоставить конструктивные и точные советы владельцу сайта по увеличению конверсии. Свою конкурсную работу я оформил в виде статьи, которая содержит комментарии о допущенных ошибках, советы и примеры. Значение используемых терминов вы можете посмотреть в словаре от РА ArtJoker.

Признаюсь, что тематика «Повышение конверсии Landing Page» не является моей самой сильной стороной, но кое-чем поделиться могу. Для того, чтобы предоставить наиболее эффективные советы, мы пойдем по пути «от общего к частному», где Общее – это глобальные вопросы, а Частное – сам сайт.

Шаг № 1

Глобальные вопросы:

1. Кто наша аудитория, каков её портрет?
2. Каковы наши ценности и убеждения?
3. Чем мы выгодно отличаемся от конкурентов (УТП)?

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

Шаг № 2

Далее приступаем к выяснению цели нашего лендинга. Всего существует 5 вариантов, но в данном случае мы будет говорить только про 2 из них:

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

Шаг № 3

Наконец-то мы перешли непосредственно к ошибкам лендинга.

General

Сайт за первые несколько секунд должен дать понять посетителю, чему он посвящен и что является его целью, а уже потом зацепить и побудить к действию. Очевидно, что у BabyLed это не получается. Одна из причин кроется в отсутствии заголовка. У одностраничного лендинга он должен быть горячим и эмоциональным. О том, что волнует пользователей, вы всегда можете узнать через wordstat.yandex.ru (О том как пользоваться Яндекс Вордстатом я писал ранее).

Советы:

• Добавить заголовок, который будет взаимосвязан с ответами на вопросы из шага № 1. Например:
  • Знаменитая коляска — трансформер для молодых родителей
  • А вы хотите чувствовать во время прогулки с малышом комфорт и удобство?
  • Как сделать прогулку с малышом комфортной и удобной?

Примеры:

Свадебное агентство

Разработка Landing Page

Образцово-показательный пример

Лид-Форма

Пожалуй, один из важнейших элементов на подобных сайтах – это форма сбора контактных данных, задача которой превращать посетителей в ваших покупателей. Не надо ей в этом деле мешать, как это делает конкурсный одностраничник: слишком много полей для заполнения и невнятная кнопка «отправить» (Для чего? Куда? Что будет потом?).

Советы:

• Сократить количество полей до двух (Имя и Телефон).
• Добавить информацию о защите персональных данных.
• Добавить заголовок и описание:
  • Заполните форму, чтобы получить бесплатную консультацию.
  • Наши менеджеры свяжутся с вами в течение 15 минут.
• Добавить текст призыва к действию на кнопку, соответствующий цели сайта из шага №2. Например:
  • Заказать доставку коляски.
  • Перезвоните мне.
  • Получить бесплатную консультацию.
• Дублировать лид-форму внизу страницы или добавить плавающую кнопку («заказать коляску»; «перезвоните мне»).
• Изменить цвет кнопки на более контрастный, чтобы она привлекала больше внимания.

Примеры:

Допуски СРО

Продажа увлажнителей воздуха

Контакты

Это второй элемент вашего сайта, который превращает посетителей в покупателей. Контактные данные — это не только телефонный номер, но и онлайн-консультант. А корпоративный e-mail если и указывать, то лучше в неприметном месте, поскольку фокус лендинга должен сохраняться на одной-двух точках. 

Советы:

• Добавить чат с онлайн-консультантом (с фотографией менеджера) подходящий сайту по дизайну.
• При необходимости добавить кнопку «Перезвоните мне» с дополнительным полем «Удобное время звонка».
• Изменить номер на 8-800 или на стационарный с кодом города местонахождения.
• Проконтролировать «дружелюбное» написание телефонного номера (т.е. заменить +7 на 8, добавить пробелы). Например: 8 (800) 123-23-23.
• Добавить корпоративный e-mail.

Примеры:

Подбор тура в Доминикану

Продажа волкошапок

Акция

Акция с таймером обратного отсчета – это мощный инструмент, который подталкивает посетителя принять решение здесь и сейчас. Для наибольшей эффективности необходимо указать причину действия акции, текущие выгоды и почему срок истечет именно в это время. Данная акция вызывает только вопросы (Мая какого года? Почему цена снижена?), но никак не желание купить коляску сейчас.

Советы:

• Добавить таймер обратного отсчета.
• Указать конкретное название акции. Например:
  • Распродажа прошлого сезона.
  • Ликвидация остатков.
• Указать более конкретные сроки акции.
• Указать скидку в процентном соотношении («Сейчас дешевле на 53%»).
• При необходимости:
  • Добавить валюту к старой цене, т.е. 1870 «руб.».

Примеры:

Перегруженный лендинг, демонстрирующий акцию

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

Продолжение читайте в следующей статье (Как сделать Landing page самостоятельно. Часть 2).

С уважением, Александр Golfstream!