Что такое лендинг?

Чем лендинг отличается от сайта?

Для чего и в какиз случаях используется?

Структура лендинга 

Ошибки при создании лендингов

Примеры 

Что такое лендинг?

Лендинг (landing page) в переводе с английского — «посадочная страница» — одностраничный сайт, который нацелен на сбор контактных данных посетителей либо на продажу конкретного товара или услуги. Такие одностраничники называются «посадочными страницами», потому что на них, условно говоря, «сажают» трафик. То есть посетители попадают на лендинги из контекстной, таргетированной или медийной рекламы, а также из email-рассылок.

Чем лендинг отличается от сайта

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

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

Для чего и в каких случаях используется

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

  • Для рекламы товаров и услуг. В данном случае вы рассказываете о своем продукте, отрабатываете возражения и усиливаете доверие. Чаще всего пользователь оставляет свои контакты взамен на бесплатную консультацию.
  • Для продвижения акций и розыгрышей. Здесь все просто: на лендинге описываются условия и призы, контакты собираются взамен на возможность принять участие. 
  • Для подписки на email-рассылку. Часто на сайтах можно встретить небольшое поп-ап окно с предложением подписаться. Однако лендинг сработает здесь лучше: вы сможете перечислить все преимущества подписки на вашу рассылку, описать, какими материалами вы будете делиться и с какой частотой. 
  • Для лид-магнитов: белых книг, чек-листов, записей вебинаров. На лендинге вы предлагаете пользователям бесплатно получить полезный материал взамен на их контактные данные, которые дальше передаете по воронке продаж. Кстати, оставленные контактные данные также нужно фиксировать в сквозной аналитике, как звонки или заявки.

Структура лендинга

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

Структура лендинга

  • Первый экран — знакомство и захват внимания. Пользователь должен понять, куда он попал, что ему предлагают и захотеть изучить информацию ниже. Для этого постарайтесь создать как можно более цепкий заголовок и привлекательный оффер, который содержит ваше уникальное торговое предложение. 
  • Короткий призыв к действию — Call to action. Пользователь должен быть заинтересован оставить свои контакты вам. Вы можете выбрать 1 или 2 призыва к действию, которые будут повторяться у вас на странице. Например, «Заказать обратный звонок» и «Получить чек-лист по созданию лендинга». Этого достаточно, чтобы не «распылять» внимание пользователей. Именно эти лиды будут попадать в скозную аналитику для дальнейшего анализа.
  • Раскройте оффер, который вы заявили на первом экране. Расскажите подробнее о сути вашей услуги или продукта. Говорите на языке выгод для клиента («Вы получаете…») и используйте тезисную подачу информации. 
  • Описание продукта/услуги, информация о том, как вы работаете. Подробное описание усиливает доверие, вносит ясность в процесс получения услуги и ускоряет принятие решение о контакте с вами. 
  • Триггеры доверия: информация о ваших клиентах, достижения или отзывы. Если у вас есть сертификаты или дипломы, которые вы можете показать, то обратите внимание на то, чтобы каждый сертификат был кликабельным, увеличивал масштаб и был читабельным. Отзывы или логотипы клиентов удобно размещать в формате слайдера с автопрокруткой.
  • Тарифы и стоимость. Расскажите о стоимости продукта/услуги и возможностях оплаты. 
  • Контакты для связи. В финале еще раз призыв к действию с формой обратной связи и контактные данные (телефоны, адрес, ссылки на социальные сети). Обязательно поставьте подменный номер телефона в контактах и учитывайте эти лиды в сковзной аналитике.

Ошибки при создании лендингов

  • Хаотичная и не проработанная структура лендинга — одна из самых главных ошибок. Перед тем, как создавать дизайн, необходимо предварительно продумать путь пользователя по вашему будущему одностраничнику. Разумеется, он будет двигаться «сверху-вниз», но вот какую информацию он будет получать и в каком порядке — другой вопрос. Задача любого хорошего лендинга проста: привлечь внимание → усилить интерес → отработать возражения → окончательно убедить социальными доказательствами → мотивировать оставить свои контакты. 
  • Ошибки в копирайтинге или «текст не продает». Текст должен быть емким и по делу, а также удобным для чтения. Никаких сплошных абзацев текста, информацию лучше подавать тезисами, инфографикой и только в крайних случаях — малыми абзацами. Говорить с пользователями важно на «языке выгод», а описывать преимущества компании лучше с использованием цифр.
  • Оффер в рекламе не совпадает с оффером на лендинге. Бывает так, что пользователь кликает на объявление в контекстной или таргетированной сети, а при переходе на лендинг он видит совсем другие условия акции либо полное отсутствие информации о таковой. Все это вызывает недоумение и ощущение ошибки, как следствие — пользователь покидает страницу. 
  • «Перегруженный» визуал. Слишком яркий, аляповатый, иногда даже с неуместной анимацией. Все это приводит не только к долгой загрузке страницы, но и к эстетическому дискомфорту пользователей и снижению уровня доверия. 
  • Ссылки на другие сайты. Задача лендинга — конвертация пользователей в лиды. Поэтому очень важно не ставить ссылки на сторонние ресурсы (даже очень полезные), а сохранить максимальное количество посетителей на вашей странице до тех пор, пока они не заполнят форму регистрации. 
  • Отсутствие страницы благодарности — хотя она несет в себе полезную для функцию. После заполнения формы пользователь попадает на отдельную страницу, на которой желательно поблагодарить посетителя и указать информацию о том, что именно будет происходить после того, как он оставил свои данные. Например, «Спасибо за вашу заявку! Наш менеджер свяжется с вами в течение часа» или «Спасибо! Чек-лист по созданию лендингов отправлен на ваш email-адрес». 
  • «Перегруженная» форма регистрации. Она должна быть как можно проще: поля для заполнения с именем, номером телефона и электронной почтой. Некоторые оставляют в форме только поле для номера телефона или только поле для электронного адреса. Все это делается для того, чтобы психологически процесс заполнения формы не вызывал никаких трудностей или сопротивления. Чем меньше заполнять, тем меньше усилий. И тем скорее пользователь решится оставить свой контакт. Формы регистрации с огромным количеством ненужных полей для заполнения вызывают только раздражение и нежелание тратить на них время. 
  • Кнопки без «легкого шага». Лучше не размещать на кнопке слова «купить» или «заказать» — психологически это весомый шаг для пользователей. Такие глаголы допустимы, но в отдельных случаях. Если вы не интернет-магазин, а цикл сделки занимает у вас некоторое время, то лучше мотивируйте пользователя просто оставить свой контакт для бесплатной консультации или взамен на получения подарка.

Примеры удачных решений на лендингах

Отличный первый экран

http://ji-fruits.ru 

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

 


 

Наглядная отработка возражений

http://lite.youdrive.today/  

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

 

 

Еще один вариант отработки возражений

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

 

Вариант оформления социальных доказательств

https://quadrata.studio/ 

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

 

Карта выполненных работ

https://quadrata.studio/ 

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

 



 

Отличный призыв к действию

https://quadrata.studio/  

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


 

Сегментирование целевой аудитории

https://www.codecademy.com/ 

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

 

Еще один пример отличного первого экрана

https://www.codecademy.com/ 

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


 



 

Примеры ошибок на лендингах

Неудачное цветовое оформление

https://www.kotofabrika.com/sphere/ 

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

 

Все хорошо, кроме невнимательности

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

 

«Перегруженная» форма регистрации

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