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

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

Кейс. Лендинг с конверсией 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-й экран:

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

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

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

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

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

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

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

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

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

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

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

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

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

Итог:

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

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

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

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

 

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

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

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

convertmonster.ru

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

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

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

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

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

Если вы прочитали до этого момента и еще не знаете наверняка нужен вам вообще 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

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

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

Как поднять конверсию более, чем на 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

6 примеров Landing Page (Лендингов) с высокой конверсией

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Мы привели примеры landing page с высокой конверсией, которые помогли компаниям развить свой бизнес, привлечь новых клиентов и получить хорошую прибыль от посадочных страниц. Хотите такой же? Тогда заказывайте landing page в нашей веб-студии и начинайте получать первые заказы уже 25 дней!

На этом все! Ставьте лайки и подписывайтесь на наш блог.

Следующий проект:Оффер на лендинг — примерыПредыдущий проект:Выбор CMS для лендинг пейдж

impulse-design.com.ua

лучшие примеры [и критический разбор]

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

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

Что же делает дизайн посадочной страницы эффективным?

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

• Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы. Именно по такому принципу построены лучшие продающие одностраничные сайты.
• Страница должна выражать одну-единственную идею с одним главным призывом к действию (Call to action, СТА).
• При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).
• При использовании форм для сбора данных старайтесь сбалансировать объем запрошенной информации и ценность предложения, получаемого взамен (отчет, «белая книга» и т.п.)
• Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо перенаправления посетителей на другие страницы (что заставит их свернуть с намеченного вами пути конверсии).

Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.

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

Содержание

E-commerce

Влюбиться в продукт по фото

Крутой баннер с рисованными продуктами

О сервисе за 27 секунд

Крутая анимация первого экрана

Милые (как котики) тексты

Теплый ламповый сайт

Мобильные продукты и услуги

Отвечает на вопросы

Забавная графика

Регистрация в 2 строчки

Начать без регистрации

Проще некуда

Все самое главное в одном экране

Финансовые продукты и страхование

Просто о сложном продукте

Люди. Люди. Люди.

Продать страховку в два экрана

Офлайн-услуги

Call to Action с размахом

Продать любой ценой

Связь

Просто как в интернет-магазине

Экспериментальный минимализм

Спецпроекты

Красивое путешествие

Виральный контент для сложной тематики

Сайты B2B

Кнопка на каждом экране

Легкий дизайн посадочной страницы для сложного сервиса

Веселые картинки для B2B

Анонсы мероприятий и курсов

Точечная анимация и живые отзывы

Сначала история — потом продажи

Поиграли со шрифтами

Лендинг как авангардное искусство

Новый модный русский дизайн

HR-лендинги

Определение ЦА

Страница одного удачного элемента

Хайповые лендинги

Мемы и шуточки для своих

Шутки шутками — но не забываем про продукт

Образцово-показательный лендинг

Дочитали до конца? Круто!

Плюсы хороших лендингов

Минусы ну таких лендингов

---

E-commerce

Влюбиться в продукт по фото

kitchenceremony.com

Плюсы. В первую очередь — очень аппетитные картинки с налетом luxury. Большая привлекательная фотография на весь первый экран. Аккуратное и понятное меню над ней. Динамика при проскролле в следующем экране.

Можно улучшить: блок с самыми популярными товарами в каталоге. Наличие самого блока — очень хорошо, но, субъективно, фотографии могли бы быть более аппетитными (например, добавить насыпанные горкой приправы рядом с баночкой и т. д.). Хотя не поспоришь, качество фото и создание ощущения премиальности — на высоте.

Крутой баннер с рисованными продуктами

ji-fruits.ru

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

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

Удачная иллюстрация процесса заказа — переписка в мессенджере:

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

О сервисе за 27 секунд

partiyaedi.ru

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

Милые уникальные картинки — всегда хорошо:

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

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

Крутая анимация первого экрана

satellite-express.ru

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

Все продукты (их четыре) расположены на втором экране:

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

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

Милые (как котики) тексты

www.kotofabrika.com

Плюсы. Этот сайт выделяется отличным копирайтингом. И если он покажется излишне «ми-ми-ми», то стоит вспомнить, кто является ЦА производителя. А это хозяева котиков, которые покупают для них домики. Достаточно ми-ми-ми?

Нестандартно подписанный блок для связи с консультантом (а ведь на 99% сайтов они абсолютно шаблонные, хотя кастомизировать их совсем не сложно):

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

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

Теплый ламповый сайт

oknaludyam.ru

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

Во втором окне сразу видим кнопку «Рассчитать стоимость» (обратная связь).

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

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

Карта и Васька прекрасны

Еще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.

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

Мобильные продукты и услуги

Отвечает на вопросы

lite.youdrive.today

Плюсы. Видео в первом экране привлекает внимание и отлично «продает эмоцию»: электросамокат — это быстро, стильно, радостно, динамично.

Кнопки приложений для Android и iOS — сразу под видео:

Количество текста сведено к минимуму, вместо повествовательного стиля — короткие ответы по делу:

Что можно улучшить: поскольку это лендинг для приложения, имело бы смысл разместить ссылки на Google Play и AppStore на странице несколько раз, а не один.

Забавная графика

molodost.bz/fact/

Плюсы. Основной плюс — интересный подход к визуализации пути к цели. Стильные анимированные иллюстрации с умеренной иронией.

И вот такой баннер на третьем экране:

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

Можно улучшить: неудачный первый экран, неубедительный дизайн, непонятна суть продукта. Заголовок «Достижение денежных целей в новой online-системе» не считывается, т. к. остальные элементы значительно активнее.

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

Ну и маленькое примечание: стоит следить за скидками. Скидка с 12 900 до 12 990 — так себе бонус.

Регистрация в 2 строчки

lingualeo.com

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

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

Можно улучшить: стоит присмотреться к блоку с ценами. Из плюсов — наиболее выгодное для продавца предложение расположено посередине и выделено цветом, это хороший прием для «продажи» выгодной цены. А вот скидку хотелось бы показать более привлекательно (вынести стоимость со скидкой выше, дополнительно выделить цветом, зачеркнуть полную цену и т. д.).

Начать без регистрации

www.duolingo.com

Плюсы. Еще один сервис для изучения языков — но здесь первый экран еще круче!

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

Кстати, кнопка «Начать» есть не только в самом начале, но и внизу короткого лендинга.

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

Проще некуда

https://www.strava.com/

Плюсы. 100% прямолинейность и простота.

Можно улучшить: 0% для улучшения. Можно включать в список лучших лендингов мира в категории минимализм.

Все самое главное в одном экране

ru.bookmate.com

Плюсы. Скидка крупно на первом экране. Здесь же — все нужные кнопки («Получить подписку», «Войти», «Магазины приложений») и краткая формулировка сути сервиса. Все по делу.

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

Можно улучшить: call to action (CTA, призыв к действию) остается в хедере сайта при прокрутке, но, возможно, стоит поэкспериментировать с его размерами и/или добавить кнопки подписки после отдельных блоков.

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

Финансовые продукты и страхование

Просто о сложном продукте

rocketbank.ru

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

Описание тарифов — компактно и наглядно:

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

Люди. Люди. Люди.

www.mtsbank.ru/malomu-biznesu

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

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

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

Можно улучшить: мало call-to-action элементов. Возможно, кнопку «Открыть счет» следовало бы разместить не только в верхнем баннере, но и в середине и конце лендинга и сделать ее более очевидной. Также не хватает формы обратной связи/онлайн консультанта или номера телефона в видимой части экрана (телефон можно найти только рядом с навигацией в футере сайта, и это общий колл-центр банка, без привязки к продукту).

Продать страховку в два экрана

www.tinkoffinsurance.ru/autoinsurance

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

И затем — схема из трех шагов:

Два экрана — три СТА (call to action) (Купить полис — Рассчитайте страховку — Позвоните мне). Все максимально лаконично, белый фон, черный шрифт, один цвет для расстановки акцентов, много воздуха, минимум слов, прямолинейный текст на кнопках.

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

Как настраивать контекст на профессиональном уровне — без агентства? В модуле контекстной рекламы PromoPult — автоматический подбор слов, автоматическая генерация объявлений, «умное» управление ставками. Готовые отраслевые решения. Статистика в реальном времени. Для профессионалов — множество точных настроек.

Офлайн-услуги

Call to Action с размахом

moscowfreetour.ru

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

Шапка сайта перемещается при проскролле, так что навигационная панель и номер телефона (!) всегда доступны.

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

А еще это лендинг, который можно включать в списки сайтов с самым большим количеством повторений CTA. При этом текст кнопок очень разнообразный: «Хочу на бесплатную экскурсию», «Задать вопрос», «Посмотреть экскурсии», «Записаться прямо сейчас», «Участвовать в акции», «Записаться на бесплатную экскурсию». Список можно продолжать.

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

Продать любой ценой

qlean.ru

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

Предложение «Рассчитать стоимость» и напоминание о скидке остается с вами при прокрутке:

Цены в блоке с расценками отображаются сразу с 30% скидкой:

… и прежде чем уйти, вы увидите финальное предложение о заказе уборки)

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

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

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

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

Запускаете рекламу в системе PromoPult? Не уверены, что все делаете правильно? Хотите сделать лучше, но не знаете как? Обращайтесь за помощью к профессионалам системы. Ваш персональный менеджер в системе PromoPult.

Связь

Просто как в интернет-магазине

moskva.mts.ru/personal/mobilnaya-svyaz/mobilniy-internet/podklyuchit

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

Максимально просто и понятно оформлен блок допродажи:

Обратите внимание, USSD запросы для подключения дополнительного трафика не спрятаны в «Подробнее», а сразу видны в основном блоке. Быстрые ответы на вопросы: «что я получу», «сколько это будет стоить», «как мне это сделать».

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

Экспериментальный минимализм

www.yota.ru/#/promo

Плюсы. Очень необычный лендинг. Один экран, все что мы видим — 4 ссылки слева и большой голубой баннер справа из трех слайдов: «Реклама интернета для планшета» — «Реклама скидки 50% за привязку карты» — «Реклама Wi-Fi роутера для YOTA». Вот такой смелый минимализм и постмодернизм в действии.

Можно улучшить: не надо ничего улучшать. Идеальный экспериментальный лендинг.

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

www.cossa.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