Katcerina.ru

Деньги в сети
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Пример сайта с высокой конверсией

10 примеров эффективных посадочных страниц

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

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

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

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

Красивые посадочные страницы, которые мы изучим сегодня

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

«3 шага, которые я использовал, чтобы построить 4 мультимиллионных бизнеса»

Нил Пател (Neil Patel) — известный предприниматель, венчурный частный инвестор и аналитический эксперт — постоянно изменяет внешний вид своего блога и лендинга, чтобы повысить конверсию или предоставить читателям доступ к разноплановым офферам.

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

«Получи моментальный бесплатный доступ к обучающей платформе»

Совсем недавно Крис Дакер (Chris Ducker) — успешный серийный предприниматель, спикер и блогер — перешел на другую платформу и вместе с этим реализовал блестящий новый дизайн. Его целевая страница конвертирует очень хорошо, и во многом таких показателей удалось достичь благодаря фотографии, где Крис смотрит (в буквальном смысле) на заголовок своей opt-in формы. Позже мы остановимся на этом примере более подробно.

«Эксклюзив: Мультимиллиардное будущее онлайн-маркетига»

Этот сторонний проект бизнес-менеджера и предпринимателя Глена Оллсопа (Glen Allsop) — именно тот случай, когда улучшение внешнего вида лендинга приводит к падению результатов. Глен утверждает, что конверсия его лендинга колеблется в диапазоне 45-64% в зависимости от того, как он структурирован.

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

«Стань лучшим собой. Бесплатные фитнес-планы для любого уровня подготовки»

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

Компания очень часто проводит сплит-тесты и постоянно меняет офферы.

«Мы здесь, чтобы заставить вас выглядеть лучше»

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

6. AWeber

«Все, что нужно, чтобы отправлять правильные email’ы»

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

10 уроков, которым нас учат эти целевые страницы

1. Внятный призыв к действию

Одним из самых важных выводов их представленных выше примеров является то, что на вашей лендинг пейдж должен размещаться очень четкий призыв к действию. Если вы можете сделать его вашим единственным CTA-элементом, так даже лучше. Главное, чтобы посетитель переходил на сайт и сразу же понимал, что от него требуется. Не сбивайте людей с толку лишними предложениями. Берите пример с посадочных страниц Marketing Inc и AWeber, которые ожидают от пользователей одного действия.

2. Фотографии (зрительный контакт)

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

3. Мобильная респонсивная дифференциация

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

Читать еще:  Готовый фавикон для сайта

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

4. Хорошо спланированный брендинг

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

5. Выгоды (не просто особенности)

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

6. Качественные приманки

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

7. Ощущение времени

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

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

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

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

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

10. Знаки доверия

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

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

Как мне создать красивую landing page?

У вас есть три варианта развития событий:

1. Проведите самостоятельный редизайн целевой страницы

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

2. Наймите профессионального дизайнера

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

3. Купите готовый шаблон

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

Читать еще:  Многостраничный сайт на html

Landing page с конверсией 10,44% в нише финансирования для бизнеса

Вводная информация по проекту:

Продукт: Денежные средства предоставляются в виде займа/микрозайма от 100 000 руб до 5 000 000 рублей на срок от 3 до 12 месяцев. Ориентир на малый и средний бизнес.

Задачи посадочной страницы:

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

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

Формирование гипотезы и реализация кейса:

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

Давайте по порядку.

1. Анализ ниши и выявление потребностей целевой аудитории

1.1 Анализ сайтов конкурентов. Основные ошибки:

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

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

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

Есть информация «предпринимательской деятельности», но какого рода эта деятельность? Есть ли ограничения по нишам или размерам компании при предоставлении займа? Кому подходит этот продукт? Какие проблемы решает? Что это за компания? Можно ли ей доверять?

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

1.2 Определяем ключевого персонажа ЦА, на которого будет ориентирован продающий копирайтинг посадочной страницы:

Наш персонаж выглядит так.

1.3 Выявление выгод продукта, закрытие возражений пользователя на странице:

Основные факторы принятия решения об обращении в компанию:

  • Отсутствие залога и скрытых комиссий;
  • Репутация и гарантии компании;
  • Привлекательный % для займа;
  • Условия и скорость предоставления займа.

Дополнительные факторы принятия решения:

  • Дистанционное рассмотрение заявки;
  • Скорость ответа оператора;
  • Положительные отзывы о компании;
  • Комплект документов и помощь в оформлении услуги.
  • Дорого (при ручном пересчете может казаться, что обратиться в банк намного выгодней);
  • Сложно пользоваться;
  • Не доверяю вам/Ничего не знаю о компании.

2. Реализация кейса

2.1 Первый экран

Формируем оффер для первого экрана, сводим всю полученную информацию в конечное предложение пользователю. Мы реализовали структуру лендинга на основе продающей модели AIDA (Attention Interest Desire Action).

Создаем прототип будущего сайта в Balsamiq Mockups.

Выводим в заголовок:

— Ключевую выгоду (скорость предоставления займа);

— Персонализацию (кому подходит);

— Состав предложения (максимальная сумма финансирования).

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

— Не доверяю вам: в хедере указываем для скачивания файлы со свидетельствами;

— Сложно пользоваться: достаточно заполнить 1 заявку для одобрения займа; помощь в оформлении документов.

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

У клиента был только отрисованный логотип, без брендбука и ориентира на промо-материалы. Поэтому нам необходимо было определиться с цветовой гаммой. Клиент хотел светлый сайт с золотыми элементами, чтобы сочеталось с логотипом. Предлагаем 1 вариант:

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

Предлагаем вариант 2:

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

Читать еще:  Сайт пуля бм

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

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

В процессе тестирования сайта у компании изменилась максимальная сумма предоставления займа: с 3 млн рублей до 5 млн рублей. Также мы получили от клиента информацию, что пользователи вводят в поле формы заявки «Сумма займа» нецелевые данные. Мы оперативно изменили поле ввода, сделали его с фильтрацией по сумме финансирования, которая служит и антиспамовой защитой, и защитой от нецелевых лидов (для тех, кто плохо прочитал оффер на первом экране).

2.2 Второй экран

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

В отличие от банков не просим долю в бизнесе для получения финансирования.

2.3 Третий экран

Получаем от клиента список проблем, с которыми может помочь справиться продукт. Создаем блок «Кому подходит».

В первых 4-х блоках мы закрыли самые главные факторы принятия решения и основные возражения. Далее в странице добавлены блоки, которые подтверждают и расшифровывают заявленные выгоды:

— Калькулятор индивидуального расчета займа;

— Кейсы с описанием проблемы, фотографиями довольного клиента, ниша бизнеса, достигнутые результаты и как продукт помог добиться целей;

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

— Блок с направлениями деятельности компаний, которым подойдет наша услуга «займы для бизнеса»;

— Блок с гарантиями: еще раз показываем свидетельства, чтобы повысить лояльность пользователя к компании;

— Блок с тарифами содержит краткую информацию по составу продукта, при клике в поп-апе раскрывается более подробная информация и условия предоставления;

— Еще раз блок с кейсами;

— Блок с минимальными требованиями к заемщику;

— Блок часто задаваемых вопросов;

— Блок с фотографиями офиса и адресом на карте.

3. Результаты:

Выгрузка из Мастера отчетов Яндекс.Директ.

За период 1 месяц:

756,16 руб (с НДС) — Стоимость заявки;

10,44% — Конверсия лендинга;

130 — Количество конверсий;

78,96 руб. – Цена клика;

16,25 заявок – Среднее количество заявок в день;

98 300 руб. – Бюджет РК на Яндекс.

Что нам показывает Метрика:

Показатели за период 1 месяц.

Показатели за период 3 месяца.

Страница продвигается по Москве и МО. В такой нише много заявок приходится на звонки, недавно подключили коллтрекинг, статистики пока что нет.

2 недели тестируем кампании в Google Реклама, вот скрины статистики.

4. Выводы:

Как получить высокую конверсию в конкурентной нише:

  1. Прежде всего проанализируйте свой бизнес. Для этого начните с анализа конкурентов, чтобы понять какие сильные стороны своего предложения они выделяют. Посмотрите на визуальное оформление, чтобы подчерпнуть вдохновение или понять, как точно не нужно делать;
  2. Узнайте свою аудиторию, самого маржинального типа клиента, его возражения, потребности и задачи, которые должен решать ваш продукт. Проведите опрос клиентов или предложите за бонус оставить подробный отзыв о сервисе и продукте. Сильный оффер начинается с отстройки от конкурентов через ключевые выгоды для клиента;
  3. Делайте простые и логичные по содержанию блока следующие шаги CTA. Они должны нести ценность для пользователя и не повторять призывы к действию по всей длине страницы;
  4. Не используйте шаблонные фразы и однотипные заголовки. Небольшой список «штамповых» слов и выражений, которые не несут конкретики и ценности для пользователя: «Надежный»; «Эффективный»; «Профессиональный»; «Высокое качество»; «Лучшая цена».

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

Подпишись и следи за выходом новых статей в нашем монстрограмме

Остались вопросы?

Не нашли ответ на интересующий Вас вопрос? Или не нашли интересующую Вас статью? Задавайте вопросы и темы статей которые Вас интересуют в комментариях.

Ссылка на основную публикацию
Adblock
detector