Как создать продающий лендинг

29.02.2020
27 Просмотров
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №1
Первое впечатление о компании играет важнейшую роль, поэтому необходимо тщательно подходить к созданию точек соприкосновения. Перенасыщенность рынка приводит к требовательности со стороны клиентов. Низкая скорость загрузки сайта, неуникальный контент - распространенные причины того, что пользователь уходит к конкуренту.

Будущее за компаниями, тщательно подходящими к созданию посадочных страниц, четко демонстрирующими ценности, понимающими потребительскую психологию. В статье собраны критерии, которым должен соответствовать грамотный Landing Page*.

*Информация подготовлена на базе официальной презентации Google UX Playbook for Lead Gen.

Пример Call-to-action

Результативность посадочной страницы во многом зависит от призыва к действию. Убедитесь, что изъясняетесь лаконично и понятно, а предложение несет ценность для посетителя. Лучшая практика landing page соответствует таким критериям:
  • четкий CTA;
  • целевая кнопка легкодоступна;
  • ясно обозначена ценность;
  • категории выведены на Главную;
  • использованы читабельные шрифты;
  • отсутствуют вращающиеся карусели;
  • нет полноэкранных вставок.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №2

Четкий CTA выше линии сгиба

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

Цели

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

Лаконичность

Вдумчиво относитесь к выбору слов для создания CTA. Самое важное здесь—, максимально четко и ясно отразить суть предложения. После короткого словосочетания добавьте слово отражающее действие. Ниже несколько примеров.
  • 10 работающих схем по созданию продающих заголовков. Скачать бесплатно.
  • Увеличьте эффективность рекламных кампаний до 35%. Попробовать бесплатно.
  • Самая масштабная бизнес-конференция 2020 года. Купить билеты со скидкой -50%.
Важно помнить, что CTA должен нести пользу непосредственно для потребителя. При нажатии на кнопку, он должен ощущать ценность предложения, что это действие является выгодным.

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

Подача

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

Убедитесь, что кнопки читабельны и хорошо заметны. Для этого грамотно подойдите к вопросу выбора цветов. Для привлечения внимания пользователей, лучше всего подходят контрастные кнопки.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №3

Размер

Меньше текста - больше сути. Объем хорошего Call-to-action составляет до 150 символов. Определите оптимальный размер кнопки. Слишком маленькая - останется незамеченной, большая - выглядит бестактно и непривлекательно.
Уделите особое внимание используемым шрифтам, они должны хорошо читаться, на кнопке.

Копирайтинг

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

Ключевые категории

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

Чистый дизайн без излишеств

Стремление сделать максимально стильный и эффектный сайт, обернетуться против вас. Двигающиеся карусели отвлекают внимание и не дают сконцентрироваться на информации. Мультимедийные элементы ухудшают восприятие и даже мешает чтению.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №4

Полноэкранные вставки

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

Не делайте закрытые посадочные страницы

Согласно проведенным исследованиям, больше всего людей нервирует необходимость регистрации до ознакомления с предложением. Создайте Landing Page с возможностью регистрации, но не заставляйте пользователей регистрироваться до его изучения. Это отталкивает и становится причиной высокого показателя отказов. Ниже представлены некоторые преимущества открытой целевой страницы.
  • заметные ссылки;
  • увеличивается убедительность и привлекательность для пользователя;
  • наличие нескольких переходов со страницы на страницу внушает большее доверие;
  • можно добавить дополнительные ключевые слова, что положительно скажется на поисковой оптимизации;
  • посетителям проще ориентироваться в информации.

Добавьте преимущества перед призывом к действию

Донесите до пользователей ценность совершения целевого действия. Почему ему стоить тратить свое время здесь и сейчас. Ниже несколько фактов о поведении потребителей, которые помогут улучшить ваш СTA.
  • перед созданием посадочной страницы важно помнить, что большинство людей не склонны принимать решения сразу;
  • не просите о действии, пока посетитель не готов;
  • выбирая между призывами “купить сейчас” и “добавить в корзину”, лучше выбрать “купить сейчас”. “Добавить в корзину” дает пространство для изменения мнения. А это однозначно не цель посадочной страницы.
Тестирования показали, что изменение CTA существенно меняет показатели конверсии. Более четкий призыв к действию улучшил кликабельность на 26%.

Ориентированный на выгоду призыв к действию, показывает еще большую эффективность. BettingExpert.com изменили текст, и получили рост показателей на 33%.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №5 Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №6

Пример ценного предложения

  • четкий CTA;
  • понятное ценное предложение;
  • выпадающее меню с корзиной;
  • социальное доказательство (подтверждение качества другими пользователями);
  • лучшие категории на главной странице;
  • читабельные размеры шрифта;
  • нет вращающихся каруселей;
  • нет полностраничных вставок.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №7

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

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

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

Согласно исследованиям, 70% потребителей склонны доверять отзывам в Интернете. 63% опрошенных утверждают, что более часто приобретают товары на сайтах с отзывами.

В качестве социального подтверждения можно использовать:
  • отзывы;
  • рейтинг пользователей;
  • количество людей, которые уже выбрали продукт.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №8

Дайте посетителям что-то прежде чем просить о чем-то

Лучший пример предоставления полезной информации
  • добавьте карту частых вопросов пользователей;
  • предоставьте нужную информацию;
  • создайте среду, где посетитель чувствует себя комфортно, передвигаясь по сайту;
  • упростите получение дополнительной информации;
  • поставьте потребителя на место водителя, подумайте, что ему нужно знать в процессе передвижения по сайту.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №9

Что нужно клиенту

  • Взаимность. В социальной психологии одним из ключевых принципов является взаимность. Согласно ему, в большинстве случаем мы возвращаем, что получаем от других. Дайте пользователю пользу и он с большей вероятностью отдаст предпочтение вашему бизнесу.
  • Пробные версии. Бесплатный контент во всех проявлениях представляет собой прямой аналог образцов физических товаров. Его можно использоваться, чтобы сыграть на принципе взаимности.
  • Предварительный просмотр. Если продукт позволяет, дайте потребителю взглянуть на него, ознакомиться. Это дает возможность больше ощутить ценность.
  • Согласно исследованиям, пользователи, сталкивающиеся с агрессивными формами привлечения клиентов, часто вводят неправдивые контактные данные. Поэтому сначала создайте среду для доверия, а затем начинайте действовать.
Соблюдайте последовательность и не торопитесь. Подумайте о потребностях пользователей, изучите и предоставьте качественное решение проблемы. Исследования показывают, что посетители недовольны, когда:
  • компания бизнес-цели ставит выше потребностей потребителей;
  • компания не показывает ценность, а просто пытается продать;
  • компания не налаживает связь с клиентом.
Потребители хотят ощущать важность, поэтому проявите заботу и вы непременно получите вознаграждение.

Создайте ощущения срочности

В ходе А/Б тестирования, проведенного Marcus Taylor обнаружено, что наличие элемента срочности повышает коэффициент конверсии почти в 3 раза. После замены варианта (представлен ниже) показатель вырос с ~ 3,5% до ~ 10%.
Наличие акции с привязкой ко времени создает ощущение утраты. Временные рамки стимулируют быстрое принятие решения. Счетчик - это мощный инструмент для посадочной страницы.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №10 Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №11

Пример автозаполнения

  • при нажатии на корзину ограничены точки выхода;
  • сокращено количество полей;
  • используется автозаполнение;
  • включена проверка в строке, если значение верное оно становится зеленым;
  • применяется Google Places API;
  • поля кредитной карты используют соответствующую клавиатуру;
  • по умолчанию выставляется счет;
  • выделены соотношение цены и качества;
  • в нижней части размещена форма связи.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №12

Упростите заполнение информации

  • Сократите путь пользователя, упростите ему жизнь. Печатать на смартфоне тяжело и это игнорировать нельзя. Подключите автозаполнение, чтобы посетитель потратил меньше времени на ввод данных.
  • Сократите количество полей до минимума. Стремление получить больше может обратиться провалом.
  • Убедитесь, что функция проверки работает исправно, добавлены обязательные поля и в них указаны правильные условия заполнения. Это поможет избежать спама.
  • Добавьте правильный ввод для каждого поля. Если требуется ввести цифры, выведите ввод чисел. Подобное решение упростит процесс внесения данных.
  • Используйте нумерацию страниц для наглядного представления шагов регистрации.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №13

Лучший пример отдельной страницы формы от Warby Parker

  • количество полей уменьшилось за счет объединения имени и фамилии;
  • отключена вторая адресная строка;
  • пользователю не нужно вводить пароль дважды;
  • работоспособная проверка заполнения;
  • всплывает уведомление, если поле пропущено;
  • реализовано автозаполнение;
  • Google Places API для автозаполнения поля доставки;
  • поле кредитной карты расширяется только после нажатия;
  • выставление счета по умолчанию;
  • в нижней части экрана размещена функция обратной связи.
Ниже, в порядке убывания, представлен каждый критерий, увеличивающий эффективность посадочной страницы. Работающий Landing Page - это структурированная работа, требующая тщательного анализа, понимания ЦА. Здесь важны даже мельчайшие детали. Разработайте несколько гипотез, будьте готовы к А/Б тестированию. На начальном этапе это может быть более затратно, однако в долгосрочной перспективе, даст больший выхлоп и отдачу.
Как создать продающий лендинг: дизайн и лучшие практики создания Landing Page| Peiko №14

Четкий CTA 

Супер важно

Посадочная страница открытого типа

Супер важно

Добавьте преимущества перед призывом к действию

Важно

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

Важно

Ощущение срочности

Важно

Ключевые категории

Важно

Полезная информация

Важно

Автозаполнение

Рекомендуется, но не супер важно

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

Похожие статьи

WEB разработка

MVP

23.02.2020
503 Просмотра

WEB разработка

Как оптимизировать "Корзину" в интернет магазине

11.03.2020
29 Просмотров

WEB разработка

Как ускорить загрузку сайта: основные способы

04.02.2020
2 859 Просмотров
Мы уверены вы задумали что-то очень интересное
Мы готовы это реализовать