44 примера лендингов, которые вдохновят вас в 2022 году (часть 1)

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

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

Ниже вы найдете первые 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 

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

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

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

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

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

3. Uber

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

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

4. EF Ultimate Break

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

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

5. Snapchat

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

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

6. Sticker Mule

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

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

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

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

7. MasterClass

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

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

8. HelloFresh

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

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

9. Amazon Prime

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

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

10. Sheffield Metals International

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

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

11. Zenefits

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

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

12. Office Interiors

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

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

13. Basecamp

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

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

Basecamp Bonus

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

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

14. TBS

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

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

15. Applied Educational Systems

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

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

16. Codeacademy

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

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

17. Berry Insurance

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

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

18. Patreon

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

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

19. Litchfield Builders

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

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

20. IMPACT

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

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

21. Todoits

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

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

22. River Pools & Spas 

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

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

23. Vivino

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

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

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

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

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