Лого SiteHere.ru

10 примеров лучших продающих лендингов + руководство по созданию

Лучшие продающие Landing Page

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

Ниже мы рассмотрим ТОП-10 продающих лендингов, которые грамотно составлены и которые стоит анализировать, а затем применять фишки на своих продающих лендингах.

Есть определенная структура Landing Page, которая работает. Это могут быть как длинные лендинги, так и помещаться в 2 экрана.

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

Предлагаем вам посмотреть 10 примеров продающих лендингов, а затем изучить руководство, как создать продающий лендинг пейдж:

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

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

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

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

Примеры лучших продающих Landing Page

1 Shopify

Shopify Landig Page

Очень короткий лендинг пейдж, на котором предлагают попробовать бесплатно продукт в течение 14 дней.

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

Преимущества: представлены в виде 3-х пунктов, где присутствуют цифры (это очень важно, потому что привлекает внимание и дает конкретные данные, без «воды»)

Пошаговая форма заявки: они не показывают сразу форму.

Первый шаг — вы заполняете поле с email:

Пошаговая форма заявки - шаг 1

Второй шаг — предлагают заполнить еще 2 поля с паролем и названием своего интернет-магазина:

Пошаговая форма заявки - шаг 2

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

Что еще есть: в конце страницы еще один призыв к действию:

Призыв к действию на лендинге Shopify

2 Duolingo

Продающая страница Duolingo

Следующий наш подопытный — это сервис по изучению иностранных языков Duolingo.

Заголовок: очень короткий заголовок, как и в предыдущем примере.

Пошаговая форма заявки: на первом также находится 2 кнопки.

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

А сейчас начинается самое интересное, когда вы нажимаете на кнопку «Начать»:

Выбор языка на продающей странице Duolingo

Вы попадаете на вопрос где нужно выбрать язык.

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

Потом нужно выбрать цель изучения языка:

Вопрос про цель изучения языка на продающей странице

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

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

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

Еще один вопрос, где нужно ответить являетесь новичком или что-то уже учили:

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

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

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

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

3 Airbnb

Информационный лендинг Airbnb

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

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

Многие до сих пор заставляют на продающих страницах читать большое количество текста (и это не в виде сторителлинга).

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

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

Чтобы зарегистрироваться для участия в этой программе вам необходимо нажать кнопку «Начать» и вас перенаправит на самое начало:

Начало обучения на информационном лендинге

Далее вам необходимо ответить на вопрос с какой целью вы хотите организовать «Впечатление»:

Выбор цели на информационном лендинге

Далее еще идет 2 слайда, где в очень краткой форме описаны правила:

Правила на информационном лендинге

И только потом предлагают зарегистрироваться и создать свое «Впечатление»:

Регистрация на информационном лендинге

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

Продающий лендинг с результатом

Посмотрите наши кейсы для разных ниш

Сделайте сами на конструкторе

4 Black Negative

Black Negative

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

5 Super Top Secret

Super Top Secret

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

6 WE AIN’T PLASTIC

WE AIN'T PLASTIC

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

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

7 ANTON & IRENE

ANTON and IRENE

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

8 BLITZ

BLITZ

Что привлекло меня данном сайте, так это эффекты при наведении. Хоть сайт и разработан в современном стиле минимализма, но здесь очень красиво сочетаются 3D объекты: раскрывающиеся открытки, движение объектов на открытке. Также обратите внимание на смену блоков при прокрутке.

9 The Boat

The Boat

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

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

Закажите продающий лендинг под ключ

Посмотрите наши кейсы для разных ниш

Сделайте сами на конструкторе

Бонусный лендинг

* An deiner Seite

ТОП-1 Landig Page

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

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

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

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

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

Что такое продающий лендинг?

Что такое продающий лендинг?

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

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

Такие страницы используют для:

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

Как создать продающий лендинг?

Как создать продающий лендинг?

Почему у некоторых лендинги работают хорошо, а в кто-то делает уже 4-й лендинг, но все не то?

Сейчас создать лендинг проще простого, ведь существует огромное количество конструкторов (например, Тильда или lpmotor), CMS со специальными плагинами (например WordPress с плагинов Elementor, у которого огромное количество красивых готовых шаблонов и не нужно знать HTML), большое количество компаний по созданию посадочных страниц.

Но в чем секрет действительно продающих страниц?

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

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

За 3 года привлечения клиентов мы нашли определенные блоки и элементы на лендинге, которые работают лучше всего. Наши результаты вы можете посмотреть на этой странице. Обратите внимание на стоимость заявки. Даже при небольшой конверсии лендинга стоимость обращения (заявка или звонок) остается очень низкой (от 90 рублей).

Для каждой сферы бизнеса (ниши) они разные, но есть универсальные.

Именно такие элементы и структуру landing page мы рассмотрим ниже.

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

Нужен продающей лендинг?

Посмотрите наше портфолио для разных ниш

Сделайте сами на конструкторе

Этапы создания лендинга

1 Анализ конкурентов

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

2 Целевая аудитория и ее сегментирование

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

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

Важно понимать, для кого именно вы предлагаете свой продукт. Лучше всего здесь выделить 3 сегмента аудитории. То есть ваша страница должна закрывать “боли” этих сегментов аудитории.

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

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

Рекомендуем видео по сегментированию целевой аудитории от Дениса Ладанова (начинайте смотреть с 30-й минуты):

Как сегментировать целевую аудиторию

Из видео вы узнаете:

  • Пять причин, почему вы теряете деньги, занимаясь формальным сегментированием (когда разделяете мужчин и женщин, например);
  • Почему одни люди покупают продукт, а другие — нет;
  • Отличия в подходе к сегментации внешней и внутренней аудитории;
  • Узнаете алгоритм определения и формулировки сегментов.

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

Сегменты целевой аудитории для строительства домов

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

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

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

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

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

3 Аватары клиентов

Далее необходимо в каждом сегменте выделить 2-3 аватара (или портрета) клиента. Аватар клиента — это описание самого яркого представителя каждого сегмента целевой аудитории.

Для составления аватара клиента необходимо знать:

  • Его цели;
  • Ценности;
  • Демографические характеристики;
  • Трудности и боли аватара;
  • Возражения.

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

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

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

Очень много теории, а она мне пригодится?

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

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

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

Структура и элементы продающего лендинга

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

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

Лучше всего сделать следующим образом:

  • Составить продающую структуру лендинга.
  • Затем разместить и поработать с каждым из элементов лендинга.

Чтобы не придумывать велосипед, при составлении продающей структуры лендинга рекомендуем использовать формулу AIDA (Attention, Interest, Desire, Action — внимание, интерес, желание, действие). Это простой способ создать хороший лендинг.

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

4.1. Прототип лендинга

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

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

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

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

Сервис для создания прототипов Wireframe.cc

В бесплатном тарифе достаточно возможностей для создания прототипа.

Либо сервисом Moqups:

Сервис создания прототипов Moqups

В бесплатном тарифе можно создать один проект.

4.2. Заголовок лендинга

Заголовок продающего лендинга

Если вернуться к формуле AIDA, то в заголовке мы касаемся первой буквы “A” (Attention или Внимание).

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

  • Как составить продающий заголовок?

    Ответ: с нашей точки зрения лучший способ создания продающего заголовока — это формула 4U (Uniqueness, Usefulness, Ultra-specificity, Urgency — Уникальность, Полезность, Специфичность, Срочность).

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

    Генератор продающих заголовков (4U)

    1U Полезность. В чем польза вашего предложения для клиента?

    Примеры: сократите расход топлива, увеличьте конверию сайта

    2U Специфичность. Выгода для клиента в конкретных цифрах, процентах

    Примеры: на 34 литра, в два раза

    3U Срочность. Промежуток времени, через который клиент получит результат

    Примеры: через 15 минут, через 3 дня

    4U Уникальность. С помощью чего будет достигнут результат? (ваше отличие)

    Примеры: с помощью авторской программы тренировок, благодаря системе экспресс-доставки

    Ваш заголовок:

  • Где можно подсмотреть крутые идеи заголовков?

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

    Когда покинуло вдохновение в то время, когда нужно придумать заголовок — смело идем на сервис BuzzSumo:

    Сервис Buzzsumo

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

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

    Выбираем русский язык

    В результате вы увидите подбор заголовков и расшариваний (смотрите колонку “Total Engagement”) у соответствующей записи:

    Результаты BuzzSumo

    Таким образом вы сможете найти заголовок, который сможете применить у себя. Не забывайте совместить это с формулой 4U.

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

Придумывайте сразу несколько заголовков, чтобы можно было запускать A/B тестирование, так как всегда есть заголовок, который будет работать лучше предыдущего.

4.3. Кейсы/продукт/преимущества

Кейсы и преимущества

Здесь необходимо продемонстрировать свой продукт или услугу.

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

Если рассматривать формулу AIDA, то это буква I (Interest или Интерес). Здесь должно быть продолжение того, что было в заголовке.

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

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

Когда мы говорим про тексты, то речь идет о копирайтинге. Если вы все делаете самостоятельно, то рекомендуем изучить книгу “Пиши, сокращай. Как создавать сильный текст” — Ильяхов Максим, Сарычева Людмила:

Книга - Пиши, сокращай

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

4.4. Подробное описание услуги или продукта (товара)

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

Цель этого блока — вызвать желание воспользоваться вашим продуктом. Вспомним формулу AIDA и, как вы уже поняли, речь идет о букве “D” (Desire — Желание).

Идем дальше…

4.5. Описание компании или эксперта

Описание компании или эксперта

Сейчас предстоит рассказать о вашей компании. Необходимо все писать по делу. Еще раз советуем изучить книгу “Пиши, сокращай”, которую мы рассмотрели выше. Там очень много примеров, как написать хорошее описание своей компании.

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

4.6. Социальные доказательства

Социальные доказательства на продающей странице

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

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

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

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

На начальном этапе очень важно получить отзывы от своих прошлых или текущих клиентов.

Готовые скрипты с блоками изображений (и вставить фото своих клиентов) вы сможете найти в этой статье.

4.7. Прайс и цены

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

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

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

4.8. FAQ (вопрос-ответ)

FAQ (вопрос-ответ) на лендинге

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

Как найти такие вопросы:

  1. Посмотрите у конкурентов, что они написали и адаптируйте под себя. Можно посмотреть в вашей нише, а можно посмотреть в смежной нише;
  2. Используйте Яндекс.Вордстат и посмотрите что люди запрашивают. Также для этого подойдет сервис Serpstat.

4.9. Квиз (не калькулятор!)

Квиз внутри продающего лендинга

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

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

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

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

Мы так увеличили количество заявок в сфере B2B в сфере моек высокого давления (АВД). Подробнее о том, как 10% заявок приходило из квиза читайте о кейсе здесь.

4.10. Call-to-action

СТА на продающем лендинге

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

Если проще, то называется элемент "призыв к действию" (СТА). Именно он побуждает потенциального клиента совершить звонок или оставить заявку.

Самые распространенные вариации текста кнопок — это "заказать", "оставить заявку", "получить консультацию", но можно сделать и более интересно: "хочу также", "бронирую!".

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

Давайте посмотрим на примеры call-to-action, которые мы делали для клиентов:

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

И еще один пример в разделе "FAQ"(вопрос-ответ):

CTA в разделе FAQ

Не ограничивайтесь простыми кнопками "купить" или "заказать". Эти кнопки есть на каждом лендинге.

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

Здесь нет единственного правильного решения: креатив разрешается и тестирование.

4.11. Контакты

Контакты на продающей странице

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

Также можно разместить карту на сайте.

Статья — "Как разместить Яндекс.Карту на сайте, чтобы это не влияла на скорость загрузки".

Осталось начать принимать обращения 😉

Принимаем заявки с лендинга

Вы скажете: "Ну да, конечно, и сейчас начнется поток клиентов?".

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

Мы не затронули совсем источники привлечения трафика на вашу продающую страницу.

Если все это описать, то статья получится очень большой.

Чтобы определить эффективность каналов привлечения клиентов необходимо хорошо проработать аватары и определить где проводит время ваша целевая аудитория: используют ли они поиск Яндекс и Google или большую часть времени они используют Facebook и Вконтакте.

Никогда нельзя прекращать тестировать новые каналы привлечения клиентов. Читайте наш кейс о том, как мы нашли связку лендинг + инстаграм, которая принесла 270 заявок в сфере строительства домов в Москве.

Дизайн

Дизайн продающего лендинга

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

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

Что мы вкладываем в понятие "аккуратный":

  • Соблюдается вертикальный ритм в типографике (статья на английском от Zell Liew, на наш взгляд один из экспертов в этой теме);
  • Удобство восприятия (юзабилити);
  • Акцент (акцентирование внимания на ключевых элементах — блоки призыва к действию, кнопки и так далее);
  • Один стиль (четкая цветовая палитра, сбалансированный набор шрифтов, очертания).

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

Техническая реализация

Техническая реализация продающего лендинга

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

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

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

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

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

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

SEO оптимизация

Многие скажут, что это лишнее для продвижения продающего лендинга, ведь есть контекстная реклама или реклама SMM (таргетированная реклама в ВК, Фейсбук или Инстаграм). Возможно, но почему бы ее не сделать один раз. Яндекс “любит” одностраничные сайты и при правильной оптимизации ваша страница может занять позиции в ТОП-10 по ключевому запросу, что будет приносить дополнительный бесплатный трафик.

Например, наш лендинг по созданию квизов по запросу “заказать квиз сайт” находится на 3-й позиции:

Заказать квиз сайт

Интеграция с CRM

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

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

Аналитика

Осталось установить аналитику: Яндекс.Метрику или Google Analytics.

Здесь вам совет: лучше всего сразу установить Google Tag Manager, тогда новые коды систем аналитики можно будет гораздо проще добавлять.

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

Конверсия лендинга

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

Вам необходимо следить за стоимостью обращения и конверсией лендинга.

Стоимость обращения рассчитывается очень легко:

Стоимость обращения = потраченная сумма / количество обращений

А конверсия рассчитывается по формуле:

Конверсия лендинга = количество обращений / количество уникальных посетителей * 100%

Как заранее рассчитать окупаемость лендинга?

Это легко сделать с помощью калькулятора ROMI:

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

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

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

Как создаются продающие лендинги с высокой конверсией?

Многие не задумываются, что скрывается за лендингами, где высокая конверсия в заявку или где заявка очень низкой стоимости, соотвественно и сам заказ услуги или товара. Один из наших проследних кейсов, где наша команда Exore сделала 170 заявок стоимостью 90 рублей в B2B.

Посмотрите видео о том, что было проделано, чтобы получить такой результат:

Как мы создаем продающие лендинги

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

Что значит "лендинг под ключ"?

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

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

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

Можно ли у нас заказать продающий лендинг?

Да, это возможно. Сделать это можно на этой странице. Чат с нашей поддержкой поможет вам с выбором.

Вывод

Если нужен вариант, где лендинг приносит заявки и клиентов, то просто “набросать” пару блоков, как у конкурента, не получится.

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

Успехов!

С Уважением, Юрий Немец

18 комментариев к записи
  • Галина Нагорная

    Я просто зависла на этих сайтах! 
    Совсем не такие, как привыкла видеть!
    Спасибо! Очень понравилась подборка!

     
    • Шифман Алексей Федорович

      особенно на последнем!!!!!!!!!!

       
  • Валентина

    Юрий я в восторге от новшества и вашей полезной информации.  laugh

     
  • Евгений

    Как я думаю можно было добавить ещё сайт Apple.У них действительно есть хорошие страницы.
    А так ваши подборки ВЕЛИКОЛЕПНЫ.

     
    • Юрий

      Спасибо, Евгений!

      Я подбирал страницы, где есть достаточно много интерактивных элементов, а у Apple страницы выполнены в достаточно сдержанном стиле. 🙂

       
  • Игорь

    Интересная подборка страниц с интерактивными элементами. Смотрится необычно. Спасибо!

     
  • Михаил

    Юрий, здравствуйте!

    А на чём делаются такие сайты типа the boat? Предположим есть вся графика. В каком редакторе собирать сцены? Не ручками же в блокноте писать.

    Не встречали мануалы где подучиться по этому вопросу?

     
    • Юрий Немец

      Михаил, для этого есть специальные библиотеки, например ScrollMagic.

       
      • Михаил

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

         
      • Наталья Яшина

        Юрий, подборка СУПЕР! А возможно ли вас попросить сделать подбор сервисов типа  ScrollMagic?

         
        • Юрий Немец

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

           
  • Вера

    Юрий спасибо за все подборки, особенно по дизайну. Посмотрела эти сайты, да классные, стильные, необычные. НО!!!! Сейчас идет тенденция делать лендинг, особливо начало, на темном фоне.Да понятно, так проще сверху писать белым текстом, тока ничо не видно, пялю глазки, чтобы разглядеть-а что там под чернотой. И все сайты идут как под копирку, картинку затемняют и пишут на ней. Я женщина, поэтому смотрю на это по другому. Есть такое модное черное маленькое платье типа от Шанель и его вроде должна иметь каждая женщина. Но представьте тусовку, на которую пришли все женщины в таких платьях, черных. Получается мрак и никто не оценить этот стиль, так как он потонет в общей куче. Магазины предлагают очень много таких платьев, просто вал одних черных, других мало.Сложно наверно дизайнерам подобрать другой цвет. Так вот я против таких стилей, не хочу черный сайт, как бы якобы стильно он не смотрелся. Эти стили в основном придумывают мужчины, их в  вэб дизайне 99%, вот мрак и гонят. Сделайте пожалуйста подборку из ярких цветных стилей в лэндинге, буду благодарна. А вот эппл точно красиво, хучь и мало крутилок-вертелок.

     
  • Вера

    вот красиво, синенький сайт http://riiotlabs.com/    не знаю чей, так как все по англицки.

     
  • Алена

    Юрий, подборка просто супер. Всегда черпаю идеи в Ваших материалах

     
    • Юрий Немец

      Спасибо, Алена! Рад что нашли много полезного 🙂 .

       
  • Grigoriy

    Читаю и удивляюсь, неужели задача "крутого лендинга" — чем по-больше эффектов?

    Эффекты, конечно, хорошо. Но!

    Всегда считал, что Главная задача таких сайтов — это конверсия.

    То есть, получение клиентов или подписчиков от вашего

    Уникального торгового предложения — что, где и как вы преджлагаете.

    Структура самого сайта.

     
  • eslo

    Интересно задумали и дизайн и функционал. 

     

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Содержание