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

16 Окт 2017   | Лендинги

Содержание

11 примеров Landing Page с высокой конверсией

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

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

Что отличает Landing Page?

(Да-да, перейти к лендинговым страницам с высокой конверсией!)

Высококонверсионный Landing Page:

  • Сначала, мощное Hero-изображение. Высококонверсионный лэндинг – страница с которой не хочется уходить. Тематичная картинка, видео в главном экране: 1) Фокусирует внимание 2) Увлекает. Представьте продукт / сервис в контексте применения: как работает, насколько прост. Покажите преимущества и пользующихся ими людей.
  • Один призыв к действию, ориентированный на взаимодействие с клиентом. После мощного визуального воздействия на посетителя, вам нужно получить лид или конвертацию, верно? Сделайте CTA-посыл заметным (с точки зрения дизайна) и убедительным (с точки зрения копирайтинга). Упрощайте навигацию – только важные ссылки, чтобы не отвлекать посетителя до совершения конверсии.
  • Ценностное предложение – убеждайте заголовком и тематическим подзаголовком.
    Почему вообще надо следовать призыву к действию? Заголовком & подзаголовком аргументируйте веско и ясно. Укажите выгоду для потребителя и что выделяет вас из толпы.
  • Охарактеризуйте ваши особенности, заостряя внимание на преимуществах. Конечно, важно знать из чего продукт и что с ним делать. Только, осознающий полезность охотнее действует (нажмет CTA-кнопку или заполнит лид-форму). Выгодо-ориентированный оффер – лучшая мотивация к конверсии.
  • Включите отзывы или другие социальные доказательства. Люди скорее воспользуются предложением, увидев, как это сделали другие. Благодарственные слова, неподдельная заметка довольного клиента, партнерские логотипы или значки брендов укрепляют доверие потребителей. Это доступный способ оптимизации конверсии.

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

Примеры лендингов с высокой конверсией

У оптимизированных для высокой конверсии LP: посещаемость, как минимум 500 посетителей, а у некоторых – более 100,000. Коэффициент конвертации 30-60%. Влияют и внешние факторы, конверсия сильно зависит:

  • От индустрии
  • От  качестве трафика

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

Со всеми оговорками и нюансами, 11 примеров высококонверсионных Landing Page от Unbounce заказчиков (экспертные советы от компаний, самостоятельно создавших свой лендинг).

1. Promo

Индустрия: Социальные медиа / Коэффициент конверсии 46.94%

Promo дает совет: используйте силу видео для увеличения вовлеченности и стимулирования конверсии.

Видео способно увеличить конверсию Landing Page на 80%. Стратегия оправдана, даже если обходится недешево – считает Promo. Вот почему на лендинге много видеоконтента – от хедера, до поясняющих Coub роликов в превью и видео, которым посетители смогут воспользоваться для своего маркетинга.

Главный контент-специалист Promo, отмечает:

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

Впрочем, видео – лишь составляющая успешной конвертации на LP-сайте. Вам нужно, чтобы посетитель следовал призыву Call-to-Action. Контент-стратег об этом: «Ни один лендинг пейдж не обходится без обычного текста и CTA-кнопки, привлекающей взгляды выше линии сгиба».

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

2. edX

Индустрия: Образование / Коэффициент конверсии 52.68%

edX советует для высококонверсионного LP: упрощайте ценностное предложение, будьте предельно ясны и конкретны показывая выгодность.

Маркетологи edX максимально приближены к продукту & сервисам и могут запросто перегрузить вас информацией. Да, наше основное предложение это X. На лендинговых страничках мы урезали основные моменты посыла пользователям онлайновых курсов. Чтобы не увязнуть в деталях, простыми тезисами сообщаем, что их ожидает. Ясность и недвусмысленность заголовка с подзаголовком поддержана социальными доказательствами.

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

3. Later

Индустрия: Социальные медиа / Коэффициент конверсии 57.92%

Later совет для высококонверсионного LP: предоставьте удобные конверсионные пути до цели (никаких преград или ограничений!) и сбалансируйте побудительные факторы.

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

Интуитивный путь к конверсии – это «текстово-визуальный гид», подсказывающий маршрут потребителю. На это и сделали ставку в лидогенерирующей кампании Later. Руководитель коммуникационного дизайна Chin Tan, поясняет:

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

Cмотрите, как Later прокладывает «интуитивный» маршрут к конверсии, применяя единообразие.

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

4. The Listings Lab

Индустрия: Недвижимость

Высококонверсионный совет о Listings Lab: используйте простой «прямолинейный» дизайн и сконцентрируйтесь на оффере.

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

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

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

Этот лендинг «спокойным тоном» вселяет уверенность.

5. Twillory 

Индустрия: Одежда / Коэффициент конверсии 46.85%

Twillory совет: кастомизируйте пользовательский опыт для мобильных устройств.

Не надо объяснять, почему мобильные пользователи сейчас в приоритете. С 2017-го, мобайл трафик начал доминировать (50.3%), его доля постоянно растет (сейчас 52.2%). Компании тоже приспосабливаются к миру, в котором потребители часто используют свои телефоны:

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

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

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

6. TyresOnTheDrive

Индустрия: Автомобильная

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

Когда дело доходит до текстов Лендинг Пейдж, надо понимать: ясность ведет к конверсии. Посетитель хочет в секунды понять оффер, думая: «Ближе к делу, что именно мне предлагают? Зачем я с этим разбираюсь?». И, если что не так — отказ!

Такой заголовок сразу понятен и отражает суть делового предложения: «Экспертная установка шин у вас на дому или рабочем месте». Мы сразу видим ключевое отличие – не надо идти к механикам шиномонтажа, они работают с выездом к вам. Принятию решения способствуют быстрые «how-to», подгружаемые клиентские отзывы из онлайн-сообщества отзывов Trustpilot и фирменный логотип (коллаж из ключевых слов).

Результат? Конверсия зашкаливает.

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

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

7. ooba

Индустрия: Финансы / Коэффициент конверсии 35.57%

Ooba советует для высокой конверсии: применяйте описательные призывы Call-to-Action, говорящие посетителю что произойдет далее.

Каждому, кто попал на страничку лэндинга не терпится узнать, что тут предлагают? Это так, но как правило посетитель понимает каких действий от него ждут, а что будет потом – не совсем ясно. Главная страница ooba это отличный пример эффективности call to action.

«Продуманные фразы с контекстными подсказками и вспомогательной информацией дают понимание, чего следует ожидать. Удобно заполнять формы. Изначально, переход к страницам лидогенерации (продающим страницам) из первого экрана помогает быстрее разобраться с предложением» – объясняет глава агентства, разработавшего лендинг. «Цветовые контрасты фокусируют внимание на цели, а описательные CTA поясняют предпринимаемое действие».

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

8. ClaimCompass

Индустрия: Юриспруденция. право / Коэффициент конверсии 30.02%

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

Как так обычно говорят? Если не получается что-то сразу, не унываем и продолжаем в том же духе. (Стоп, возможно, это неверный подход. Не посоветуйте никому). Иначе считал Альберт Эйнштейн:

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

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

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

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

«Вся Landing Page разработана так, чтобы нажимались три CTA-кнопки» – поясняет Alex. «Если предложение показалось привлекательным, дальше скроллить уже не надо. Если нет – секция ниже внесет ясности (изображениями, описаниями выгод и социальными подтверждениями). На посадочной страничке все должно приближать к клику по CTA-кнопке».

9. onX

Индустрия: GPS-навигация / Коэффициент конверсии 61.15%

onX совет для повышения конверсии: стимулируйте желание пользователей изучать / исследовать текстовым и визуальным контентом.

Можете не искать лучшего примера лендинг пейдж с конверсией на 50% выше, чем обычно бывает в спортивной тематике. В чем секрет успеха onX, отвечает менеджер по привлечению новых клиентов Райан Уотсон:

Наш лендинг показывает пользователям именно то, что они искали и хотели видеть, кликая по PPC рекламе Google Ads.

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

Райан отмечает пользу A/B тестов. Мы тестировали различные CTA-призывы и это дало отличный CTR. Лучшие практики никогда не навредят.

10. MyTutor

Индустрия: Образование / Коэффициент конверсии 55.29%

MyTutor раскрывает секрет высокой конверсии: делайте нужный оффер – выгодное предложение нужным людям и в нужное время.

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

Менеджер Gemma Pearson: «Запуская однодневные кампании мы тестировали landing page. Наш оффер – репетиторское подтягивание студентов до получения нужного бала». Еще, Gemma хочет реализовать на лендинге поучительный нагоняй для неуспевающих.

Актуальный позитивный месседж в нужное время и четкий CTA-призыв — ключевые факторы успеха. Это посыл сочувствия провалившимся студентам с предложением ясного решения

Вот как можно добиться отклика от этой аудитории.

11. FilterEasy

Индустрия: ремонт жилья / Коэффициент конверсии 34.52%

FilterEasy о лендинговой конверсии: Не всегда ясна причина успешности Landing Page, и это вполне естественно.

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

«Если честно, до сих пор выясняем тестами: чем особенна наша лендинговая страничка? Рианна поясняет: попытались повторить этот результат несколько раз. И безуспешно. Даже когда учли все моменты».

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

seo-design.net

примеры + секреты высокой конверсии

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

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

Сегодняшняя статья будет посвящена началу начал — что такое правильная структура лендинга с высокой конверсией.

Я знаю, что ничего не знаю

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

По теме:  Отличие лендинга от сайта: кто победит?

Уже ни для кого не секрет, что продающий и идеальный лендинг (он же одностраничный сайт) создается не по воле собственной фантазии, а исходя из четких данных основанных на анализе. То есть это не столько творческая работа, сколько точный расчет.

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

  1. провести анализ рынка и конкурентов;
  2. выявить ожидания, стереотипы, страхи, боли и возражения целевой аудитории;
  3. разделить ЦА на сегменты и определить их критерии выбора.

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

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

Нужен готовый Landing page?

Закажите разработку
в нашем агентстве

Посмотреть стоимость

Сделайте сами
на конструкторе

Перейти в конструктор

Правильная и продающая структура лендинга

После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да, что уж, от этого будет зависеть все!

И наполнение, и фото, и тексты, и инфографика. На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “Лестница узнавания: Бена Ханта”. Выглядит схема следующим образом:

Лестница Ханта

Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример как применять Лестницу Ханта мы разобрали в этом видео:

Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов — компании по чистке ковров “Чистый квадрат”.

Конверсия компании по чистке ковров “Чистый квадрат”

К слову, средний результат всего трафика — 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье

По теме: Средняя конверсия сайта: миф разрушен.

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

Этап 1: Нет проблемы

Клиенты не знают что такое грязный ковёр и что его нужно чистить. У них всё замечательно, как в сказке, никаких проблем.

Чтобы привлечь таких клиентов и сформировать у них потребность, нужно будет раскошелиться и запастись терпением.

Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

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

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

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

Этап 2: Есть проблема, нет решения

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

Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

А именно в первой половине сайта покажите свой вариант решения. Что оказывается можно вызвать компанию, которая приедет и всё сделает на дому, либо приедет, увезёт и привезёт.

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

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

Этап 3: Решение есть, сравниваем варианты

Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:

  1. Нужно чистить ковер, чтобы продлить его срок службы;
  2. Необходимо проводить профилактику для избежания скопления бактерий;
  3. Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
  4. Можно вывести даже самые ужасные пятна.

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

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

Сравнение с конкурентами

Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:

— Может, всё-таки на автомойку или самостоятельно?

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

Этап 4: Выбор продукта

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

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

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

Результат до/после

Этап 5: Уверенность и намерение

Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

Если вы еще не слишком известны, таких запросов либо будет крайне мало, либо не будет вообще.

Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить — наши контакты и call to action.

А Вы откуда?

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

И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.

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

Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргетинг, либо контекстную рекламу… Еще не решили”.

Почему это так важно?

1. Таргетированная реклама. С нее придут люди, которые находятся на Этапе 1 — 2. Редко 3. И почти никогда 4.

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

2. Контекстная реклама. С нее скорее всего придут те, кто находится на этапе 4 или 5. И наверняка у них в браузере будет открыто сразу несколько сайтов конкурентов помимо вашего.

Поэтому очень важно уделить достаточно внимания УТП, сделать его лучше, чем у других.

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

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

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

Пример структуры

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

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

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

  1. Заголовок;
  2. Выгоды;
  3. Преимущества перед конкурентами;
  4. Сравнение с услугами/аналогами;
  5. Пример результата;
  6. Условия работы;
  7. Этапы чистки;
  8. Почему нам доверяют;
  9. Футер (карта с адресом и контакты).

Лайфхак. Если вы будете делать лендинг самостоятельно, то я рекомендую конструктор landing page — PlatformaLP. Там уже есть готовые шаблоны с довольно неплохими структурами. Это вам сильно упростит жизнь 😉

Задачи блоков

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

  1. Привлечение внимания. Скажу честно, в 95% случаев на эту задачу закрывают глаза, только если нет 100% крутого факта о компании или вашем продукте.
  2. Донесение выгод. То, что чаще всего мы видим на всех сайтах. А именно информация о себе любимых или почему нужно выбрать нас.
  3. Отработка возражений. Например, отработка возражения “Что будет, если мне испортят ковер?”
Обработка возражений

Прототип сайта

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

Хотя даже если вы решили сделать лендинг самостоятельно, это тоже будет вам полезно. И в этом вам помогут такие программы как Balsamiq или Moqups. В них нет ничего сложного и к тому же они бесплатные.

Вот вам пример прототипа, структура лендинг пейдж со схемами. Этот прототип я честно украла с нашего сайта, посвященного созданию landing page 😉

Прототип

Коротко о главном

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

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

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

По теме: Дизайн лендинга: 99 фишек с примерами

in-scale.ru

Кейс. Лендинг с конверсией 10%

Приветствую, друзья!

В этой статье разберем создания лендинга в интересной тематике «Создание портретов по технологии «Флип флоп», и вы узнаете:

  • Как сделать убойный оффер с нуля, когда у конкурентов он лучше, чем у тебя
  • Откуда брать и как использовать «язык клиента»
  • Легкий СТА, который закрывает возражения и потребности целевой аудитории

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

В результате создания лендинга мы вместе с клиентом:

Итог: общая конверсия лендинга: 10%!

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

Вернемся к началу… Все по порядку:

  • Кто целевая аудитория (далее «ца»).

Запомните – любой проект начинается с ца! Только с нее! Не важно какой у вас продукт – целевая аудитория наше всё! Будете знать свою ца в лицо – вы продадите! Не зная потребностей, желаний, страхов, факторов принятия решения, как принимается решения о покупке – будете «стрелять по воробьям». В нашем же случае ца:

  • 60% девушки
  • 25-34 года
  • Инфантильный тип личности, импульсивный темперамент
  • Цель покупки – сделать подарок близкому человеку. Но! Обратите внимание на этот пункт «цель покупки» — это не просто купить подарок, а в нашем случае – сделать приятное близкому человеку, чтобы подарок запомнился, выделиться перед другими!

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

Факторы принятия решения:

  1. цена
  2. качество эскиза
  3. сроки изготовления
  4. сроки доставки

Как принимается решение о покупке:

Получают эскиз > советуются с друзьями или родителями > покупают

Возражения:

  • А вдруг не успеете сделать и доставить?
  • Пленка не отдерется?
  • Не качественно.
  • Будет отличаться от того, что мы увидели сначала.

Вот такой портрет целевой аудитории у нас получился!

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

Теперь проверяем, как наши гипотезы бьются с реалиями.

  • Анализ существующих клиентов:

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

Вот такие вопросы мы отправляем клиенту:
  • Какую проблемы пытался решить клиент?
  • Какие способы решения уже пробовал?
  • Почему не помогло?
  • Почему вы решили обратиться именно к нам?
  • Что стало решающим фактором покупки?
  • Как результат вы получили?

На каждый вопрос клиент должен ответить подробно и конкретно! Опрашивать от 10 человек.

  • Анализ отзывов и язык клиентов

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

  1. Картинками/видео – визуализация
  2. Текстами – качественными прилагательными (тут то и есть был вся проблема!)
Согласитесь, что к слову «подарок» можно подобрать сотни прилагательных:
  • Удивительный
  • Восхитительный
  • Сносгшибательный
  • Невероятный
  • Крутой
  • Великолепный
  • И т.д.

Но как же выбрать именно то прилагательное, которое передаст клиенту эмоции?!

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

Ниже представлены все слова, которые чаще всего встречались в отзывах:
  • В восторге
  • Оригинальный подарок
  • Эмоции
  • Захватывающий и веселый процесс
  • Креативный
  • Запомниться
  • Удивили
  • Красивая упаковка

Да, может «оригинальный» и «креативный» это избитые, заезженные и шаблонные фразы, но что поделаешь, если так выражается наша аудитория…)

Так же есть интересные выражения, которые можно использовать:
  • Чудо-портрет
  • Запомниться на долгие годы и будет напоминать каждый день
  • Такая память осталась и куча эмоций
  • продумано все до мелочи
  • Радовать такими чудесными подарками
  • безумно понравился
  • что ни нарисуешь — в итоге выходит чудо
  • Море приятных впечатлений
Откуда брать «язык клиентов»?
1. Отзывы.

Именно оттуда мы и «вытащили» эти формулировки. У заказчика есть группа в соц. сети «Вконтакте», в которой 396 отзывов.

2. Спросить у самих клиентов.

К перечню вопросов, который вы получили – можете добавить такие вопросы:

  • Какими прилагательными охарактеризуете «предмет» (напишите 3 прилагательных)

Возвращаемся к потребностям клиента.

 3. Яндекс вордстат подсказывает нам, чего хотят люди, когда ищут «подарок»:
  • Подарок своими руками
  • Оригинальный подарок

Мы взяли за оружие эти формулировки и у нас получился такой 1-й экран:

Здесь мы:
  • Говорим именно о том, чего хотят клиенты: «Вызовите бурю восторга и эмоций…оригинальным подарком… запомниться на всю жизнь… в креативной… , который запомниться на всю жизнь!»
  • Закрываем потребности так же на 1-м экране закрываем потребности аудитории: сроки изготовления и доставки + «выделяемся» от конкурентов за счет «..в 6-ти палитрах в течение 1-го часа»

  • Конкурентный анализ и создание УТП

Мы проанализировали 6 конкурентов (потому что на тот момент не было больше) и из них только у 3-х было что-то интересное, что можно было взять…:

Интересные предложения конкурентов:
  • Сроки изготовления – 24 часа
  • Вернем деньги если не понравиться
  • Бесплатная отрисовка 5-ти эскизов
  • Отрисованный макет в течение 5-ти часов

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

  • Бесплатная отрисовка 6-ти эскизов
  • Пришлем отрисованные эскизы в течение 1-го часа
  • Доставка на следующий день в руки
  • 3 гарантии

В совокупности с каждым пунктом у нас получился такой лендинг:

  1. 1-й экран:

  1. Как передать еще эмоции? Через видео. Именно его мы и расположили 2-м экраном:

  1. Портфолио. Этим блоком мы закрываем возражение «А вы сделаете качественно?» (не стоит забывать, что это же возражение мы закрываем призывом к действию)

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

  1. «А что получиться из моей фотографии?» — данный вопрос посетителя мы закрываем призывом к действию:

  1. Что входит в набор + добавляем выгоды:

  1. Всё это смешиваем с отзывами от авторитетных источников, которые уже получили свои портреты – Сати Казанова и Владимир Познер. Как после такого можно не доверить ребятам портрет для близкого человека?

  1. И закрепляем все социальным доказательством! Важный момент – мы устали от «честных» отзывов – куда не посмотри – везде у всех круто и т.д. Мы же доказываем, что отзывы реальные фотографией человека, ссылкой на соц. сеть + фотографией с нарисованным портретом:

  1. «А что если мне в итоге не понравиться, как будет нарисовано?», «Если со временем портрет станет страшным, например – выцветет краска?» и «Может быть так, что мне придет другой портрет – не тот, который я заказывал?» — эти возражения мы закрываем гарантией:

  1. Вопрос, который мучает и интересует в первую очередь каждого человека: «Сколько стоит?». Мы считаем, что грамотно подвели посетителя к продаже цены – показали ценность, расписали выгодами и передали эмоции, а теперь «продаем» цену:

  1. Не готовы заказать? Держите легкий и ценный СТА:

  1. Ну и на последок – карта:

  1. И блок «Остались вопросы?»:

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

Итог:

За 32 дня проведения рекламной кампании:

224 заявки на отрисовку портрета;

66 заявок на звонок;

281 рубль – стоимость заявки

 

Прочтите отзыв от Нижегородова Родиона — создателя портретов по технологии «Флип-флоп» о работе с Convert Monster:

И посмотрите лендинг с конверсией 10%.

Получайте бесплатные уроки и фишки по интернет-маркетингу

convertmonster.ru

Структура Лендинга с высокой конверсией — прототипируем идеальный Landing Page + Инфографика

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

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

Так же в конце статьи Вы найдете инфографику, которую Вы можете распечатать себе и использовать при разработке своего Landing Page!

Видео-версия статьи-руководства

Для чего может создаваться идеальный Landing Page?

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

Есть различные вариации посадочных страниц:

  • короткие (подписные),
  • длинные.

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

Конечно же, длина страницы — не догма и, конечно, требует индивидуального тестирования.

Многие спрашивают, как правильно делать Landing Page? Хочу ответить сразу: правильного  лендинга или идеала не существует, также как и не существует универсального прототипа или схемы. Но есть определенные правила, определенные элементы и принципы их создания, которые нужно понимать и знать перед тем, как делать или заказывать Landing Page. Об этом мы и поговорим в этой статье.

Этапы, необходимые для создания схемы продающего лендинга

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

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

Как искать на форумах?

Заходите в Яндекс и вбиваете запросы “кухни на заказ форум”, “кухни на заказ как” (и далее — по поисковым подсказкам), “кухни на заказ что”, “кухни на заказ какие” и т.д.

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

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

Четвертый этап, наконец, проектирование, дизайн и верстка.

Основные правила продающего лендинга

  • Простота. Вылетающие, появляющиеся, исчезающие блоки, супермодный и крутой дизайн — это, конечно, все хорошо, если это не мешает посетителю понять, что Вы хотите ему сказать. У вас есть 5 секунд, чтобы захватить внимание посетителя и дать ему понять, что он находится в правильном месте и получит, то что он ищет. Не тратьте эти 5 секунд попусту. Так же нагромождение подобных скриптов “тормозит” скорость взаимодействия со страницей и она начинает “тормозить” или “дергаться” в браузере Вашего клиента.
  • Логичность. При принятии решения потенциальный покупатель движется по определенной схеме AIDA. Сначала у него появляется A(attention) — I (interest) — D(desire)-A(action). То есть сначала надо захватить его внимание, потом пробудить интерес и желание, а потом уже он будет готов принять действие. Руководствуйтесь этим принципом при создании блоков в прототипе посадочной страницы.
  • Отвечать на “боли” целевой аудитории. Мы собрали все боли, возражения, вопросы на этапе изучения целевой аудитории. Теперь, когда будете делать прототип лендинга, учитывайте это в структуре, создавая отдельные блоки, отвечающие на все обнаруженные возражения.
  • Один лендинг — один оффер. Не надо перебарщивать и “накачивать” лендинг  всем, чем можно. В конечном счете — это лишь собьет с пути целевого действия Вашего посетителя. Одна услуга (товар) — один лендинг.
  • Соответствие рекламному сообщению. На ваш лендинг будет приходить трафик. Чаще всего это контекстная реклама или таргетированная реклама с соц.сетей. Если в рекламном сообщении написано одно, а на лендинге другое — то посетителя этовведет в заблуждение. Это серьезный нюанс, который может испортить всю цепочку и лишит Вас лидов. Проверьте соответствие основных заголовков, сообщений, офферов на лендинге и в рекламных сообщениях.
  • Аналитика. Установите Яндекс.Метрику и правильно установите цели. Как это можно сделать написано в этой статье. Вам понадобится это, чтобы  анализировать и вносить изменения в Вашу посадочную страницу.

Структура посадочной страницы (блок с примерами)

В структуре любого одностраничного сайта есть основополагающие элементы. Это:

1. Заголовок

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

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

Один из них — методика 4U: заголовок должен раскрывать пользу, ультраспецифичность, срочность и уникальность Вашего предложения.

2. Подзаголовок

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

3. Изображения/видео материалы

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

Поэтому именно с помощью этих материалов, Вы можете дать им ощущение, что все очень даже реально и осязаемо.

4. Лид форма

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

Чем меньше препятствий на пути к совершению целевого действия — тем лучше. Запрашивайте только то, что Вам действительно нужно — обычно это телефон и/или email и альтернативное специфическое поле (в зависимости от Ваших задач).

5. Призыв к действию (Call to Action)

Кнопки с призывом к действию должны быть максимально контрастными (то есть выделяться на фоне остальных элементов). Также внимательно отнеситесь к тексту кнопки. Банальное “Отправить” работает все хуже и хуже…

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

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

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

6. Элементы доверия (партнеры/клиенты, сертификаты, фото команды, офиса)

Посетитель должен быть уверен, что он сделает правильный выбор, обратившись к вам. И в этом Вам помогут такие материалы как — сертификаты, список (лого) партнеров, Ваши публикации в СМИ, количество подписчиков на youtube, фото команды,офиса.

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

7. Отзывы, кейсы

Отзывы и кейсы — это отличный способ убедить. Лучше если будут с фото, именами или в видео-формате. Не пишите отзывы сами — это видно и вредно.

8. Выгоды

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

9. Описание оффера — Объяснения продукта/услуги

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

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

  • “Мне кажется, это дорого/слишком дешево.” — объясните, за что клиент платит и почему это дороже/дешевле, чем у остальных.
  • “А что если я буду неудовлетворен качеством продукта?” — расскажите об условиях возврата и обмена продукции.
  • “А вдруг это будет очень долго?” — расскажите об условиях  и сроках доставки.

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

10. Интерактивный калькулятор/подборщик/тест

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

Прототипирование лендинга

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

Для составления ТЗ на разработку Лендинг Пейдж чаще всего мы используем обычный GoogleDocs.

Схема Лендинг Пейдж (Инфографика)

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

blog.ecommerceschool.ru

16 рекомендаций по созданию конверсионного лендинга

Итак, у вас есть маркетинговая стратегия.

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

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

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

Вы не хотите, чтобы люди просто посещали вашу страницу. Вы хотите, чтобы они предприняли действие, как только они там оказались. Так что сделайте это действие для людей настолько простым и притягательным, насколько это возможно, включив эти элементы, которые помогут добиться КОНВЕРСИИ:

  • К = Кристально понятный призыв к действию
  • О = Оффер
  • Н = Направленное внимание
  • В = Важные факторы
  • Е = Естественно, эффективный заголовок
  • Р = Разрешение и удобная для чтения разметка страницы
  • С = Соответствующая графика
  • ИЯ = Идеальное и Ясное социальное доказательство

Кристально понятный призыв к действию

В знаменитой сцене из фильма «Гленгарри Глен Росс» («Американцы») человек, которого послали обучать неудачливых менеджеров по продажам, кратко излагает мантру продавца – «Всегда закрывай сделку». Эти слова станут и мантрой вашего лендинга. И вы закроете сделку, фокусируясь на призыве к действию.

Призыв к действию (CTA – call to action) – это то, что вы хотите от посетителей:

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

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

Рекомендации по стратегии

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

Рекомендации по дизайну

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

Поучительная история

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

Как правильно

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

Оффер

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

Рекомендации по стратегии

Лучшие предложения толкают пользователей глубже в воронку конверсии:

  • Веб-сайт с оплатой по счёту может предложить посетителям 10$ на оплату первого счета, что будет означать подписку на сервис и связь с аккаунтами пользователей.
  • Консалтинговое агентство может предложить бесплатную 60-минутную консультацию, что в действительности означает встречу, на которой вам расскажут, какое потрясающее это агентство.
  • Что бы вы ни предлагали, попытайтесь обозначить крайний срок действия предложения, чтобы создать ощущение срочности и подстегнуть вторую сторону с ответом.

Рекомендации по дизайну

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

Поучительная история

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

Как правильно

Оффер на фото:

Получите 30000 бонусных миль, если потратите 1000$ за первые 3 месяца. Бесплатное годовое обслуживание карты в первый год, затем 95$.

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

Направленное внимание

Известный как KISS-принцип (Keep It Simple, Stupid или Сделай это проще, дурачина) показал, что чем больше выбора вы даёте людям, тем дольше они принимают решение. Так что чем более ясной и простой вы сделаете страницу, тем более вероятно, что вам удастся склонить кого-то к действию, которое вы задумали.

  • Вам действительно нужна эта навигационная панель? Уберите её или визуально минимизируйте, либо уберите элементы, на которые пользователь может кликнуть и которые не являются призывом к действию.
  • Действительно ли нужно рассказывать о философии вашей компании? Перенесите этот текст в раздел «О компании» и ограничьте контент, который не служит цели продвинуть людей в глубь воронки.
  • Вам действительно нужно собирать всю эту информацию? Если у вас есть форма для введения данных, пусть она будет короткой. Исследование за исследованием показывают, что чем больше полей в форме сбора контактов, тем меньше отклик, так что просите у ваших пользователей голый минимум информации.

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

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

Рекомендации по стратегии

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

Рекомендации по дизайну

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

Поучительная история

Oracle. По скольким элементам можно кликнуть только на этом экране лендинга? По тридцати девяти! Это 39 возможностей для посетителя пойти куда угодно до того, как он выполнит целевое действие, которое задумал владелец страницы. Здесь посетитель и закончит свой путь после клика по контекстной рекламе, так что компания много платит за то, чтобы сбивать с толку людей. Извините, Oracle, я должен вам 10 долларов. Это отличный пример того, как целевая страница помогла бы компании убрать неважный контент и сфокусироваться на том, чего она хочет достичь.

Как правильно

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

Важные факторы

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

Вы должны понимать, что это не произойдёт с вашей компанией.

Напротив, вы должны дать посетителям причины, почему они должны сделать то, что вы от них хотите. Эти причины и являются очень ВАЖНЫМИ ФАКТОРАМИ.

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

Рекомендации по стратегии

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

  • Особенности – список характеристик вашего продукта или сервиса.
  • Выгоды – как эти характеристики помогут вашему посетителю.
  • Болевые точки – как характеристики помогут вашему посетителю избежать проблем.

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

Рекомендации по дизайну

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

Поучительная история

Yammer. Итак, теперь, когда компания Microsoft купила Yammer, они больше не пытаются зарегистрировать людей в своей сети? Потому что, боже мой, Yammer, да когда же ты откроешь личико? Не только эта страница целиком представляет собой страницу подписки. Если вы зайдёте на yammer.com – это тоже всего лишь страница входа в сеть. Вам нужно кликнуть, чтобы найти эту вкусняшку.

Как правильно

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

Эффективный заголовок

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

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

  • Продаёте покрывала с рукавами? «Дом Slanket – знаменитого покрывала с рукавами»
  • Продаёте консультации по маркетингу? «Как продавать лучше?»
  • Продаёте передовое приложение, отслеживающее местоположение? «Найдите ваших друзей немедленно!»

Рекомендации по стратегии

Люди, которые заняты мыслью: «Какого чёрта эти ребята делают?» менее расположены прочитать ваш буклет (белую книгу), выложить свой адрес, купить ваш виджет, записаться на вебинар или скачать ваше приложение. Так что, когда вы составляете заголовок, предпочтите ясность и пояснения, а не скромность и остроумие.

Рекомендации по дизайну

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

Поучительная история

Надпись на картинке:

Workday 18

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

С каждым обновлением, Workday только становится лучше.

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

Как правильно

Заголовок: Платформа для больших массивов данных

Найдите невероятные решения для вашего предприятия

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

Разрешение и удобная для чтения разметка страницы

А знаете ли вы, что до сих пор некоторые люди бродят по интернету, сидя за мониторами с разрешением 800х600? И что самый популярный размер экрана в США до сих пор 1024х768?

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

Рекомендации по стратегии

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

Рекомендации по дизайну

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

Поучительная история

Это страница компании Basecamp на экране с разрешением 1024. Мы видим ссылки, которые выглядят, как контекстная реклама Google, действительно солидный заголовок и говорящую копну светлых волос, но чтобы понять, что за этим следует, вам придется поработать.

Как правильно

А так отображается страница Visual Website Optimizer на экране с разрешением 1024. Ах! Здесь всё есть – хороший заголовок, прекрасный призыв к действию, социальное доказательство и несколько характеристик. Даже при более низком разрешении самые важные элементы будут отображаться.

Соответствующая графика

Если вы провели более 30 минут в интернете, вероятно, вы видели одну из рекламных гиф-картинок с испорченным бананом и заголовком «Снизьте вес на 50 фунтов с помощью одного приёма».

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

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

  • Ясный, простой дизайн с доминированием белого пространства, приучает людей реагировать на призыв к действию.
  • Крупный шрифт притягивает взгляд, облегчает чтение и улучшает понимание того, о чём ваш сайт.
  • Маркерный список больших блоков текста легко просматривать мимолётом.
  • Видеоролики вмещают в маленьком пространстве большой объем информации и могут увеличить конверсию до 80%.

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

Рекомендации по стратегии

Это ещё одно хорошее поле для экспериментов. Ваша аудитория реагирует больше на фотографии или картинки? Людей или предметов? Помогает ли это показать продукт в действии?

Рекомендации по дизайну

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

Поучительная история

My Health Insurance. Процитирую Уитни Хьюстон: «Ну уж нет!» Среди остальных ужасов у нас здесь есть банальнейшие из банальных стоковые фотографии, одна из которых искажена, грубая стрелка, указывающая на кнопку, которая даже не является кнопкой, зернистый текст, некто, говорящий: «Выбери свой тарифный план», не дающий никакого выбора, и конечно же, огромная клоунская кнопка «Кликните здесь», которая не говорит вам, что произойдёт, когда вы на неё нажмёте. Я подозреваю, что ваш компьютер взорвётся.

Как правильно

Ribbon. Здесь цвет приковывает ваш взгляд к призыву к действию. Элементы навигации приглушены. Дизайн лаконичный и простой, а продукт показан в действии на видео.

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

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

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

  • Список клиентов.
  • Упоминание в прессе.
  • Статистика использования.
  • Отзывы.

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

Рекомендации по стратегии

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

Рекомендации по дизайну

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

Поучительная история

Evernote. Это минималистичная, симпатичная страничка, выгоды прекрасно отображаются. Но призыв к действию, без преувеличения, сливается с фоном, и нет никаких социальных доказательств. Я думаю, каждый человек в этом мире пользуется Evernote, судя по количеству других приложений, которые, как я вижу, работают с ним. Может, они стесняются? Не стесняйтесь, Evernote!

Как правильно

Optimizely. 4 социальных доказательства на одном экране: заметка о появлении в новостях CNN в самом верху страницы, утверждение «№1» в заголовке, «3000 довольных клиентов» и визуально лаконичное отображение известных брендов.

Заключение

Все эти рекомендации можно подытожить довольно просто: вам должно быть ясно, какое действие вы ждёте от посетителя. Сделайте так, чтобы ему было легко и просто сделать это. Вскоре у вас будет лендинг, который КОНВЕРТИРУЕТ!

Ох, и P.S. – Не забывайте всё тестировать!

Об авторе: Бет Морган – консультант по маркетингу и советник по стартапам на первоначальных этапах. Больше статей вы найдёте на её сайте Marketing Nerdistry или можете подписаться на нее в Twitter.

Оригинал статьи: https://blog.kissmetrics.com/c-o-n-v-e-r-t-s/

Перевела Татьяна Пушкина

convertmonster.ru

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

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

Как поднять конверсию более, чем на 1200%?

Компания VividBoard, производящая кастомизированные маркерные доски, после оптимизации целевой страницы, отметила повышение конверсии с 2% до 27%. Отличный результат для данной сферы бизнеса!

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

Исходная страница VividBoard содержала много ненужной информации

Как компании удалось в корне изменить ситуацию? Они разработали новую целевую страницу, руководствуясь следующими принципами:

1. Четко формулируйте задачу

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

Дизайн вашей страницы должен располагать пользователя к активному действию:

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

2. Используйте визуальные элементы

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

Наши глаза непроизвольно следуют за взглядом девушки на картинке, прямо к элементу СТА

3. Будьте аккуратны с полями лид-формы

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

Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции

 

Твитнуть цитату

4. Не создавайте лендинг для себя

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

Следование этим принципам позволило VividBoard значительно увеличить конверсию:

Так выглядит страница VividBoard после оптимизации

Структура хорошей лендинг пейдж

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

1. Заголовок и подзаголовки
2. Краткое (или подробное) описание оффера
3. Одна (или больше) картинка или видео
4. Отзывы, ваш логотип или знак качества
5. Лид-форма
6. Копка призыва к действию

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

Удачные решения для настройки целевых страниц

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

  1. Если пользователь перешел к вам по рекламной ссылке, удостоверьтесь, что заголовок страницы и текст объявления совпадают.
  2. Кнопка призыва к действию должна быть большой, заметной и располагаться в верхней части страницы.
  3. Если используете изображения людей или символы, например, линии и стрелки, убедитесь, что они направляют пользователя к кнопке призыва к действию.
  4. Сфокусируйтесь на основной цели — все элементы вашей страницы должны соответствовать единой концепции.
  5. Ваше сообщение должно быть лаконичным — опустите все лишнее: картинки, текст, цвета и так далее.
  6. Разместите на посадочной странице мнения клиентов. Лучше использовать реальные отзывы.
  7. Упростите восприятие вашего текста с помощью буллетов и подзаголовков.
  8. Укажите номер телефона, чтобы вызвать доверие и наладить дополнительный контакт с клиентами.
  9. Тестируйте различные версии, чтобы отследить, как незначительные изменения могут повлиять на конверсию и рейтинг кликабельности.

Успешные целевые страницы

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

Простой лендинг сервиса Vizicities с отличным заголовком:

«Мы возвращаем города к жизни с помощью интернета»

Желательно, чтобы ваше предложение было ориентировано на удовлетворение потребностей клиента, как бы отвечая на вопрос: «Почему это важно для меня?»:

«Измени мир в своем офисе»

Лаконичная форма обратной связи позволяет пользователю сосредоточиться на действии:

Простая, схематичная картинка передает суть предложения:

Как создать эффективный лендинг самостоятельно?

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

1. Для создания короткого, но эффективного текста (на английском): Hemingway App.
2. Для поиска или создания ярких изображений: Pixabay, Canva, Flickr и др.
3. Для тестирования различных версий и аналитики: Optimizely, Kissmetrics и др.

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

Вот лишь несколько примеров лендингов, доступных в нашей галерее:

Лендинг для стартапа

Страница по продаже инфоуслуг

Лендинг для консалтингового агентства

Оцените результаты

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

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

2. Показатель ухода (Form abandonment rate). Люди начинают заполнять лид-форму и бросают на полпути? Такие действия важно отслеживать, чтобы оптимизировать работу вашей целевой страницы, например, сократив количество вопросов в форме или пересмотрев текст предложения.

3. Показатель отказов (Bounce rate). Как много людей покинули ваш лендинг в первые же несколько секунд или просмотрев не более одной страницы сайта? Даже хорошие целевые страницы могут иметь 70-90% отказов (поскольку не включают навигационные ссылки). Ваша цель — сделать страницу релевантной для посетителей. Хороший способ заставить пользователя остаться — добавить дополнительный призыв к действию после клика на CTA-кнопку, например, с таким текстом: «Спасибо за регистрацию. Узнайте больше о нашем сервисе». .

4. Время, проведенное на странице (Time on page). Как много времени среднестатистический пользователь проводит на вашем лендинге? Эта информация поможет определить, насколько вероятно совершение целевого действия человеком, проведшим определенное количество времени на странице.

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

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

Заключение

Что дальше? Внимательно прочтите следующие шаги, и приступайте к созданию идеального лендинга с высокой конверсией:

  1. Четко определите цель. Какое действие от посетителя вы ожидаете получить? Каким будет ваше предложение?
  2. Определите целевую аудиторию (возраст, род деятельности и другие характеристики ваших потенциальных покупателей).
  3. Практикуйтесь. Ваша первая страница будет далека от идеала — совершенствуйте ее, используя принципы, описанные выше, и оптимизируя основные показатели.

Высоких вам конверсий!

По материалам: blog.kissmetrics.com, image source kenjet 

06-01-2016

lpgenerator.ru

Лучшие практики Landing Page с высокой конверсией. Традиционные примеры

Мы продолжаем обзор лендингов с высокими показателями конверсии. Одни компании при разработке посадочных страниц обращаются к нестандартным решениям, в чем мы могли убедиться в предыдущей статье «Лучшие практики Landing Page с высокой конверсией. Нестандартные примеры» (часть 1 и часть 2), другие прибегают к более традиционным методам, о которых мы и расскажем сегодня.

21. Регулярно тестируйте

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

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

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

Так что не бойтесь провалиться — берите и тестируйте снова. 

Стратегия роста и истинный потенциал сплит-тестирования

22. Сделайте заголовок ясным

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

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

Вот итоги исследования, посвященного формулировке заглавия: 

Вопрос (контроль): «Обожаете делать ставки на спорт? Мы тоже»
Первый контрольный вариант (выгоды): «Делайте больше денег на своих ставках — получайте бесплатные советы».
Второй контрольный вариант (страх потери): «Перестаньте терять деньги на своих ставках — получайте бесплатные советы» 

Какой результат? Чем понятнее, тем лучше. Первый вариант принес рост конверсии на 41,14%, а второй — лишь на 11,03%. 

Сплит-тест заголовков: преимущества и недостатки

23. Ничего лишнего в послании и дизайне кнопки CTA

Будьте конкретны и воздержитесь от использования общих слов в тексте кнопки, таких как «Продолжить», «Далее» и пр. Устраните любую неясность, любую потенциальную двусмысленность и ненужные опции, заставляющие пользователей задумываться. 

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

Узнайте, что будет дальше. Смотрите, где угодно. Отменяйте в любой момент. (Call-to-Action:) Присоединяйтесь бесплатно в течение месяца

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

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

Единственные окрашенные в синий цвет элементы здесь — это текст CTA и фон самой кнопки

10 ошибок на лендинге, которые наиболее часто делают новички

24. Все должно соответствовать посланию

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

Сравним рекламу:

… и лендинг — каждая их часть совпадает до запятой. 

Правило «точного вхождения»: настоящий маркетинговый пауэрлифтинг

25. Стройте доверие

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

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

Достойный пример того, как можно выстраивать доверительные отношения:

Более 200 000 компаний конвертируют лучше с Crazy Egg, оригинальной технологией тепловых карт

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

Весьма неплохо работают гарантии возврата денег, как в этом примере: 

100% гарантия. Довольные клиенты — это наш приоритет №1. Если вы не вполне довольны покупкой, просто верните нам носки, и мы полностью возместим их стоимость или поменяем на другой стиль/цвет. Никаких лишних вопросов, никаких хлопот

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

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

26. Сократите время загрузки

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

В Walmart.com провели тест, доказывающий важность этого фактора: 

Если скорость загрузки страницы увеличивается с 1 секунды до 4, происходит резкое падение конверсии. Зато на каждую секунду ускорения этого процесса приходится 2%-ный рост конверсии

Бред Смит (Brad Smith), специалист по маркетингу, постоянный автор блога Unbounce, емко описывает 11 способов ускорить загрузочное время:

  1. Почистите код.
  2. Уменьшите HTML & CSS.
  3. Используйте GZIP-сжатие.
  4. Используйте меньше переадресаций.
  5. Измените местоположение скриптов.
  6. Не используйте слишком много плагинов WordPress.
  7. Обновите хостинг.
  8. Измените размер изображений.
  9. Сожмите изображения.
  10. Используйте CDN (Content Delivery Network) для изображений.
  11. Используйте внешний хостинг, где это возможно.

Как ускорить время загрузки веб-сайта

27. Используйте KISS 

Нет, не этих ребят 🙂

Речь идет об широко известном маркетинговом принципе упрощения под кодовым названием «Будьте проще» («Keep-It-Simple-Stupid»), или KISS. Используйте на лендинге минимальное количество контента и делайте его максимально простым. Мы уже говорили, что нужно учитывать определенную степень инертности посетителей и сокращать объем усилий, требуемых от них при просмотре вашего лендинг пейдж. Все должно быть легко и очевидно.

28. Позаботьтесь о читабельности

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

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

Результаты исследования с применением айтрекинг-камеры

Секреты контент-маркетинга: правила создания читабельных текстов

29. Сделайте дизайн чистым

Помните о правилах использования белого пространства: уберите все лишнее, чтобы помочь посетителям увидеть главное — ваш оффер. 

Вот пример чистого, четкого дизайна, проводящего клиента через весь потенциально предстоящий процесс: 

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

Топ-10 трендов веб-дизайна лендингов, о которых вам следует знать

30. Будьте избирательны, когда дело касается изображений

Идеальное главное изображение (Hero Shot/Image) способно творить чудеса с коэффициентом конверсии.

Николь Дикер (Nikole Dieker), автор блога Klientboost, поделилась своими наработками:

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

Чудесный образец от MailChimp: 

Логотип был превращен в активный талисман — очень умное решение!

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

Высоких вам конверсий! 

По материалам: klientboost.com

23-11-2016

lpgenerator.ru

No related posts.

Leave a Reply