18 примеров крутых продающих landing page



Что такое лендинг и почему он необходим вашему бизнесу

Что такое “лэндинг” и почему он необходим вашему бизнесу?

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

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

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

18 примеров крутых продающих landing page

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



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

В чем же причина популярности лендингов

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

18 примеров крутых продающих landing page

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

Аналитика действий посетителей показывала печальную статистику: всё больше пользователей (по некоторым данным — более 90%) уходят с подобных сайтов, так и не совершив ни одной покупки.

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

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

Со временем лендинги стали использоваться практически повсеместно.

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

Думаю, что вы уже должны понять что такое лендинг, и к чему я веду…

18 примеров крутых продающих landing page

Где лендинг будет наиболее эффективным

Итак, для каких же целей и задач применение лендингов будет наиболее эффективно?

1) Тестирование новой ниши

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

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

2) Набор базы подписчиков

Это один из самых доступных и высокоэффективных способов быстрого набора подписной базы. А, как известно, база постоянных клиентов — это движущая сила любого бизнеса.

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

3) Специальные предложения и акции

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

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

18 примеров крутых продающих landing page

Что такое лендинг и почему он необходим вашему бизнесу?

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

Поэтому, если вы решили прийти в Интернет всерьез и надолго, лендинги непременно должны стать обязательным компонентом вашего бизнеса!

Вы уже понимаете, что такое лендинги, но о том, что именно с ними делать, совсем другая тема.

12 шагов по созданию идеального лендинга

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

Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи

Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь конверсионной воронки на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений

На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».

Рулят также яркие кнопки и стрелки, создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.

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

Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

Если в лендинге используются формы (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом. Большее количество полей может существенно снизить конверсию (что это такое?). К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
В статье про SEO оптимизацию текстов я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими, чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).

или так

На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).

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

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

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

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

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

Лендинг пейдж коротко о главном

Продолжим рассматривать вопрос «Что такое лендинг пейдж?»

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

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

В настоящее время лендинг является составляющей успешного конверта.

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

18 примеров крутых продающих landing page

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

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

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

18 примеров крутых продающих landing page

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

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

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

Важно помнить о том, что никаких грамматических ошибок на лендинг пейдже быть не может

18 примеров крутых продающих landing page

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

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

Что такое лендинг пейдж и почему это так важно

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

Скорее всего, вы забыли продумать и подготовить приземляющие (посадочные, целевые) страницы, которые часто называют лендингами. Что это такое?

18 примеров крутых продающих landing page

А это очень важный момент, который может существенно повысить конверсию (количество покупок или регистраций), ибо landing page призваны максимально эффективно подводить пользователя к выполнению целевого действия. Если вы со всех рекламных объявлений будете направлять посетителей, например, на главную страницу сайта, то можете катастрофически снизить конверсию и вылететь в трубу.

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

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

Примеры ошибок делающих landing нерабочим

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

Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия

Очень важно следить за этим соответствием. Дизайн посадочной страницы на самом деле очень важен

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page»:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

18 примеров крутых продающих landing page

* Нажимая на кнопку «Подписаться» Вы соглашаетесь с политикой конфиденциальности.

Подборки по теме

  • Еще про привлечение посетителей из социальных сетей
  • Оптимизация и SEO-продвижение сайтов
  • Где брать внешние
  • Как продвигать коммерческий сайт?
  • Как не выкинуть деньги на ветер при использовании контекстной рекламы

Использую для заработка

Часть 3. Практика

3.1 Текст Landing Page

  • Шапка: лого, изображение пылесоса, заголовок: «Умные роботы пылесосы iRobot Roomba в Москве», телефон, адрес, кнопка.
  • Секция с видео: «iRobot Roomba в работе». Под видео – кнопка.
  • Секция Модельный ряд (Фото – Цена – Старая цена — Купить):
    • Roomba 630
    • Roomba 870
    • Roomba 880
    • Scooba 450
  • Гарантия. Текст гарантии возврата денег под моделями.
  • Секция преимущества:
    • Заголовок: «Преимущества перед обычным пылесосом»
    • Подзаголовок: «Это исключительно «умная» техника, которая самостоятельно производит уборку помещения и после завершения работы возвращается на станцию для подзарядки»
    • #1. Экономит время. Вы экономите свои силы и время, тратя его на более приятные занятия.
    • #2. Не нуждается в управлении. Пылесос сам составляет для себя оптимальный маршрут, благодаря интеллектуальной системе AWARE.
    • #3. Компактный. Техника не займет много места и работает без подключения к электросети.
    • #4. Самозаряжаемый. Зарядки аккумулятора хватает на 2 часа, после чего робот самостоятельно возвращается на платформу для подзарядки.
  • Секция отзывы. Фото – Имя – Кто есть – Текст отзыва.
  • Секция поддержки клиентов. Фото специалиста – имя – контакты (телефон, соц. сети).
  • Секция Контакты. Адрес и карта с меткой.

3.2 Дизайн

здесь

  • Всегда учитывайте бренд, стиль продукта, айдентику, если таковые имеются, старайтесь рисовать сайт в одном стиле;
  • Старайтесь использовать не более 3-х цветов в дизайне и несколько производных оттенков;
  • Выберите приятные сочетания шрифтов для дизайна;
  • Не лепите элементы близко друг к другу – это признак дурного вкуса;
  • Соблюдайте вертикальный ритм при расположении элементов, дайте воздуха дизайну;
  • Не делайте слишком маленький интерлиньяж (line-height) между строками в текстовых блоках;
  • Не используйте картинки плохого качества в дизайне;
  • Сжимайте всю графику с помощью TinyPng или подобных инструментов.
  • Перед ресайзом изображения обязательно конвертируйте его в смарт объект в Photoshop, на случай, если вдруг придется увеличить картинку без потери качества.
  • В данном примере максимальная ширина контента равна 1170px (сетка Bootstrap, чистый файл в архиве references/bootstrap-1170.psd).

18 примеров крутых продающих landing page18 примеров крутых продающих landing page18 примеров крутых продающих landing page18 примеров крутых продающих landing page18 примеров крутых продающих landing page18 примеров крутых продающих landing page18 примеров крутых продающих landing page18 примеров крутых продающих landing pageGitHub