Сайт о телевидении

Сайт о телевидении

» » Что такое конверсия лендинга. Лендинг с высокой конверсией — пример из практики

Что такое конверсия лендинга. Лендинг с высокой конверсией — пример из практики

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

Подписаться


Конверсия landing page - это отношение целевых действий, совершенных посетителями вашего сайта, к суммарному количеству визитов. Этот показатель считается в процентах, поэтому умножаем на 100%.


Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA

Дословный перевод слова конверсия означает «превращение». В отношении коммерческих можно говорить о превращении посетителей сайта в деньги, главная цель - продать товар и получить прибыль. То есть, если на страницу в месяц пришло 1000 посетителей, и 20 из них что-то купили, конверсия по цели «покупка товара» будет 2% (2/1000х100).

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

Как вычислить показатель конверсии лендинга

Наиболее распространенные варианты целей для учета конверсий

  • Положить товар в корзину.
  • Совершить покупку. В зависимости от настроек, это может быть получение номера заявки, факт оплаты и прочее.
  • Посетить страницу с определенным URL.
  • Отправить заявку через .
  • Получить лид – конверсия с теми, кто перешел на лендинг с рекламы.

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

Как считать конверсию

Например, если посетители оптового сайта запросили прайс только в 9 случаях из 300, получаем 9/300*100%=3%. Это крайне низкий показатель, следует проанализировать, нет ли сбоев при заполнении форм, хорошо ли видна форма запроса или кнопка, посмотреть в сервисах типа топвизора, на каком этапе посетители уходят с сайта.

Если же прайс запросили 30% посетителей, и потом обратились и заказали продукцию 3%, вполне может быть, что это .

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

Для чего нужно считать

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

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

Системы учета

Давно нет необходимости вести подсчеты столбиком, все системы статистики - Яндекс.Метрика, Google Analytics, а также аккаунты контекстной рекламы при соответствующих настройках позволяют отслеживать процент конверсий по разным целям.

Как увеличить конверсию лендинга

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

  • На стадии проектирования страницы определите, по каким целям вам важно считать конверсии. От этого зависит структура, блоки, дизайн и прочие компоненты.
  • Цели и задачи бизнеса. Ставьте этот пункт первым в списке. Многие часто забывают построить цепочку Цель - Способы достижения - Результат. А потом спрашивают: «А где?».

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

Структура лендинга с высокой конверсией

Есть ли идеальный шаблон для landing page? Скорее, нет. Как не бывает одного правильного ответа на разные вопросы. У всех разные цели, целевая аудитория, продукт.

Есть общие правила:

  1. Одностраничник должен решать какую-то проблему клиента, предлагать ответы на вопросы. ЦА может отличаться существенно: опт и розница, уровень дохода, ценности. Для увеличения конверсии лендинга правильно под каждый сегмент целевой аудитории разрабатывать отдельную посадочную страницу.
  2. На одну страницу сложно вместить все категории товаров без ущерба. Придется расставить приоритеты. Идеальный случай - на одну категорию товара отдельный лэндинг.

Набор блоков:

  • В первом экране: наименование вашего товара или услуги, контактные данные, элементы навигации.
  • Информация, как ваше предложение решает все проблемы заказчика. Почему нужно купить именно у вас: скидки 90%, доставка в квартиру, тестовый период, 3 звезды Мишлен.
  • Форма сбора контактных данных. Может быть продублирована на странице в нужным местах контакта.
  • Описание продукта.
  • Ценовое предложение.
  • Примеры работ. Существенно повышает доверие видео с процессом и результатом работ. Актуально для строительной сферы, красоты и здоровья, спорта.
  • Отзывы, сертификаты, дипломы, логотипы известных партнеров.

Примеры заполнения лендинг пейдж с высокой конверсией

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

Факторы, влияющие на конверсию landing page


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

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

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

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

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

Простой пример от LPgenerator:

Этот и другие шаблоны вы можете взять за основу для создания своего первого лендинга в :

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

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

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

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

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

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

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

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

Вот удачный макет, сочетающий обе эти техники:

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

Подробные описания выгоды покупателя от сотрудничества с вами (и, возможно, уникальные отличия от конкурентов) обязательно должны присутствовать на лендинге.

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

Подходящие примеры находим в :



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

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

Вот пример еще одного шаблона из :

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

Лид-форма

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

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

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

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

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

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

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

19.10.17 300

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

Можно сказать, что лэндинг почти на 100% определяет успешность рекламной кампании. Хороший лендинг = хороший ROI (коэффициент возврата инвестиций ). Плохой лэндинг – напрасная трата денег.

Три нерушимых правила

Правило 1: никогда не направляйте трафик с рекламы на главную страницу сайта

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

Правило 2: ясность и актуальность превыше всего

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

Чтобы этого не произошло, ответьте на вопросы, возникающие у каждого пользователя :

  • Есть ли тут то, что мне нужно?
  • Хватает ли мне имеющейся информации?
  • Могу ли я доверять этому сайту?
  • Сколько времени потребуется?

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

Правило 3: качественный лэндинг имеет определенную структуру

  1. Заголовок, сулящий выгоду

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

  1. Краткость и актуальность

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

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

Пользователь должен иметь возможность совершать лишь одно действие на странице. Чем больше опций на странице, тем ниже конверсия.

  1. Удаляйте отвлекающие навигационные ссылки

  1. Сделайте форму подписки или оформления заказа заметной

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

  1. Соблюдайте единообразие стиля

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

Качественные продающие лендинги шаблоны грузятся быстро. Скорость загрузки страниц отслеживайте с помощью сервиса Google Page Speed . Там же можно получить рекомендации по улучшению производительности сайта.

Четыре этапа создания лендинга

Перед началом работы над лэндингом отрисуйте макет на бумаге. Для правильного эскиза необходимо руководствоваться четырьмя основными принципами. И пусть дизайнер работает с реальными данными. Так что сначала накидайте черновик.

1: определитесь с аудиторией

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

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

2: определитесь с самым желаемым действием (MWA-действие)

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

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

3: определитесь с посланием

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

4: придумайте дизайн лэндинга

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

Что должно присутствовать на странице:

  • заголовок, обращенный к целевой аудитории;
  • логотип компании;
  • краткое описание предложения «над линией сгиба » (линия сгиба – это часть экрана, видимая без прокрутки) ;
  • полное описание предложения «под линией сгиба » (зависит от сложности предложения и продукта);
  • изображение предлагаемого продукта;
  • простая форма регистрации. В идеале с 1-3 полями (обычно это имя и почта, но действительно ли вам нужно имя? );
  • кнопка «Купить » или «Войти » (в зависимости от желаемого отклика) и ссылка на «Политику конфиденциальности » (открывайте ее во всплывающем окне, а не на новой странице – так вы сможете удержать посетителей на лэндинге ).

Что лучше убрать со страницы:

  • навигационное меню. Помните, что акцент нужно делать на самом предложении;
  • ссылки на другие разделы сайта (например, «О компании» );
  • любую графику, не связанную с предложением. Иначе вы будете отвлекать посетителей от главного;
  • трудночитаемый текст. Все, что мельче 10 px, – это плохо;
  • любые ссылки из серии «чтобы подписаться, нажмите сюда » или «нажмите сюда, чтобы прочитать продолжение ». Если вы не можете вместить весь контент в верхней части экрана, то пусть пользователь воспользуется прокруткой. Прокрутка – это лучше, чем переход на другую страницу;
  • громоздкие и пугающие формы с лишними полями (например, «должность», «факс» и т.д .);

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

5: собираем все воедино

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

Если лэндинг посвящен вакансиям на нефтяной вышке, то лучше выбрать адрес www.OilRigJobOffers.com или www.somesite.com/oilrigjoboffers .

Такие адреса привлекают куда больше трафика, чем стандартный переход по ссылке с РРС-рекламы в Google . Пользователь, который заходит в поисковую систему и ищет «вакансии на нефтяной вышке », с большей вероятностью откроет рекламу с ключевым словом в адресе.

Длина лэндинга

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

По мнению Боба Кемпера , на соотношение эффективности лэндинга и длины страницы влияют:

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

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

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

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

Conversion Rate Experts в разы увеличили конверсию лендинга SEOMoz , изменив лишь длину страницы:

Взгляните на страницы продуктов в Amazon – лэндинг у Kindle ОЧЕНЬ длинный . А в Amazon , как мы знаем, тестируют все!

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

Тесты, тесты, тесты

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

Ошибки в лэндингах

Я просмотрел много целевых страниц, на которые попадал после клика по рекламе. К сожалению, идеального лендинга отыскать не удалось.

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

Университет Феникса

Что у них получилось хорошо при написании продающего текста для лендинга:

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

Zoho

Что у них получилось хорошо:

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

Что лично я бы изменил или дополнительно протестировал:

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

CreateSpace

Что у них получилось хорошо:

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

Что лично я бы изменил или дополнительно протестировал:

  • дизайн. Как будто новичок впервые открыл FrontPage ;
  • заголовок ужасен. Нет конкретного предложения. Не стоило включать в заголовок название бренда;
  • кнопка «Получить бесплатную консультацию » открывает точно такую же форму, как и та, что справа. Зачем плодить дубли?
  • запрос на бесплатную консультацию – зачем он вообще нужен? Вместо продажи консультации они пытаются отвлечь меня бесплатными буклетами и акциями. Если я открыл этот сайт, значит, я уже хочу публиковаться!
  • слишком длинные формы;
  • я бы полностью изменил призыв к действию/предложение. Выбрал что-то связанное с публицистикой. Консультации – это лишняя морока и трата времени. Меня бы напугала агрессивная технология продаж в структуре продающего лендинга .

Allstate авто-страхование

Что у них получилось хорошо:

  • укрепление бренда;
  • обыгрывают самое главное: как сэкономить на страховке;
  • четкий и совершенно понятный призыв к действию.

Что лично я бы изменил или дополнительно протестировал:

  • ужасная картинка. Лучше бы взяли более реальное изображение;
  • стоит доработать подпись на картинке. Фраза «важно для вас» в сочетании с изображением автомобиля мне видится как минимум странной.

Text Link Ads

Что у них получилось хорошо:

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

Что лично я бы изменил или дополнительно протестировал:

  • а что вообще делает этот сайт? Лучше написать продающий текст для лендинга с пояснениями.
  • убрал из лендинга меню.
  • удалил дополнительные призывы к действию и ссылки;
  • попробовал другой шаблон с лучше конверсией. Этот выглядит слишком громоздким. Не за что зацепиться взглядом;
  • отдельные лэндинги под каждую целевую аудиторию (издатели и рекламодатели);

Инструменты для создания лэндинга

Существует множество сервисов для создания лэндингов. Обратите внимание на следующие :

  • Unbounce – самый мощный.
  • KickoffLabs – вирусные лендинги.
  • LaunchRock – отличный вариант для лендингов-анонсов (из серии «открытие уже скоро»).

Данная публикация представляет собой перевод статьи «How To Build a High Converting Landing Page: Rules, Process and Critique » , подготовленной дружной командой проекта

Хорошо Плохо

Вот уже более 5 лет в практике украинского сайстостроения landing page является чуть ли не единственным способом эффективно прорекламировать товар или услугу с помощью одной страницы. И популярность заказов на создание лендинга это подтверждает. Ведь даже небольшой продающий одностраничник может принести конверсию более 25%, удерживая посетителя одним оффером и приводя его к заветной кнопке лидогенерации.

В этой статье мы приведем примеры сайтов с высокой конверсией, которые уже показали невероятно отдачу в различных тематиках, принесли заказчикам новых клиентов и масштабировали бизнес. Также, покажем несколько отличных примеров landing page с высокой конверсией, которые мы считаем невероятно удачными. Поехали!

Пример лендинга с высокой конверсией по проектированию частных домов и элитных коттеджей

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

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

Следующий конверсионный блок - social proof + CTA. Самый сильный блок в лендинге.

Следующий блоком показываем свою экспертность. Размещаем CTA кнопку в самом низу с очень неоднозначным призывом к действию. Тем не менее, форма стала одной из самых эффективных.

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

Следующий пример лендинга с высокой конверсией - промышленная тематика "вентиляция и кондиционирование"

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

Баннер с УТП, мотивирующим вторым заголовком и лидогенерирующей кнопкой

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

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

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

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

СТА с призывом к действию. Предоставляем потенциальному клиенту выбор: заполнить форму обратной связи и получить бесплатную консультацию от инженера или связаться по контактному номеру.

Знакомим потребителя с другими услугами компании с возможностью детального знакомства и получения скидки.

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

Пример landing page с высокой конверсией для услуг организации системы отопления

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

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

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

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

Говорим об опыте компании, перечисляем задачи, с которыми компания справится. Играем на страхи посетителя.

Следующие несколько блоков - блоги выгод. Предлагаем потребителю сэкономить на услугах. И, чтобы не быть голословными, указываем способы экономии. В конце второго блока - СТА с преимуществами, мотивирующие к действию.

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

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

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

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

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

Яркий пример эффективного сайта с высокой конверсией - лендинг для детского фестиваля

Объемная, интересная работа и отличный результат в виде очень высокой конверсии. Цель этого landing page - привлечь максимальное количество участников детского фестиваля. Задача лендинг пейдж - рассказать посетителю о фестивале и предоставить ему возможность стать его участником.

Баннер - уникальное торговое предложение с указанием главной информации - датой проведения праздника

Размещать СТА не стали, так как на данный момент посетителю ничего не известно о мероприятии. Вместо этого указали его ценность в следующем блоке.

Для мотивации участника предложили подарок за репост. Результат был ошеломительным! Отдельная фишка - мотивация посетителя в виде "желания" ребенка.

Раскрываем преимущество фестиваля и размещаем лидогенерирующую кнопку с интересным СТА. Называем ребенка "предпринимателем" для усиления желания.

Отвечаем на вопрос об участниках, не забывая о взрослых

Мотивируем посетителя лендинга причинами стать участником фестиваля

Усиливаем желание за счет демонстрации спикеров и специальных приглашенных гостей

Детально рассказываем о структуре мероприятия. Разбили каждую услугу на блоки, добавив в каждый лидогенерирующую кнопку с СТА

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

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

Пример крутого по нашему мнению эффективного landing page с высокой конверсией

Оценив этот пример landing page, мы пришли к выводу, что он обречен на очень высокую конверсию. Судите сами.

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

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

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

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

Для "горячих" клиентов предлагается заполнить форму и получить консультацию с дополнительными преимуществами, которые также указаны в СТА.

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

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

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

Блок доверий совместил в себе самые мощные компоненты: реальное фото специалиста

а также отзывы клиентов и видеообращения.

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

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

Еще один пример landing page с высокой конверсией

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

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

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

Демонстрация экспертности компании. Интересно обыгран блок - необычный заголовок очень привлекает внимание и мотивирует к скроллингу

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

Для клиентов, которые еще сомневаются в своем выборе исполнителя, предложено скачать чек-лист, который раскрывает экспертность компании.

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

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

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

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

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

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

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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