Креативные лендинги: что это, ТОП-23 самых креативных лендингов

что это, ТОП-23 самых креативных лендингов

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

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

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

Содержание статьи

Что должен включать в себя лендинг?

1. Amazon
2. Компания по ремонту кровли Billy Ragan Roofing
3. Uber
4. EF Ultimate Break
5. Snapchat
6. Sticker Mule
7. MasterClass
8. HelloFresh
9. Amazon Prime
10.

Sheffield Metals International
11. Zenefits
12. Office Interiors
13. Basecamp
Basecamp Bonus
14. TBS
15. Applied Educational Systems
16. Codeacademy
17. Berry Insurance
18. Patreon
19. Litchfield Builders
20. IMPACT
21. Todoits
22. River Pools & Spas
23. Vivino

Что должен включать в себя лендинг?

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

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

На многих лендингах, отличающихся высокой конверсией, содержатся следующие элементы:

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

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

1. Amazon 

Достоинства этого лендинга:

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

Читайте также: Как создать эффективный FAQ-раздел и повысить трафик

2. Компания по ремонту кровли Billy Ragan Roofing

Достоинства этого лендинга:

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

3. Uber

Достоинства этого лендинга:

• Отлично написанный заголовок, который отражает одну из главных проблем целевой аудитории: гибкость графика работы (Заголовок: Работай с Uber. Зарабатывай деньги по своему графику).
• Лид-форма расположена в самом начале страницы, чтобы пользователи ее точно не пропустили. К тому же это очень удобно для тех, кто хочет сразу конвертироваться.
• Текст на странице четкий и лаконичный.
• Выделены три главные причины, почему нужно сотрудничать именно с Uber: хороший доход, возможность устанавливать свой собственный график работы, легкость старта.
• Удачно подобранная фотография: на фото изображен дружелюбный мужчина за рулем.

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

4. EF Ultimate Break

Достоинства этого лендинга:

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

5. Snapchat

Достоинства этого лендинга:

• Содержит видеоролик.
• Клиент сразу же понимает, что он получит, если заполнит лид-форму (Развивайте свое приложение при помощи функционала Snapchat).
• Здесь используется жирный шрифт, а также весь лендинг оформлен в фирменных цветах бренда.
• Чтобы продемонстрировать функционал программного продукта, используется анимация.
• Внизу страницы можно увидеть логотипы брендов, которые используют Snapchat. Это повышает доверие пользователей.

6. Sticker Mule

Достоинства этого лендинга:

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

• Социальное доказательство представлено в виде отзывов. Некоторые отзывы сопровождаются реальными фото.

• На странице есть информация о последующих шагах пользователя. Она представлена в виде рецептов.

Читайте также: Лендинги для SaaS: просто и понятно о том, как создавать лендинги, конвертирующие по максимуму

7. MasterClass

Достоинства этого лендинга:

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

8. HelloFresh

Достоинства этого лендинга:

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

9. Amazon Prime

Достоинства этого лендинга:

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

Читайте также: Как создать идеальный призыв к действию: 11 примеров эффективных CTA

10. Sheffield Metals International

Достоинства этого лендинга:

• Основной акцент страницы — видеоролик с сотрудником компании.
• Текст четкий и лаконичный.
• На странице нет отвлекающих элементов, таких как ссылки и всплывающие окна.
• Кнопка с призывом к действию заметно выделяется на фоне страницы.

Читайте также: 37 типов popup-окон для вашего сайта

11. Zenefits

Достоинства этого лендинга:

• Четкий и понятный заголовок, который раскрывает суть предложения (Необходимый чек-лист по найму сотрудников).
• Лид-форма, состоящая лишь из одного поля, максимально упрощает совершение конверсии.
• Маркированный список максимально охватывает основные пункты предложения.
• Большой визуал, который демонстрирует продукт, а также несколько страниц чек-листа.

12. Office Interiors

Достоинства этого лендинга:

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

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

13.

Basecamp

Достоинства этого лендинга:

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

Basecamp Bonus

Достоинства этого лендинга:

• В заголовке указано, сколько компаний уже зарегистрировалось.
• На странице есть отзывы пользователей и точные цифры.
• Зарегистрироваться можно, просто указав адрес электронной почты. Также доступна регистрация через аккаунт Google.

Читайте также: 9 лучших способов заполучить больше отзывов и повысить конверсию

14.

TBS

Достоинства этого лендинга:

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

15. Applied Educational Systems

Достоинства этого лендинга:

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

Читайте также: Как сделать идеальный лид-магнит на лендинге?

16. Codeacademy

Достоинства этого лендинга:

• Дизайн верхней части лендинга прост и лишен элементов, отвлекающих внимание. Пользователь видит четкий заголовок, релевантное изображение и лид-форму с красной кнопкой целевого действия.
• На странице есть возможность регистрации через Facebook или Google+. Это увеличивает вероятность конверсии.
• На странице также есть видео, на котором реальный студент отвечает на вопрос: «Как программирование может помочь тебе?»

17. Berry Insurance

Достоинства этого лендинга:

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

Читайте также: Руководство по пользовательскому контенту: превратите клиентов в «адвокатов бренда»

18. Patreon

Достоинства этого лендинга:

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

19. Litchfield Builders

Достоинства этого лендинга:

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

Читайте также: 11 советов по видеомаркетингу для вашего бизнеса

20. IMPACT

Достоинства этого лендинга:

• Социальное доказательство содержится уже в самом заголовке: «Более 50 000 пользователей уже любят The Latest».
• На странице содержится видео, которое не только объясняет ценность предложения, но также демонстрирует юмор и индивидуальность. Ролик включает в себя интервью с реальным сотрудником компании.
• Далее перечислено все то, что получит пользователь, заполнив лид-форму: только самый лучший контент, новейшие видеоролики и шоу, вебинары, душу и сердце.
• Ниже демонстрируются примеры контента, который получают пользователи.
• Социальное доказательство представлено в виде цитат пользователей.
• Лид-форма на странице короткая и простая для заполнения.

Читайте также: Лендинги для вебинаров: 8 эффективных приемов увеличить количество регистраций

21. Todoits

Достоинства этого лендинга:

• Утверждение «более 2 000 000 человек делают удивительные вещи с Todoist» предоставляет социальное доказательство и дает ответ на вопрос: «Почему вы этого не делаете?»
• При нажатии на ярко-красную кнопку открывается форма с надписью «Зарегистрируйтесь за секунды», которая позволяет легко зарегистрироваться при помощи Google+.
• Фоновое изображение, включенное в дизайн целевой страницы, прокручивает короткие видеоролики, демонстрирующие сценарии, в которых вы можете использовать приложение. Это дает представление о том, как это выглядит на разных устройствах.

22. River Pools & Spas 

Достоинства этого лендинга:

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

23. Vivino

Достоинства этого лендинга:

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

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

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

По материалам: impactplus.com. Атвор: Ramona Sukhraj.

11-04-2022

что это, ТОП-23 самых креативных лендингов

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

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

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

Содержание статьи

Что должен включать в себя лендинг?

1. Amazon
2. Компания по ремонту кровли Billy Ragan Roofing
3. Uber
4. EF Ultimate Break
5. Snapchat
6. Sticker Mule
7. MasterClass
8. HelloFresh
9. Amazon Prime
10. Sheffield Metals International
11. Zenefits
12. Office Interiors
13. Basecamp
Basecamp Bonus
14. TBS
15. Applied Educational Systems
16. Codeacademy
17. Berry Insurance
18. Patreon
19. Litchfield Builders
20. IMPACT
21. Todoits
22. River Pools & Spas
23. Vivino

Что должен включать в себя лендинг?

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

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

На многих лендингах, отличающихся высокой конверсией, содержатся следующие элементы:

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

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

1. Amazon 

Достоинства этого лендинга:

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

Читайте также: Как создать эффективный FAQ-раздел и повысить трафик

2. Компания по ремонту кровли Billy Ragan Roofing

Достоинства этого лендинга:

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

3. Uber

Достоинства этого лендинга:

• Отлично написанный заголовок, который отражает одну из главных проблем целевой аудитории: гибкость графика работы (Заголовок: Работай с Uber. Зарабатывай деньги по своему графику).
• Лид-форма расположена в самом начале страницы, чтобы пользователи ее точно не пропустили. К тому же это очень удобно для тех, кто хочет сразу конвертироваться.
• Текст на странице четкий и лаконичный.
• Выделены три главные причины, почему нужно сотрудничать именно с Uber: хороший доход, возможность устанавливать свой собственный график работы, легкость старта.
• Удачно подобранная фотография: на фото изображен дружелюбный мужчина за рулем.

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

4. EF Ultimate Break

Достоинства этого лендинга:

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

5. Snapchat

Достоинства этого лендинга:

• Содержит видеоролик.
• Клиент сразу же понимает, что он получит, если заполнит лид-форму (Развивайте свое приложение при помощи функционала Snapchat).
• Здесь используется жирный шрифт, а также весь лендинг оформлен в фирменных цветах бренда.
• Чтобы продемонстрировать функционал программного продукта, используется анимация.
• Внизу страницы можно увидеть логотипы брендов, которые используют Snapchat. Это повышает доверие пользователей.

6. Sticker Mule

Достоинства этого лендинга:

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

• Социальное доказательство представлено в виде отзывов. Некоторые отзывы сопровождаются реальными фото.

• На странице есть информация о последующих шагах пользователя. Она представлена в виде рецептов.

Читайте также: Лендинги для SaaS: просто и понятно о том, как создавать лендинги, конвертирующие по максимуму

7. MasterClass

Достоинства этого лендинга:

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

8. HelloFresh

Достоинства этого лендинга:

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

9. Amazon Prime

Достоинства этого лендинга:

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

Читайте также: Как создать идеальный призыв к действию: 11 примеров эффективных CTA

10. Sheffield Metals International

Достоинства этого лендинга:

• Основной акцент страницы — видеоролик с сотрудником компании.
• Текст четкий и лаконичный.
• На странице нет отвлекающих элементов, таких как ссылки и всплывающие окна.
• Кнопка с призывом к действию заметно выделяется на фоне страницы.

Читайте также: 37 типов popup-окон для вашего сайта

11. Zenefits

Достоинства этого лендинга:

• Четкий и понятный заголовок, который раскрывает суть предложения (Необходимый чек-лист по найму сотрудников).
• Лид-форма, состоящая лишь из одного поля, максимально упрощает совершение конверсии.
• Маркированный список максимально охватывает основные пункты предложения.
• Большой визуал, который демонстрирует продукт, а также несколько страниц чек-листа.

12. Office Interiors

Достоинства этого лендинга:

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

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

13. Basecamp

Достоинства этого лендинга:

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

Basecamp Bonus

Достоинства этого лендинга:

• В заголовке указано, сколько компаний уже зарегистрировалось.
• На странице есть отзывы пользователей и точные цифры.
• Зарегистрироваться можно, просто указав адрес электронной почты. Также доступна регистрация через аккаунт Google.

Читайте также: 9 лучших способов заполучить больше отзывов и повысить конверсию

14. TBS

Достоинства этого лендинга:

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

15. Applied Educational Systems

Достоинства этого лендинга:

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

Читайте также: Как сделать идеальный лид-магнит на лендинге?

16. Codeacademy

Достоинства этого лендинга:

• Дизайн верхней части лендинга прост и лишен элементов, отвлекающих внимание. Пользователь видит четкий заголовок, релевантное изображение и лид-форму с красной кнопкой целевого действия.
• На странице есть возможность регистрации через Facebook или Google+. Это увеличивает вероятность конверсии.
• На странице также есть видео, на котором реальный студент отвечает на вопрос: «Как программирование может помочь тебе?»

17. Berry Insurance

Достоинства этого лендинга:

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

Читайте также: Руководство по пользовательскому контенту: превратите клиентов в «адвокатов бренда»

18. Patreon

Достоинства этого лендинга:

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

19. Litchfield Builders

Достоинства этого лендинга:

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

Читайте также: 11 советов по видеомаркетингу для вашего бизнеса

20. IMPACT

Достоинства этого лендинга:

• Социальное доказательство содержится уже в самом заголовке: «Более 50 000 пользователей уже любят The Latest».
• На странице содержится видео, которое не только объясняет ценность предложения, но также демонстрирует юмор и индивидуальность. Ролик включает в себя интервью с реальным сотрудником компании.
• Далее перечислено все то, что получит пользователь, заполнив лид-форму: только самый лучший контент, новейшие видеоролики и шоу, вебинары, душу и сердце.
• Ниже демонстрируются примеры контента, который получают пользователи.
• Социальное доказательство представлено в виде цитат пользователей.
• Лид-форма на странице короткая и простая для заполнения.

Читайте также: Лендинги для вебинаров: 8 эффективных приемов увеличить количество регистраций

21. Todoits

Достоинства этого лендинга:

• Утверждение «более 2 000 000 человек делают удивительные вещи с Todoist» предоставляет социальное доказательство и дает ответ на вопрос: «Почему вы этого не делаете?»
• При нажатии на ярко-красную кнопку открывается форма с надписью «Зарегистрируйтесь за секунды», которая позволяет легко зарегистрироваться при помощи Google+.
• Фоновое изображение, включенное в дизайн целевой страницы, прокручивает короткие видеоролики, демонстрирующие сценарии, в которых вы можете использовать приложение. Это дает представление о том, как это выглядит на разных устройствах.

22. River Pools & Spas 

Достоинства этого лендинга:

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

23. Vivino

Достоинства этого лендинга:

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

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

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

По материалам: impactplus.com. Атвор: Ramona Sukhraj.

11-04-2022

7 креативных идей для целевых страниц (с 14 примерами)

Душевая мысль: Откуда маркетологи берут *лучшие* идеи для целевых страниц? Подождите, они принимают их в душе?

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

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

Но сначала! Позвольте мне дать вам три совета, которые сделают ваш сеанс мозгового штурма намного лучше.

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

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

1. Как и ваша реклама, ваши целевые страницы не для всех (и это хорошо!).

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

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

2. Вполне нормально, если ваши идеи для целевой страницы будут немного «нестандартными».

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

3. Варианты помогут вам найти наилучший подход.

Если у вас есть несколько разных идей и вы хотите выяснить, какой из подходов лучше, вы можете запустить A/B-тесты на нескольких версиях вашей целевой страницы, чтобы увидеть, какая из них лучше конвертируется. Но что, если (как это часто бывает) определенные типа посетителей реагируют на одну версию лучше, чем на другую? Вот тут и приходит на помощь Smart Traffic.

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

7 идей для целевых страниц, которые вдохновят вашу следующую кампанию

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

Хотите больше примеров? Ознакомьтесь с лукбуком Ecommerce Lookbook , в котором представлены 27 целевых страниц с высокой конверсией от клиентов Unbounce.

1. Игра с контрастом (темнота и свет)

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

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

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

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

Посмотрите, как страница разворачивается при прокрутке:

2. Окунитесь в мир цвета

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

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

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

SnackNation также использует дополнительные цвета для выделения важной информации. (Главный совет: желтый CTA всегда будет выделяться на фиолетовом фоне!) Но наша любимая часть этой страницы — яркая вспышка конфетти, вылетающая из пакета с закусками. Это добавляет дополнительную яркость и движение — и напоминает нам, что цвет не обязательно должен быть реалистичным или функциональным, чтобы работать на вашей целевой странице.

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

Stripe получил много похвал за этот веб-дизайн (и не зря!). Идея достаточно проста — меняющийся градиентный фон, переливающийся разными цветами — и блестящее исполнение.

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

3. Сделайте смелое заявление своей копией

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

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

«Чертовски хороший кофе». Даже бьет по лицу, как эспрессо.

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

Еще одно место, где вы можете поиграть с жирным или неожиданным текстом, — это ваш призыв к действию. Возьмем, к примеру, эту нетрадиционную копию CTA с целевой страницы Awayco.

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

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

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

4. Приведите все в движение 

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

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

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

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

Итак, мы рассмотрели встроенное видео и галереи, но как насчет анимации ? Возможности безграничны — от анимированных заголовков и эффектов кнопок до движущихся фонов и… мишек-сюрпризов?

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

5. Втягивайте посетителей глубже в страницу — буквально

Креативной веб-страницы от AB Architects достаточно, чтобы заставить посетителей переоценить то, как они интерпретируют онлайновое «пространство». В отличие от типичного вертикального дизайна страницы, прокрутка перетаскивает посетителей на вперед на страницы. Такое ощущение, что вы идете по длинному коридору или идете по галерее, а по обеим сторонам стоят фотографии из их портфолио «Услуги для дома».

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

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

6. Позвольте посетителям поиграть с элементами дизайна

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

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

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

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

7. Попросите зрителей принять участие

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

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

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

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

Border Buddy еще больше упрощает эту концепцию, представляя только два варианта для посетителей, готовых двигаться вперед.

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

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

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

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

1. Посмотреть Chalatix — целевую страницу агентства креативного дизайна

   Chalatix — Целевая страница агентства креативного дизайна

2. View Trioli — Креативное цифровое агентство

   Триоли — Креативное цифровое агентство

3. Просмотр веб-сайта цифрового агентства

   Сайт цифрового агентства

4. Посмотреть целевую страницу Ahoyy — агентства цифрового маркетинга

   Ahoyy — Агентство цифрового маркетинга Лендинг Страница

5. Посмотреть личное портфолио — Дизайн целевой страницы

   Личное портфолио — Дизайн целевой веб-страницы

6. View Alona — Креативное агентство Landing page

   Alona — Креативное агентство Лендинг

7. Просмотреть Gothere — целевую страницу креативного агентства

   Gothere — Целевая страница креативного агентства

8. Просмотр PROSPIRE — веб-сайт цифрового агентства

   PROSPIRE — Веб-сайт цифрового агентства

9. Посмотреть САНТУН.