Шаблоны по бизнес-нишам: шенгенские визы. Лендинг пейдж по продаже часов. Интернет-магазин плюшевых медведей

Можно долго рассуждать на тему, насколько важна лид-форма для любой лендинг пейдж, но вместо этого приведем один красноречивый пример: доходы Expedia увеличились на $ 12 000 000 после того, как команда маркетологов убрали одно избыточное поле из формы. Всего одно поле! Вот он — эффект бабочки.

Конечно Expedia это империя с огромным входящим трафиком, которая занимает 511 место по популярности в мире, где даже незначительное изменение коэффициента конверсии влияет на многомиллионный cash flow.

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

В этом посте мы сперва поговорим об основах оптимизации лид-форм, а потом рассмотрим 17 конкретных примеров.

Что такое конверсия формы?

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

Основные правила оптимизации лид-формы:

1. Минимизируйте усилия посетителей. Чем меньше у формы полей, тем больше шансов, что ее заполнят. Оптимальное количество — от 3 до 5. Обязательных для заполнения — и того меньше. Если вы не готовы жертвовать точностью данных во имя конверсии, тогда разбейте процесс на несколько шагов (multistep).

2. Гарантируйте безопасность данных. Люди, как правило, с неохотой делятся контактными данными. Чтобы минимизировать их опасения, добавьте к форме какой-нибудь «антиспамовский» значок. Либо напишите что-нибудь вроде: мы не передаем данные клиентов третьим лицам.

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

4. Не используйте CAPTCHA совсем.

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

5. Размещайте форму «над или выше линии сгиба». Тепловые карты показали, что самое «лакомое» место на странице — правый верхний угол, поскольку первый взгляд посетителей устремляется именно туда. Разумеется, есть примеры, когда «переезд» лид-формы с «первого экрана» только увеличивал конверсию. Но все-таки традиционно ее до сих пор размещают «над сгибом». Есть сомнения? А/ Б-тестирование в помощь, друзья.

6. Позаботьтесь об окружении. Ваша форма должна «дышать». Не стесняйте ее другими элементами, кроме направляющих к ней (стрелки, направление взгляда и т. д.). Рекомендуем вам провести блинк-тест (от англ. blink — мерцание): включить монитор перед человеком, который впервые видит ваш лендинг, на 6 секунд, а потом спросить, что он заметил. Если в списке замеченных элементов не оказалось лид-формы и CTA, значит, нужны доработки.

А теперь перейдем к разбору примеров.

Опрятная форма в классическом оформлении. Располагается «над сгибом», справа от промо видео. Мудро использованы обязательные поля — только email. Однако оформить форму можно было бы более модно. :)

Приятные цвета, бодрый призыв к действию, изящный указатель (стрелка). 5 баллов!

Эта форма призывает убить сразу двух зайцев: создать аккаунт (create an account) и запросить коммерческое предложение (request a proposal). Явный перебор, равно как и излишнее количество полей.

Две тесно соседствующие формы на одной целевой странице явно вводят в когнитивный диссонанс. Запомните: один лендинг — одно целевое действие.

Это пример мудрого использования бокового пространства. Гарантийная печать и альтернативные способы связи внушают доверие. Также стоит отметить информативный заголовок и ссылку на политику конфиденциальности. К недостатками можно отнести набившее оскомину слово «отправить» (submit) и разбивку полей на две колонки — лучше использовать одну.

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

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

Симпатичная форма: броский заголовок, понятное описание и поля, которые можно заполнить за 1 минуту.

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

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

Стройная форма без лишнего жира. Возможно, даже слишком стройная. Смущает одно — необязательное поле с email-адресом. Есть риск потерять контактные данные.

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

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

Можно ли разместить форму подписки на изображении? Да, посмотрите под слоган «Stay Smart». Хороший вариант ненавязчивой формы, которая выполняет свою работу и не уродует эстетический облик страницы.

На этом примере кнопка с надписью «Submit» (отправить) вводит в заблуждение. Гораздо понятнее будет «Подписаться».

В этом примере к форме подключен счетчик загрузок. Удачное дополнение.

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

Заголовки справедливо считаются ключевым элементом целевой страницы. Однажды (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 формул построения заголовков и начинайте оптимизировать!

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

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

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

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

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

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

По какому принципу оценивать ? Какие брать за основу? Как составить рейтинг ТОП-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 . А уже потом, мы ждём Вас к нам в гости на совместную разработку.

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

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

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

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

Надоело врать

Часто мои коллеги, после очередного разговора с клиентом по услуге , говорят мне возмущённую фразу: “Никита, нам надоело спорить с ними. Может сделаем то, что они хотят?”.

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

Всё! Накипело. Расставим все точки (говорю мечтательным голосом). Раз и навсегда определим что такое настоящий продающий одностраничный сайт, и как выглядит ерунда, которая имеет от этого только название.

Будет и интересно, и скучно, но точно полезно. Начнём с лаконичного описания данного термина.

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

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

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

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

Подготовительная часть

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

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

Всё как при запуске ракеты: 50% успеха это правильное определение координат. Итак, каким должен быть продающий сайт.

1. Один продукт (цель)

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

Это то же самое, если Вы приедете покупать автомобиль в салон, а я Вам дополнительно к нему буду продавать дом на Рублевке.

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

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

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

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

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

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

Ошибка

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

Так как всё равно, что купить кота в мешке. Никакой дополнительной информации, выгод и ответов на вопросы.

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

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

Поэтому когда Вы делаете сайт, чётко определитесь для какого продукта Вы это делаете. И также периодически меняйте слово “Продукт” на “Цель”.

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

2. Целевая аудитория

По моим внутренним подсчётам это 200 упоминание на нашем блоге про целевую аудиторию.

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

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

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

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


Целевая аудитория

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

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

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

Другой купит только то, что не занимает много свободного времени. А третий вообще кроме низкой стоимости ничего не видит. Этот список можно продолжать и продолжать.

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

https://youtu.be/tKhP5geLfmY

3. Уровень осознанности

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

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

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

И для этого сравните между собой три одинаковых и в то же время разных запроса в поисковую строку Яндекса или Гугла:

  1. Из чего построить малоэтажный дом?
  2. Кирпич или сруб в строительстве домов?
  3. Строительство малоэтажных домов из кирпича

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

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

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

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

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

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

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

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

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

https://youtu.be/p3DhGn_AL1w

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

Но, как обычно, раскрою еще один секрет, который делает сайт продающим. Брифинг проходит устно.

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

Такой брифинг занимает 1-2 часа. И раз вскрываю все карты, то приготовьтесь к тому, что если у Вас компания новая или в ней ничего нет, то “упаковщик смыслов” просто ничего не сможет взять и сайт получится точно НЕ продающим.

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

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

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

Реализация

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

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

1. Оффер

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

Главный оффер может быть 4 уровней. Отличительную разницу сразу видно на примерах.

Первый уровень - когда Вы просто пишите “Аренда машин в Москве”.
Второй уровень звучит уже интереснее - “Аренда машин в Москве. Премиум-автопарк”.

Третий уровень для многих даётся очень сложно и базируется на результате - “Аренда премиум-машин в Москве. Единичные экземпляры привлекут тысячи глаз всего от 5000 рублей в день”.

Можно ли назвать это идеальным предложением? Конечно, нет. Я придумал его за 2 минуты для этой статьи.

Но суть Вы уловили и заметили насколько разным может заголовок на первом экране. Поэтому по-умолчанию стараемся достичь 3, а еще лучше 4 уровня оффера.

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

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

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

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

2.

Продающесть landing page также создаёт мастер по текстам (копирайтер). Он делает это на основе полученного от маркетолога прототипа, где отражены все выявленные смыслы на этапе упаковки.

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

Но это полная правда. Страшный сайт с хорошими текстом сделает своё дело. А плохие тексты на красивом дизайне потеряют клиента.

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

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

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

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

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

  1. Не банальный заголовок. Если Вы видите заголовок “Почему выбирают нас?”, “О нас” или другой избитый вариант, который используется на десятках других сайтов, то бегите со всех ног.

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

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

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

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

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

  4. По делу. На одностраничнике не должно быть текста ради текста, даже если он создаётся для SEO.

    Если можно с сайта убрать этот текст и ничего не изменится, то нужно резать и сокращать.

  5. Конкретика. Так же избитые словосочетания из серии “Индивидуальный подход”, “Гибкая система скидок”, “Высокое качество” являются клеймом.

    Единственное, это допускается, когда раскрывающий текст даёт 100% конкретику, а эта фраза лишь является подводкой или заголовком.

Отдельным пунктом хочу вынести такой критерий как “Отработка возражений”. Он реализуется по всему сайту во всех элементах текста.

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

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

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

3. Дизайн

Красивый сайт не всегда равно продающий сайт. Это Вам нужно запомнить навсегда. В своём материале