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

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

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

Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.

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

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

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

Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.

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

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

Развлекательные сайты

Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.

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

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

В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.

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

Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.

Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.

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

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

Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.

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

Лендинги-портфолио

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

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

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

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

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

Пример необычного плиточного дизайна.

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

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

Иконки и ничего лишнего. Хороший пример минималистичного дизайна.

Страница-портфолио отображает самое главное — примеры работ.

Розничная торговля

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

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

Ничто не отвлекает посетителя от созерцания прекраснейших часов.

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

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

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

Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.

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

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

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

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

Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.

Текст на лендинге — маркер «здоровья» проекта . Жив ли он или умирает в муках, доносят несколько строк выше линии сгиба.

Заголовки справедливо считаются ключевым элементом целевой страницы. Однажды (David Ogilvy) сказал: «Написав заголовок, вы потратили 80 центов своего доллара». Это означает, что из 1000 человек, посетивших лендинг, 800 уйдут, прочитав только заголовок. Но это — среднее значение, улучшаемое хорошим текстом и оптимизацией верхней части воронки конверсии (что благотворно повлияет на ее нижнюю часть).

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

Ключевые тезисы

Редко кто дочитывает лонг-риды до конца — поэтому кратко резюмируем выводы исследования в первом же пункте:

  • на 14% лендингов SaaS-стартапов нет подзаголовков;
  • среднее число слов в заголовке — 6;
  • среднее число слов в подзаголовке — 12;
  • средний показатель качества заголовков (по данным сервиса CoSchedule) — 59 баллов;
  • 39% заголовков продают преимущества продукта;
  • 20% заголовков задействуют социальные доказательства;
  • в 50% заголовков и подзаголовков использованы позитивные установки;
  • 13% заголовков и подзаголовков сообщают негативные установки;
  • «Вы» и «Ваше» встречается в 10 раз чаще, чем «Мы» и «Наше»;
  • 42% заголовков содержат жаргонизмы;
  • скорость, простота, рост, деньги, гуманность, улучшения — 6 основных тем для текстов landing page;
  • каждый заголовок сводится к 1 из 9 формул.

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

На 14% лендингов стартапов нет подзаголовков

Пренебрегаете подзаголовком? Значит, вы уверены в качестве заголовка страницы — ведь он один убеждает остаться те 80% посетителей, что уходят сразу после «посадки».

Согласно Wordstream:

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

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

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

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

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


Контент. Создан покупателями для покупателей.

Среднее число слов в заголовке — 6

Считается, что 6-7 слов — . Но Джоан Вибе (Joanne Wiebe) из Copyhackers доказал ошибочность этого утверждения еще в 2014 году, посредством «визионерского» сплит-теста.

Контрольная версия: Получите результаты от своих facebook-постов.
Вариант 1: Это как полноценная smm-команда по требованию.
Вариант 2: С нашим генератором идей для статусов и предельно простым планировщиком постов у вас никогда не кончится эффективный контент facebook-страниц.

Первый вариант повысил CTR на 36%, а второй — на 29%. Иногда для донесения ценности не хватает пятого-шестого слова. Ниже — пример лаконичного (и неудачного) заголовка от Simply Measured.


Лучшее социальное начинается здесь.
Обоснованные решения. Исключительные результаты.
Лучшая в мире социальная аналитика без усилий.

Учитывая, что это самые читаемые четыре слова на всем лендинге, маркетологам стоило донести оффер четче. Заголовок не слишком информативен. Это похоже на так называемый «флип-феномен», или феномен переворота — технику, при которой подзаголовок тестируется как заголовок, и наоборот.

61% заголовков не продают преимуществ продукта

Цифра удивляет, не правда ли? Знаете старую аксиому: «Свойства говорят, а выгоды продают»? Но если подумать, то проблема сводится к уровню намерений и осведомленности:

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

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

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


Закрывайте больше сделок. Делайте больше денег.

А следующий пример, увы, не делает этого. Лендинг от SensorTower:


Заголовок: Разведка в маркетинге приложений стала проще.
Подзаголовок: Лидирующая платформа для оптимизации магазинов приложений и разведки в индустрии.

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

Словом, этому лендингу оптимизация текстов явно не помешала бы.

20% заголовков и подзаголовков задействуют социальные доказательства

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

Красным подчеркнуто: «Помогло сотням тысяч команд».

Также претензии на славу демонстрирует и FastCall — но в заголовке:


Текст заголовка: #1 ратифицированный дилер в AppExchange, с поддержкой Salesforce

Средний показатель качества заголовков по CoSchedule — 59 баллов

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

Длина : люди забывают прочитанные в онлайне слова за считанные секунды;
Баланс слов : заголовки должны обладать гармоничным сочетанием общих, редких, эмоциональных и сильных слов;
Тип заголовка : больше относится к блог-постам. Заголовки в стиле «Как сделать...», рейтинги, ТОПы, списки постов и вопросов — такие варианты приносят высокие результаты;
Настроение : акцент на негативные эмоции или позитивные настроения в заголовке.

Рассмотрим заголовки, высоко оцененные системой.


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



Выгоды, которым доверяют люди.
Передовой инвентарный софт для выдающегося роста бизнеса
Аналитика digital-маркетинга с Competitive Edge.

Вам нужно больше клиентов?

Станьте компанией, у которой клиенты любят заказывать.

Продающая платформа «Все в одном».
Создание приложений и мобильный маркетинг в одном мощном решении.

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

AppZen

На лендинге AppZen размещено два равнозначных СТА, что неоднозначно в плане конверсии, но зато здесь удивительно сильный текст.

Хватит тратить время и деньги на отчеты о расходах

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

Хей, мисс-фотограф!
Наконец, бэк-офис упрощен.
Работай умнее.

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

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

Половина заголовков и подзаголовков используют позитивные установки

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

Согласно CoSchedule:

«Заголовки, передающие сильные положительные или отрицательные эмоции, как правило, работают лучше».

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

  • 44% заголовков передают позитивные эмоции;
  • 37% заголовков передают нейтральные эмоции;
  • 13% заголовков передают негативные эмоции;
  • 59% подзаголовков передают позитивные эмоции;
  • 22% подзаголовков передают нейтральные эмоции;
  • 13% подзаголовков передают негативные эмоции.

Бенджамин Бренделл (Benjamin Brandall) проанализировал тексты лендингов на эмоциональную окраску специализированным софтом. Вот несколько позитивно-окрашенных заголовков:

Сделайте свой фронт-деск восхитительным.



Никогда не создавайте детали снова.

Трекинг проектов для удаленных команд.



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

И список негативных:


Решение по управлению задачами для команд.


Работай умнее.

Лучшие сообщения для веб и мобильных приложений.
Хей, мисс-фотограф!
Маркетинговая eCommerce-платформа.


Автоматизация входящих продаж.
Самый быстрый способ использовать Твиттер в команде.

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

Заголовки и подзаголовки: популярные слова и фразы

Эмоциональные и сильные слова важны в тексте. И добавить их несложно — существуют слова и фразы, признанные высококонверсионными. Несколько пунктов к размышлению.

Ваше/Вы в 10 раз чаще, чем Мы/Наше

Превратите свои ошибки в действия

Продукт — это все о клиенте, а не о вас. Вы продаете то, что делает ваше решение для кого-то, а не то, что делаете вы.

Вот статистика по исследованию:

Вы/Ваше: 65 лендингов;
Мы/Наше: 6 лендингов.

ТОП-10 фраз

Постройте свой digital-бизнес быстрее с мобильным бек-эндом как услугой

Мы еще увидим, что заголовки часто подчеркивают простоту, скорость и превосходство. Список лучших практик:

  • «лучший способ...»;
  • «превратите свой...»;
  • «легко использовать...»;
  • «быстрее с...»;
  • «от google/согласно google»;
  • «тысячами...»;
  • «без написания кода...»;
  • «лучший в мире...»;
  • «доверяют тысячи...».

42% заголовков содержат жаргонизмы

Толковый словарь Ожегова определяет жаргон как: «Речь какой-нибудь социальной или иной объединенной общими интересами группы, содержащая много слов и выражений, отличных от общего языка, в том числе искусственных, иногда условных».

Хотя жаргон в копирайтинге, как правило, запрещен, Белинда Уивер (Belinda Weaver) утверждает, что в ряде ситуаций это нормально. Она доказывает, что допустимо использовать жаргон в общении на техническую тему. Так как SaaS-платформы — это технологические продукты, то жаргонизмы вполне допустимы. Тем не менее, редко когда они действительно необходимы маркетологам, ведь ваш продукт предназначен не для разработчиков, а для пользователей.

Пример жаргонизмов от Neptune.io


Автоматизация отклика на события от DevOps

Это работает, потому что целевая аудитория понимает значение терминов. Если человек не в курсе, значит продукт не для него.

Пример от Datadog

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

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

А) Получите готовый проект с Nitro; Vs. В) Отслеживание проектов для удаленных команд.

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

Популярные темы заголовков

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

1. Скорость

Самый быстрый способ использовать Твиттер в команде.

Продавайте больше и быстрее с ProsperWorks.
Хватит тратить время и деньги на отчеты по расходам.

2. Простота

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

Легкая, мощная веб-безопасность.
The Bitium Difference: безопасность, гибкость, простота в использовании.

3. Ум, осведомленность

Работайте умнее.
Смарт-доставка со встроенным управлением содержимым.

4. Превосходство

Лучший способ оставаться в курсе медицинских исследований.
Наиболее эффективный способ определить и присоединить ваших идеальных клиентов.
#1 рекрутинговое решение для растущих компаний.
#1 онлайн и мобильная фандрайзинг-платформа.

5. Гуманность, акцент на людях

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


6. Деньги

Запланируйте свой путь к росту или уходите!
Превратите своих холодных лидов в возможности для продажи.
Хватит тратить время и деньги на отчеты по расходам.
Быстро превратите своих лидов в доходы.

Фандрайзинг стал проще.
Продавайте больше и быстрее с ProsperWorks.

7. Рост

Запланируйте свой путь к росту или уходите!

CRM для небольших команд продаж с большими амбициями.
Развивайте свой бизнес.

#1 рекрутинговое решение для растущих компаний.
Расширенная инвентаризация софта для выдающегося роста бизнеса.

8. Улучшение

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

Каждый заголовок можно отнести к одной из 9 формул

Формулы заголовков используются копирайтерами с тех пор, как они были популяризованы Джоном Каплесом (John Caples) в 1932 году. Но, несмотря на прошедшие 84 года, формулы вполне применимы и для лендингов облачных стартапов — конечно, с некоторыми корректировками. Каждый заголовок из рассмотренных выше (да и вообще, из существующих) подпадает под одну из 9 категорий.

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

[Программное обеспечение] для [цель]

Решение по управлению задачами для команд.
Управление транзакциями для современных профессионалов недвижимости.
Отчеты по расходам, оптимизированные для реальных людей.
Продающая CRM для маленьких команд с большими амбициями.
Надежный сбор данных для лучшего бизнеса.
Контент. Созданный потребителями для потребителей.
Автоматизация откликов на инциденты для DevOps.
#1 рекрутинговое решение для растущих компаний.
Отслеживание проектов для удаленных команд.
Чат и входящая почта для команд. Одно пространство, чтобы общаться и оставаться на связи.
Расширенная инвентаризация софта для выдающегося роста бизнеса.
Программное обеспечение для лидеров.

[Превосходная степень] путь к [цель]

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

[Повелительное наклонение/императив] [выгода]

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

Развивайте свой бизнес.
Сделайте удаленной дизайн-работу.
Превратите людей, которых вы знаете, в бизнес, о котором мечтаете.
Заставьте свой беспилотник работать.
Отправляйте электронную почту, которая конвертирует.
Вырастите и сохраните своих пользователей.
Улучшите User Onboarding.
Закрывайте больше сделок. Делайте больше продаж.
Запустите продуктивные переговоры.
Получите больше лидов. Улучшите вовлечение.

Создавайте и публикуйте мощные мобильные приложения без знания кода.
Получите готовый проект с Nitro.
Сделайте свой фронт-деск восхитительным.
Будьте в курсе, чем занята ваша команда.
Продавайте больше и быстрее с ProsperWorks.

Лучший [цель]

Улучшенная адаптация пользователей.
Лучшие сообщения для Web и мобильных приложений.

[Программное обеспечение, продукт] который [выгода]

Отправьте email, который конвертирует.

[Выгода]. [Выгода]

Получите больше лидов. Улучшите вовлечение.
Закрывайте больше сделок. Делайте больше продаж.
Отличные переговоры. Выдающиеся результаты.

[Выгода] без [недостаток, боль]

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

[Вопрос]

Вам нужно больше клиентов?
Есть идея приложения? Воплотите ее с POP.

[Назначение]

Маркетинговая платформа eCommerce.
Оснащение панели за 15 минут.

Вместо заключения

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

Исследование Process Stree на основе 87 лендингов показало лучшие практики и скрытые тренды создания заголовков. Эти данные подойдут для глубоких тестов и корректив на целевых страницах. Рассмотрите примеры, изучите 9 формул построения заголовков и начинайте оптимизировать!

Задумываетесь об оптимизации конверсии своего лендинга? Ознакомьтесь с нашей >>>

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

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

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

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

Продающие сайты. Что это такое? Каждый второй скажет: “Конечно же, это лендинги!”. Они же одностраничники, они же лендинг пэйдж, они же продающие страницы.

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

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

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

Критерии оценки сомнительны

По какому принципу оценивать ? Какие брать за основу? Как составить рейтинг ТОП-10 сайтов?

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

К тому же, мы не знаем сколько продаж компании совершают через подобные сайты. Им же нельзя позвонить и спросить: “А какая у вас ?” или “Сколько Вы получаете заявок из ?”.

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

Ага, размечтались!

Поэтому я сделал проще. Стал искать и просматривать рейтинги и подборки лучших лендингов. И знаете что?

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

2. Мастерская “Dinero”

Это не сайт, это целый фильм об одном “персонаже” - деревянном кошельке. Если бы он стоил 1 000- 2 000 р., то сайт бы провалился.

6. Проект “Большая сушка”

Большинство женщин (их целевая аудитория) слышали о проекте “Бешеная сушка”. Их реклама к запуску заполоняет весь интернет. И это не удивительно, когда инвестируются миллионы на трафик.

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


Проект “Большая сушка”

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

А это влияет на отток посетителей, в силу того, что они не видят логичного закрытия всей истории.

7.

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

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



CRM “МегаПлан”

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

Кстати! Если Вы хотите использовать в качестве своей CRM-системы, то советую не забыть промо-код “Megastart”. Так Вы получите скидку на первую покупку 10% и 14 дней бесплатного использования.

8. Банк для предпринимателей “Точка”

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

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


Банк для предпринимателей “Точка”

9. Оснащение тренажерных залов “Goodfit”

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

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

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

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


Оснащение тренажерных залов “Goodfit”

10. Торговый центр “МЕТРОПОЛИС”

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

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

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


Торговый центр “МЕТРОПОЛИС”

Только Россия!?

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

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

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

Это сайт, состоящий из множества лендингов. Практически многостраничный сайт. Но все-таки лендинг.

https://youtu.be/ClF-txTHGnc

Но, я специально не выкладываю их landing page здесь, потому что они другие. Пускай все говорят о том, что мы повторяем всё за западом, но в данном случае я считаю иначе.

Мы, русские, другие. У нас другой тип мышления, так как мы живём в другой стране.

Например, у Американца почти нет опасений в голове, что компания возьмёт деньги и растворится. Так как у них всё защищено на десять рядов, что только один PayPal стоит.

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

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

Лучше наслаждайтесь нашими русскими решениями. Моделируйте наши тексты и блоки. А в зарубежных сайтах просто берите хорошие идеи для дизайна.

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

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

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

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

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



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: