Практический online-курс

Идеальная структура landing page по версии LPgenerator

Идеальная структура лендинга

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

Содержание

Заголовок
Логотип, название компании, контакты
Демонстрация продукта/услуги
Преимущества бренда
Описание оффера
Взаимная коммуникация
  Лид-форма
  CTA
  Акция
Социальные доказательства
Завершающий маркетинг
Вместо заключения

Заголовок

Любая маркетинговая кампания обязана начинаться с определения уникальных характеристик бренда. Необходимо четко сформулировать, чем предложенный продукт отличается от других, представленных конкурентами. Естественно, вам необязательно придумывать все заново: как правило, программа уже определена до начала проектирования веб-ресурса. Если этот момент упустили, то формирование УТП — первостепенная задача.

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

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

  • основной заголовок — лаконичный, привлекательный, продающий;
  • подзаголовок уместен, когда необходимо разъяснить, уточнить главный оффер. Подзаголовок часто используется для сокращения основного заголовка.

Простой пример от LPg.

Заголовок

Назад к содержанию

Логотип, название компании, контакты

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

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

Разобравшись, куда он попал, и увидев ваше предложение, человек задастся вопросом, как приобрести ваш товар или услугу. Именно поэтому главная страница должна проектироваться с блоком контактов. Укажите номер телефона и адрес. Чаще всего здесь же ставят CTA-кнопку «Заказать звонок».

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

Логотип

Назад к содержанию

Демонстрация продукта/услуги

Цель маркетологов — продемонстрировать свой товар/услугу. Задача — создать у посетителя сайта ощущение, будто он лично тестирует продукт. Существует несколько способов достижения этой цели:

  • фотография — используйте hero image для фона хедера, а после раскройте подробности другими тематическими изображениями;
  • видео — традиционно пользователи больше доверяют такому контенту.

Вот удачный макет одностраничного сайта html.

Демонстрация

Назад к содержанию

Преимущества бренда

Подробные описания выгоды сотрудничества будут находиться непосредственно в уникальном отличии бренда от конкурентов. Сначала мы использовали лаконичный коммерческий заголовок, призванный «схватить» клиента сразу после входа. Теперь нужно опередить вопрос посетителя «Зачем мне это нужно?». Тут важно найти баланс между информативностью/объемом, а не «растекаться мыслью по древу», так как специфика landing page не позволяет подобного.

Подходящие примеры находим в магазине целевых страниц:

Преимущества

пример целевой страницы

пример целевой страницы

Назад к содержанию

Описание оффера

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

Вот пример макета одностраничного сайта в psd из LPStore.

оффера

Назад к содержанию

Взаимная коммуникация

Лид-форма

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

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

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

форма

Теперь о том, где же оптимальное место лид-формы: на первом экране или после «линии сгиба». Ответ нашелся у эксперта Майкла Огарда (Michael Aagaard) из компании ContentVerve. Он провел занимательное сплит-тестирование: сравнил две версии расположения поля. Первый вариант — выше «линии сгиба», второй — ниже.

форма

В результате выяснилось, что второй вариант повысил уровень конверсии на целых 304%.

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

Назад к содержанию

CTAA

Call to Action (CTA) — один из самых важных частей структуры лендинг пейдж. Инфопродукт, включающий такой текст, мотивирует пользователя совершить конверсионное действие. Стандартным CTA-элементом является графическая кнопка, благодаря которой потенциальный заказчик перемещается к конечному пункту.

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

Проверяли два варианта, где были кнопки «Получите 30-дневную версию»/«Получить мою 30-дневную версию».

CTA

Удивительно, но во втором случае коэффициент кликабельности вырос на 90%.

Резюмируя сказанное:

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

LPgenerator подает пример:

CTA

Назад к содержанию

Акция

Ускорить принятие решения о покупке можно благодаря акции с «эффектом срочности». Действенность этого приема экспертами обсуждается постоянно. Увидеть практическое воплощение теории можете на наших макетах одностраничного сайта бесплатно.

Акция

Назад к содержанию

Социальные доказательства

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

Макет лэндинга, отвечающий требованиям.

Социальные

Большое значение имеют отзывы. Без комментариев реальных покупателей пользователь видит в продавце угрозу своим деньгам. Очень многие разработчики landing page пренебрегают этим или размещают недостоверную информацию. Рекомендуем следовать правилам:

  • использовать минимум 3 отзыва;
  • размещать настоящее фото клиентов;
  • добавлять ссылки на профиль автора из социальных сетей;
  • делать текст максимально «человечным»;
  • при необходимости использовать поля «Профессия», «Возраст».

Все шаблоны LPg предоставляют разнообразные социальные доказательства.

Социальные

Социальные

Назад к содержанию

Завершающий этап

Далеко не каждый посетитель становится клиентом, поэтому снижать показатель отказов рекомендуем следующими «фишками».

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

«Ответ на вопрос». Предложите клиенту оставить свою электронную почту, так есть шанс продолжить коммуникацию. Только ненавязчиво, спама никто не любит.

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

Представляем макет одностраничного сайта с использованием последнего инструмента, плюс «эффект срочности».

landing

Назад к содержанию

Вместо заключения

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

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

Назад к содержанию

Высоких вам конверсий!

Image Source: Matt 

31-08-2015

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".