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

Опубликовано: 2022-04-12

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

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

К сожалению, большинство целевых страниц неэффективны, а средний коэффициент конверсии составляет всего 4,6% по всем отраслям.

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

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

Статистика коэффициента конверсии без отказов
Источник изображения

Такие тактики, как A/B-тестирование, имеют решающее значение для оценки эффективности ваших целевых страниц, но они не помогут, если вы не поймете, что способствует высокой конверсии целевой страницы.

Чтобы проиллюстрировать это, мы разберем семь отличных примеров целевых страниц, чтобы показать вам, что работает и почему.

1. Стек участников

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

Пример целевой страницы Memberstack 1
Источник изображения

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

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

Пример целевой страницы Memberstack 2

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

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

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

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

Под нижним CTA Memberstack намекнул на безопасность своей платформы, используя средство устранения трения на основе социальных доказательств «При поддержке YCombinator».

Пример целевой страницы Memberstack 3

B2B-аудитория Memberstack знакома с YCombinator.

Это умный текст, который отвечает на возражение: «Насколько безопасно платежное приложение Memberstack?»

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

Пример целевой страницы Memberstack 4

Обратите внимание, как Memberstack размещает большие числа ближе к центру, а меньшие — снаружи.

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

Memberstack укрепляет доверие за счет повторного использования логотипа YCombinator, а также отсылки к Product Hunt, еще одному нарицательному имени для основной аудитории бренда.

Здесь интересно использование отзывов Memberstack.

Пример целевой страницы Memberstack 5

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

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

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

Пример целевой страницы Memberstack 6

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

Раздел «Учетные записи пользователей Plug & Play» — отличный пример того, как интерактивность на целевой странице может превратить взаимодействие в инвестиции.

Пример целевой страницы Memberstack 7

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

Пример целевой страницы Memberstack 8

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

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

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

Внизу страницы находится заключительный раздел CTA, который включает в себя несколько средств для удаления трения:

  • Начните бесплатно;
  • Неограниченный пробный период;
  • Обновите, когда вы прочитаны;
  • Кредитная карта не требуется.
Пример целевой страницы Memberstack 9

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

2. Зендеск

Эта целевая страница от Zendesk — отличный пример соответствия длины и стиля страницы намерениям и уровням осведомленности целевой аудитории.

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

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

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

На этой диаграмме она иллюстрирует взаимодействие между осознанием и намерением.

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

Zendesk делает именно это.

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

Целевая страница Zendesk, пример 1
Источник изображения

Zendesk сразу переходит от вопроса «Как это работает» к вопросу «Что мне это даст?».

Ответ? Лучшее обслуживание клиентов.

Вы также заметите умный дизайн в правом нижнем углу. Этот яркий контрастный значок побуждает посетителей прокручивать вниз и использует классическую Z-образную компоновку (также разработанную на основе исследований по отслеживанию взгляда):

Пример Z-образной компоновки
Источник изображения

Прокрутите вниз, и мы сразу перейдем к ресурсам.

Zendesk знает, что основная цель этой целевой страницы — направлять посетителей по маркетинговой воронке, используя информативный и ценный контент.

Целевая страница Zendesk, пример 2

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

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

Вот представление для сервисных команд:

Целевая страница Zendesk, пример 3

И для отделов продаж:

Целевая страница Zendesk, пример 4

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

Целевая страница Zendesk, пример 5

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

Пример целевой страницы Zendesk 6

Эта целевая страница хорошо справляется с двумя задачами:

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

3. Латана

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

Пример 1 целевой страницы Latana

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

Во-вторых, Lantana сводит поля формы регистрации к минимуму.

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

График, иллюстрирующий коэффициент конверсии по количеству полей формы
Источник изображения

В-третьих, копия героя, которая сопровождает форму, хорошо выполнена.

Он отвечает на вопросы, кто и что: «Брендинг для продуктовых команд».

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

И что в этом для меня: «получить большую долю рынка».

Лантана также дает простой сигнал: «Заполните форму ниже».

Пример целевой страницы Latana 2
Источник изображения

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

Затем он подталкивает читателя к действию: «Скачайте, чтобы узнать, как это сделать».

Пример целевой страницы Latana 3

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

Пример целевой страницы Latana 4

Latana также хорошо использует социальное доказательство за счет включения известных логотипов.

Пример целевой страницы Latana 5

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

На протяжении всей этой целевой страницы Латана умело делает вещи простыми.

Копия эффективна и использует простой язык («Заполните форму»). Расположение информации простое и очевидное, и страница не отклоняется от основной цели и не слишком усердно пытается продать.

4. Свободное пространство

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

Он делает три вещи невероятно хорошо:

  1. Эффективное использование социального доказательства;
  2. Хорошо выполненная интерактивная демонстрация продукта;
  3. Использование тактики копирайтинга, улучшающей память.

Эффективное использование социального доказательства

Целевая страница имеет два раздела социальных доказательств, расположенных спиной к спине.

Первый предоставляет убедительные доказательства широкого использования (70 миллионов загрузок) и почти всеобщего удовлетворения (4,9 звезды в более чем 600 тысячах рейтингов).

Пример целевой страницы Headspace 1

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

И это именно то доказательство, которое Headspace предоставляет в следующем разделе.

Пример целевой страницы Headspace 2

Это тщательно отобранные отзывы, которые говорят об общих болевых точках, с которыми сталкивается целевая аудитория Headspace («стресс и одиночество», «сломан»). И к реальным результатам клиентов («помогли мне понять работу разума»).

Хорошо выполненная интерактивная демонстрация продукта

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

Пример целевой страницы Headspace 3

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

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

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

Использование тактики копирайтинга, улучшающей память

Копия на этой целевой странице заполнена рифмами и аллитерациями, которые являются эффективными мнемоническими приемами.

Пример целевой страницы Headspace 4

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

Пример целевой страницы Headspace 5

Точно так же аллитерация (например, «Присоединяйтесь к медитации миллионов» и «Создайте условия») эффективна для улучшения обучения и памяти, даже если утверждения читаются про себя.

Пример целевой страницы Headspace 6

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

5. Лифт

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

Пример целевой страницы Lyft 1

Обратите внимание на текст на баннере героя: «Хочешь быть своим собственным боссом?»

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

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

Пример целевой страницы Lyft 2

Этот раздел отвечает на самые очевидные вопросы, такие как «Как я могу получать деньги?», «Каковы требования?» и «Что делать, если у меня нет машины?».

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

Пример целевой страницы Lyft 3

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

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

Пример целевой страницы Lyft 4

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

Пример целевой страницы Lyft 5

6. Нора

Эта целевая страница интернет-магазина мебели Burrow — отличный пример использования высококачественных изображений и видео для рассказа истории.

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

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

Пример целевой страницы Burrow 1

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

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

Пример целевой страницы Burrow 2

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

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

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

Пример целевой страницы Burrow 3

Второе видео отвечает на другое важное возражение: «Как все это работает?».

Пример целевой страницы Burrow 4

Через 20 секунд потенциальные клиенты видят именно то, что они получают из коробки. Это демонстрирует, насколько просто собрать мебель на заказ.

В этом примере целевой страницы продукта Burrow фокусируется на продаже опыта, а не своего продукта.

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

Пример целевой страницы Burrow 5

Они достигают этого, демонстрируя продукты в специально отведенных местах и ​​используя профили своих реальных клиентов в Instagram (удваивая социальное доказательство).

Пример целевой страницы Burrow 6

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

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

Пример целевой страницы Burrow 7

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

7. Кленти

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

Klenty работает в условиях жесткой конкуренции, и два ее главных конкурента, Salesloft и Outreach, владеют большей долей рынка.

Klenty позиционирует себя как достойную альтернативу и направляет трафик на свою целевую страницу, ориентируясь на ключевые слова конкурентов, такие как «Salesloft» и «Альтернатива Salesloft».

Пример целевой страницы Klenty 1

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

Пример целевой страницы Klenty 2
Источник изображения

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

Читатели ищут альтернативы Salesloft, что говорит о том, что им что-то не нравится в этой платформе.

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

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

Пример целевой страницы Klenty 3

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

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

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

Пример целевой страницы Klenty 4

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

Пример целевой страницы Klenty 5

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

Вывод

A/B-тестирование имеет решающее значение для оценки эффективности ваших целевых страниц. Но вам нужно знать, что тестировать, если вы хотите, чтобы ваши ресурсы растянулись еще больше.

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

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

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

Дизайн целевой страницы и обмен сообщениями — это не одно и то же. Благодаря последовательной оптимизации ваша страница может раскрыть свой потенциал.