Вдохновляющие примеры лендингов для вашего бизнеса
Лендинг — страница или сайт, созданный для получения конкретных целевых действий пользователей. Задача landing page — повышать конверсию, вокруг этого выстраивается дизайн и структура. Мы выбрали удачные примеры лендингов и поделили на группы по их назначению.
Особенности построения landing page
Чаще всего лендинги создают для продажи товаров, анонсирования конкурсов, регистрации на мероприятия, набора учеников или поиска сотрудников.
Можно создать посадочную страницу по своим правилам, но проще руководствоваться проверенными советами.
Дизайн
Подавайте информацию блоками, один блок — одна мысль или предложение. Чтобы отделить одну часть от другой, используйте контрастную подложку.
Важно не перегружать посадочную страницу визуальной информацией. Чем меньше на ней элементов, тем проще пользователю сосредоточиться на сути вашего предложения. Это не значит, что landing page должна состоять только из текста и картинки. Используйте динамические блоки, анимацию, свободное пространство между элементами страницы.
Контент
Предлагайте на сайте-одностраничнике только один продукт, акцию или услугу. Чем больший выбор вы предоставляете, тем меньше вероятность покупки.
На первом экране коротко расскажите о своем предложении. Никаких вводных слов, используйте эту часть страницы, чтобы завоевать внимание. Здесь должны находиться самые убедительные аргументы в пользу покупки или заказа у вас.
Обязательный элемент посадочной страницы — кнопка CTA или призыв к действию. Сделайте ее заметной и добавьте между блоками текста на всем протяжении страницы. Другой вариант — плавающая кнопка, которая перемещается вслед за пользователем.
Мы писали подробный материал о том, как сделать лендинг самому.
Важно! Лендинги не продвигают с помощью SEO, так как их жизненный цикл слишком короткий. Большинство посадочных страниц создают на время действия акции или для вывода на рынок нового товара. Пользователи приходят через email-рассылку, таргетированную, баннерную и контекстную рекламу, поэтому вряд ли удастся найти удачный пример landing page, оптимизированной под поисковики.
Вместо того, чтобы подбирать ключевые слова, сосредоточьтесь на болях клиентов и на том, как вы помогаете их решить. Подробнее об этом читайте в статье «Как написать текст для лендинга».
Примеры хороших лендингов
Мы сделали подборку лендингов с необычным дизайном и контентом. Смотрите, вдохновляйтесь и сохраняйте удачные примеры себе в подборку.
Продажа товаров
На лендинги приходит теплая аудитория, хотя бы частично знакомая с продуктом. Задача landing page — «дожать» таких посетителей и принести конверсию в виде покупки. Посмотрите примеры продающих лендингов с оригинальным подходом к подаче товара.
Производители острого соуса Mule создали красивый лендинг, чтобы рассказать о достоинствах продукта. Динамическая анимация побуждает листать страницу до конца, а часть информации о продукте упакована в развлекательное видео, из-за чего страница не перегружена текстом. В конце лендинга есть рецепты и социальные доказательства в виде отзывов покупателей с фотографиями.
На странице завода по производству бетона «Центр бетона» — много подвижных элементов, а фон повторяет цвет и фактуру бетона. Информация подана блоками с ценами, акциями, условиями работы. Яркие цвета и выезжающие картинки по бокам привлекают внимание, а небольшое количество текста упрощает поиск информации.
Пример красивого лендинга в сегменте B2Bе>«Рокетбанк» рекламирует платежную карту с помощью лендинга. Особенность страницы в горизонтальной прокрутке вместо стандартной вертикальной. Информация представлена в сжатом лаконичном виде, чтобы не отнимать время пользователей. Преимущества карты дополнительно выделены графическими элементами, чтобы направить внимание на главное.
Страница компании «Окна людям» выполнена в стилистике написанного от руки черновика. Оригинальный ход привлекает внимание и выделяет производителя среди остальных.
«Одностраничный сайт, пример от компании «Окна людям»е>Сервис аренды электросамокатов Youdrive привлекает внимание динамическим лендингом и отсутствием больших текстовых блоков. Даже если вы не прокручиваете страницу, картинка постоянно меняется благодаря видео. Информация об условиях аренды сформулирована в нескольких коротких фразах, а между текстом и картинками оставили много места.
Стиль лендинга для аренды самокатов — движениее>Конкурсы и специальные проекты
Компания Rafaello придумала конкурс для влюбленных. Нужно создать два аккаунта, зайти на основной сайт бренда с двух телефонов и поднести их друг к другу. Призовые баллы копятся пока пара находится на сайте. Помимо необычной механики конкурса, пользователей привлекают контрастным дизайном. На лендинге много воздуха и свободного пространства, на фоне которого выделяются блоки текста.
Лендинг для конкурса от компании Raffaelloе>Сервис Airbnb приглашает пользователей придумывать необычные экскурсии в родном городе и зарабатывать. Компания сделала ставку на живые фотографии и минимум текста, чтобы вызвать эмоциональный отклик. Блоки не сливаются между собой, так как на странице чередуется черный и белый фон. Во время прокрутки кнопка регистрации остается неподвижной, чтобы в любой момент перейти по ней и начать регистрацию.
Регистрация на мероприятия
Лендинги удобно использовать для привлечения людей на фестивали, мастер-классы, лекции и другие мероприятия. Создавать отдельный сайт для регистрации, чаще всего, не имеет смысла, проще и быстрее сделать лендинг.
Организаторы Digital sales and marketing world приглашают маркетологов зарегистрироваться на воркшоп. Поскольку информации много, ее разбили на небольшие блоки и разбавили фотографиями. Видеоподложка на первой странице демонстрирует масштаб мероприятия.
Другой пример удачного лендинга — страница фестиваля «Пить и жарить». Организаторы добавили динамическую прокрутку, в которой буквы и фон движутся отдельно друг от друга. Разные шрифты, размеры и цвета здесь выглядят уместно, потому что соответствуют стилистике фестиваля.
Развлекательный фестиваль использует неформальный стиль для лендингае>На лендинге от «Прятки в темноте» пользователей приглашают зарегистрироваться на квест. Страница оформлена в духе компьютерной игры, чтобы передать атмосферу квеста. Уровень сложности и пакет услуг участник тоже выбирает в игровой форме, передвигая бегунок влево или вправо.
Набор на обучение
Страницы учебных заведений рассчитаны на два типа клиентов: ученики и учителя. Иногда к ним присоединяется третий тип — родители учеников, когда речь идет о занятиях для школьников. Задача — создать привлекательный и понятный дизайн для разных групп.
Khan Academy выбрала стиль оформления в духе энциклопедий научпоп. Чтобы донести свое послание до будущих учеников и преподавателей, на лендинге кратко сформулированы преимущества академии и добавлены яркие живые фотографии. Кнопка CTA есть почти в каждом блоке.
Вирусный контент
Поскольку лендинги продвигают с помощью рекламы, вирусность помогает сэкономить бюджет. Мечта маркетолога — страница, которую люди пересылают друг другу.
Сайт-агрегатор авиабилетов S7 ко Дню космонавтики открыл бронирование билетов на Луну, Венеру, Марс и другие планеты. Через форму лендинга можно выбрать параметры путешествия, ввести данные, получить билеты и поделиться ими в соцсетях.
S7 обыгрывает тему Дня космонавтикие>Поиск сотрудников
Иногда крупной компании проще искать сотрудников через лендинг, чем через сайты о работе. Одностраничник не накладывает ограничений в плане подачи материала, что особенно ценят компании в сфере digital.
Creative People придумали персонажей и изобразили будущих сотрудников в роли супергероев. С помощью этого приема удалось небанально и увлекательно рассказать соискателям о компании.
Creative People ищет супергероев в командуе>Творчество и юмор
Творческий проект тоже можно оформить в виде лендинга. В этом случае цель — не в достижении конверсии, а в самовыражении и в привлечении внимания.
Вы тоже можете создать посадочную страницу для реализации своих идей. Для этого не нужно быть программистом, создать лендинг поможет специальный конструктор. Как это сделать, мы подробно описываем в статье «Конструкторы лендингов: лучшие платформы для создания одностраничников».
Австралийский информационный портал SBS адаптировал рассказ из книги «Лодка» вьетнамского писателя Нам Ле и поместил его на лендинге. Это творческий проект по переводу художественных книг в визуальный формат. Получился графический черно-белый роман с интерактивными элементами. По мере прокрутки страницы обновляется текст, меняется фон и появляются дополнительные эффекты в виде дождя и молний. На момент написания статьи лендинг собрал 19 тысяч лайков.
Графический комикс анимировали с помощью лендингае>Активисты бегового клуба Run Evolution создали шутливый лендинг, чтобы привлечь внимание к беговому клубу. Вместо того, чтобы в очередной раз рассказать о пользе здорового образа жизни, они пообещали избавить от беговой зависимости. Лендинг получил вирусный эффект и появился на многих развлекательных сайтах.
Часто лендинг создают под конкретный товар, акцию или мероприятие, поэтому он быстро теряет актуальность. Чтобы попасть в список лучших одностраничников, придумайте или позаимствуйте необычную идею оформления. Пишите короткими фразами. Добавьте картинки, видео и фото, но оставьте много незанятого пространства. Делайте кнопку CTA доступной в любом месте прокрутки лендинга.
Аудитория попадает на landing page благодаря таргетированной и контекстной рекламе. Еще один способ привлечь посетителей — настроить email и push уведомления или создать чат-бота. Это удобно сделать с помощью сервиса SendPulse.
[Всего: 6 Средний: 4.8/5]лучшие примеры [и критический разбор]
Мы собрали 35 крутых лендингов, которые вдохновят вас при разработке своего дизайна. Представлены лучшие примеры посадочных страниц именно на русском языке — поскольку зарубежный опыт не всегда применим в Рунете.
Конечно, нет предела совершенству, поэтому мы обратили внимание не только на преимущества, но и на недостатки, которые можно исправить. В некоторых случаях также предложили гипотезы, которые можно проверить A/B-тестированием. И конечно же, мы никак не комментировали содержимое сайтов — качество услуг и товаров, которые на них предлагаются.
Что же делает дизайн посадочной страницы эффективным?
Можно назвать много факторов, но важнее всего соблюдать фундаментальные правила дизайна, сосредоточенного на конверсии:
- Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы. Именно по такому принципу построены лучшие продающие одностраничные сайты.
- Страница должна выражать одну-единственную идею с одним главным призывом к действию (Call to action, СТА).
- При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).
- При использовании форм для сбора данных старайтесь сбалансировать объем запрошенной информации и ценность предложения, получаемого взамен (отчет, «белая книга» и т.п.)
- Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо перенаправления посетителей на другие страницы (что заставит их свернуть с намеченного вами пути конверсии).
Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.
Система PromoPult — рекламный комплекс для продвижения бизнеса в интернете. Полная автоматизация, готовые чек-листы, точные настройки. Создана для тех, кто хочет высвободить время на действительно серьезную работу.
Содержание
E-commerce
Влюбиться в продукт по фото
Крутой баннер с рисованными продуктами
О сервисе доставки продуктовых наборов
Крутая анимация первого экрана
Милые (как котики) тексты
Теплый ламповый сайт
Мобильные продукты и услуги
Отвечает на вопросы
Забавная графика
Регистрация в 2 строчки
Начать без регистрации
Проще некуда
Все самое главное в одном экране
Финансовые продукты и страхование
Просто о сложном продукте
Люди. Люди. Люди.
Продать страховку в два экрана
Офлайн-услуги
Call to Action с размахом
Продать любой ценой
Связь
Просто как в интернет-магазине
Экспериментальный минимализм
Спецпроекты
Красивое путешествие
Виральный контент для сложной тематики
Сайты B2B
Кнопка на каждом экране
Легкий дизайн посадочной страницы для сложного сервиса
Веселые картинки для B2B
Анонсы мероприятий и курсов
Точечная анимация и живые отзывы
Сначала история — потом продажи
Поиграли со шрифтами
Лендинг как авангардное искусство
Новый модный русский дизайн
HR-лендинги
Определение ЦА
Страница одного удачного элемента
Хайповые лендинги
Мемы и шуточки для своих
Шутки шутками — но не забываем про продукт
Образцово-показательный лендинг
Дочитали до конца? Круто!
Плюсы хороших лендингов
Минусы ну таких лендингов
E-commerce
Влюбиться в продукт по фото
kitchenceremony.com
Плюсы. В первую очередь — очень аппетитные картинки с налетом luxury. Большая привлекательная фотография на весь первый экран. Аккуратное и понятное меню над ней. Динамика при проскролле в следующем экране.
Можно улучшить: блок с самыми популярными товарами в каталоге. Наличие самого блока — очень хорошо, но, субъективно, фотографии могли бы быть более аппетитными (например, добавить насыпанные горкой приправы рядом с баночкой и т. д.). Хотя не поспоришь, качество фото и создание ощущения премиальности — на высоте.
Рекомендуем почитать: «ТОП-35 ошибок юзабилити и дизайна сайта»
Крутой баннер с рисованными продуктами
ji-fruits.ru
Плюсы. Яркий и привлекательный первый экран. Рисунки делают сайт выделяющимся на фоне конкурентов. Короткий текст заголовка четко формулирует, что вы можете найти на этой странице.
Второй экран — фотографии готовых наборов. Вероятно, это наиболее предпочтительный порядок для продавца, поэтому сперва размещаются коробки и только затем — фото отдельных фруктов.
Удачная иллюстрация процесса заказа — переписка в мессенджере:
Об организационных моментах доставки мы писали в статье: «Тише едешь — дальше будешь, или кому нужна срочная доставка»
Можно улучшить: серьезных недочетов мы не видим. В качестве эксперимента можно попробовать добавить небольшие описания к экзотическим фруктам (например, при наведении курсора на картинку).
О сервисе доставки продуктовых наборов
chef.yandex
Плюсы. Прекрасный пример простого лендинга — информации достаточно, чтобы посетитель сразу понял, что ему предлагают. Контраст достигается за счет цвета — ничего лишнего.
Уникальные авторские картинки — всегда хорошо:
Привлекательные фото готовых блюд и понятно организованное меню (выбор набора «Сбалансированное», «Домашнее» и т. д.).
Можно улучшить: все действительно очень хорошо. Можно поэкспериментировать и перенести блок с описанием схемы работы на первый экран (или снять фоновое видео).
Крутая анимация первого экрана
satellite-express.ru
Плюсы. Прекрасный лендинг с хорошими рисунками. Первый экран интересно ведет себя при проскролле.
Все продукты (их четыре) расположены на втором экране:
Процесс использования глюкометра наглядно показан в картинках, выполненных в стилистике сайта:
Что можно улучшить: на лендингах пользователи привыкли видеть навигационную панель в первом экране. Поскольку лендинг не длинный, без этого, конечно, можно обойтись, но все же лучше не отказываться от привычных элементов для такого типа страниц.
Рекомендуем почитать: «На что обратить внимание при оптимизации главной страницы»
Милые (как котики) тексты
www.kotofabrika.com
Плюсы. Этот сайт выделяется отличным копирайтингом. И если он покажется излишне «ми-ми-ми», то стоит вспомнить, кто является ЦА производителя. А это хозяева котиков, которые покупают для них домики. Достаточно ми-ми-ми?
Нестандартно подписанный блок для связи с консультантом (а ведь на 99% сайтов они абсолютно шаблонные, хотя кастомизировать их совсем не сложно):
И в целом стиль коммуникации очень дружелюбный и расслабленный, при этом покупатель найдет ответы на свои вопросы:
Можно улучшить: есть явные проблемы с версткой. Например, как в блоке, который мы показали выше — выровненный по ширине текст с дырками между словами. Немного спорное использование ценного пространства первого экрана:
Теплый ламповый сайт
oknaludyam.ru
Плюсы. Возможно, вы уже видели эту страницу в подборках необычных лендингов. Действительно, она выделяется на общем фоне. При высочайшей конкуренции среди продавцов окон ПВХ крайне сложно сделать сайт, который будут внимательно изучать. А эту страницу действительно интересно рассматривать.
Во втором окне сразу видим кнопку «Рассчитать стоимость» (обратная связь).
Кстати, обратите внимание на стиль подачи информации. Как и в предыдущем примере, несмотря на простоту, здесь можно найти ответы на все вопросы:
Можно улучшить: возможно, это была часть задумки «сделано на коленке», но кнопки (шрифт) выглядят не очень удачно (см. «Рассчитать стоимость» выше). Их можно оформить в стилистике сайта (рисунок ручкой), либо сделать максимально нейтральными.
Карта и Васька прекрасны
Еще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.
Инструменты PromoPult для рекламы в соцсетях: все каналы в одном кабинете, минимальные бюджеты, все делают штатные специалисты системы, вам нужно только дать вводные.
Мобильные продукты и услуги
Отвечает на вопросы
lite.youdrive.today
Плюсы. Видео в первом экране привлекает внимание и отлично «продает эмоцию»: электросамокат — это быстро, стильно, радостно, динамично.
Кнопки приложений для Android и iOS — сразу под видео:
Количество текста сведено к минимуму, вместо повествовательного стиля — короткие ответы по делу:
Что можно улучшить: поскольку это лендинг для приложения, имело бы смысл разместить ссылки на Google Play и AppStore на странице несколько раз, а не один.
Рекомендуем почитать: «40+ гайдов по работе в PromoPult: привлекаем клиентов без помощи агентств»
Забавная графика
molodost.bz/fact/
Плюсы. Основной плюс — интересный подход к визуализации пути к цели. Стильные анимированные иллюстрации с умеренной иронией.
И вот такой баннер на третьем экране:
В целом нет перегруза по цветам (белый фон, черный шрифт, желтый и зеленый для акцентов), текст разбит на мелкие блоки.
Можно улучшить: неудачный первый экран, неубедительный дизайн, непонятна суть продукта. Заголовок «Достижение денежных целей в новой online-системе» не считывается, т. к. остальные элементы значительно активнее.
Решение по оформлению отзывов также кажется не очень удачным. Один отзыв занимает целый экран и… многовато экспрессии:
Ну и маленькое примечание: стоит следить за скидками. Скидка с 12 900 до 12 990 — так себе бонус.
Рекомендуем почитать: «Чек-лист по оптимизации сайта: юзабилити и коммерческие факторы»
Регистрация в 2 строчки
lingualeo.com
Плюсы. Первый экран может показаться слишком простым — так и есть. И это самый главный плюс лендинга. Присутствует емкое описание назначения приложения, но в первую очередь внимание привлекает форма регистрации. Всего два поля (или один клик на кнопку социальной сети) — и вы в деле. В общем, первый экран абсолютно самодостаточен.
Дизайнеры последовательно используют символ продукта — львенка — на всей странице:
Можно улучшить: стоит присмотреться к блоку с ценами. Из плюсов — наиболее выгодное для продавца предложение расположено посередине и выделено цветом, это хороший прием для «продажи» выгодной цены. А вот скидку хотелось бы показать более привлекательно (вынести стоимость со скидкой выше, дополнительно выделить цветом, зачеркнуть полную цену и т. д.).
Начать без регистрации
www.duolingo.com
Плюсы. Еще один сервис для изучения языков — но здесь первый экран еще круче!
Чтобы начать, не нужно даже регистрироваться. Отлично сформулирован основной посыл. Все максимально просто и ничего лишнего.
Кстати, кнопка «Начать» есть не только в самом начале, но и внизу короткого лендинга.
Можно улучшить: в целом лендинг прекрасен, но бросилось в глаза, что в довольно важном смысловом блоке шрифт внезапно стал значительно мельче. С экрана 13-дюймового ноутбука читать оказалось не совсем комфортно.
Проще некуда
https://www.strava.com/
Плюсы. 100% прямолинейность и простота.
Можно улучшить: 0% для улучшения. Можно включать в список лучших лендингов мира в категории минимализм.
Все самое главное в одном экране
ru.bookmate.com
Плюсы. Скидка крупно на первом экране. Здесь же — все нужные кнопки («Получить подписку», «Войти», «Магазины приложений») и краткая формулировка сути сервиса. Все по делу.
Привлекательный блок с бестселлерами — мотивация оформить подписку, чтобы получить к ним доступ.
Можно улучшить: call to action (CTA, призыв к действию) остается в хедере сайта при прокрутке, но, возможно, стоит поэкспериментировать с его размерами и/или добавить кнопки подписки после отдельных блоков.
Модуль SEO в системе PromoPult — для тех, кто ценит эффективную работу. Все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов.
Финансовые продукты и страхование
Просто о сложном продукте
rocketbank.ru
Плюсы. Редкий пример «горизонтального» лендинга — контент скроллится не сверху внизу, а слева направо. Много «воздуха», страница не перегружена ни текстовой, ни визуальной информацией. Удачный первый экран: крупно — изображение карты и шапка блока с тарифами.
Что можно улучшить: не самое удачное описание тарифов — слишком растянуто, пользователю сложно сориентироваться в большой таблице, которую приходится долго листать.
Люди. Люди. Люди.
www.mtsbank.ru/malomu-biznesu
Плюсы. В верхнем баннере прямо под заголовком размещена кнопка «Открыть счет». При нажатии попадаем на форму оформления заявки (а не на форму обратной связи, как это часто бывает).
Скучный банковский продукт максимально очеловечен. И не только в рамках верхнего баннера (это уже привычный прием). В каждом информационном блоке — живая фотография с эмоцией. На этом фоне тем более ярко выделяется изображение кассы (да еще и с пометкой «Акция»).
В целом это очень компактная посадочная страница (3 экрана). Все фотографии выдержаны в одном стиле, нет ощущения «стоковости». Ненавязчивая анимация оживляет сайт: при наведении курсора на блоки услуг они окрашиваются в красный и за счет тени приподнимаются над фоном.
Можно улучшить: мало call-to-action элементов. Возможно, кнопку «Открыть счет» следовало бы разместить не только в верхнем баннере, но и в середине и конце лендинга и сделать ее более очевидной. Также не хватает формы обратной связи/онлайн консультанта или номера телефона в видимой части экрана (телефон можно найти только рядом с навигацией в футере сайта, и это общий колл-центр банка, без привязки к продукту).
Рекомендуем почитать: «Как установить бесплатный онлайн-консультант на сайт [инструкция PromoPult]»
Продать страховку в два экрана
www.tinkoffinsurance.ru/autoinsurance
Плюсы. Отличный лендинг на 2 экрана! Первый — сочетание привлекательной картинки и ключевой информации (часто в угоду дизайну первый экран занимает лишь изображение с заголовком). Здесь же сразу видны основные преимущества, дополнительно выделена финансовая выгода.
И затем — схема из трех шагов:
Два экрана — три СТА (call to action) (Купить полис — Рассчитайте страховку — Позвоните мне). Все максимально лаконично, белый фон, черный шрифт, один цвет для расстановки акцентов, много воздуха, минимум слов, прямолинейный текст на кнопках.
Можно улучшить: пожалуй, все на своих местах. Но если нет предела совершенству — то в первом экране хотелось бы видеть больший контраст между подложкой и графикой/текстом.
Как настраивать контекст на профессиональном уровне — без агентства? В модуле контекстной рекламы PromoPult — автоматический подбор слов, автоматическая генерация объявлений, «умное» управление ставками. Готовые отраслевые решения. Статистика в реальном времени. Для профессионалов — множество точных настроек.
Офлайн-услуги
Call to Action с размахом
moscowfreetour.ru
Плюсы. Бейджи с наградами находятся в первом экране, прямо под навигационной панелью. Все очень ярко и стереотипно — логотип с матрешкой, собор Василия Блаженного, ушанка — в общем, то что нужно, чтобы сразу показать, что посетитель на правильной странице. Огромный заголовок не оставляет сомнений.
Шапка сайта перемещается при проскролле, так что навигационная панель и номер телефона (!) всегда доступны.
Блоки с описанием и расписанием экскурсий оформлены очень лаконично, использование графики позволяет сократить количество текста и делает информацию более наглядной:
А еще это лендинг, который можно включать в списки сайтов с самым большим количеством повторений CTA. При этом текст кнопок очень разнообразный: «Хочу на бесплатную экскурсию», «Задать вопрос», «Посмотреть экскурсии», «Записаться прямо сейчас», «Участвовать в акции», «Записаться на бесплатную экскурсию». Список можно продолжать.
Что можно улучшить: бесконечные лендинги могут быть достаточно трудны для восприятия. Примерно после ⅓ лендинга посетитель рискует забыть о том, что он уже увидел. На этой посадочной мы насчитали 17 смысловых блоков.
Продать любой ценой
qlean.ru
Плюсы. Эта страница создана, чтобы продавать. Дизайн полностью сосредоточен на конверсии. Зайдя на сайт, вы сразу видите специальное предложение со скидкой, которой необходимо воспользоваться в течение 15 минут — запущен обратный отсчет.
Предложение «Рассчитать стоимость» и напоминание о скидке остается с вами при прокрутке:
Цены в блоке с расценками отображаются сразу с 30% скидкой:
… и прежде чем уйти, вы увидите финальное предложение о заказе уборки)
В остальном лендинг тоже весьма хорош, посетитель легко находит ответы на все вопросы, тексты компактные, нет перегруза по цветам.
Интересно реализован блок с описанием, что входит в уборку каждой комнаты, все очень наглядно:
Кажется, можно смело брать в качестве примера лендинга с высокой конверсией.
Можно улучшить: возможно, скидка с обратным отсчетом — постепенно устаревающий прием, но, вполне вероятно, на этом конкретном лендинге он работает.
Запускаете рекламу в системе PromoPult? Не уверены, что все делаете правильно? Хотите сделать лучше, но не знаете как? Обращайтесь за помощью к профессионалам системы. Ваш персональный менеджер в системе PromoPult.
Связь
Просто как в интернет-магазине
moskva.mts.ru/personal/mobilnaya-svyaz/mobilniy-internet/podklyuchit
Плюсы. Все коротко и по делу. Посадочная страница не перегружена, много воздуха, вся информация быстро считывается.
Максимально просто и понятно оформлен блок допродажи:
Обратите внимание, USSD запросы для подключения дополнительного трафика не спрятаны в «Подробнее», а сразу видны в основном блоке. Быстрые ответы на вопросы: «что я получу», «сколько это будет стоить», «как мне это сделать».
Можно улучшить: все очень хорошо, но если уж искать способы улучшения — возможно, использовать фотографии, менее похожие на стандартные стоковые (см. первый скриншот).
Экспериментальный минимализм
www.yota.ru/#/promo
Плюсы. Очень необычный лендинг. Один экран, все что мы видим — 4 ссылки слева и большой голубой баннер справа из трех слайдов: «Реклама интернета для планшета» — «Реклама скидки 50% за привязку карты» — «Реклама Wi-Fi роутера для YOTA». Вот такой смелый минимализм и постмодернизм в действии.
Можно улучшить: не надо ничего улучшать. Идеальный экспериментальный лендинг.
Аудит поискового продвижения сайта в системе PromoPult: прогоните сайт по чек-листу, подготовленному профессионалами. Хотите больше информации — закажите аудит. Выполнение всех рекомендаций после аудита дает кратный рост показателей сайта.
Спецпроекты
Красивое путешествие
www.visit-rogaska-slatina.si/ru
Плюсы. Фишка сайта — красивое фоновое видео. Здесь живые фотографии и анимированные элементы.
Можно улучшить: стоит поработать над шрифтами и дизайном кнопок — они кажутся устаревшими.
Виральный контент для сложной тематики
changes.docplus.ru
Плюсы. Этот лендинг веселый, виральный, качественный как с визуальной, так и с текстовой стороны.
При этом с большинства карточек есть ссылка на основной сайт.
И в конце посадочной — промокод на услугу.
Можно улучшить: ничего. Только радоваться, восхищаться и делать вовлекающие лендинги для спецпроектов.
Профессиональные инструменты PromoPult: быстрее, чем руками, дешевле, чем у других, бесплатные опции.
Съем позиций, кластеризация запросов, парсер Wordstat, сбор поисковых подсказок, сбор фраз ассоциаций, парсер мета-тегов и заголовков, анализ индексации страниц, чек-лист оптимизации видео, генератор из YML, парсер ИКС Яндекса (бесплатно).
Сайты B2B
Кнопка на каждом экране
megaplan.ru/megaplanstart
Плюсы. Сайт 100% заточен под продажи. В первом же экране — форма заявки. Затем кнопка с призывом к действию «Попробовать бесплатно» появляется после каждого блока (1 раз на каждый экран).
Сам продукт продемонстрирован очень подробно, много анимированных элементов, которые показывают, как именно пользователь сможет работать с сервисом.
Очень хороший прием — блок «Зачем Мегаплан руководителю и сотруднику». В зависимости от того, кого вы выбираете, вы видите конкретный набор преимуществ, маркированный иконками.
Можно улучшить: лендинг кажется очень длинным (14 смысловых блоков), при этом нет меню, с помощью которого можно было бы перейти к конкретному разделу. А еще удивило отсутствие фавиконки — так что каким бы масштабным ни был ваш проект, не стоит забывать о мелочах.
Легкий дизайн посадочной страницы для сложного сервиса
www.cloudpayments.ru
Плюсы. Отличный первый экран с рисованными элементами (буквы «пишут» при вас, и это привлекает внимание к провокационным заявлению). Несмотря на крайне малое количество информации, считывается суть услуги (платежный сервис) и подход (рвем шаблоны).
Кнопка «Подключить» на первом же экране — большой плюс.
Хороший подход к блоку отзывов: крупные фотографии в рост, человеческий язык.
Интересно организовано портфолио: логотипы движутся по кругу, их действительно много — и создается ощущение бесконечности. Все лого — в фирменном цвете сервиса, выглядит более стильно, чем стандартные пестрые или серые блоки.
А еще с основного лендинга можно перейти на лендинг 18+… Но мы не можем гарантировать, что среди наших читателей нет 18–, поэтому просто покажем, как организован переход. Любопытно?
Можно улучшить: среди плюсов мы упоминали кнопку «Подключить» в первом экране. К сожалению, это единственное место, где она встречается на странице. Совершенно точно не помешает продублировать ее после нескольких смысловых блоков. Никаких форм/кнопок обратной связи, кроме как в самом низу страницы, мы не нашли.
Веселые картинки для B2B
piratecode.ru
Плюсы. «Мультяшный» дизайн посадочной страницы выделяется на фоне многочисленных сайтов других разработчиков.
Яркие иллюстрации сочетаются с лаконичным текстом на белом фоне, по итогу нет ощущения перегруженности.
Хорошо смотрится параллакс: при прокручивании страницы постепенно появляется новый текст и изображения, создается ощущение истории, которую рассказывают здесь и сейчас.
Можно улучшить: проблема большинства страниц с параллаксом — медленная загрузка, и этот лендинг не исключение. И возможно, стоило бы более плотно поработать с текстовой составляющей. К сожалению, это — один из многих примеров, когда можно просто убрать название компании и разместить описание под любым другим бренднеймом.
Устранить рутину в простановке внешних ссылок можно с помощью модуля «Естественные ссылки» от PromoPult. Мы подберем качественные площадки — и к вам придет заинтересованная аудитория, которая лучше ведет себя на сайте и конвертится в покупателей.
Анонсы мероприятий и курсов
Точечная анимация и живые отзывы
another-georgia.com
Плюсы. Стильный лендинг с ненавязчивой анимацией на отдельных графических элементах. Страница выдержана в цветовой гамме грузинского флага (красные акценты на белом фоне) плюс черный текст и графика, фотографии в теплых тонах.
Нет больших полотен текста, вся информация разбита на мелкие блоки, между которыми достаточно воздуха.
Отличный прием — тексты от первого лица:
На этом лендинге удачно организован блок с отзывами-скриншотами из мессенджеров. Такой формат может вызывать больше доверия (и привлекать больше внимания), чем привычные текстовые блоки с фотографиями клиентов в окошках-кружочках.
Что можно улучшить: сейчас на посадочной странице слишком мало призывов к действию (call to action). Кнопка «Записаться» есть только в шапке сайта, при этом она не очень заметна. Стоило бы попробовать добавить более очевидные и крупные кнопки после отдельных блоков и повторить CTA несколько раз.
А вот в шапку можно добавить номер телефона и email (сейчас они в самом низу лендинга, там же и кнопки социальных сетей).
Сначала история — потом продажи
noboring-finance.ru/planerka
Плюсы. Много юмора, за которым не теряется суть. Забавные иллюстрации, отличный копирайтинг.
Рассказывать истории — хороший прием для привлечения внимания и сближения с аудиторией. Прежде чем начать продавать курс, авторы предлагают…
А далее — три истории вот в такой стилистике:
И только после блока классного сторителлинга посетитель видит описание курса
Можно улучшить: блок с программой курса можно попробовать сделать более привлекательным — увеличить отступы между разделами, добавить несколько графических элементов.
Кому-то может показаться не самой удачной сама идея так далеко прятать описание курса. Но в условиях конкуренции в онлайн-образовании нужно искать способы, чтобы выделяться на общем фоне. Качественный сторителлинг — отличный способ это сделать.
Поиграли со шрифтами
special.meduza.io/storm/2017/
Плюсы. Этот лендинг непохож на сайты других конференций. При всей своей эпатажности он уже на первом экране очень четко отвечает на все вопросы: что это за мероприятие, когда и где оно пройдет, как купить билеты. Крупный курсивный шрифт разных цветов на черном фоне однозначно привлекает внимание.
И вот образец того, как коротко и понятно сформулировать тематику конференции, показать проблемы и определить ЦА:
Для юмора (и котов) тоже осталось немного места:
Отличный блок, стимулирующий не откладывать покупку билетов, а заодно помогающий продать запись предыдущей конференции:
Что можно улучшить: не надо ничего улучшать. Надо учиться 🙂
Лендинг как авангардное искусство
kaskadproject.com
Плюсы. Это не просто лендинг, а произведение концептуального искусства.
Выглядит достаточно безумно, чтобы посетитель не забыл этот сайт. И сбросил ссылку нескольким друзьям. Учитывая целевую аудиторию — это проектная школа для старшеклассников на базе галереи современного искусства — такое смелое решение кажется очень удачным.
Странички, расположенные каскадом — не отдельные вкладки, они передвигаются при обычном проскролле вниз. Очень интересные ощущения, проверьте сами.
Что можно подсмотреть, вне зависимости от смелости ваших взглядов: короткая форма регистрации, никаких лишних вопросов вроде фамилии, города, возраста и т. д.:
Можно улучшить: все прекрасно, это настоящий концепт-арт. Ну и если включить чууууточку занудства — в форме регистрации к посетителю сперва обращаются на «вы», а потом, в поле о любимых художниках — на «ты». Но это такие мелочи.
Рекомендуем почитать: «Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]»
Новый модный русский дизайн
rubyrussia.club/ru
Плюсы. Дизайн верхнего баннера — на острие современных модных трендов, образец landing page «made in Russia» (привет единению советских авангардистов и Гоши Рубчинского):
Как и на лендинге Шторма Медузы, описание конференции отлично уместилось в один экран крупным шрифтом. Динамично и на человеческом языке.
Очень компактно — о каждом из спикеров:
И снова котики — да что ж такое…
(кстати, использование строчных букв в именах обращает на себя внимание).
Можно улучшить: и опять это будет скорее попытка найти соринку в глазу. Промо-видео о конференции на четыре минуты, возможно, немного затянуто. Но в целом этот лендинг — чтобы учиться на хорошем примере, а не критиковать.
Система PromoPult — рекламный комплекс для продвижения бизнеса в интернете. Полная автоматизация, готовые чек-листы, точные настройки. Создана для тех, кто хочет высвободить время на действительно серьезную работу.
HR-лендинги
Лендинги под набор персонала — особый жанр. Их задача — продать место в компании соискателю. Два примера, как это работает.
Определение ЦА
hr.cpeople.ru
Плюсы. Агентство позиционирует себя как команду супергероев, так что страница построена в стилистике комиксов:
Яркий лендинг, который на визуальном и текстовом уровне четко определяет ЦА: смелые, творческие, нескучные. Все смысловые блоки на месте: преимущества работы в компании, лидерство на рынке, проекты, команда, вакансии, фотографии офисной и около-офисной жизни.
Конкретные вакансии расположены относительно далеко внизу, но к ним можно перейти сразу по кнопке «Хочу в команду!».
Что можно улучшить: флажок «работодатель года» можно попробовать сделать чуть заметнее (но что хорошо — он остается при проскролле страницы). И все-таки поэкспериментировать с дополнительными кнопками перехода к вакансиям.
Страница одного удачного элемента
job.alfabank.ru/moskva/#1520
Плюсы. Основной выделяющийся элемент страницы (из-за которого ее часто включают в списки лучших лендингов Рунета) — изображение мужчины, который вместе с посетителям движется по сайту. На уровне блока «Подберите работу по себе» его одежда меняется с кроссовок-джинсов-футболки на туфли-джинсы-рубашку-пиджак. Все эти перемещения героя по сайту смотрятся весьма динамично и привлекают внимание (правда, сперва смещают фокус с содержания на форму).
В отличие от многих подобных страниц, на этой примеры конкретных вакансий размещены в верхней части посадочной. И только потом описываются преимущества работы, истории успеха и т. д. Это разумно, ведь посетитель пришел на сайт с конкретной целью.
Еще один плюс — возможность подбора вакансий по регионам, категориям, ключевому слову:
Можно улучшить: в 2018 году немного странно видеть примечание «используйте колесо мыши для прокрутки сайта».
Более серьезные проблемы — в области верстки. Если стоит задача сделать сайт с необычным дизайном, стоит обращать внимание на любые мелочи. В этом случае есть целый ряд крупных и мелких недочетов:
- крошечное окошко с видео.
Да, есть опция «развернуть», но само видео настолько плохого качества, что лучше этого не делать. Кроме того, длится оно почти 2 минуты, что очень много для имиджевого ролика (да и сам ролик оставляет желать лучшего).
- Фирменная цветовая гамма (сочетание белого и красного) сама по себе прекрасна, но не тогда, когда на ярко-красном фоне размещен мелкий белый шрифт:
- Очередной недочет в верстке — темный шрифт попадает на темный фон и становится практически нечитабельным:
И общее примечание: много воздуха на сайте, широкие поля по бокам — хорошо, но не тогда, когда это оказывается в ущерб основному контенту, который становится очень трудно воспринимать.
Обновленный модуль SEO: для тех, кто ценит эффективную работу. Все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов.
Хайповые лендинги
Мемы и шуточки для своих
yasdelie.ru
Плюсы. Страница повышенной виральности. Кто за этим стоит и насколько лендинг помогает продавать — неизвестно, но не включить его в подборку крутых посадочных было бы несправедливо.
Вся страница построена на картинках-мемах и немного упоротых текстах — невозможно оторваться:
Можно улучшить: ничего. Только расскажите нам, какая конверсия у этого лендинга и кто так тщательно охраняет конфиденциальность калининградского автора.
Шутки шутками — но не забываем про продукт
roltrol.by
Плюсы. Такой лендинг о роль-шторах вы еще не видели — а их в Рунете, пожалуй, тысячи.
Несмотря на общий ироничный формат сайта, есть здесь очень крутой блок — описание разных типов рулонных штор. Все очень понятно, примерно так вы объясняли бы принцип устройства шторы своему знакомому (если бы разбирались в этом).
Лендинг не выглядит совсем уж непродающим — регулярно появляются кнопки с призывом к действию «Заказать звонок» или «Перейти на сайт партнера».
Можно улучшить: можно спорить о том, кому какие шутки нравятся… но лендинг действительно хорош.
Образцово-показательный лендинг
24run.ru
Плюсы. Здесь вы можете найти все обязательные составляющие лендинга (кстати, хорошего лендинга). Но… подвох чувствуется с самого начала.
Все блоки на своих местах, все строго по правилам: маркированные списки, кнопки CTA, иконки, описание процесса, преимущества, отзывы и т. д. И прекрасный ироничный копирайтинг.
Ответ на вопрос, кто за этим стоит — в конце лендинга.
Можно улучшить. Не можно.
Дочитали до конца? Круто!
Поздравляем, теперь вы увидели 35 примеров посадочных страниц с высокой конверсией и просто необычных лендингов.
Самое время подводить итоги. Какие плюсы и минусы нам встречались чаще всего?
Плюсы хороших лендингов
- Лаконичность в тексте и дизайне.
- Стильная анимация.
- Нестоковые фотографии.
- Оригинальные рисунки.
- Человеческий язык, уместный юмор.
- Понятные кнопки CTA, встречающиеся на странице несколько раз.
- Нестандартный подход к стандартной тематике без ущерба содержанию.
- Апелляция к эмоциям.
- Четко обозначенные преимущества, акции, скидки.
- Нешаблонные отзывы.
- Максимально простые формы регистрации.
Минусы ну таких лендингов
- Невнимание к мелочам (огрехи в верстке, отсутствие фавиконов, контраст шрифта и подложки и т. д.).
- Недостаточно CTA.
- Слишком большой объем информации, длинный лендинг.
- Неинтересные и некачественные видео.
54 примера потрясающего дизайна лендингов
В интернете второго шанса произвести впечатление на посетителя просто нет. Именно поэтому дизайн лендинга чрезвычайно важен. Лендинг — это лицо компании, ваше виртуальное представительство; если оно не понравится пользователю, он просто закроет вкладку и забудет о вас.
Чтобы этого не произошло, предлагаем изучить 54 самых лучших дизайна лендинг-пейдж по мнению Hubspot. Для вашего удобства мы разделили все примеры на 6 ниш: электронная коммерция, развлекательные сайты, лендинги-портфолио, розничная торговля, интернет-проекты и сфера услуг.
Надеемся, что среди них вы найдете вдохновение для вашего лендинга.
Примечание редактора: В связи с тем, что оригинальная статья была написана в 2016 году, некоторые ссылки могут не работать.
Содержание статьи
Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг
Электронная коммерция
1. Luhse Tea
Дизайн этой страницы уникален, полностью пропитан индивидуальностью бренда и не похож ни на какие на другие.
2. Fit For A FrameОсобенность этого дизайна в том, что все элементы на виду, но в тоже время очень аккуратно расположены. Также внимание привлекает простое, но красивое слайдшоу.
3. Shop Locket
Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.
4. White Lotus Aromatics
Отличный пример демонстрации продуктов компании. Каждый месяц компания обновляет список товаров, показываемых на странице.
5. Evel
Понять, что продается на сайте, — не проблема благодаря отлично структурированному контенту, красивым слайдам и крупному шрифту ценников.
6. Lega-lega
Наиболее успешные страницы, посвященные продаже товаров, обязательно содержат понятные и легкие для восприятия примеры продукции.
7. Urban Originals
Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.
8. Scotch & Soda
На странице удачно отображены разные разделы. Для более подробной информации достаточно кликнуть на понравившееся изображение.
Имеет ли смысл создавать лендинг для уже работающего магазина? Конечно, да! Это может быть релиз нового товара или тестирование новой целевой аудитории. В принципе, все переходы вашего потенциального покупателя по рекламе должны закончиться для вас микроконверсией — как минимум, подпиской.
Читайте также: Лендинг vs главная страница: ключевые отличияРазвлекательные сайты
9. Clouds over cuba
Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.
10. Universeries
Дизайн страницы очень хорошо продуман, он завораживает и буквально гипнотизирует. Отличное сочетание цветов и форм.
11. Jacqui co
Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.
12. Pottermore
В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.
13. Heath Life
Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.
14. Uncrate
Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.
15. The good man
Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.
16. Silktricky
Отличный пример «плиточного» дизайна, который позволяет стильно расположить большое количество блоков с контентом.
17. Magic Leap
Визуальная составляющая этого видеолендинга потрясающая. Яркие образы мгновенно захватывают внимание пользователей.
18. Life and times
Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.
Несмотря на то, что развлечения и игры часто ассоциируются с чем-то несерьезным, тем не менее, это вполне себе рабочий инструмент, с помощью которого можно решить актуальные бизнес-задачи, связанные с лояльностью и маркетингом, привлечением новых клиентов и мотивацией сотрудников.
Один из способов удержания, да и привлечения, клиентов — создание лендингов, которые формировали бы вовлеченность пользователя. Если вам нужен уникальный интересный дизайн, вы можете оставить заявку на индивидуальную разработку.
Читайте также: 10 примеров лендингов необычных стартаповЛендинги-портфолио
19. Hello monday
На этой странице главенствующая роль вновь отведена изображениям, которые буквально оживают при наведении мыши.
20. Jib
В этом примере очень интересное сочетание цветов. Более того, на странице у всех элементов использована одинаковая структура фонов, под дерево.
21. Ride for the brand
Здесь очень удачно использован «олдскульный» стиль, дизайн каждого элемента продуман до мелочей и уникален. Благодаря бесконечному скроллингу на этом сайте наслаждаться такой красотой можно долго.
22. Andy Patrick design
Понятный и продуманный дизайн помогает странице наиболее эффективно донести главную информацию до посетителей. Цветовая схема соответствует бренду и показывает стиль дизайнера в деле.
23. This is the brigade
Страница представляет собой превосходную презентацию. Каждый баннер посвящен отдельному проекту.
24. Built by buffalo
Данный лендинг представляет собой пример необычного плиточного дизайна.
25. Galpin
На это странице главную роль играет типографика. Применение различных шрифтов помогает в передаче идей.
26. Made by Vadim
Дизайн лаконичен и краток. На странице мы можем увидеть все необходимое: и портфолио, и ссылки на другие разделы.
27. Art&code
Иконки и ничего лишнего. Хороший пример минималистичного дизайна.
28. Riley Cran
Страница-портфолио отображает самое главное — примеры работ.
Нет ничего более важного для карьеры, чем демонстрация ваших лучших работ в привлекательном, профессиональном и доступном виде. И ключевую роль может сыграть качественный лендинг пейдж, который вы можете создать в нашем конструкторе прямо сейчас, взяв за основу готовый бесплатный шаблон из специального раздела.
Читайте также: 20 советов для создания идеального портфолиоРозничная торговля
29. Rei
На странице представлено множество фотографий пользователей, которые с помощью скролла и наведения можно легко листать.
30. Austin beerworks
Большие яркие фотографии товара компании так и вызывают желание выпить баночку холодного пива.
31. Jaquet droz
Ничто не отвлекает посетителя от созерцания прекраснейших часов.
32. Italio kitchen
Изюминка этого сайта — слайдшоу в верхней части страницы, на которой продемонстрированы аппетитные кулинарные шедевры.
33. TV safety
Шрифт и графика отлично сочетаются, создавая единое восприятие сайта. Пунктов меню всего три, и их невозможно не заметить.
34. Grey Goose
Элегантный стиль, качественные изображения, прекрасная презентация. От главных элементов ничего не отвлекает.
35. Toyota
Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.
36. Got Milk?
Несмотря на то, что эта страница по высоте вписывается в один экран, на ней присутствует много интересных интерактивных элементов и необычных деталей.
37. Buffalo Wild Wings
Дизайн страницы полностью отражает стиль бренда: цвета, шрифты, картинки сразу ассоциируются именно с этой компанией.
Потенциальные покупатели заходят на ваш лендинг удовлетворить свои потребности. Им без разницы, что за продукт вы производите и каковы его свойства. По сути, лендинг — такой же продукт сегодня, как и сам товар. Обратите внимание покупателей на преимущества, которые они получат. Не расписывайте подробно характеристики продукта, а объясните, зачем он им нужен.
Читайте также: Как создать успешный ecommerce-бренд?Интернет-проекты
38. Chrome Web Lab
На этой странице использованы потрясающие визуальные эффекты. Вы влюбитесь в многообразие цветов с первого взгляда!
39. Viddy
На этой странице интеграция с Facebook облегчает процесс регистрации и заметно увеличивает количество новых пользователей сервиса.
40. Who is Wildlife?
Это профессиональный интерактивный лендинг с первого взгляда вовлекает посетителей, предоставляя им уникальный пользовательский опыт.
41. Prezi
Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.
42. Impress a penguin
Этот сайт похож на книгу, захватывающую ваше внимание необычным сюжетом и иллюстрациями.
43. СSS piffle
Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.
44. Fannabee
На этом лендинге при скроллинге используется параллакс-эффект, восхищающий посетителей.
Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версиюСфера услуг
45. Captain Dash
Главный баннер в стиле постера для фильма определенно привлекает внимание. Даже если вы не знаете, чем занимается эта компания, вас заинтригует Капитан Дэш, изображенный на постере.
46. Woodwork
Необычная сетка этой страницы позволяет посетителям увидеть сразу много контента в удобном для восприятия виде.
47. Sagmeister walsh
Очень креативный дизайн выбрала для своего сайта эта компания. Нажимая на элементы окон с названиями, мы можем попасть в соответствующий раздел.
48. Madwell NYC
Качественный дизайн страницы говорит о том, что этой компании можно доверять.
49. Ryan Edy
Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».
50. Oliver Rassel
Яркие элементы делают эту страницу очень привлекательной, вместе с тем они ненавязчивы и не отвлекают от главного контента.
51. Quarter Rest Studios
Эта посадочная страница по сути представляет собой одно большое слайд-шоу в сочетании с простой навигацией. Это дает посетителям ограниченный, но достаточный для лендинга набор опций.
52. Fancy Rhino
Еще один пример, демонстрирующий превосходную работу со встроенным видео на посадочной странице. Навигация и боковая панель достаточно просты, чтобы выделиться рядом с видео.
53. Flint Boutique
Шрифт и цвета играют огромную роль в на этом лендинге. Баланс между текстом и изображениями создает отличный пользовательский опыт.
54. Blind Barber
Этот лендинг делает акцент на центре страницы, привлекая внимание посетителей к кнопке «Узнать больше» об этом слепом парикмахере.
Читайте также: 10 примеров лендинг пейдж из сферы рекламных услугЗаключение
В этой статье мы разобралее более 50 абсолютно разных дизайнов лендингов, но каждый из них по-своему хорош и грамотно выражает уникальное предложение. При разработке лендинг пейдж очень важно, чтобы страница соответствовала вашему бренду и была интересна целевой аудитории.
Если у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужен уникальная страница с гарантированно высокой конверсией, команда LPgenerator с радостью разработает для вас индивидуальный дизайн. Он будет выполнен с учетом всех ваших пожеланий, подчеркнет особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Высоких вам конверсий!
По материалам: hubspot.net Изображение: freepik.com
18-06-2016
11 примеров Landing Page с высокой конверсией
Эта статья о том, что для успеха Landing Page важна не только визуальная привлекательность. От лендингов ждут высоких конверсий. Эффективность лендингового сайта особенно актуальна при проведении кампании. Когда создают целевую страницу (пр. оформив главную как лендинг), то задают конкретные конверсионные цели под таргетированное торговое предложение (услуги, товар). Универсальные советы не решают главных проблем посадочных страниц. Достойные лендинг пейдж для каждой цели конверсии практикуют индивидуальный подход с уникальностью в дизайне / оптимизации текста.
Тенденции к минимализму учат делать эффекты ненавязчивыми. Для повышения конверсии важно определить максимально результативные элементы лендинговой страницы (поп-ап заказ обратного звонка, лид-форма, ссылки футера). В каком месте происходит конвертация?
Что отличает Landing Page?
(Да-да, перейти к лендинговым страницам с высокой конверсией!)Высококонверсионный Landing Page:
- Сначала, мощное Hero-изображение. Высококонверсионный лэндинг – страница с которой не хочется уходить. Тематичная картинка, видео в главном экране: 1) Фокусирует внимание 2) Увлекает. Представьте продукт / сервис в контексте применения: как работает, насколько прост. Покажите преимущества и пользующихся ими людей.
- Один призыв к действию, ориентированный на взаимодействие с клиентом. После мощного визуального воздействия на посетителя, вам нужно получить лид или конвертацию, верно? Сделайте CTA-посыл заметным (с точки зрения дизайна) и убедительным (с точки зрения копирайтинга). Упрощайте навигацию – только важные ссылки, чтобы не отвлекать посетителя до совершения конверсии.
- Ценностное предложение – убеждайте заголовком и тематическим подзаголовком. Почему вообще надо следовать призыву к действию? Заголовком & подзаголовком аргументируйте веско и ясно. Укажите выгоду для потребителя и что выделяет вас из толпы.
- Охарактеризуйте ваши особенности, заостряя внимание на преимуществах. Конечно, важно знать из чего продукт и что с ним делать. Только, осознающий полезность охотнее действует (нажмет CTA-кнопку или заполнит лид-форму). Выгодо-ориентированный оффер – лучшая мотивация к конверсии.
- Включите отзывы или другие социальные доказательства. Люди скорее воспользуются предложением, увидев, как это сделали другие. Благодарственные слова, неподдельная заметка довольного клиента, партнерские логотипы или значки брендов укрепляют доверие потребителей. Это доступный способ оптимизации конверсии.
Смотрите подборку лучших дизайнов Лендинг Пейдж, продающих деловое предложение и удивляющих ошеломительной конверсией. Включены советы по высокой конверсии и описания ключевых подходов при создании эффективных страниц захвата.
Примеры лендингов с высокой конверсией
У оптимизированных для высокой конверсии LP: посещаемость, как минимум 500 посетителей, а у некоторых – более 100,000. Коэффициент конвертации 30-60%. Влияют и внешние факторы, конверсия сильно зависит:
- От индустрии
- От качестве трафика
Трафик, нагоняемый нецелевой рекламой конвертируется хуже, чем живой и заинтересованный. Мало-информативная реклама, также не будет обоснованно мотивировать к CTA-действию на вашем лэндинге. А убеждающие в преимуществах товара / сервиса / предложения страницы со ссылкой (страницы-фильтры) конвертируют лучше лидо-генерирующих (продающих страниц) т.к. их цели конверсии намного проще. Учитывайте это, когда сурово оцениваете эффективность лендинговой странички.
Со всеми оговорками и нюансами, 11 примеров высококонверсионных Landing Page от Unbounce заказчиков (экспертные советы от компаний, самостоятельно создавших свой лендинг).
1. Promo
Индустрия: Социальные медиа / Коэффициент конверсии 46.94%
Promo дает совет: используйте силу видео для увеличения вовлеченности и стимулирования конверсии.
Видео способно увеличить конверсию Landing Page на 80%. Стратегия оправдана, даже если обходится недешево – считает Promo. Вот почему на лендинге много видеоконтента – от хедера, до поясняющих Coub роликов в превью и видео, которым посетители смогут воспользоваться для своего маркетинга.
Главный контент-специалист Promo, отмечает:
Мы специализируемся на создании видео, которое привлекает и побуждает действовать. Поэтому ценностное предложение разместили в хедере, поверх красивого и динамичного видеобэкграунда
Впрочем, видео – лишь составляющая успешной конвертации на LP-сайте. Вам нужно, чтобы посетитель следовал призыву Call-to-Action. Контент-стратег об этом: «Ни один лендинг пейдж не обходится без обычного текста и CTA-кнопки, привлекающей взгляды выше линии сгиба».
Promo призывает с центра главного экрана и сразу же начинает приводить социальные доказательства (партнерские лого, клиентские отзывы, значки доверяющих компании брендов.
2. edX
Индустрия: Образование / Коэффициент конверсии 52.68%
edX советует для высококонверсионного LP: упрощайте ценностное предложение, будьте предельно ясны и конкретны показывая выгодность.
Маркетологи edX максимально приближены к продукту & сервисам и могут запросто перегрузить вас информацией. Да, наше основное предложение это X. На лендинговых страничках мы урезали основные моменты посыла пользователям онлайновых курсов. Чтобы не увязнуть в деталях, простыми тезисами сообщаем, что их ожидает. Ясность и недвусмысленность заголовка с подзаголовком поддержана социальными доказательствами.
Выяснено тестами, что краткая лаконичность оправдана. Анализ показал: никто не жаждет узнать, что у вас имеется. Поберегите силы (и слова), лучше сконцентрируйтесь на интересах пользователей, что поможет конвертировать их в лиды.
3. Later
Индустрия: Социальные медиа / Коэффициент конверсии 57.92%
Later совет для высококонверсионного LP: предоставьте удобные конверсионные пути до цели (никаких преград или ограничений!) и сбалансируйте побудительные факторы.
Людям свойственно непостоянство. Они легко отвлекаются, а иногда запутываются. Большинство это раздражает. Обязанность маркетолога – вести клиента за руку на всех этапах процесса покупки.
Интуитивный путь к конверсии – это «текстово-визуальный гид», подсказывающий маршрут потребителю. На это и сделали ставку в лидогенерирующей кампании Later. Руководитель коммуникационного дизайна Chin Tan, поясняет:
Мы поддерживаем интуитивную понятность во всей проводимой кампании. Оформление оффера соответствует тому, что в рекламе / рассылке. Создано еще до лендинга и не заканчивается на его странице
Cмотрите, как Later прокладывает «интуитивный» маршрут к конверсии, применяя единообразие.
Chin также признает, что простота оффера вносит вклад в успех страницы. Хорошо, когда сразу понятно, что email просят для отсылки руководств. Сделайте оформление заказа лаконичным – только необходимые поля!. Не спугните в начале конверсионной воронки. Просите у посетителя данные в соответствии с его мотивацией к действию.
4. The Listings Lab
Индустрия: Недвижимость
Высококонверсионный совет о Listings Lab: используйте простой «прямолинейный» дизайн и сконцентрируйтесь на оффере.
Простая на вид лидогенерирующая страница, хотя не в топе этой подборки, но работает отлично. Сначала о дизайне. Уплотнив ограниченное пространство страницы, удалось разместить контент без ощущения тесноты. Посетителю не обязательно скроллить, чтобы понять суть предложения и почему оно ценно.
Гайд для скачивания дает почувствовать обычным людям – тут все тщательно подготовлено. Жирный рубленый шрифт, крупные поля форм и смелые контрастные кнопки СТА – они создают эмоциональный настрой для целевого действия.
Предлагая альтернативу, лендинговая страница смягчает проблемы риэлторской деятельности: холодные звонки (cold calling), мало лидов, временные затраты. Посетитель видит, что с ним разговаривают о наболевшем и есть решение.
Этот лендинг «спокойным тоном» вселяет уверенность.
5. Twillory
Индустрия: Одежда / Коэффициент конверсии 46.85%
Twillory совет: кастомизируйте пользовательский опыт для мобильных устройств.
Не надо объяснять, почему мобильные пользователи сейчас в приоритете. С 2017-го, мобайл трафик начал доминировать (50.3%), его доля постоянно растет (сейчас 52.2%). Компании тоже приспосабливаются к миру, в котором потребители часто используют свои телефоны:
Наша конверсионная стратегия – сначала мобильные. Мы создали и оптимизировали для этой цели сайт-воронку с посадочной страницей
Как на большинстве отзывчивых страниц брендов, мобильному посетителю – отдельный пользовательский опыт.
На десктопе лендинг включает видео и GIF – элементы привлечения и увеличения конверсий., Урезанная версия дизайна (для мобильных) быстрее загружается и сохраняет визуальную привлекательность. Дополнительно, к конверсии стимулируют Pop-up окна.
6. TyresOnTheDrive
Индустрия: Автомобильная
Рекомендует для высокой конверсии LP: придумайте ясный заголовок, подкрепите его социальными доказательствами.
Когда дело доходит до текстов Лендинг Пейдж, надо понимать: ясность ведет к конверсии. Посетитель хочет в секунды понять оффер, думая: «Ближе к делу, что именно мне предлагают? Зачем я с этим разбираюсь?». И, если что не так — отказ!
Такой заголовок сразу понятен и отражает суть делового предложения: «Экспертная установка шин у вас на дому или рабочем месте». Мы сразу видим ключевое отличие – не надо идти к механикам шиномонтажа, они работают с выездом к вам. Принятию решения способствуют быстрые «how-to», подгружаемые клиентские отзывы из онлайн-сообщества отзывов Trustpilot и фирменный логотип (коллаж из ключевых слов).
Результат? Конверсия зашкаливает.
Но хорошая конверсия не должна положить конец тестированию. Главный UX-дизайнер рассказал о том, как компания рассматривает проблемы конверсии под разными углами, зачастую возвращаясь к фундаментальным подходам.
Мы обнаружили, что месседж ориентированный на выгоду имеет большую конверсионную эффективность, чем проталкивание оффера и раскручивание рекламной кампании.
7. ooba
Индустрия: Финансы / Коэффициент конверсии 35.57%
Ooba советует для высокой конверсии: применяйте описательные призывы Call-to-Action, говорящие посетителю что произойдет далее.
Каждому, кто попал на страничку лэндинга не терпится узнать, что тут предлагают? Это так, но как правило посетитель понимает каких действий от него ждут, а что будет потом – не совсем ясно. Главная страница ooba это отличный пример эффективности call to action.
«Продуманные фразы с контекстными подсказками и вспомогательной информацией дают понимание, чего следует ожидать. Удобно заполнять формы. Изначально, переход к страницам лидогенерации (продающим страницам) из первого экрана помогает быстрее разобраться с предложением» – объясняет глава агентства, разработавшего лендинг. «Цветовые контрасты фокусируют внимание на цели, а описательные CTA поясняют предпринимаемое действие».
Формы запрашивают достаточно много данных, но это можно рассматривать как фактор укрепляющий доверие: «Тут занимаются жилищными займами, а не рассылкой новостей». Мы должны информировать глубже, если вы ждете компетентного описания оффера.
8. ClaimCompass
Индустрия: Юриспруденция. право / Коэффициент конверсии 30.02%
ClaimCompass создателю лендинга: вы предоставили достаточно информации для совершения конверсионного действия? Еще и еще раз убедитесь.
Как так обычно говорят? Если не получается что-то сразу, не унываем и продолжаем в том же духе. (Стоп, возможно, это неверный подход. Не посоветуйте никому). Иначе считал Альберт Эйнштейн:
Это просто безумство: делать одно и то же раз за разом, при этом ожидая иного результата
ClaimCompass лендинг ориентирован на путешествующих по Евросоюзу, чей рейс был задержан и рассчитывающих на (законодательно предусмотренную) компенсацию за срыв поездки. Соучредитель компании Alexander Sumin, рассказал насколько непросто мобилизовать людей на сбор их же денег, причем безо всяких условий.
«Мы постарались включить различную полезную информацию и придать ей весомости – не одними социальными доказательствами и логотипами популярных медиа, а еще кратко пояснив, что и как делать. Это укрепило доверие к офферу, предлагающему пассажирам бесплатные деньги».
Компания признает, что приходится иметь дело с разным правовым опытом клиентов. Одним посетителям хватает лендинговой информации для совершения целевого действия сразу, а другие нуждаются в просвещении.
«Вся Landing Page разработана так, чтобы нажимались три CTA-кнопки» – поясняет Alex. «Если предложение показалось привлекательным, дальше скроллить уже не надо. Если нет – секция ниже внесет ясности (изображениями, описаниями выгод и социальными подтверждениями). На посадочной страничке все должно приближать к клику по CTA-кнопке».
9. onX
Индустрия: GPS-навигация / Коэффициент конверсии 61.15%
onX совет для повышения конверсии: стимулируйте желание пользователей изучать / исследовать текстовым и визуальным контентом.
Можете не искать лучшего примера лендинг пейдж с конверсией на 50% выше, чем обычно бывает в спортивной тематике. В чем секрет успеха onX, отвечает менеджер по привлечению новых клиентов Райан Уотсон:
Наш лендинг показывает пользователям именно то, что они искали и хотели видеть, кликая по PPC рекламе Google Ads.
Соответствие пользовательского поиска и визуальных подсказок стоит практиковать как на лендинге с продуктом, так и в поисковой стратегии
Райан отмечает пользу A/B тестов. Мы тестировали различные CTA-призывы и это дало отличный CTR. Лучшие практики никогда не навредят.
10. MyTutor
Индустрия: Образование / Коэффициент конверсии 55.29%
MyTutor раскрывает секрет высокой конверсии: делайте нужный оффер – выгодное предложение нужным людям и в нужное время.
По сути, успех проводимой кампании сводится к эффективному таргетингу, Речь не только о наличии целевой аудитории – адресность еще полезней в контексте хорошего пользовательского опыта по каждому моменту. Поэтому маркетологи затрагивают важные (даже глубоко личные) периоды жизни посетителя, во время которого предложение особенно ценно.
Менеджер Gemma Pearson: «Запуская однодневные кампании мы тестировали landing page. Наш оффер – репетиторское подтягивание студентов до получения нужного бала». Еще, Gemma хочет реализовать на лендинге поучительный нагоняй для неуспевающих.
Актуальный позитивный месседж в нужное время и четкий CTA-призыв — ключевые факторы успеха. Это посыл сочувствия провалившимся студентам с предложением ясного решения
Вот как можно добиться отклика от этой аудитории.
11. FilterEasy
Индустрия: ремонт жилья / Коэффициент конверсии 34.52%
FilterEasy о лендинговой конверсии: Не всегда ясна причина успешности Landing Page, и это вполне естественно.
Иногда вы попадаете в золотоносную жилу. Эффективность формы – больше, чем когда-либо видели. Лендинговый сайт приносит бешеный доход. Маркетинговый директор Рианна Риддл:
«Если честно, до сих пор выясняем тестами: чем особенна наша лендинговая страничка? Рианна поясняет: попытались повторить этот результат несколько раз. И безуспешно. Даже когда учли все моменты».
Интернет-маркетинг не точная наука. Хотя применение лучших практик повышает шансы на успех. Рианна применяет: современный простой дизайн посадочной страницы, решительное заявление о выгодном предложении, весомые социальные доказательства, убедительность оффера. В одном мы уверены – наилучшего результата достигли тестированием.
Интернет-агентство BINN » 6 удачных примеров лендингов
Лендинг — это веб-страница, которая специально создана так, чтобы пользователь совершил на ней действие. Лендинг (от англ. landing page) еще может называться целевой страницей, посадочной страницей или одностраничником.
Удачный лендинг может повысить эффективность рекламной кампании и привлечь аудиторию. В этой статье поделимся примерами удачных лендингов.
Какова цель лендинга?Landing page — это инструмент интернет-маркетинга, основная задача которого — побудить пользователя совершить действия:
- Пройти регистрацию;
- Заказать обратный звонок;
- Оставить заявку;
- Совершить покупку.
На целевую страницу пользователь может попасть по реферальной ссылке или из рекламного объявления. Дизайн такой страницы обычно очень лаконичен для того, чтобы пользователь не отвлекался от выполнения конкретного действия. Ниже мы рассмотрим 6 примеров удачного дизайна целевых страниц.
Lyft — это платформа, которая связывает водителей с частными лицами и организациями, которым нужны услуги водителя. На целевой странице компания размещает главную мотивацию для будущих водителей: «Зарабатывайте больше».
В дополнение к форме «Подать заявку» водители могут указать свой город и количество часов, которые они готовы выделить в неделю для того, чтобы рассчитать, сколько они могут заработать.
После заполнения этой информации пользователю не нужно переходить на новую страницу, чтобы увидеть точную сумму — это значительно экономит время и обеспечивает приятный пользовательский опыт.
Вместе этого на экран выводится цифра, за которой следует новая кнопка с призывом к действию «Применить сейчас», при нажатии на которую водители переходят к форме.
Muck Rack — это компания, которая помогает с поиском журналистов для написания статей по различным темам. Дизайн целевой страницы Muck Rack визуально привлекателен и интерактивен.
На целевой странице компания размещает описательные заголовки, в которых подробно рассказывает об услугах Muck Rack. На главной странице пользователь также видит цитаты и множество стильных графических элементов. Страница компании интуитивно понятна и проста в навигации.
Верхняя область страницы разделена на две части, в которых представлены разные службы компании Muck Rack. Как только пользователь наводит курсор мыши на кнопку с призывом к действию «Найти журналистов» или «Создать бесплатное портфолио» — появляется простая форма для заполнения. Этот элемент очень важен, чтобы не отвлекать внимание пользователя от текущей задачи.
Целевая страница компании Cigital содержит простой и актуальный заголовок. На сайте компания располагает только один призыв к действию: «Прочитайте электронную книгу». Этот призыв выделяется на странице, благодаря ярко-желтой кнопке CTA.
Целевая страница Khan Academy предназначена для трех разных типов пользователей:
- Пользователи, которые хотят поступить в Академию;
- Пользователи, которые хотят преподавать;
- Пользователи-родители, которые заинтересованы в обучении своих детей в Khan Academy.
Текст, который Khan Academy размещает вверху целевой страницы выглядит очень мотивационно: «Вы можете выучить все». Остальная часть страницы предназначена для пользователей, которые не знакомы с Академией.
В этой области подробно описаны ключевые преимущества использования обучающей платформы. Также на странице часто возникает повторяющийся призыв к действию: «Начни учиться сейчас».
Как только пользователь решит присоединиться к Khan Academy, он может щелкнуть призыв к действию, чтобы вернуться к форме в верхней части страницы без прокрутки.
Сlub W — это компания, которая продает подарочные винные боксы. «Мы открываем мир вина» — фраза, которую Club W размещает на главной странице, однозначно привлекает внимание пользователей. Этот яркий элемент выглядит очень привлекательно и помогает компании расположить пользователя к себе.
Изображения под заголовком помогают заполнить свободное пространство, а также демонстрируют пользователям, как будет выглядеть подарок от Club W. На странице также расположен яркий призыв к действию: «Свяжитесь с нами по электронной почте».
Codecademy — это американская школа программирования. Дизайн ее целевой страницы очень прост и лаконичен. Справа на странице компания размещает простую форму, где пользователю необходимо ввести адрес электронной почты, имя пользователя и пароль, а также подтвердить, что он не работ с помощью reCAPTCHA.
Пользователь также может использовать для входа и регистрации свою учетную запись Facebook или Google Plus, что еще больше сокращает путь конверсии.
Для пользователей, которые еще не готовы начать обучение в школе, в нижней части целевой страницы есть информационное видео, в котором рассказывается о концепции и о главных ценностях школы. Такое видео помогает наладить связь с аудиторией и объяснить новым пользователям, что программирование может быть доступным даже для новичков.
Источник: hubspot.com
5 примеров лендингов по ландшафтному дизайну и дизайну интерьера
Уже никого нельзя удивить лендингами по ланшафтному дизайну и дизайну интерьера. Сейчас эта ниша достаточно конкурентная, и поэтому качество “упаковки” растет с каждым днем. Почему этих лендингов много? Ответ довольно прост — каждый из нас хочет обустроить свое жилище, внести в него тепло и уют. Услуга востребована, и чтобы выделиться на рынке, приходится выделяться на фоне конкурентов. Оформление такой целевой страницы обязано быть на высоте, ведь этим Вы показываете потенциальному клиенту профессионализм и знание своего дела. Вы можете заказать лендинг в агентстве интернет-маркетинга RetsCorp. Сделаем, как для себя! Также важную роль играют продающие триггеры, о которых мы тоже поговорим в этой статье.
Особенности лендингов по дизайну интерьера и ландшафтному дизайну
Для создания удачного лендинга, мы подготовили парочку секретов, о которых Вы сейчас узнаете.
Секрет №1
Структурируйте информацию в формате: заголовок, иконка, описание
Пример удачного размещения предложений.
Дизайн странички оформлен в одной цветовой гамме, текст легкий для восприятия, его немного. Правда, хорошо бы, чтобы все преимущества были с примерно одинаковым объемом текста.
Секрет №2
Красивое оформление каталога. Что в нем должно быть? Уникальные фотографии в хорошем качестве (не из интернета — это сразу заметно), 3D визуализации. Это ниша, в которой “любят глазами”. Подпишите фотографии, превратите банальные снимки “До” — ”После” в кейсы, истории.
Пример хорошего оформления каталога.
Секрет №3
Триггеры. Использование на лендинге по ландшафтному дизайну и дизайну интерьера продающих и социальных триггеров заметно влияет на поведенческие характеристики пользователей и на конверсию.
Виды продающих триггеров:
- Повышающие уровень доверия
Это может быть блок с отзывами довольных клиентов, сертификаты качества, награды, гарантии, страховка и так далее. - Акция с ограничением по времени
Это работает не всегда, но если Вы предложите клиенту что-то действительно выгодное, то при соблюдении ряда условий (соответствие такого типа покупки целевой аудитории, правильной структуры лендинга, акция, подразумевающая импульсивную покупку), это принесет Вам клиентов. - Горячее предложение
Почти то же самое, но без таймера. Конечно, такие заманчивые предложения используются довольно давно и работают не всегда, но при четкой подстройке под целевую аудиторию, это увеличит конверсию.
Еще есть триггеры преимуществ, отзывы, кейсы, прописанные этапы работы и так далее. Ниже несколько наглядных примеров.
Дизайн интерьера Prudnikov
Лендинг по дизайну интерьера “Прудников” можно смело назвать удачным. Оформление сайта весьма лаконичное и “чистое”, заметно, что здесь использовано главное правило дизайна — больше воздуха и меньше текста. На первом развороте сайта мы видим, какие услуги предлагает нам компания: блок оформлен лаконично — картинка, иконки и описание.
На следующем развороте нам предоставляется каталог с готовыми работами, а также информация о самом агентстве Евгения Прудникова. Обратите внимание, хотя история компании — целый пласт текста, он структурирован на абзацы, что упрощает восприятие информации.
Завершается лендинг лид-формой, где можно оставить свою заявку. Где продающие триггеры? Нет ни одного. Сайт работает благодаря сарафанному радио и популярности студии, а лендинг играет второстепенную роль. Будем надеяться, что со временем он разрастется и станет более продающим.
Лендинг дизайн-студии Inter
Лендинг студии дизайна “Интер” выполнен достаточно неплохо, хотя сочетание оранжевого и зеленого выглядит немного болезненно, а текст справа плохо читается. Слева мы видим закрытую форму захвата “Скидка 10% на все виды работ”.
Далее, нас знакомят с услугами и сотрудниками холдинга. Огромный плюс лендинга в том, что все фотографии настоящие, брендированые, качественные.
Стандартный разворот с контактами фирмы, и ссылкой на соц.сети.
Завершается лендинг пейдж отзывами благодарных заказчиков и формой заявок. Тут же можно ознакомиться с краткой информацией о фирме. Та же проблема с триггерами, что и в прошлом примере, но тут хотя бы есть отзывы.
Дизайн интерьеров — это искусство, и поэтому лендинг в этой тематике должен быть эффектным, стильным и максимально продуманным. Также не стоит забывать о грамотных текстах, фотографиях высокого качества и адаптивной верстке. Только по настоящему красивый лендинг позволит повысить узнаваемость фирмы и приобрести новых заказчиков.
Ниже парочка примеров одностраничных сайтов по ландшафтному дизайну.
Лендинг по ландшафтному дизайну “Primula”
Первый сайт, о котором мы поговорим, принадлежит московской компании Primula. Что мы видим на первой странице? Логотип бренда, кнопка “Заказать звонок”, лид-форма, контактный телефон, а также, подробный оффер, описывающий деятельность фирмы. Важно то, что заголовок включает в себя приблизительные сроки и стоимость работы. Правда, вся эта ценная конкретика перечеркивается пустыми словами про “мировой уровень” и “произведение искусства”.
Далее мы видим, что компания предлагает клиенту. На сайте есть виджет Callback Hunter, который ненавязчиво призывает нас “созвониться” и не уходить со страницы.
На этой странице нас знакомят с недавно выполненными проектами.
Ниже расписаны преимущества работы с этой фирмой.
Хочется отметить единство и гармонию цветов, шрифтов и иконок, а также тематический дизайн.
На следующем экране нас знакомят с тремя доступными пакетами услуг. Также, мы имеем возможность получить более подробный прайс-лист — для этого нужно лишь ввести свое имя и телефон.
Специально для тех, кто хочет уникальное решение, есть форма для индивидуальной консультации по проекту. Призыв к действию банальный, но он решает некоторые проблемы целевой аудитории, и поэтому работает.
Завершается сайт отзывами клиентов.
Дизайн и озеленение участков
Следующий сайт в нашем списке — “Ландшафтный дизайн и озеленение”. Главный экран лендинга откровенно слабый: заголовок констатирует факт, он не показывает выгоды для клиента и не дает полного представления об услуге, а логотипы компаний повторяются. И да, их всего два.
Второй разворот предлагает посетителям “заказать выезд дизайнера”, но почему-то одна акция (бесплатный выезд в радиусе 150 км от Москвы) подкреплена другой. В итоге возникает легкая путаница.
Дальше мы видим блок “что мы предлагаем”, в котором приведены примеры работ компании, а кнопки “Узнать подробнее” перенаправляют на портфолио.
Дальше мы видим 4 преимущества компании, индивидуальный просчет и отзывы клиентов. Правда, есть одна проблема: фотографии людей явно взяты из фотостоков.
Необычный блок, который позволяет помечтать о том, каким будет придомовой участок уже через 30 дней. Люди любят фантазировать и представлять себе самые положительные сценарии, поэтому такой экран наверняка хорошо работает.
Завершается лендинг контактной информацией и формой заказа.
И, пожалуй, еще один лендинг студии по дизайну интерьеров.
Лендинг пейдж студии дизайна Inessa Garden
Рассмотрим последний лендинг в нашем списке, принадлежащий студии дизайна интерьеров Inessa Garden. Сайт оформлен в едином стиле, он лаконичен и прост, не пресыщен лишней информацией. На главном экране сайта мы видим неплохой заголовок (правда, без добавочной ценности для клиента или УТП), форму заказа, триггер обратного отсчета и контактный номер фирмы.
Далее следует портфолио, оформленное в виде слайдера. Это разумно, поскольку в этой нише людей больше всего интересуют не достижения компании, а реальные интерьеры, которые разработали дизайнеры.
На следующем развороте нам снова предлагают оставить свои контактные данные и рассказывают о 5 ключевых проблемах, с которыми мы можем столкнуться при работе с дизайнерами. Работа по формуле “Боль-Решение” часто оказывается эффективной, поэтому блоку однозначный зачет.
А теперь (в противовес “болям”) нам расписывают выгоды и преимущества компании.
Завершается лендинг алгоритмом работы и акцией с авторским надзором.
И напоследок, вот несколько простых рекомендаций в этой нише, которых следует придерживаться:
- Разрабатывайте красивый лендинг, который можно “любить глазами”, поскольку основной канал восприятия в этой нише — визуальный.
- Старайтесь максимально высоко поднять портфолио компании и показать реальные кейсы, фотографии “До” — ”После”, истории работы с клиентами.
- Сделайте максимально прозрачным алгоритм работы с клиентом: он должен понимать, что входит в Ваши обязанности и что конкретно он получит.
- Давайте бонусы и делайте действительно выгодные предложения. Выезд дизайнера или составление сметы — слабый шаг, и гораздо лучше предлагать что-то более целевое и менее банальное.
- Работайте с болью целевой аудитории и давайте то решение, которое снимет все возражения клиента.
примеры лендинг пейдж на которых учатся создавать страницы!
Лендинг нужен самому широкому кругу людей, от федеральной компании, продающей мебель, до отдельного человека, написавшего свою книгу. Давайте рассмотрим все на примерах.
Первый пример хорошего лендинг пейдж
Овощная база «Солнышко». С первого экрана понятно что тут предлагаю, видно выгоды клиента и преимущества товара.
Дальше подробно расписаны преимущества, гарантии, условия.
Все красиво и понятно, но кто такие все-таки эти солнышки? Откуда берутся овощи? В каких условиях их выращивают? А вот и подробный ответ на все.
Так как это продукты питания, то крайне важно, чтобы они соответствовали стандартам, были экологически чистимы, не подвергались химической обработке. Лучшим доказательством тут будет наличие сертификатов ГОСТ. А полный прайс лист поможет точно сориентироваться насколько эти овощи подходят в финансовом плане.
Схема работы доступно объясняет, как происходит весь процесс от подачи заявки до получения товара. И в завершение отзывы, которые повышают кредит доверия, не так, как документы, потому что не указано какого именно магазина или ресторана, но тоже чувствительно.
Пример 2
Вот предлагается книга по работе с Google Analytics, смотрим первый экран.
Все понятно. Этот товар рассчитан на узкую аудиторию, которой достаточно этой информации, чтобы решить может тут быть что-то интересное или не может, мы решили, что может и пошли дальше, в смысле ниже.
Вот и описание предлагаемого продукта с его преимуществами.
А дальше не совсем обычный, но весьма сильный пример. Покупателю предлагают ознакомиться с подробным содержанием первой главы, чтобы узнать полезна ли она будет именно ему.
Мы решили, что книга полезна, но возникает вопрос, а знает ли автор, о чем он пишет? Может просто набрал с миру по нитке и выдает за шедевр? А вот и ответ.
И в финале то, ради чего все и было затеяно.
Пример 3
Строительство коттеджей. Сразу видно что предлагается и сколько это стоит. Ничего лишнего, но достаточно, чтобы заинтересовать
СТА, магнит, таймер и преимущества + выгоды.
Информация о компании и процессе работы.
Еще раз преимущества и выгоды клиента. Вроде второй раз о том же самом, но уже по-другому, поэтому выглядит все органично и усиливает эффект «принципом ненавязчивого повторения».
УТП. Просто, по пунктам, очень легко для восприятия, что интересно, прямо в торговом предложении даны ответы на некоторые часто задаваемые вопросы.
Дальше еще раз повторяется призыв к действию и дана волшебная кнопка, но мы повторяться не будем, поэтому переходим к портфолио. Примеры домов даны на трех экранах, плюс имеется предложение скачать каталог и посмотреть все работы. Очень правильное решение, так как когда заранее не получается «пощупать» и «попробовать на зуб», то насмотреться всласть просто необходимо. Да и причиной выбора именно этой компании может послужить то, что клиенту попадется на глаза дом его мечты, а если их всего 2-3, то вероятность этого крайне мала.
Схема работы и сразу форма заявки.
Отзывы довольных клиентов. Очень подкупает, что указаны не только имена, но и фамилии и города, все это дает уверенность в том, что это реальные люди и при желании их можно найти и спросить о компании. И тут же гарантии, но как-то они тут не совсем к месту.
И в завершении призыв и контакты.
И еще несколько примеров удачных лендингов, точнее, их первых экранов
Ошибки, допускаемые при создании лендинга
Интересно может ли кто-нибудь подсчитать соотношение «хороших» и «плохих» посадочных страниц? Скорее всего, сделать это не реально, так как объективности, при визуальной оценке, тут быть не может, а показатели не всегда зависят от самого лендинга. Но тем не менее в сети достаточно примеров, о которых двух мнений быть не может – это некие крайности, которых стоит избегать тем, кто не хочет, чтобы его избегали клиенты.
Все хорошо в меру
Дизайн очень важен, но иногда его бывает столько, что хватило бы на десяток страниц. К этому же можно отнести и избыток призывов к действию, и чрезмерное количество «основных» элементов, рассеивающее внимание.
Отсутствие призыва к конкретному действию
В этом случае человек просто не знает, что ему делать дальше, вот хочет забыть о проблемах с бухучетом, и месяц бесплатно хочет, а как получить это неведомо.
Ссылки на другие страницы
Даже если это ссылка на основной сайт. Например, есть лендинг для телевизора самсунг, клиент им заинтересовался, но тут нажал на ссылку, ведущую на главную страницу компании. Возможность, что он вернется обратно, крайне мала, но это не так страшно, если он купит что-то все-таки у этой компании. Вполне вероятно, что посмотрев другие телевизоры, он обратит внимание на разные цены у одинакового по характеристикам товара, благодаря этому захочет посмотреть цены на этот товар у других компаний, найдет дешевле и купит там. Не будь этой ссылки, а только «суперцена», «еще всего 2 дня», то у клиента просто не появилось бы такой мысли: идти и сравнивать.
Другой пример: на сайте продается электронная книга по маркетингу и дана ссылка на отзывы о ней на сторонний ресурс, а на том ресурсе и о других книгах написано, а они еще и бесплатны, а у них и плюсиков (галочек, звездочек) больше – и нет у них больше клиента.
Незаметная лид форма
Это, конечно, лучше, чем вообще никакой, но для эффективного лендинга она должна быть яркой и заметной.
Отсутствие заголовка
Вот пришел человек на такой лендинг, а там все хорошо: написано интересно, циферки красивые, обещания приятные, вот только что это и для чего ему нужно не понятно.
Проверяйте конечный результат
Банальные ошибки и опечатки тут даже не рассматриваются, а вот соответствие или несоответствие текста и изображения может произвести не очень хорошее впечатление. Например, лендинг компании, предоставляющей услуги выездного свадебного регистратора. Там все очень красиво, торжественно, празднично, вот и отзывы счастливых новобрачных, но на одном из них взгляд почему-то зацепился, что-то не так.
Возвращаемся на несколько отзывов назад, и вот оно.
Кто-то может предположить, что это просто одна иллюстрация ко всем отзывам, да, это было бы странно, но можно списать на «он художник – он так видит», однако нет.
Каждому отзыву свои молодожены. Конечно, если спросить напрямую, то ответят, что просто ошиблись, недосмотрели, перепутали, ну или, в крайнем случае, маркетолог – подлец, а мы ничего не знали. Но тут уже все равно, как в анекдоте: «ложечки то нашлись, а осадок остался».
Но нам же не нужны такие осадки, поэтому, даже когда вы идете самым надежным путем – доверяете работу специалистам, все равно проверяйте сами, ведь специалисты, как ни странно, тоже люди, и ничто человеческое им не чуждо, даже ошибки. Нет лучшего учителя, чем опыт, и лендинг не является исключением, но зачем набивать собственные шишки, когда можно досконально изучить чужие?
Вывод
Лендинг – это обширная, сложная, но увлекательная тема. Есть несколько очень неплохих конструкторов, позволяющих создать свою посадочную страницу любому человеку, но даже при использовании стандартных решений, стоит добавлять индивидуальность, ведь делаются они для людей, а люди, в большинстве своем, решают сначала эмоциями, а только потом разумом.
Как не бывает двух абсолютно одинаковых щенков, так не бывает и двух идентичных посадочных страниц, даже если собраны они на одном конструкторе. Пробуйте, экспериментируйте, тестируйте и обязательно найдете свой идеальный вариант, а то и не один.
Нужен продающий лендинг?
Мы специализируемся на посадочных страницах уже более 6 лет, а это значит мы готовы дать Вам лучшую «упаковку» вашего продукта. Юридические гарантии и подарок в виде настройки контекстной рекламы отличное предложение для старта и развития бизнеса!
Оставить заявку
13 отличных примеров посадочных страниц, которые вы захотите скопировать в 2021 году
Хотя многие целевые страницы выглядят по-разному и используют множество интересных стратегий для привлечения аудитории, все они служат одной главной цели. Эти страницы побуждают посетителей перейти на следующий этап пути покупателя.
Какова цель целевой страницы?
Целевая страница предлагает потенциальному клиенту ресурс, например электронную книгу или подписку на веб-семинар, в обмен на их основную контактную информацию. Цель этих страниц — привлечь потенциальных клиентов, в то время как вы продвигаете потенциальных клиентов дальше в воронку продаж.
Вместо того, чтобы служить базовой рекламой, которая показывает покупателю продукт, целевая страница направлена на то, чтобы заинтересовать и доставить удовольствие покупателю, предлагая ему что-то, что связано с продуктом или отраслью компании.Когда они заполнят форму и получат вознаграждение в виде интересного контента, они могут с большей вероятностью доверять вашему бренду и стать клиентом.
Совет: Хотите простой способ добавить форму на свою целевую страницу? Бесплатный инструмент для создания форм HubSpot поможет вам наполнить CRM лидами с вашего веб-сайта.
Давайте поговорим на примере, когда целевая страница может быть особенно эффективной. Если бизнес хочет продавать ИИ-продукт, который помогает продавцам, они могут создать целевую страницу, которая предлагает аудитории бесплатное видео о том, как использовать ИИ в сфере продаж.Заинтересованные аудитории могут предложить свою контактную информацию в обмен на ценную информацию. Если им нравится полученное видео, они с большей вероятностью ответят или купят продукт у представителя компании, который им звонит.
В другом сценарии издательская компания, нацеленная на аудиторию руководителей, может создать целевую страницу, которая приглашает аудиторию подписаться на вебинар, организованный руководителем крупной компании.
После указания своего адреса электронной почты в форме регистрации, представленной на целевой странице, лиды получают электронное письмо с датами вебинаров и информацией для входа, а также инструкциями о том, как подписаться на информационный бюллетень публикации или подписку.Если пользователь доволен вебинаром, он может подписаться на информационный бюллетень или подписку, чтобы не отставать от аналогичного содержания публикации.
Хотя их цель в теории достаточно проста, на самом деле создание успешной целевой страницы требует детального планирования и творческого тестирования.
Даже после запуска вашей целевой страницы вы захотите обратить внимание на коэффициенты конверсии, чтобы увидеть, насколько хорошо она работает.
Каков хороший коэффициент конверсии целевой страницы?
Согласно WordStream, средний коэффициент конверсии целевой страницы равен 2.35% в разных отраслях, при этом верхний 25-й процентиль целевых страниц достигает 5,31% или выше.
Чтобы определить коэффициент конверсии, просто разделите количество конверсий, генерируемых веб-страницей, на количество людей, которые посетили эту страницу.
Если ваш коэффициент конверсии еще не приблизился к среднему, не волнуйтесь. Поначалу может быть немного сложно определить эти проценты, особенно если у вас много постоянных посетителей. К счастью, существует ряд простых стратегий оптимизации коэффициента конверсии, которые могут помочь вам быстро повысить ваш текущий коэффициент.
Независимо от того, что продает ваш бизнес или какое действие конверсии вы надеетесь спровоцировать, полезно получить вдохновение, увидев, как выглядят другие отличные целевые страницы.
А поскольку не существует единого «правильного» способа создания целевой страницы, вы захотите ознакомиться с примерами из множества различных отраслей на разных этапах процесса покупки.Хотите вдохновиться? Ознакомьтесь с великолепными примерами целевых страниц ниже.
У нас нет доступа к аналитике для каждой из этих целевых страниц, поэтому я не могу сказать вам конкретно, насколько хорошо они конвертируют посетителей, контакты, потенциальных клиентов и клиентов.Но многие из них следуют лучшим практикам, а также проводят несколько новых экспериментов, которые могут дать вам идеи для ваших собственных целевых страниц.
13 отличных примеров дизайна посадочной страницы
1. Lyft
Нам нравится, что на целевой странице Lyft они сосредоточены на главной мотивации своих водителей: легко зарабатывать деньги.
Нам также нравится, что в дополнение к форме «Подать заявку» водители могут указать свой город и количество часов, которые они могут водить на Lyft в неделю, чтобы рассчитать, сколько они заработают.Когда посетители заполняют эту информацию и нажимают «Рассчитать», они не переходят на новую страницу. Вместо этого они видят сумму в долларах, за которой следует новая кнопка с призывом к действию «Применить сейчас» (при нажатии на которую водители переходят к форме).
Предлагая эти два пути конверсии, они могут адресовать два разных типа людей на пути конверсии: тех, кто готов принять решение сейчас, и тех, кому нужно немного больше информации, прежде чем они совершат конверсию.
2.Профессиональный Wingman
Хорошо, так что сама идея иметь профессионального ведомого, который поможет вам найти свидания и значимые отношения, уже довольно крута. Но когда вы сталкиваетесь с перспективой найма одного из сотрудников, это также вызывает вопросы. Как это работает? Сколько это стоит? Это действительно поможет мне?
Вот почему нам нравится эта целевая страница Томаса Эдвардса, самого оригинального профессионала вингмена, которая точно описывает, чего может достичь дополнительная тренировочная сессия.Кроме того, ясно, что это бесплатно, благодаря ярко окрашенной кнопке с призывом к действию над сгибом.
После того, как вы нажмете эту кнопку, вы не попадете на новую страницу. Вместо этого тут же появляется межстраничная форма. И хотя он запрашивает много информации — частично личную, — он также дает понять, что The Professional Wingman отнесется к этому серьезно, но только если вы тоже.
3. Стойка для мусора
В этом дизайне целевой страницы есть все.Он визуально привлекателен и интерактивен, предлагает читаемые, но описательные заголовки об услугах Muck Rack и использует цитаты профессионалов отрасли в качестве социального доказательства. Кроме того, страница интуитивно понятна и проста в навигации.
Самое интересное в этой целевой странице то, что она может понравиться обеим аудиториям Muck Rack. Верхняя часть страницы разделена на две части, в которых представлены две разные службы, расположенные рядом. Как только посетитель наводит курсор мыши на CTA «найти журналистов» или «создать бесплатное портфолио», появляется очень простая форма — и это важно, чтобы не отвлекать пользователя от текущей задачи.
4. Цифровой
Есть несколько вещей, которые заставляют работать эту целевую страницу Cigital. В нем простые и актуальные образы. Заголовок прост, а описание электронной книги информирует зрителей о конкретной ценности, которую они получат, загрузив ее. Есть только один призыв к действию — «ПРОЧИТАЙТЕ ЭЛЕКТРОННУЮ КНИГУ», который выделяется на странице благодаря ярко-желтой кнопке CTA.
Единственное, что мы изменим в этой целевой странице, это то, что мы удалим панель навигации вверху.Они имеют свойство отвлекать посетителей и уводить их от намеченного действия. Это не только лучшая практика дизайна целевой страницы, но мы также провели A / B-тесты, которые показали, что удаление навигационных ссылок с целевых страниц увеличивает коэффициент конверсии.
5. Академия Хана
Сложность использования вашей домашней страницы в качестве целевой страницы заключается в том, что вы должны обслуживать несколько различных типов аудитории. Но домашняя страница Khan Academy делает это очень хорошо. Эта страница явно предназначена для трех разных типов посетителей: тех, кто хочет чему-то научиться, тех, кто хочет учить, и родителей, которые заинтересованы в использовании Khan Academy для своих детей.Кроме того, насколько мотивирует текст «Вы можете выучить все» вверху?
Остальная часть страницы предназначена для зрителей, которые не полностью знакомы с Khan Academy. В нем красочно и подробно описаны ключевые преимущества использования обучающей платформы, которые легко просканировать и понять. Также есть повторяющийся призыв к действию: «Начни учиться сейчас». Как только зрители почувствуют, что у них достаточно информации, они могут щелкнуть призыв к действию, чтобы вернуться к форме в верхней части страницы без необходимости прокрутки.
6. Club W
Немного восхитительного текста может иметь большое значение на вашей целевой странице. Мы любим шутливую мелочь — «(Подсказка: это вино)» — которую Club W включил под заголовком своей корпоративной целевой страницы для подарков. Это очеловечивает бренд и делает его приятным, что может положительно повлиять на коэффициент конверсии.
Изображения под этим заголовком хорошо используют отрицательное пространство, показывая пользователю, что именно получатель подарка может получить, если он решит сделать подарок с помощью Club W.И, конечно же, есть смелый призыв к действию — «Напишите нам».
Единственное, что мы бы изменили? CTA побуждает пользователя открыть программу электронной почты, что полностью отводит трафик от сайта и браузера. Форма может быть здесь более эффективной — Club W не только сможет диктовать, какую информацию он хочет собирать, но и удержит пользователя на сайте.
7. Codecademy
Мне нравится эта страница, потому что она проста как в копировании, так и в дизайне. Изображение над сгибом представляет собой экран компьютера, на котором отображается скобка HTML с мигающим курсором — причудливое, четкое изображение, сопровождающее форму справа.
Сама форма проста и требует только адреса электронной почты, имени пользователя, пароля и подтверждения того, что вы не робот для создания учетной записи. Или вы можете просто использовать свою учетную запись Facebook или Google Plus, что еще больше сократит путь конверсии.
Для посетителей, которым требуется дополнительная информация перед созданием учетной записи, целевая страница также предлагает видео в нижней части страницы, которое объясняет их концепцию и ценность посредством реальной истории успеха. Опять же, это помогает сделать потенциально устрашающий мир программирования более доступным для новичков.
Те, кому нужно еще больше убедительности, могут продолжить поиск дополнительных отзывов и других форм социального доказательства.
8. Пашот
Не думаю, что мы когда-либо жили в то время, когда в культурном отношении мы были настолько одержимы едой. Poached превратил это в модель B2B с платформой для объединения владельцев и кулинарных талантов.
Когда вы заходите на главную страницу, нет никакой загадки в том, что вы там делаете — гигантские призывы к действию «Опубликуйте вакансию» и «Выберите город» помогают в этом.И как только вы нажмете на одну из них, вы попадете в форму без излишеств, чтобы стать участником или войти в систему, или список вакансий в каждом городе. Он красочный и всеобъемлющий — и вызывает у нас чувство голода.
9. Сапун
Вот еще один пример умного, восхитительного дизайна целевой страницы. Как только вы посещаете Breather.com, сразу же появляется призыв к действию: укажите, где вы хотите найти место. Кроме того, он использует службы определения местоположения, чтобы определить, где вы находитесь, и предоставляет мгновенные варианты выбора поблизости.
Нам нравится, как Breather использовал простой, точный текст, чтобы дать посетителю знать, чем занимается компания, а затем сразу же следовало призыв к действию для выбора города. И если вам нужно прокрутить вниз для получения дополнительной информации, вы увидите, что Breather играл с микрокопией с индивидуальностью («никаких обязательств, никогда»), напоминая нам, что за дизайном стоят настоящие люди. Это немного приближает нас к бренду. Негативное пространство и успокаивающая цветовая гамма также сочетаются с продуктом — по сути, это пространство для дыхания.
10. Институт стартапов
Посетители вашего веб-сайта не будут передавать свою личную информацию, не зная, что они получат взамен. На своей целевой странице Startup Institute подробно разъясняет, что произойдет после того, как вы подадите заявку, разместив вопросы и ответы рядом с формой. Это может побудить некоторых людей сказать: «Они читают мои мысли!»
Чтобы избежать сомнений при заполнении формы, используйте целевую страницу, чтобы заранее сформулировать ожидания. Это очищает воздух, а также может отсеять людей, которые не относятся серьезно к вашему контенту, продукту или услуге.
11. Edupath
Кто является целевой аудиторией вашей целевой страницы? Хотя большая часть контента веб-сайта Edupath предназначена для студентов, есть разделы, посвященные советам родителей по оказанию помощи своим подросткам при подаче заявления в колледж и подготовке к SAT. Целевая страница ниже находится в одном из этих разделов.
Когда родители вводят имя, адрес электронной почты и номер мобильного телефона своего подростка, им отправляется ссылка для загрузки приложения Edupath. Сотрудники Edupath знают, что студенты, скорее всего, что-то сделают, если родители попросят их об этом, особенно если это означает, что им не нужно сдавать свои телефоны.
Plus, это простой процесс в один клик. Весь этот путь конверсии — это умный и полезный способ установить приложения на телефоны большего числа учащихся через их родителей.
12. Клуб дегустаторов
Если есть что-то большее, чем хороший виски, так это домашняя страница клуба виски, которая позволяет легко присоединиться или узнать больше о членстве. Показательный пример: Taster’s Club, который сразу же показывает эти самые два призыва к действию на своей целевой странице, которая также является его домашней страницей.
Для тех, кто желает узнать больше, щелчок по этому призыву к действию немедленно прокручивает пользователя вниз до красочных, богатых изображениями деталей о том, что включает в себя членство в Клубе дегустаторов. Продолжайте прокручивать, и вы получите отзывы пользователей.
Но самое интересное начинается с нажатия кнопки «Присоединиться сейчас». После этого вы можете выбрать свой яд — то есть тип виски, который вам нравится больше всего — и просмотреть доступные для него варианты членства или подарков. После того, как вы сделаете свой выбор, вы попадете на страницу оформления заказа с простой навигацией, где сможете ввести свою платежную информацию.Хороший дизайн и удобство использования? Мы выпьем за это.
13. Microsoft IT Showcase
Целевая страница ниже использовалась для продвижения и привлечения потенциальных клиентов для одного эпизода серии веб-семинаров Microsoft IT Showcase.
Этот простой и понятный дизайн отлично показывает, почему предлагаемый веб-семинар важен для ИТ-специалистов. Наряду с кратким описанием того, что будет обсуждаться на веб-семинаре, на странице также есть ссылки на аналогичные веб-семинары, сведения о докладчиках и ссылки на ресурсы Microsoft, которые касаются обсуждаемых тем.
ИТ-компания, имеющая доступ к лидерам мнений или экспертам в своей отрасли, может аналогичным образом использовать эту стратегию целевой страницы веб-семинара для привлечения потенциальных клиентов и потенциальных клиентов. Аудитории, которые чувствуют себя информированными после прочтения целевой страницы, могут зарегистрироваться, ожидая, что вебинар будет содержательным.
Если веб-семинар покажется информативным и заслуживающим доверия, эта аудитория подумает, что ИТ-компания имеет опыт работы с продуктом и может предложить качественные продукты. Это заставит их более охотно поговорить с представителем, чтобы узнать больше или купить продукт.
Готовы создать свою целевую страницу?
Если эти примеры вас вдохновили, но вы не эксперт по дизайну, мы также создали отличный список бесплатных профессионально разработанных шаблонов целевых страниц.
Если вы ищете больше примеров дизайна целевой страницы, ознакомьтесь с некоторыми из наших любимых примеров целевой страницы HubSpot. Вы также можете ознакомиться с этим кратким руководством по дизайну целевой страницы.
Первоначально опубликовано 18 января 2021 г. 9:47:00, обновлено 10 июня 2021 г.
Темы:
Дизайн посадочной страницы Бесплатный конструктор посадочных страницНе забудьте поделиться этим постом!
19 лучших примеров дизайна посадочных страниц, которые вам нужно увидеть в 2021 году
Как вы убедите посетителей сделать решительный шаг на вашем веб-сайте?
Существует так много элементов, которые нужны первоклассной целевой странице, и то, как сделать эти элементы «лучшими», часто зависит от того, каковы цели вашей целевой страницы.
Возьмем, к примеру, длину формы. Это всего лишь один из многих компонентов, которые необходимо оптимизировать, но лучшие практики покажут вам, что как короткие, так и длинные формы работают хорошо — все зависит от того, хотите ли вы создать много (потенциально) низкокачественных отправок форм, или меньшее количество высококачественных материалов.
Итак, если вы хотите улучшить свою целевую страницу, полезно знать, что входит в отличную целевую страницу, и увидеть несколько примеров этих тонких элементов в действии.
Щелкните одну из ссылок ниже, чтобы перейти к соответствующему разделу статьи:
Удивительно, но когда я начал исследовать примеры целевых страниц, я понял, что вряд ли есть сайты с современным впечатляющим дизайном целевых страниц, которые были бы чем-то большим, чем просто форма регистрации на главной странице. Итак, мы решили составить список любимых нами целевых страниц.
Здесь есть одно большое предостережение: У меня нет доступа к статистике для этих страниц, поэтому я не могу сказать вам, насколько хорошо они конвертируют посетителей, лидов и клиентов.Тем не менее, эти примеры — даже те, которые больше не используются на веб-сайте компании — содержат одни из лучших комбинаций тех нюансированных элементов целевой страницы, которые я когда-либо видел.
Очевидно, что если вы чувствуете вдохновение опробовать любую из этих тактик на своем собственном сайте, единственный способ узнать, будут ли они работать на вас наверняка, — это проверить их на себе.
Примеры целевых страниц
- Shopify
- Морда
- TransferWise
- Airbnb
- Teambit
- Wistia
- Webflow
- Науто
- Маркетинг промышленной надежности
- Входящие эмоции
- Живой чат Velaro
- IMPACT Брендинг и дизайн
- Unbounce
- Векселей.com
- Трулия
- Landbot
- Webprofits
- H.BLOOM
- Лаборатория конверсии
Целевые страницы для регистрации
1. Shopify
Как и многие другие целевые страницы в этом посте, пробная целевая страница Shopify сохраняет простоту. Заголовок, ориентированный на пользователя, состоит, например, всего из нескольких слов, а страница использует простые маркеры, а не абзацы, чтобы сообщить подробности и преимущества испытания. Перед началом работы вам нужно заполнить всего несколько полей.Все это помогает вам перейти к сути: продавать в Интернете с помощью своего инструмента.
2. Морда
Целевые страницы помогают пользователям решить, действительно ли ваш продукт или услуга стоят их драгоценного времени и энергии. Есть ли лучший способ ясно и прямо передать свое ценностное предложение, чем ставить посетителей перед проблемой, которую решает ваше приложение?
Muzzle, приложение для Mac, которое отключает уведомления на экране, полностью поддерживает это шоу , но не говорит о менталитете на их минимальной целевой странице.Посетителей страницы встречает поток неловких уведомлений в верхнем левом углу экрана. Мало того, что анимация веселая, она также убедительно передает полезность приложения без подробных описаний.
3. TransferWise
TransferWise позволяет отправлять и получать деньги в разных валютах, а его целевая страница, показанная ниже, разделяет каждое отдельное действие, чтобы вас не отвлекали варианты, которые к вам не относятся.
Если вы хотите отправить деньги, форма перевода находится справа от вас. Чтобы получить деньги, просто щелкните среднюю вкладку, а чтобы зарегистрироваться в TransferWise с помощью дебетовой карты, щелкните крайнюю правую вкладку.
Каждая вкладка на этой целевой странице создает разные призывы к действию в зависимости от того, на что вы подписываетесь — каждый из них в ярком зеленом поле, чтобы выделить ваш следующий шаг после трех возможных отправных точек.
4. Airbnb
Чтобы помочь превратить посетителей в хозяев, Airbnb предлагает некоторую заманчивую персонализацию: прогнозируемый средний недельный доход в зависимости от вашего местоположения.Вы можете ввести дополнительную информацию о своем потенциальном жилье в поля, чтобы получить еще более индивидуальную оценку.
Если вы посещаете страницу уже убежденными, четкий призыв к действию в верхней части страницы упрощает конверсию на месте.
5. Teambit
Причудливый — это не первое слово, которое приходит на ум, когда вы думаете о программном обеспечении для кадров, но целевая страница Teambit с множеством иллюстраций — это именно то, что вам нужно. Простая форма с одним полем сопровождается восхитительным офисом, полным животных персонажей — все очень, довольны Teambit, если вам интересно.Рядом с каждым информационным разделом целевой страницы отображается рисунок с изображением животного, заставляя посетителей прокручивать страницу вниз, чтобы узнать больше.
Целевая страницаTeambit является прекрасным доказательством того, что вам не нужно иметь условно «забавный» продукт или услугу, чтобы создать интересную целевую страницу.
[Щелкните здесь, чтобы увидеть всю целевую страницу.]
6. Wistia
Сначала будет целевая страница Wistia для их бесплатной учетной записи Wistia. Вы сразу же заметите форму с одним полем для создания учетной записи — синий фон с минимальным рисунком красиво контрастирует с ярко-белым полем формы.
Длина поля формы в сочетании с заметным размещением устраняет почти все препятствия при создании учетной записи … но если у вас есть сомнения, вы всегда можете прокрутить ниже, чтобы прочитать ответы на самые популярные часто задаваемые вопросы. Разделив эти две части с резким цветовым контрастом, Wistia значительно упростит вам сосредоточение на преобразовании.
7. Webflow
Webflow, инструмент дизайна для веб-разработчиков, упаковывает большой объем информации всего в один GIF-файл и три поля формы.Размещение всей формы подписки в одной строке — приятный штрих — это не только делает страницу короче, но и заполнение каждого поля слева направо показывает пользователям, насколько они близки к тому, чтобы нажать четвертую синюю кнопку и получить началось бесплатно.
Анимированный GIF под формой отображается в том же кадре на веб-сайте, поэтому пользователи могут видеть, как работает продукт. и регистрируются без прокрутки или перехода на новую страницу.
Целевые страницы для электронных книг
8.Науто
Nauto, платформа данных для беспилотных автомобилей, помогает сделать автономное вождение более безопасным для компаний, которые управляют автопарком беспилотных автомобилей. Естественно, чтобы продавать их на этой платформе, покупателям потребуется всевозможная информация. У Nauto он есть, упакованный в супер-простую электронную книгу, на целевой странице которой есть краткая контактная форма и некоторая статистика предварительного просмотра, чтобы доказать, почему этот ресурс так важен.
В верхней части страницы, показанной выше, теплая фотография салона автомобиля обнимает форму для сбора свинца.Зеленая кнопка «Загрузить сейчас» могла быть даже специально (в дороге, в конце концов, зеленая означает «Поехали»).
Прокрутите вниз, и вы увидите еще один призыв к действию «Получить электронную книгу», чтобы напомнить пользователям, что их ждет. Вы также увидите три резких статистики об автомобильных авариях, чтобы побудить пользователей узнать больше. Посмотрите это ниже.
9. Маркетинг промышленной надежности
Сразу же эта целевая страница привлекает меня убедительным, резким заголовком: «Не заставляйте меня увеличивать масштаб».»Это напрямую говорит об обычном опыте, который у большинства из нас был, когда мы просматривали страницы на наших телефонах или планшетах — и это тоже немного дерзко.
Но это не единственное, что меня интересует на этой целевой странице. Обратите внимание на стратегическое расположение красного цвета: он находится прямо вверху и внизу формы, еще больше приближая вас к событию конверсии.
Кроме того, этот дизайн — мета для загрузки: он отлично смотрится и отлично работает на мобильных устройствах. Имейте в виду, что многие посетители будут получать доступ к вашим целевым страницам со своих смартфонов или планшетов, и если дизайн вашего веб-сайта им не подходит, они могут сдаться и покинуть вашу страницу.
Люди из Industrial Strength Marketing сделали шрифты и поле формы достаточно большими, чтобы посетителям не приходилось увеличивать масштаб, например, для чтения и взаимодействия с контентом.
10. Входящие эмоции
Даже если вы не говорите по-испански, вы все равно можете оценить возможности конвертации этого партнерского сайта HubSpot. Две мои любимые особенности страницы? Форма остается на фиксированном, видном месте при прокрутке сайта.Мне также нравятся руки, которые служат ориентирами для заполнения формы и совместного использования страницы с другими.
11. Живой чат Velaro
Иногда самые мелкие детали имеют большое значение. Например, они делают целевую страницу Velaro Live Chat потрясающей.
Этот небольшой символ PDF над изображением функции помогает определить, в каком формате будет загружаться файл. Стрелка перед подзаголовком помогает еще больше направить ваше внимание на важный текст, который посетители хотят прочитать.Как и IMPACT, у них также есть автоматически установленный флажок для подписки на их информационный бюллетень в их форме, который, если превратить его в поле выбора, является отличным способом увеличения количества подписчиков. Все эти мелкие, казалось бы, незначительные детали помогают создать солидный, достойный восхищения дизайн целевой страницы.
12. IMPACT Брендинг и дизайн
Полное раскрытие информации: IMPACT является партнером HubSpot, но не поэтому они включены здесь. Целевые страницы IMPACT уже давно служат источником вдохновения для дизайна.Мне нравится простой макет страницы, от большого заголовка и подробного изображения, до контура, который окружает форму, до цветов и шрифтов, которые очень приятны для глаз.
Бесплатное руководство IMPACT, которое предлагается для загрузки здесь, также не подчеркивает саму загрузку в синей кнопке, которая позволяет вам отправить заполненную форму. Скорее, IMPACT приглашает вас «генерировать больше конверсий» — сосредотачиваясь на том, что вы можете получить в результате чтения руководства.
целевых страниц для получения дополнительной информации
13. Unbounce
Неудивительно, что Unbounce находится в верхней части этого списка — они фактически написали книгу о создании высококонвертирующих целевых страниц. Хотя на этой целевой странице есть много удивительных вещей, мне очень нравятся две: 1) Использование окна чата вместо классической формы и 2) подробное, но хорошо упакованное — информация под формой.
Первый помогает привлечь внимание к цели страницы — чтобы вы заполнили форму — ненавязчиво и не так утомительно.Второй дает этой странице повышение SEO (у поисковых систем будет больше контента для сканирования) и снимает любые беспокойства со стороны людей, которым нужно больше узнать о фрагменте контента, прежде чем передавать свою информацию, при этом не отвлекая людей от окна чата.
14. Bills.com
Часто люди думают, что целевые страницы — это статические страницы вашего сайта. Но с помощью правильных инструментов вы можете сделать их интерактивными и персонализированными.
Возьмите приведенный ниже пример из Bills.com. Чтобы узнать, выиграете ли вы от их консультации, вы ответите на три вопроса, прежде чем вам будет показана форма. Он начинается с этого:
Затем вы ответите еще на два вопроса, как показано ниже:
И вот последняя форма целевой страницы, где вы заполняете свою информацию:
Я не уверен, как работает алгоритм (и есть ли он вообще), но пока я его заполнял, у меня были некоторые опасения по поводу , а не .Как только я узнал, что это так, я был взволнован, чтобы заполнить форму, что, я уверен, делает большинство людей, которые имеют долги и используют этот инструмент. Сделав это предложение более эксклюзивным до появления формы на целевой странице, я готов поспорить, что Bills.com значительно увеличил конверсию.
15. Трулия
Trulia сделала что-то очень похожее на Bills.com со своей целевой страницей. Он начинается с простой формы, запрашивающей «адрес» (что звучит менее жутко, чем «ваш адрес», хотя они имеют в виду именно это).Под этим простым полем формы находится ярко-оранжевая кнопка, которая хорошо контрастирует с изображением главного героя за формой и подчеркивает, что оценка будет персонализирована для вашего дома.
Конечно, одного адреса недостаточно для оценки стоимости дома. Это просто обозначает район дома. Вот почему следующая страница следует с дополнительными вопросами о самой собственности, например, о количестве кроватей и ванных комнат. Ниже вы видите копию «Сообщите нам, куда отправить отчет» — с оговоркой о том, что, вводя эту информацию, вы соглашаетесь связаться с агентом по недвижимости.Это отличный пример компании, которая с самого начала ценит своих посетителей, одновременно задавая им ожидания относительно того, что произойдет в результате.
16. Landbot
Landbot, сервис, который создает целевые страницы на основе чат-ботов, ставит свой собственный продукт в центр внимания на своей целевой странице с чатом. Посетителей встречает дружелюбный бот с смайликами и гифками, который побуждает их предоставлять информацию в разговорной форме, а не в традиционной.
17. Webprofits
Для небольшого контраста … как насчет длинных целевых страниц? С помощью всего лишь нескольких приемов вы можете сделать даже самую длинную целевую страницу короткой. Целевая страница Webprofits ниже показывает нам, как это сделать.
Справа вверху есть заметная кнопка CTA, чтобы узнать больше — с хорошим контрастом на фоне, чтобы она выделялась, и стрелкой вниз, чтобы стимулировать прокрутку. Не помещая поле формы вперед, они помогают уменьшить трение и дают посетителям возможность узнать больше, прежде чем им будет предложен вариант преобразования.
Они также позволяют легко понять, что на самом деле делает Webprofits . Остальная часть страницы предлагает подробную информацию о том, что вы получите, если передадите свою информацию. Кроме того, он включает в себя стратегические призывы к действию, которые вернут вас наверх, чтобы заполнить форму, например «Давайте поговорим».
18. H.BLOOM
Иногда нужно просто остановиться и полюбоваться красивой целевой страницей. Используя фотографию с высоким разрешением и много белого пространства, H.На целевую страницу BLOOM приятно смотреть.
Помимо красоты, на странице есть несколько отличных элементов преобразования: форма в верхней части страницы, четкое и краткое описание того, что произойдет, когда вы заполните форму, и даже ярко-оранжевую кнопку «Отправить». Единственное, что мы бы изменили? Копия на кнопке «Отправить» — это может быть более конкретным для предлагаемого предложения.
19. Лаборатория конверсии
Хотя я обычно не включаю пример домашней страницы с формой в сообщение о целевых страницах, этот веб-сайт особенный.Домашняя страница — это весь веб-сайт — навигационные ссылки просто приведут вас к информации ниже.
Когда вы нажимаете «Получить справку по целевым страницам», весь сайт перемещается, освобождая место для формы. Вот как это выглядит до того, как вы нажмете:
И, когда вы щелкнете этот CTA, посмотрите, как выглядит форма:
Мне нравится, что вам не нужно покидать страницу, чтобы заполнить форму, и при этом форма не будет навязчивой для случайных посетителей сайта.
Идеи целевой страницы
Хорошо оптимизированная целевая страница может превратить потенциальных клиентов в потенциальных клиентов, собирая информацию, которая поможет вам лучше понять, привлечь внимание посетителей и порадовать их. Поскольку целевые страницы имеют решающее значение для конверсий, важно убедиться, что они хорошо спланированы, разработаны и выполнены.
При создании целевых страниц следует учитывать следующее:
110 примеров целевых страниц, которые нельзя пропустить
Когда дело доходит до разработки эффективной маркетинговой стратегии, многие из нас ориентируются на лидеров отрасли, мы можем сделать то же самое с примерами целевых страниц.
Мы исследуем верхнюю часть их воронки, чтобы выяснить, как они подписывают людей на свою информационную рассылку и превращают потенциальных клиентов в потенциальных клиентов. Мы смотрим на нижнюю часть, чтобы узнать, как они подписывают посетителей на пробную версию своих услуг и как они убеждают этих клиентов совершить покупку.
Сегодня, однако, куда бы вы ни посмотрели — будь то небольшое агентство или такой гигант, как PayPal, — вы обнаружите, что все эти задачи все чаще выполняются платформой целевой страницы.
Эти ориентированные на действия, автономные веб-страницы используются предприятиями любого размера для продвижения людей на всех этапах пути к покупке.
Ниже вы найдете 100 примеров одних из лучших и худших целевых страниц в Интернете после кликов с полной критикой. Просмотрите их, чтобы узнать, что делать, а что не делать, чтобы создать собственную высокоэффективную целевую страницу после клика.
(Приведенные ниже примеры отображались так, как показано в определенный момент времени. Некоторые примеры с тех пор были изменены, но критика по-прежнему актуальна для снимков экрана. Имейте в виду, что для более коротких страниц мы показывали всю страницу.Для более длинных страниц мы отображаем только верхнюю часть сгиба.)
110 Примеры целевых страниц после клика
1. Casper
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок рассказывает посетителям, почему им стоит купить матрас Casper.
- Изображение создает очень домашнюю, семейную атмосферу, которая идеально подходит для бренда.
- Отзывы влиятельных брендов , таких как Time & Good Housekeeping, являются социальным подтверждением предложения.
- Bullet point copy упрощает чтение и перечисляет причины, по которым Casper — разумный выбор для посетителя.
- Отзывы клиентов от обычных людей убеждают пользователя, что другим людям, как и они, тоже нравится спать на матрасе Casper.
- Предложение без риска на 100 ночей повышает доверие к странице.
- Таблица цен помогает посетителю решить, следует ли ему нажимать кнопку CTA.
- Кнопка с призывом к действию «Купить» контрастирует с фоновым изображением и сообщает посетителю, чего ожидать при нажатии на нее.
- Телефонный номер дает возможность посетителям получить ответы на все свои вопросы.
Что проводить A / B-тест:
- Дополнительная кнопка CTA «Найдите ближайший к вам магазин» отлично подходит для посетителей, которые не готовы купить матрас в Интернете, не протестировав его лично. Однако наличие на странице конкурирующих кнопок CTA означает, что есть несколько целей.Не акцентируя внимание ни на одном из них, можно ограничить конверсию.
- Перечисление конкурирующих брендов может иметь неприятные последствия для Casper, потому что, даже если они указаны как наименее дорогостоящий вариант, потребители, скорее всего, изучат все остальные бренды на странице, даже если они не знали о других брендах, прежде чем увидят их в списке.
- При довольно длинной странице с использованием якорных тегов или визуальных подсказок может убедить посетителей обратить внимание на определенные элементы на странице (например,грамм. отзывы клиентов).
2. Merrill Edge
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок ясен, потому что он объясняет, почему посетитель должен торговать акциями с помощью Merrill Edge, потому что это стоит всего 6,95 долларов США за торговлю онлайн и ETF.
- Обновленное сводное изображение фондовой биржи дает посетителю обзор рынка, когда он попадает на страницу.
- Преимущества перечислены с помощью пиктограммы , которая помогает посетителю быстро прочитать их и понять преимущества предложения.
- Процесс учетной записи объясняется, чтобы посетитель знал, что делать после нажатия кнопки CTA.
- Красная кнопка CTA, цвет , выделяется на странице, поэтому вы точно знаете, где перейти к пункту «Начать работу» с Merrill Edge.
Что тестировать A / B:
- Навигационные ссылки внизу страницы дают пользователю простой способ покинуть страницу перед тем, как нажать кнопку CTA.
- Копию кнопки с призывом к действию «Начать работу» можно улучшить, поскольку она слишком универсальна.«Начать торговать сейчас» дает большую срочность и может стимулировать больше конверсий
- Многословие страницы может быть слишком большим для посетителя.
3. Magento
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Форма для захвата потенциальных клиентов с одним полем подходит для бесплатного отчета и, вероятно, генерирует много конверсий, потому что посетителям не нужно сообщать слишком много личной информации.
- Копия кнопки CTA соответствует предложению, а цвет красной кнопки контрастирует со страницей.
- Значки клиентов Coca-Cola и Canon добавляют социальной доказательности к странице.
- Цитата Gartner дает посетителю возможность получить представление о том, что повлечет за собой отчет.
- Раздел Magento по номерам дает пользователю быстрый снимок компании.
- Привлекательная иконография в сочетании с и вспомогательными копиями деталей работы платформы Magento.
Что проводить A / B-тест:
- Заголовок уникален, но не очень убедителен.Вспомогательный заголовок дает больше деталей, но все же говорит о Magento. Если бы он был больше ориентирован на посетителя, он мог бы генерировать больше конверсий.
- Показанное изображение немного сбивает с толку. Как городской пейзаж, перенесенный на тело мужчины, побуждает людей скачать отчет?
- Серая кнопка CTA вверху справа остается незамеченной, потому что она не контрастирует с серым фоном.
- Кнопки социальных сетей внизу дают людям слишком много способов покинуть страницу, не загрузив предварительно отчет.
4. Quip
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок ясен и по существу, потому что он указывает UVP Quip.
- Копия кнопки с призывом к действию «Получить Quip» является прямым и дает людям знать, что они будут «Get Quip», как только они нажмут на нее.
- Изображение кистей разного размера показывает посетителю, что у Quip есть кисть, которая идеально подходит для его рта.
- Обзоры крупного бренда от GQ, Time, Американской стоматологической ассоциации добавляют доверия к этому предложению.
- Преимущества Quip упоминаются в отдельных разделах страницы с соответствующими изображениями, которые добавляют красивую визуальную привлекательность странице и объясняют каждое преимущество.
- Раздел цен позволяет пользователям выбирать, какую модель Quip приобрести.
- Раздел часто задаваемых вопросов отвечает на самые распространенные запросы, которые получает Quip, чтобы посетитель мог принять более легкое решение.
Что проводить A / B-тест:
- Навигационные ссылки в заголовке страницы дают пользователю возможность очень быстро покинуть страницу.Какова цель этой страницы: для навигации или привлечения новых клиентов?
- Рейтинг 4.96 впечатляет, но, не говоря уже о том, где размещены обзоры, потенциальные клиенты могут задаться вопросом, являются ли они настоящими и где они могут их прочитать.
- Ссылки в блоге на странице после клика не имеют большого смысла, потому что они уводят посетителя от предложения.
- Светло-зеленые кнопки с призывом к действию не так сильно контрастируют со страницей, как могли бы.Сделав их того же цвета, что и изображения в блоге внизу, они могут не получить столько кликов.
5. Глен Парк
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Услуги описаны с помощью маркеров, что упрощает пользователю просмотр их и принятие решения о том, является ли Glen Park лучшим вариантом для посетителя.
- Аккредитация повышает доверие к бренду.
- Изображения плана этажа помогают посетителю лучше визуально почувствовать объект.
Что проводить A / B-тест:
- Заголовок довольно мягкий и не передает USP объекта Glen Park. Вместо этого в заголовке можно использовать эмоциональное повествование, которое затронет эмоциональную сторону посетителя.
- Копия кнопки CTA , кажется, смещена, из-за чего кнопка выглядит странно.
- Первое расписание тура раздела появляется слишком рано на странице. Посетитель не имел возможности просмотреть аккредитации, услуги, общественную деятельность, типы предлагаемого ухода или поэтажные планы еще дальше по странице.
- Форма запрашивает слишком много информации только для того, чтобы загрузить брошюру.
6. Университет Капеллы
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок найдет отклик у посетителя, поскольку он решает проблему, с которой сталкивается большинство студентов колледжей.
- Фоновое изображение очень соответствует заголовку.
- В пункте перечислены причины, по которым посетитель должен поступить в университет Капеллы.
- Заголовок формы и копия кнопки CTA поддерживают соответствие сообщения.
- Раздел аккредитации гарантирует посетителю, что университет является признанным учреждением для получения высшего образования.
Что проводить A / B-тест:
- Навигационные ссылки в верхнем и нижнем колонтитулах страницы дают посетителям возможность покинуть страницу.
- Пустое пространство слева от формы делает страницу несбалансированной. Кроме того, позволяя элементам больше перемещаться между формой и копией, люди могут сканировать страницу и лучше понимать каждый раздел.
7. Указание
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок выделяет UVP услуги.
- Форма короткая и не запрашивает лишнюю информацию.
- Как основная, так и дополнительная кнопки с призывом к действию имеют четкую копию.
- Обширное пустое пространство по всей странице делает страницу эстетически приятной и, скорее всего, не вызовет беспокойства у потенциальных клиентов.
- Преимущества маркированного списка позволяют посетителю усвоить всю информацию и понять программу Guideline 401K.
- Социальное доказательство от The New York Times, CNBC, Forbes и других добавило доверия к странице.
Что проводить A / B-тест:
- Заголовок может быть более описательным. Несмотря на то, что он выделяет UVP, добавление дополнительных деталей сделает заголовок более убедительным.
- Добавление отзывов клиентов поможет посетителям принять решение, поскольку они позволят посетителю увидеть, как другие извлекли выгоду из Руководства.
8. Munchery
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок объясняет услугу: свежие продукты доставляются вам, не выходя из дома.
- Фоновое изображение аппетитно и соответствует вашему предложению.
- Около 900 отзывов клиентов Trustpilot помогают посетителю решить, следует ли делать заказ в Munchery.
- Раздел «Избранное» покупателей дает посетителям возможность узнать, какие блюда они могут ожидать от Munchery.
- Значок со скидкой 20 долларов побуждает посетителей действовать и заказывать еду.
- Многоступенчатая форма помогает посетителям завершить процесс регистрации.
Что проводить A / B-тест:
- Купон на скидку 20 долларов может привлечь больше внимания в заголовке, так что посетитель, вероятно, заметит его, как только перейдет на страницу. Конечно, это также может побудить больше новых пользователей попробовать Munchery.
9. Cruise Zap
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Перечеркнутый ценник в заголовке усиливает идею о том, что предложение доступно со значительной скидкой.
- Желтая кнопка с призывом к действию спрыгивает со страницы и побуждает посетителей приступить к закреплению своего места в круизе прямо сейчас.
- Копия кнопки CTA обращается к посетителю тоном от второго лица и имеет отношение к предложению.
- В разделе «Как видно» представлены известные бренды, такие как NBC, CBS News и FOX, которые убеждают посетителя в том, что Cruise Zap является законным брендом.
- Видео-отзывы убедительны, потому что в них представлены реальные люди, воспользовавшиеся специальным предложением.Кроме того, они очень короткие, поэтому посетителям не нужно смотреть длинные видеоролики, чтобы услышать истории клиентов.
- Раздел часто задаваемых вопросов помогает посетителю принять решение, стоит ли ему инвестировать в Cruise Zap.
Что проводить A / B-тест:
- Заголовок может включать привлекательность круиза, чтобы сделать его более убедительным.
- Изображения выглядят как плохие стоковые фотографии и довольно скучные для фотографий круиза.
- Больше белого пространства сверху вниз может помочь людям более эффективно перемещаться по странице.
10. dataxu
покажите мне, как работает Instapage ➔
Что они сделали хорошо:
- Заголовок объясняет, что делает dataxu.
- Значки клиентов показывают потенциальным клиентам некоторые известные бренды, которые уже получили выгоду от dataxu.
- 2-минутное видео короткое и позволяет людям узнать, сколько времени длится контент, прежде чем они начнут воспроизведение. После нажатия на видео посетителям показано, как клиенты могут использовать программное обеспечение.
- Защитные пломбы сообщают посетителям, что использование программного обеспечения безопасно.
Что проводить A / B-тест:
- Декларация об инвестициях без мошенничества на 97% может противоречить предложению, возможно, недостающие 3% важнее для посетителей, чем 97%.
- Предложение отчета на странице после клика дает посетителям возможность покинуть страницу.
- Кнопка «Подробнее» с призывом к действию, копия под демонстрационным видео, может быть более ясной в отношении того, что произойдет дальше.
- Добавление большего количества пустого пространства улучшило бы все пространство и позволило бы потенциальным клиентам лучше потреблять содержимое страницы при оценке dataxu.
11. Убер
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- Ссылка «Поездка с Uber» не нужна. Все, что это будет делать, — это отгонять потенциальных клиентов со страницы. Если бы они хотели ездить с Uber, они бы нажали на рекламу PPC, которая позволяла бы им пользоваться Uber.
12. млн унций
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок работают вместе, чтобы сформировать сильное ценностное предложение.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение дает представление о том, на что на самом деле похоже использование продукта.
- Копия оптимизирована для чтения небольшими порциями.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
- Социальное доказательство внизу страницы повышает доверие потенциальных клиентов.
Что проводить A / B-тест:
- Логотип с гиперссылкой позволяет потенциальным клиентам перейти на главную страницу без конвертации.
13. HubSpot + Canva
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» сообщает о явном преимуществе.
- Копия , разделенная на части, делает страницу легко усваиваемой.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Эта длинная форма может удерживать потенциальных клиентов на странице от преобразования.
- Фоновое изображение сбивает с толку, учитывая, что электронная книга — это графика. Какое отношение горный хребет имеет к графике?
- Больше белого пространства может помочь элементам страницы «дышать» больше и быть даже более убедительными, чем их текущее размещение.
14. Институт контент-маркетинга
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Возможность выбора веб-трансляции позволяет посетителям выбирать контент, наиболее соответствующий их потребностям.
Что проводить A / B-тест:
- Эту кнопку с призывом к действию легко пропустить.
- Текстовые блоки справа делают эту страницу пугающей для чтения.
- Форма из 9 полей может отпугнуть посетителей от этой страницы.
- Кнопка «Поделиться» в Twitter позволяет потенциальным клиентам покинуть страницу. Что, если ваш посетитель поделился страницей, но не вернулся на страницу и не зарегистрировался?
15. LinkedIn
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение дает представление о том, на что на самом деле похоже использование продукта.
- Текст разделен на более мелкие читаемые фрагменты.
- Кнопка «Автозаполнение через LinkedIn» позволяет посетителям заполнять форму простым щелчком, вместо того, чтобы заполнять эту длинную форму.
Что проводить A / B-тест:
- «Отправить» столь же ленив и ничем не примечателен, как и CTA.
- Многочисленные исходящие ссылки , включая логотип LinkedIn и кнопки социальных сетей, предоставляют посетителям слишком много возможностей покинуть страницу без предварительной конвертации.
- Заголовок не дает явного преимущества. Он также использует жаргон, кто именно такие «искушенные маркетологи»?
16. Forrester Research
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Цвет кнопки призыв к действию контрастирует с белым фоном, делая кнопку более заметной для посетителей.
- Изображение отчета имеет отношение к предложению и дает посетителям возможность заглянуть в суть отчета.Однако изображение могло быть больше.
Что проводить A / B-тест:
- Гиперссылка на логотип дает посетителям возможность покинуть страницу, не загружая отчет.
- Форма слишком длинная для целевой страницы бесплатного отчета после клика. Кроме того, все поля формы обязательны, что добавляет трение к странице.
- Копия написана с точки зрения компании с использованием местоимения «наш». Копию следует заменить ориентированной на клиента копией с описанием того, почему отчет полезен для посетителей.
17. Microsoft
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Копия ориентирована на получение выгоды и разделена на небольшие фрагменты для удобства чтения.
- Пункты маркера предлагают беглый просмотр содержания электронной книги.
- Текст над формой позволяет посетителю точно знать, что им нужно сделать, чтобы совершить конверсию.
Что проводить A / B-тест:
- Этот логотип , связанный с домашней страницей, может увести пользователей со страницы, прежде чем они успеют щелкнуть его кнопку с призывом к действию.
- Заголовок «Интеллектуальная безопасность: использование машинного обучения для обнаружения сложных кибератак» не сообщает о явных преимуществах. Однако это может быть со словами «Как сделать» перед ним. «Интеллектуальная безопасность: как использовать…»
- Этот цвет кнопки CTA можно изменить, чтобы привлечь больше внимания.
- Исчезающие серые метки внутри полей формы могут раздражать и сбивать с толку потенциальных клиентов, как показывают исследования.
18.GEICO
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип без гиперссылок не позволит посетителям покинуть страницу.
- Очень короткая форма с одним полем запрашивает только почтовый индекс и собирает дополнительную информацию позже в процессе.
- Копия кнопки CTA адаптирована к предложению.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок «Посмотрите, насколько ярче может стать ваш день» не приносит ощутимой пользы. Тем не менее, все мы знаем GEICO достаточно хорошо, чтобы знать их слоган «15 минут могут сэкономить вам 15% или больше на страховании автомобиля» до такой степени, что брендинг заполняет пробелы для нас.
19. PayPal
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слово «бесплатно» подчеркивает бесплатный характер предложения.
- Синяя кнопка с призывом к действию появляется со страницы.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» не так адаптирован к предложению, как мог бы.
- Изображение текст не читается.
- Логотип связан с домашней страницей, что позволяет потенциальным клиентам покинуть целевую страницу после клика без конвертации.
20. Джефф Буллас
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок передают явную выгоду.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Отзыв от Джеффа Булласа, а не от одного из его довольных клиентов. Отзывы хороши, но этот производит впечатление саморекламы. Если бы это была цитата от маркетолога, который использовал секреты ведения блога Джеффа для улучшения своих собственных кампаний, отзыв был бы еще более ценным.
21. Алекса
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Копия разделена на удобоваримые куски для удобства чтения.
- Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
- Три взаимодействующих CTA работают вместе, чтобы конвертировать потенциальных клиентов в разных местах на странице.
- Логотип Amazon связывает Alexa с мощным, хорошо известным брендом.
- Подчеркнуты особенности продукта , что обычно недопустимо, но равно как и их соответствующие преимущества.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
- Текст «Начни менее чем за 10 минут» подчеркивает мгновенное решение, к которому мы, как нетерпеливый коллектив, стремимся.
Что проводить A / B-тест:
- Больше белого пространства позволит каждому элементу целевой страницы после клика «дышать» больше и привлечь еще больше внимания к призыву к действию.
22.HubSpot
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Короткие абзацы и маркированная копия упрощают просмотр этой страницы.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Несколько CTA работают вместе, чтобы убедить потенциальных клиентов совершить конверсию.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA «Продолжить» мог бы быть более убедительным.
- Кнопки социальных сетей дают людям точку выхода на целевой странице после клика.
23. Microsoft
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Слово «сейчас» в CTA использует наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Уровень детализации этой страницы можно уменьшить.
- Копию кнопки CTA можно персонализировать в соответствии с предложением.
24. WordStream
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок носит творческий характер, потенциально предлагая малоизвестное секретное решение, отличное от обычного.
- Упавшая шахматная фигура служит наглядным пособием, указывая на кнопку CTA.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Копия дразнит содержание руководства.
- Слово «бесплатно» основано на нашем желании получить что-то даром.
Что проводить A / B-тест:
- Ссылки социальных сетей в нижнем колонтитуле могут увести потенциальных клиентов со страницы, прежде чем они смогут совершить конверсию.
- Цвет формы совпадает с цветом заголовка и части копии.Он не так сильно выделяется, как мог бы, на остальной части страницы.
25. Судан Патель
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- CTA написано от первого лица.
- Отзыв от счастливого клиента укрепляет доверие к этому предложению.
- Поле «Назовите справедливую цену» позволяет людям выбрать, сколько они хотят заплатить. Нам было бы любопытно найти данные о том, какие суммы в долларах посетители согласились платить Судану Пателю…
Что проводить A / B-тест:
- Изображение ничего не добавляет к предложению.
- Поле выбора языка великолепно, но оно переводит только электронную почту и ссылки навигации, название поля вашей цены и копию CTA. Если вы не умеете читать по-английски, как еще вас убедить в этом и в конечном итоге купить электронную книгу?
26. Наемный
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Охват 4 000 компаний сразу» дает явную выгоду.
- Зеленая кнопка CTA появляется на белой форме.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Краткая форма упрощает регистрацию.
- «Бесплатная» природа услуги подчеркнута в подзаголовке.
- Диапазон заработной платы , указанный в подзаголовке, выше среднего даже на нижнем уровне.
Что проводить A / B-тест:
- Меню навигации и логотип с гиперссылкой позволяют потенциальным клиентам слишком легко покинуть страницу.
27. Birst
покажите мне, как работает Instapage ➔Чем хороша эта страница:
- Первая строка текста относится к посетителям страницы, задавая им вопрос, на который они, вероятно, ответят «да».
- Маркированная копия дает посетителям представление о том, что они узнают, прочитав отчет.
- Кнопка CTA цвета выделяется на белом фоне.
- Слово «сейчас» в CTA выражает желание посетителей мгновенно получить удовольствие.Если вы нажмете кнопку, вы сразу же прочтете отчет.
Что проводить A / B-тест:
- Заголовок здесь мог бы быть сильнее. Берст упускает возможность использовать похвалу авторитетной компании в качестве заголовка социального доказательства. «Узнайте, почему компания Gartner назвала Birst одной из лучших платформ бизнес-аналитики на рынке». Помните — вы можете охарактеризовать свой продукт как «лучший», если кто-то сказал это о вас, но не можете сказать это о себе.
- Мелкий шрифт здесь должен идти.Если вы на самом деле найдете время, чтобы прочитать это, вы поймете, что здесь нет ничего подозрительного. Но проблема в том, что не все будут. Они увидят мелкий шрифт и решат, что в этом есть загвоздка. Выделите его курсивом и увеличьте, чтобы посетители могли его прочитать. Берсту здесь нечего скрывать.
- Светло-серые метки в каждом поле формы могут расстроить посетителей, когда они исчезнут.
28. Домо
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Отзывы счастливых клиентов служат социальным доказательством.
- Цвет кнопки CTA появляется со страницы.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок вообще не передает явной выгоды.
- CTA-кнопка может быть намного больше, чтобы привлечь больше внимания как самый важный элемент на странице.
29. Salesforce
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Минимальный текст упрощает просмотр этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Значки безопасности сообщают потенциальным клиентам, что их информация в безопасности.
- Слово «сейчас» в CTA подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот CTA действительно легко пропустить, поскольку он лишь немного отличается по оттенку от формы.
- Загруженный нижний колонтитул с картой сайта и кнопками социальных сетей позволяет потенциальным клиентам покинуть страницу без конвертации.
- Копию кнопки CTA следует изменить на что-то более персонализированное.
30. Indeed Crowd
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок передает явную выгоду посетителю: получать деньги за ссылку на кандидата, которого наняли.
- Минимальный беглый текст упрощает просмотр этой страницы.
- Совместные призывы к действию работают вместе, чтобы обратить посетителя.
- Копия подчеркивает гибкость и простоту использования.Регистранты могут заработать дополнительные деньги, когда захотят.
- Снимок экрана , показывающий четырехзначное вознаграждение за привлечение потенциальных клиентов, побуждает их совершить конверсию.
- Форма с одним полем упрощает преобразование для потенциального клиента.
Что проводить A / B-тест:
- Синяя кнопка с призывом к действию вверху страницы не привлекает столько внимания, сколько могло бы.
- Копия выровнена по центру (с нарушением левого поля) вместо традиционного выравнивания по левому краю, что затрудняет чтение, чем должно быть.
31. Upwork
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок с практическими рекомендациями подчеркивает, что, зарегистрировавшись, посетитель получит возможность узнать, как предприятия используют онлайн-таланты.
- Большой логотип Upwork позволяет потенциальным клиентам узнать, что они получают советы от крупного бренда.
- Маркированная копия быстро сообщает о преимуществах преобразования на странице.
Что проводить A / B-тест:
- Изображение в правом верхнем углу никак не связано с содержимым целевой страницы после клика.
- Форма с 8 полями может запугать людей и заставить их покинуть страницу.
- Кнопка с призывом к действию не выделяется на фоне страницы, на которой уже много фиолетового цвета.
- CTA «Регистр» ничем не примечателен, и его можно было бы увеличить.
32. IBM Marketing Cloud
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Эта кнопка CTA, цвет , хорошо контрастирует с ее формой.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- CTA «Отправить» не может быть более ничем не примечательным.
33. HubSpot
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
Что проводить A / B-тест:
- Логотип HubSpot связан с их домашней страницей, что обеспечивает легкий доступ со страницы и может уменьшить количество конверсий для бесплатной оценки.
- Длинная форма может отпугнуть потенциальных клиентов от этой страницы, прежде чем они конвертируются.
34. Dreamforce
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
Что проводить A / B-тест:
- Занятый нижний колонтитул отвлекает потенциальных клиентов от конверсии, позволяя им покидать страницу, когда им заблагорассудится.
- Кнопка «Поделиться» в конце формы позволяет посетителям покинуть страницу.
- Копию кнопки можно сделать релевантной оферте.
35. Capital One
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок ясно передает ценность предложения.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Совместные призывы к действию помогают конвертировать потенциального клиента в двух разных местах на странице.
Что проводить A / B-тест:
- Оживленный нижний колонтитул , заполненный ссылками и значками социальных сетей, отвлекает потенциальных клиентов от запроса предложения.
- CTA «Зарегистрируйтесь сейчас» может быть более адаптирован к предложению. Даже «Дай мне неограниченное количество проверок без ежемесячной платы», вероятно, будет лучше.
36. WordStream
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок вопроса привлекает читателя, обращаясь к нему напрямую.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу.
- Политика конфиденциальности отсутствует, , что может заставить посетителей задуматься: «Что WordStream будет делать с моей информацией, если я ее отправлю?»
37. Marketo
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- CTA «Загрузить» настолько же неинтересно, насколько это возможно.
- Заголовок можно было бы сформулировать так, чтобы передать более сильную выгоду.
38. Автопилот
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок этого тематического исследования предлагает ценный ресурс: подробный анализ того, как Instapage принес доход в размере 30 тысяч долларов за два месяца.
- Этот CTA написан от первого лица.
- Изображения делают докладчиков более человечными.
- Маркированная копия передает преимущества посещения вебинара.
- Титулы докладчиков демонстрируют их опыт.
- Таймер обратного отсчета усиливает дефицит.
Что проводить A / B-тест:
- Speaker bios мог бы содержать немного больше деталей, чтобы убедить посетителей присутствовать.
39. Он 24
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает посетителям узнать о малоизвестных «секретах», которые помогут им увеличить количество регистраций на вебинары.
- Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Цвет кнопки CTA уже используется на странице, поэтому ее легко пропустить.
- Нижний колонтитул навигации не имеет никакого смысла на целевой странице после клика.
40. Домо
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Копия, разделенная на небольшие фрагменты. делает чтение этой страницы менее утомительным.
- Кнопка с призывом к действию появляется на фоне этой формы.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
- Эта кнопка с призывом к действию может быть больше, чтобы привлечь больше внимания.
- Многословие этой страницы можно сократить с помощью нескольких простых пунктов.
- Заголовок можно переместить на несколько позиций вверх. Он не выглядит по центру страницы.
41. Пользовательское тестирование
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Слово «бесплатно» подчеркивает бесплатное предложение.
- Яркая кнопка цвета привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок может передать более сильную выгоду.
- Политика конфиденциальности или значки доверия могут сделать посетителей более удобными при конвертации.
42. ACT
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип не связан с главной страницей, что означает, что посетители не могут уйти, пока не совершат конверсию.
- Текст обеспечивает предварительный просмотр содержимого электронной книги.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Два боевых призыва к действию снижают конверсию друг друга.
- Тонны текста делают эту страницу пугающей для чтения.
43. Университет Вилланова
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип Виллановы не содержит гиперссылок, что удерживает посетителей на странице и фокусирует внимание на цели целевой страницы после клика.
- Индикатор выполнения показывает, на каком шаге посетитель в данный момент находится, и сколько всего шагов включено в процесс преобразования.
- Значки органов власти рекламируют программу.
- Маркированная копия быстро расскажет о преимуществах регистрации.
Что проводить A / B-тест:
- Изображение на самом деле не передает преимущества онлайн-программы MBA Виллановы.
- CTA-кнопка не похожа на кнопку, а выглядит как простой индикатор выполнения.Где потенциальные клиенты должны щелкнуть, чтобы продолжить процесс регистрации?
44. WordStream
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слово «бесплатно» появляется на двух разных целевых страницах после клика, подчеркивая бесплатный характер предложения.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает наше желание найти немедленные решения наших проблем.
- Маркированная копия быстро сообщает о преимуществах преобразования.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу без конвертации.
- Два разных связанных логотипа в заголовке служат для исходящих выходов со страницы.
45. Microsoft Power BI
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок приносит посетителю выгоду.
- Копия усиливает ценность, представленную в заголовке, утверждением: «Анализ данных — это профессиональный атрибут, на который есть высокий спрос. Фактически, это один из 10 лучших навыков, которые сегодня ищут многие компании ».
- Маркированная копия объясняет преимущества загрузки электронного журнала.
- Полужирные буквы создают визуальную иерархию, привлекающую внимание к важным фразам.
- Ссылки на политику конфиденциальности и товарные знаки включены в качестве ресурса для любопытных потенциальных клиентов, но они также имеют тусклый цвет, чтобы не отвлекать внимание от более важных элементов страницы.
Что проводить A / B-тест:
- Два логотипа с гиперссылкой в верхнем колонтитуле и один в нижнем колонтитуле привлекают пользователей на домашнюю страницу до того, как они успеют совершить конверсию.
- Светло-серые метки в полях формы могут запутать и расстроить потенциальных клиентов, как показывают исследования.
46. Marketo
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип, не связанный с главной страницей , не позволяет потенциальным клиентам уйти без конвертации.
- Заголовок «Как сделать» дает читателю очевидную пользу.
- Содержание относится к читателю.
- Беглый текст с маркированными точками упрощает просмотр этой страницы.
- Текст «Загрузите электронную книгу, чтобы узнать больше» с соответствующими стрелками направляет взгляд посетителей к форме.
- Инструкции в форме позволяют людям точно знать, как получить электронную книгу.
Что проводить A / B-тест:
- CTA «Загрузить» мог бы быть гораздо более убедительным.
- CTA-кнопка привлекла бы больше внимания, если бы была больше.
47. Google Cloud Platform
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный бесплатный ресурс.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Маркированная копия передает преимущества преобразования.
- Раздел часто задаваемых вопросов помогает ответить на любые вопросы посетителей о платформе.Однако включение внешних ссылок позволяет легко покинуть страницу, не позволяя посетителю сначала совершить конверсию по предложению.
Что проводить A / B-тест:
- Логотип в верхнем левом углу представляет собой гиперссылку на домашнюю страницу Google Cloud, которая отвлекает посетителей от нажатия на CTA и «бесплатного ознакомления».
- Занятый нижний колонтитул позволяет посетителям покинуть страницу без преобразования.
48. Shopify
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы убедить потенциального клиента совершить конверсию.
- Слово «Сегодня» в CTA подчеркивает мгновенную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , служит выходом для потенциальных клиентов.
49. Перколат
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Цвет кнопки CTA хорошо контрастирует с белой страницей.
- Несколько взаимодействующих кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
- Призыв к действию адаптирован к предложению. Здесь написано «См. Перколат», а не что-то вроде «просмотреть демонстрацию».
- Контент размером с кегль упрощает чтение этой страницы, чем если бы она была покрыта текстовым блоком.
- Скриншоты изнутри Percolate дают посетителям представление о том, как это работает.
Что проводить A / B-тест:
- Многочисленные ссылки в верхнем и нижнем колонтитулах служат для выхода со страницы, позволяя потенциальным клиентам уйти до того, как они конвертируются.
- Подзаголовок утверждает, что Percolate является платформой №1 для контент-маркетинга в мире, но где доказательства? Подобные фразы на самом деле делают противоположное тому, что задумано. Подумайте об этом — сколько раз вы видели надпись «Лучшая чашка кофе в мире» на внешней стороне кафе? И сколько раз вы этому верили?
- Эти отзывы предоставлены безымянными покупателями. Без имен, названий или фотографий они менее убедительны для читателей.Посетители должны решить, верят ли они, что они были написаны клиентами Percolate или самой командой Percolate.
50. SAP
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Нет навигации означает, что не видно выхода со страницы.
- Ссылки на странице могут заставить вас думать, что они направляют потенциального клиента в другое место, но на самом деле они просто приводят вас в конец страницы к форме.
Что проводить A / B-тест:
- Изображение не имеет ничего общего с предложением и нисколько не усиливает его.
- Заголовок не ориентирован на получение выгоды. Зачем посетителю скачать его?
51. Whitman Syracuse University
Что они сделали хорошо:
- Процесс регистрации разбит на этапы, что снижает трение, связанное с преобразованием.
- Маркированная копия сообщает о преимуществах участия в программе.
Что проводить A / B-тест:
- Цвет кнопки призыв к действию позволяет легко пропустить эту кнопку.
- В заголовке отсутствует четкое уникальное торговое предложение.
52. Академия онлайн-торговли
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок обращается к читателю, играя с его желаниями: они хотят зарабатывать деньги, которые мог бы получить трейдер с Уолл-стрит, не будучи таковым или не становясь им благодаря длительному, продолжительному формальному образованию.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Несколько взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента.
- Эта кнопка с призывом к действию цвета привлекает внимание потенциальных клиентов.
- Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
- Телефонный номер является интерактивным, что позволяет потенциальным клиентам легко связаться с Академией онлайн-торговли, если у них возникнут вопросы.
Что проводить A / B-тест:
- Ссылки на социальные сети внизу страницы отвлекают пользователей от достижения цели страницы.
53. Колониальная жизнь
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Изображение показывает посетителям, что они получат, когда совершат конверсию.
- Статистика в экземпляре доказывает, что работодателям трудно удерживать талантливых специалистов, и объясняет, почему им следует читать электронную книгу.
- Маркировка предварительный просмотр содержания 24-страничной электронной книги.
- Подзаголовок подчеркивает, что электронная книга бесплатна.
- Поле согласия не отмечено, что позволяет посетителям выбирать для себя, хотят ли они получать дополнительный контент от Colonial Life, а не просто выбирать их по умолчанию.
Что проводить A / B-тест:
- Ссылки в заголовке уводят посетителей со страницы на домашнюю страницу и профили в социальных сетях.
- Копия кнопки «отправить» не вызывает у пользователей энтузиазма при заполнении формы.
- CTA-кнопка крошечная и едва заметная.
54. Ориби
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок вместе передают преимущество преобразования.
- Изображение дает представление о том, как на самом деле выглядит приборная панель.
Что проводить A / B-тест:
- CTA-кнопка синего цвета с логотипом Facebook, поэтому остальная часть страницы может выиграть от обновления цвета, отличного от кнопки. В результате будет лучше контраст между кнопкой и страницей.
- Слово «бесплатно» здесь действительно недооценено. Если вы предлагаете что-то бесплатно, сообщите потенциальным клиентам жирным шрифтом — в заголовке, тексте и призыве к действию.
- Блог и ссылки «О нас» дают посетителям возможность покинуть страницу.
55. FireEye
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Призыв к действию «Загрузить сейчас» может быть лучше адаптирован к предложению.
- Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.
56. Nutanix
Что они сделали хорошо:
- Маркированная копия дает посетителям представление о том, что они получат в отчете.
- Минимальный текст делает страницу удобной для чтения.
Что проводить A / B-тест:
- Заголовок слишком эгоцентричен. Это не приносит никакой пользы посетителю.
- Полностью заглавный текст в форме, завершенный восклицательным знаком, заставляет читателя чувствовать, что на них кричат. Вы не можете заставить их прочитать форму, но можете убедить их сделать это.
- Форма из 7 полей может запугать потенциальных клиентов и заставить их покинуть страницу.
- Кнопка с призывом к действию не выделяется на странице, на которой уже есть изрядное количество синего цвета.
57. MapR
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Краткая форма упрощает преобразование на этой странице.
- Маркированная копия быстро демонстрирует преимущества преобразования.
Что проводить A / B-тест:
- CTA «Submit» настолько лишен воображения, насколько это возможно.
- Этот заголовок может передать больше пользы.
- Представление ораторов кажется неполным без хедшотов.
58. TapClicks
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слово «бесплатно» в этом заголовке дает людям понять, что предложение предоставляется бесплатно.То же самое и с текстом «Кредитная карта не требуется» в подзаголовке.
- Копия «Начни через 30 секунд» сообщает посетителю, что начать пробную версию легко и быстро.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , позволяет посетителям легко покинуть эту страницу.
- Отсутствие содержания делает маловероятным, что посетители заполнят эту форму.
- Форма из 9 полей может запугать посетителей и заставить их быстро покинуть эту страницу.
- Светло-серые ярлыки формы могут расстроить посетителей, когда они исчезают, когда посетители нажимают внутри каждого отдельного поля.
- Цвет кнопки CTA сливается со страницей, делая саму кнопку почти невидимой.
- Призыв к действию «Отправить» не вызовет у посетителей энтузиазма по поводу конверсии.
59. Apttus
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро демонстрирует преимущества преобразования.
- Отзывы добавляют доверия к этому предложению.
Что проводить A / B-тест:
- Нижний колонтитул , заполненный ссылками, позволяет потенциальным клиентам переходить на другие страницы перед преобразованием.
- Копия кнопки может быть улучшена.
60. ThriveHive
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Цвет кнопки CTA больше нигде на странице не используется.
- Значки наград, полученных компанией.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- CTA «Загрузить» почти так же скучно, как «Отправить.Почему бы не «Пришлите мне мой план»?
- CTA «Здесь бесплатные планы» в верхней части формы немного сбивает с толку. Почему две кнопки CTA, которые выполняют одну и ту же работу, расположены так близко друг к другу на странице?
61. InsideSales.com
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Занятый нижний колонтитул со ссылками на другие веб-страницы позволяет потенциальным клиентам покинуть страницу.
- CTA-копия может повысить коэффициент конверсии за счет использования персонализированной копии. «Загрузите My Ebook» или «Получите My Ebook» потенциально могут конвертировать с более высокой скоростью.
62.Вантив
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро передает преимущества предложения.
- CTA-кнопка выделяется на белом фоне.
Что проводить A / B-тест:
- Копия кнопки «отправить» не вызывает у читателя энтузиазма при конвертации.
- Заголовок не захватывает читателя. Это не приносит никакой пользы.
- Все поля формы являются обязательными, что может привести к тому, что посетители приостановят загрузку электронной книги. Мы понимаем, требуются ли имя и адрес электронной почты, но необходимы ли организация и номер телефона для отправки посетителям электронной книги Vantiv?
63. Городской дирижабль
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Краткая форма упрощает преобразование на этой странице.
- Маркированная копия быстро сообщает о преимуществах предложения.
Что проводить A / B-тест:
- Призыв к действию «Зарегистрируйтесь» можно изменить на что-то более убедительное.
- Этот цвет кнопки CTA гармонирует с большей частью страницы.
- Снимки головы говорящих придали бы странице больше правдоподобия и увеличили бы привлекательность для людей.
64. WalkMe
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок передают явное преимущество.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Призыв к действию подчеркивает бесплатное предложение.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
- Добавление белого пространства и разрешение каждому элементу «дышать» действительно поможет максимизировать их внимание и убедить потенциальных клиентов начать работу с WalkMe.
- Увеличение размера кнопки CTA может вызвать больше кликов (хотя добавление большего количества пробелов вокруг текущего CTA также поможет в этом).
65. AdEspresso University
Что они сделали хорошо:
- Заголовок обращается напрямую к читателям и предлагает облегчить им жизнь.
- Логотипы крупных компаний добавляют привлекательности предложению, объединяя бренд с некоторыми известными компаниями.
- Крошечные разделы копии быстро описывают содержание курса.
Что проводить A / B-тест:
- Основная кнопка с призывом к действию «Подписаться сейчас» не предназначена для посетителей, у которых нет учетной записи AdEspresso, но они не узнают об этом, пока не нажмут кнопку. Новые пользователи могут подписаться на предложение, только если они нажмут CTA «Войти» вверху страницы. Это сбивает с толку и немного вводит в заблуждение.
66.Kentico
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет посетителям уйти, не совершая конверсий на странице.
- Заголовок не очень ориентирован на пользователя.в нем не говорится о том, почему посетитель хотел бы пройти опрос или почему опрос важен.
67. Поразительно
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Регистрация одним щелчком мыши упрощает преобразование.
- Логотипы известных компаний связывают этот бренд с надежными предприятиями.
- Копия «за секунды» основана на нашем стремлении к мгновенному удовлетворению.
Что проводить A / B-тест:
- В разделе часто задаваемых вопросов есть ссылки для выхода в центр поддержки и страницу с ценами, которые уводят посетителя с целевой страницы после клика.
68. LabTech
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Маркированный текст позволяет посетителям быстро узнать, что они получат, посетив Roadshow ConnectWise.
Что проводить A / B-тест:
- Заголовок не сообщает о явной выгоде.
- «Зарегистрируйтесь сейчас» — это скучный призыв к действию.
- Ссылки на карты мест проведения роуд-шоу позволяют потенциальным клиентам слишком легко уйти со страницы.
- Длинная форма делает конвертацию здесь устрашающей.
69. DigitalMarketer
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Сверхкороткая , однопольная форма упрощает преобразование.
- Некоторая копия под формой обеспечивает конфиденциальность.
Что проводить A / B-тест:
- Эту призрачную кнопку с призывом к действию легко пропустить.
- Форма прямо под заголовком кажется преждевременной. Подзаголовок, подробно описывающий продукт, был бы полезен.
70. Инклинг
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает наше врожденное стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Ссылки на социальные сети позволяют потенциальным клиентам покинуть страницу без конвертации.
- Поля раскрывающейся формы не помечены, что может сбивать с толку.
71. УДАР
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о выгоде.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «Сейчас» в CTA подчеркивает мгновенную выгоду от нажатия.
- Изображение служит визуальным представлением предложения.
- Стрелка действует как наглядное пособие, направляя взгляд потенциальных клиентов к кнопке CTA.
Что проводить A / B-тест:
- Кнопки обмена в социальных сетях показали, что они лучше работают на страницах с благодарностями, где потенциальные клиенты могут поделиться со своими сетями после того, как определят ценность вашего предложения.
72. Наниган
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
- Выгода от конвертации (доход $ 7k) выделена на странице.
- Копия разбита на легко читаемые части, которые шаг за шагом объясняют, как заработать 7000 долларов, указанных на целевой странице после клика.
- Два взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента в разные места на странице.
- Логотипы компаний демонстрируют известные бренды, которые уже использовали эту услугу.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок не читается на белом фоне.
- Нижний колонтитул связан с домашней страницей, обеспечивая посетителям простой способ покинуть страницу без преобразования.
- Не обрезать лица людей на изображении.
73. Простые измерения
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс: прогнозы экспертов, которые позволят вам начать планирование на 2027 год.
- Маркированная копия быстро сообщает о преимуществах загрузки руководства.
- Кнопка с призывом к действию больше нигде на этой странице не используется и привлекает внимание на белом фоне.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , дает посетителям простой способ покинуть эту страницу.
- CTA-копия «Отправить» не убедит пользователей загрузить этот отчет.
- Ссылки на учетные записи социальных сетей в нижнем колонтитуле дают потенциальным клиентам больше возможностей покинуть страницу.
74. Маховик
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс: полное руководство по управлению 50+ сайтами WordPress.
- Изображение дает представление о том, на что на самом деле похоже чтение ресурса.
- Цвет кнопки CTA появляется на синем фоне.
- Два кооперативных CTA работают вместе, чтобы преобразовать потенциального клиента.
Что может быть протестировано AB:
- CTA «Загрузить» не вызовет у потенциальных клиентов восторга от заявки на предложение.
75. Фитнес одиночный разряд
Что они сделали хорошо:
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Маркированная копия быстро сообщает о преимуществах регистрации.
Что проводить A / B-тест:
- CTA «Продолжить» не вызовет у потенциального клиента энтузиазма по поводу регистрации.
- Кнопка CTA, цвет , позволяет легко пропустить эту кнопку.
76. MasterClass
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок использует авторитет известного сценариста Аарона Соркина для увеличения числа подписчиков.
- CTA-кнопка появляется с черной страницы.
- Липкая полоса позволяет красному призыву к действию «Take the Class» всегда быть доступным и готовым к нажатию.
- Видео быстро объясняет, почему этот курс того стоит.
Что проводить A / B-тест:
- Ссылки на другие страницы позволяют посетителям уйти без конвертации.
77. Tokyo Cheapo
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображения дают представление о том, на что на самом деле похоже использование продукта.
- Отзывы подкрепите предложение социальным доказательством.
- Логотипы известных брендов объединяют компанию с проверенными брендами.
Что проводить A / B-тест:
- Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.
78. Salesforce
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Слово «сейчас» в призыве к действию подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Этот цвет кнопки CTA уже использовался на странице несколько раз. Следовательно, это не так привлекает внимание, как могло бы быть.
79. Zurple
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- В заголовке используются такие слова, как «эксклюзивный» и «бесплатный», чтобы соблазнить читателей.
- Минимальная копия делает эту страницу удобной для чтения.
- Фотография показывает, как выглядит электронная книга.
- Маркированная копия позволяет предварительно просмотреть содержание книги.
- Логотипы компаний демонстрируют известные компании, использующие Zurple по всей стране.
Что можно улучшить:
- Логотип, связанный с домашней страницей , позволяет пользователям выйти перед преобразованием.
- Копию кнопки «Отправить» можно было бы заменить на что-нибудь более убедительное.
80. Adaptiva
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Скорость отклика этой страницы означает, что когда окно настраивается или страница просматривается на устройстве с меньшим экраном, она по-прежнему будет отображаться безупречно.
- Ярлыки над каждым полем формы не запутают потенциальных клиентов, как исчезающие в каждом поле формы.
Что проводить A / B-тест:
- Ссылка «домой» и логотип уводят пользователей со страницы, прежде чем они успеют нажать кнопку CTA.
- Отсутствие содержания на этой странице означает, что посетители не знают о преимуществах загрузки отчета.
- «Отправить» как CTA не заставит многих потенциальных клиентов скачать.
81. Серена
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слова, выделенные жирным шрифтом , создают визуальную иерархию, привлекая внимание к важным фразам.
- Ориентированная на выгоду копия описывает преимущества выбора Серены.
Что проводить A / B-тест:
- Заголовок слишком сфокусирован на «мне» и не очень хорошо подчеркивает пользу для читателя. Почему потенциальные клиенты должны использовать Серену? Чего добились с этим другие предприятия?
- Термин ITSM используется на странице много раз, но потенциальному клиенту не совсем понятно, что он означает.
- Гиперссылка на логотип служит для посетителей выходом, прежде чем они обратятся.
- Многочисленные исходящие ссылки в нижнем колонтитуле побуждают пользователей покинуть страницу.
- Значок PDF со стрелкой, направленной вниз, выглядит так, как будто это может быть кнопка, и это может даже сбить с толку потенциальных клиентов, заставив их подумать, что это то, что им нужно щелкнуть, чтобы загрузить. Кроме того, даже если это не так, стрелка указывает на ссылки выхода в нижнем колонтитуле. Ваши визуальные подсказки должны направлять потенциальных клиентов к кнопке с призывом к действию, а не от нее.
- Призыв к действию не дает понять, что пользователю нужно щелкнуть, чтобы запросить отчет.Там написано «Щелкните здесь», но для чего?
- CTA-кнопка может больше походить на кнопку. Некоторое затенение по краям, чтобы придать ему трехмерный вид, или более закругленные углы могут сделать его более интерактивным.
82. Propel Marketing
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Слово «сейчас» основано на нашем стремлении к мгновенному удовлетворению.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» является слишком общим.
- Слишком много ссылок на социальные сети , которые могут увести посетителей со страницы.
83. Outskirts Press
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок дает сильное преимущество.
- Логотипы крупных компаний добавляют привлекательности предложению, объединяя бренд с некоторыми известными компаниями.
- Этот CTA основан на нашем желании получить что-то даром, используя слово «бесплатно».
Что проводить A / B-тест:
- Множественные конкурирующие CTA работают друг против друга, рекламируя несколько предложений.
84. GKIC
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок цитирует известного копирайтера, который заработал миллионы долларов на написании кампаний прямой почтовой рассылки для больших и малых компаний, и предлагает ресурс всего за 11 долларов.
- Эта кнопка с призывом к действию, цвет , появляется на фоне этой страницы.
- Этот CTA написан от первого лица.
- Слово «сейчас» в CTA использует наше стремление к мгновенным решениям наших проблем.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Вторичная ссылка с призывом к действию чуть ниже первой может сбить с толку посетителей. На что они нажимают, чтобы получить предложение? Почему два рядом друг с другом?
- Меню навигации дает потенциальным клиентам возможность покинуть страницу перед преобразованием.
85. GrowthLab
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе, используя статистику, чтобы сделать его еще более убедительным: «Это принесло 400,10 долларов.”
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- CTA написано от первого лица.
- Изображение служит визуальным представлением предложения.
- Краткая форма упрощает преобразование на этой странице.
- Фирменные логотипы крупных брендов повышают авторитет, объединяя эту компанию с надежными предприятиями.
Что проводить A / B-тест:
- Гиперссылка на логотип позволяет потенциальным клиентам покинуть эту страницу перед конвертацией.
86. ProBlogger
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок вместе обещают преимущество тем, кто совершает конверсию: эксклюзивный доступ к 180 идеям сообщений в блогах, отправленных непосредственно на их почтовый ящик.
- CTA-кнопка «Да, пожалуйста» использует яркий цвет, чтобы привлечь внимание.
- Форма с двумя полями упрощает преобразование для потенциальных клиентов.
Что проводить A / B-тест:
- Желтый текст плохо читается на фоне страницы.
- Ярлыки в полях формы могут запутать и расстроить посетителей, как показывают исследования.
87. KlientBoost
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Все CTA написаны от первого лица.
- Эти призывы к действию основаны на нашем желании получить что-то даром, используя слово «бесплатно» прямо в нем.
- Изображение служит визуальным представлением предложения.
- Дополнительные изображения позволяют заглянуть в руководство.
- Отзывы служат социальным доказательством, повышая доверие к предложению.
Что проводить A / B-тест:
- Копия «+1 бонусный трюк, который нельзя пропустить» обведена прямоугольником, что делает его похожим на кнопку, хотя на самом деле это не так. Подобный дизайн может запутать потенциальных клиентов и заставить их думать, что страница загружена не полностью или кнопка не работает.
- Исходящие ссылки в биографии Джонатана Дейна могут отводить трафик со страницы.
88. Ангельская терапия и университет Hay House
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- CTA основывается на нашем желании получить что-то даром, добавляя слово «бесплатно».
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Этот цвет кнопки CTA мог бы привлечь больше внимания.
- Занятый нижний колонтитул , содержащий ссылки на другие веб-страницы, позволяет потенциальным клиентам покинуть страницу перед преобразованием.
- Копию можно было бы сократить, сейчас страница выглядит слишком перегруженной копией.
89. Skilljar
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» дает явное преимущество.
- Нумерованная копия быстро передает преимущества загрузки.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Кнопки социальных сетей показали, что они лучше работают на страницах с благодарностями после того, как преобразованные потенциальные клиенты прочитают ваш ресурс и решат, стоит ли им делиться.
90. Джейсон Свенк
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» дает явное преимущество, связанное с мощной статистикой.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- CTA написано от первого лица.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
- Текст «Куда мне отправить ваше видео» кажется ненужным, копии кнопки CTA кажется достаточным.
91. 180fusion
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Значки от Google, Inc 500 и Yahoo объединяют 180fusion с некоторыми влиятельными брендами.
- Отзывы рассказывают о преимуществах работы с этим агентством.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
слово
- «Занятость» этой страницы привлекает внимание потенциальных клиентов со всех сторон. Куда же им смотреть со всеми красочными и привлекающими внимание элементами?
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
92. Linkfluencer
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок вопроса непосредственно привлекает читателя.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы конвертировать посетителей.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , является потенциальной утечкой на этой целевой странице после клика.
- Видео с автоматическим воспроизведением заставляет посетителей смотреть, даже если они не хотят.
- Навигационные ссылки в нижнем колонтитуле могут увести трафик с этой целевой страницы после клика.
93. Кашурба Веб-дизайн
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок кейса предлагает пошаговое решение для поиска «клиентов с высокими требованиями к веб-дизайну».
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Цвет кнопки CTA выделяется на белом фоне страницы.
- Слово «сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Большой кусок мелкого шрифта в нижнем колонтитуле может заставить потенциальных клиентов усомниться в обоснованности предложения.
94. Метод Флетчера
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Кнопку с призывом к действию здесь невозможно пропустить.
- Заголовок подчеркивает, что решение быстрое и простое.
- Изображение показывает потенциальным клиентам, что они получат, когда они конвертируются.
- Сообщение о конфиденциальности сообщает посетителям, что их информация на 100% защищена и не будет передана другим компаниям.
Что проводить A / B-тест:
- Заглавные буквы заставляет читателя почувствовать, что на него кричат. Он также кричит «продажный». Вы никогда не захотите производить впечатление продавца, даже когда продаете.
- Заголовок грамматически неверен. Что должно быть в цитатах? Если это и заголовок, и слова «Tech Overwhelm», тогда он должен выглядеть так: «Используйте этот новый шаблон, чтобы быстро настроить автоматическую воронку для генерации лидов с нулевым« Tech Overwhelm »». Но почему заголовок даже в цитаты все равно?
- Символы на кнопке CTA должны означать, что именно? Это стрелки?
95. Простые измерения
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» — это классический способ дать понять, что читатель узнает что-то из предложения.
- Цвет кнопки CTA появляется со страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- Длинная форма со множеством обязательных полей делает эту страницу сложной для преобразования.
- Призыв к действию «скачать» может быть обновлен до чего-то гораздо более привлекательного.
96. Связанные продажи
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Два кооперативных CTA работают вместе, чтобы убедить потенциальных клиентов перейти.
- Оба CTA написаны от первого лица.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Таймер предупреждения и обратного отсчета использует дефицит для повышения конверсии.
Что проводить A / B-тест:
- Добавление биографии спикеров может убедить посетителей записаться на семинар.
- Ссылки на социальные сети в правом столбце страницы не нужны и уводят посетителей со страницы.
97. Драма
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип без гиперссылок в верхнем левом углу не дает потенциальным клиентам уйти через него на главную страницу.
- Краткая форма не удерживает посетителей от предоставления своей личной информации.
- Пуленепробиваемая копия быстро передает преимущества преобразования.
- Яркая жирная кнопка с призывом к действию привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок сфокусирован на «мне», но он должен быть больше сфокусирован на посетителе и на том, как продукт решает их проблему.
- Вся копия на этой странице эгоцентрична: «Что мы делаем по-другому», почему маркетологи «должны учитывать нас.«Эта страница не о вас, а о вашем посетителе.
98. Sam Ovens
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок тематического исследования предлагает явное преимущество — подробный взгляд на то, как один человек получает 30-50 клиентов-консультантов каждый месяц.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Кнопка большая , привлекающая к себе внимание потенциального клиента.
- CTA написано от первого лица: «Зарезервировать место MY » вместо «Зарезервировать ВАШЕ место ».”
- Слово «Сейчас» в CTA передает немедленную выгоду, которая наступает при нажатии кнопки.
Что проводить A / B-тест:
- Автовоспроизведение видео было показано, что количество конверсий снижается. Если посетители захотят посмотреть ваше видео, они нажмут кнопку воспроизведения.
99. Lurn
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе, предлагая «удобное для новичков» предложение.
- Эта кнопка с призывом к действию, цвет , появляется со страницы, привлекая внимание потенциальных клиентов.
- Этот CTA написан от первого лица.
- Стрелка служит наглядным пособием, чтобы направить взгляд потенциального клиента к кнопке с призывом к действию.
- Отзывы от известных людей усиливают убедительность этой целевой страницы после клика.
- Слово «бесплатно» подчеркивает бесплатный характер предложения.
Что проводить A / B-тест:
- Этот загруженный нижний колонтитул дает потенциальным клиентам слишком много способов покинуть страницу.
100. Класс интернет-маркетинга
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро демонстрирует преимущества преобразования.
- Изображение показывает потенциальному клиенту, что он получит, нажав кнопку «Загрузить сейчас».
- Заголовок предлагает пошаговый метод генерации трафика.
Что проводить A / B-тест:
- Ссылку на страницу контактов в нижнем колонтитуле можно заменить номером телефона или адресом электронной почты, чтобы потенциальные клиенты оставались на этой странице.
- Несколько форматов шрифтов затрудняет чтение этой страницы. Заголовок выделен красным жирным шрифтом, фраза выделена синим цветом, текст в маркированном тексте выделен жирным шрифтом и т. Д. Упрощение формата может устранить трение и удерживать посетителей на странице дольше, поощряя их к конверсии.
101. Больше клиентов Больше результатов
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок кейса предлагает явное преимущество: пошаговое руководство по привлечению клиентов.
- Копия рядом с зелеными галочками передает преимущества просмотра видео.
- CTA написано от первого лица.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Скриншоты показывают довольных клиентов.
Что проводить A / B-тест:
- Нижний колонтитул со ссылкой на домашнюю страницу позволяет потенциальным клиентам покинуть эту целевую страницу после клика.
102.Pepperdata
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA-кнопка может быть больше и включать персонализированную копию.
- Форма действительно длинная, учитывая, что предлагается всего одна бесплатная глава из книги. Обязательны ли для этой страницы поля «Заголовок», «Роль» и «Телефон»?
- Занятый нижний колонтитул , заполненный ссылками, позволяет потенциальным клиентам покинуть эту страницу без преобразования.
103. Закон притяжения мира
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- CTA использует слово «бесплатно» и позволяет посетителям точно знать, где им нужно щелкнуть, чтобы получить предложение.
Что проводить A / B-тест:
- Заголовок сенсационен и совершенно неправдоподобен. «Как получить все, что угодно»? Да правильно.
- Фоновое изображение создает впечатление, что изображение парит в пространстве.Что общего у солнечной системы с электронной книгой?
- Кнопка «Мне нравится» в Facebook дает посетителям возможность покинуть страницу до конвертации и никогда не вернуться.
104. Тренерская тактика футбола
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок представляет собой ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок в цитатах — почему?
- В этом CTA используются убедительные слова, такие как «Бесплатный» и «Мгновенный доступ», но без глагола действия не совсем понятно, является ли большой желтый блок кнопкой, которую можно нажимать.Добавление такого слова, как «Получить» в начале этого слова, или фразы, например, «Настаивать», сделает ситуацию более очевидной для потенциального клиента.
105. Midas Media
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Неортодоксальный заголовок привлекает внимание читателя.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет , привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Поля формы можно переупорядочить, чтобы добавить к визуальной иерархии страницы и центрировать кнопку CTA.
106. Infusionsoft
. покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс и использует слово «бесплатно».
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Этот CTA написан от первого лица.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- Ссылки на социальные сети позволяют посетителю покинуть страницу, что никогда не способствует конверсиям.
107. Мастера сайта членства
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Не кликабельный логотип позволяет посетителям сосредоточиться на конверсии.
- Телефонный номер в правом верхнем углу страницы дает людям возможность связаться с компанией, не покидая страницы.
- Предложение — это «окончательный список» со 114 нишевыми идеями. Список из 20 — это хорошо. Список из 50 лучше. 114 звучит даже более ценно для читателя.
- Вопрос «Ищете идею ниши для членского сайта?» напрямую обращается к читателю.
- Маркированная копия подчеркивает преимущества преобразования.
- Несколько кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
- Текст в форме позволяет людям узнать, куда ведет ссылка и сколько времени потребуется, чтобы она туда попала.
- CTA-кнопка под формой написана от первого лица.
- Форма с двумя полями делает преобразование легким для посетителей.
Что проводить A / B-тест:
- Ссылка в нижнем колонтитуле направляет потенциальных клиентов на главную страницу сайта.
- Телефонный номер не является интерактивным, что затрудняет обращение в компанию, чем это необходимо.
- Всплывающее окно выхода — это то же предложение, что и предложение целевой страницы после щелчка. Если кто-то покидал вашу страницу, потому что решил, что не хочет претендовать на ваше предложение, зачем вам предлагать им тот же контент, что и последняя попытка получить их адрес электронной почты?
108. Формула социального масштабирования
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок вопроса привлекает читателя.
- Экземпляр обещает раскрыть тайну.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Призыв к действию написан от первого лица.
Что проводить A / B-тест:
- Размытое изображение выглядит ненужным. Вместо того, чтобы оставлять место для изображения, которое на самом деле ничего не показывает посетителям, было бы намного лучше, если бы они добавили больше текста и больше писали о своей структуре таргетинга.
109. StubGroup
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок передает сильное преимущество и использует слово «бесплатно».
- Маркированная копия подчеркивает быстрые и легкие преимущества подачи заявки.
- Кнопка CTA цвета появляется на фоне формы.
- Это поясняющее видео быстро описывает услугу простым языком.
- CTA извлекает выгоду из нашего врожденного желания получить что-то даром, используя слово «бесплатно.”
- Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
Что проводить A / B-тест:
- В первой строке копии говорится о «недавнем новостном сообщении», но не упоминается дата, поэтому посетители не знают, насколько недавно это было. Конечно, внизу формы есть ссылка, но было бы лучше, если бы они прояснили ситуацию и добавили дату.
110. Сброс воина
- Кнопку с призывом к действию легко обнаружить.
- Форма с тремя полями упрощает преобразование.
- Заголовок подчеркивает бесплатное предложение.
Что проводить A / B-тест:
- Заголовок, состоящий только из заглавных букв, и призыв к действию читаются так, как будто они кричат на потенциального клиента.
- Эта страница проста. Слишком просто. Что в книге? Зачем нам его скачивать?
- Это видео не слишком длинное, но и не слишком интересное. Две минуты письма? Это полностью противоречит цели создания видео.
- Ссылка на страницу автора в Facebook отталкивает потенциальных клиентов до того, как они успевают совершить конверсию.
Насколько оцениваются ваши целевые страницы после клика?
Совершали ли вы какие-либо ошибки, допущенные указанными выше брендами? Как выглядят ваши целевые страницы после клика в сравнении?
Сообщите нам об этом в комментариях, а затем используйте полученные знания для создания оптимизированной целевой страницы с высокой конверсией после клика с помощью Instapage, удобной для дизайнеров платформы.
25 лучших примеров посадочных страниц от ведущих компаний для вдохновения
Когда дело доходит до цифрового маркетинга, мы должны смотреть на лучшие примеры целевых страниц ведущих лидеров отрасли, чтобы улучшать их и извлекать уроки.
В конце концов, эти ориентированные на действия автономные веб-страницы имеют решающее значение для продвижения людей на всех этапах пути к покупке. И если хорошо зарекомендовавшие себя компании используют целевые страницы, то они должны быть неотъемлемой частью любой маркетинговой стратегии, особенно на уровне предприятия.
Ниже вы найдете лучшие примеры целевых страниц 25 ведущих компаний. Прочтите их, чтобы начать учиться у лучших и создать собственную высокоэффективную целевую страницу после клика. Вы также можете щелкнуть название бренда, чтобы найти отдельную статью с еще большим количеством примеров этого бренда.
25 лучших компаний с лучшими примерами посадочных страниц
(Имейте в виду, что для более коротких страниц мы показываем всю страницу. Для более длинных страниц мы показываем только в верхней части страницы.Возможно, вам потребуется перейти к примеру целевой страницы, чтобы увидеть некоторые из обсуждаемых нами вопросов. Кроме того, некоторые сайты могут проводить A / B-тестирование своих страниц, что означает, что вам может быть предложена альтернативная версия.)
1. Пример целевой страницы Marketo
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок сообщает посетителям, о чем именно идет речь.
- Изображение показывает посетителям, что они могут ожидать, если они решат загрузить отчет.
- Пункты маркера позволяют потенциальным клиентам быстро просмотреть страницу, чтобы узнать, что включает в себя отчет.
- Социальное доказательство — отзыв клиента и значки компании — повышает доверие к предложению и компании в целом.
Что проводить A / B-тест:
- Ссылки для выхода — логотип Marketo и ссылка Legal в нижнем колонтитуле — предоставляют посетителям возможность покинуть страницу, не загружая отчет.
- Форма из 5 полей может напугать кого-то на этом этапе рассмотрения покупателя.Удаление «Должности» и «Компания» может побудить большее количество посетителей заполнить форму.
- Кнопка с призывом к действию не выделяется так сильно, как могла бы, потому что она используется в другом месте на странице.
- Копия кнопки CTA расплывчата. Измените его на что-то вроде «Я хочу отчет!» может побудить больше потенциальных клиентов щелкнуть.
- Большой блок выделенной курсивом копии не кажется необходимым, и его удаление может улучшить результаты преобразования.
- Добавление полного имени и портрета к отзыву клиента могло бы повысить доверие к нему.
- Добавление белого пространства поможет странице выглядеть менее загруженной и более эстетичной.
2. Пример целевой страницы Slack
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Уникальный стиль прокрутки позволяет отображать всю необходимую информацию, позволяя посетителям получать информацию без необходимости перемещаться вверх и вниз по странице.
- Форма для захвата потенциальных клиентов постоянно отображается, когда пользователи просматривают контент.
- Копия кнопки с призывом к действию убедительна, потому что она короткая, прямая и в ней используется слово «бесплатно».
- Только одно поле формы дает высокую вероятность того, что посетители заполнят форму.
- Изображения яркие, привлекательные, используют фирменные цвета и относятся к каждому соответствующему разделу.
- Использование социального доказательства может заставить посетителей почувствовать себя обязанными использовать Slack.
Что проводить A / B-тест:
- Есть несколько ссылок для выхода , включая логотип Slack, «Войти», «Просмотреть все приложения», «Посмотреть истории клиентов», «продукт», «цены» и «Enterprise Grid» — что делает его более вероятным. чтобы посетители уходили со страницы без конвертации.
- Отсутствие политики конфиденциальности может помешать потенциальным клиентам передать свой адрес электронной почты.
3. Пример целевой страницы Oracle
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Статистика отчета по спросу в копии не является «недавней», как говорится в ней, — она датируется периодом до 2016 года, а дата авторских прав на этой странице — 2017 год.
- Изображение информационного документа дает посетителям возможность предварительного просмотра того, что они могут ожидать, загрузив информационный документ.
- Контрастный цвет формы выделяется и привлекает внимание, побуждая посетителей завершить ее.
- Не отмеченное поле согласия гарантирует, что потенциальные клиенты, которые согласны, хотят получать электронные письма от Oracle.
Что проводить A / B-тест:
- Логотип компании и элементы навигации в верхней части страницы потенциально могут удалить посетителей со страницы без загрузки официального документа.
- Меньшую копию на полях формы и под ними трудно читать.
- Белая кнопка с призывом к действию не так сильно выделяется, как могла бы, потому что она белая вверху и внизу страницы.
- Ссылки выхода в нижнем колонтитуле предоставляют посетителям еще больше возможностей покинуть страницу.
4. Пример целевой страницы Google Hire
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Логотип Hire в верхнем левом углу немедленно сообщает посетителям, где они находятся, когда они попадают на страницу.Тот факт, что на нее нет гиперссылок, также не позволит людям щелкнуть мышью, что делает ее отличной целевой страницей после щелчка.
- Четкий заголовок говорит о перспективах демонстрации, которая будет включать информацию об инструментах найма.
- Минимальная точная копия позволяет посетителям быстро прочитать и определить, хотят ли они конвертировать предложение.
- Инкапсуляция формы помогает ей выделяться на странице, что, вероятно, увеличивает коэффициент конверсии.
- Ссылка на политику конфиденциальности в нижнем колонтитуле повышает доверие, заставляя потенциальных клиентов чувствовать себя более комфортно при отправке своей личной информации.
Что проводить A / B-тест:
- Соответствие сообщения можно улучшить. Я попал на эту целевую страницу после щелчка по рекламной акции веб-семинара по найму с кнопкой CTA, побуждающей посетителей «зарегистрироваться» на «предстоящем веб-семинаре». Целевая страница после клика вообще не упоминает веб-семинар, а вместо этого продвигает демонстрацию по запросу. Если Google Hire считает их веб-семинар и демонстрацию одним и тем же, увеличение совпадения сообщений между двумя страницами, вероятно, уменьшит путаницу у посетителей.
- 14 полей формы — это много, даже для этапа рассмотрения маркетинговой воронки. Разделение этого на многоступенчатую форму может уменьшить трение формы и привести к большему количеству преобразований.
- Бирюзовая кнопка CTA похожа на другой оттенок синего на странице. Сделав его более контрастным, например, оранжевым, мы сделаем его более «всплывающим».
- Страница неуравновешенная . Включение дополнительного элемента целевой страницы после щелчка слева от нижней части формы, такого как отзыв клиента или привлекательное изображение, может сделать страницу более эстетичной.
5. Пример целевой страницы Uber
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Логотип Uber вверху страницы сразу сообщает посетителям, где они находятся. Тот факт, что он не связан с главной страницей и не используется в качестве ссылки для выхода, также является плюсом.
- 5 полей формы подходят для страницы регистрации, тем более что они не запрашивают очень личную информацию.
- Необязательное поле промокода удобно, потому что оно не появляется до тех пор, пока потенциальный клиент не нажмет на него, а форма ограничена 5 полями.
- Зеленая кнопка с призывом к действию выделяется, потому что на странице нет другого зеленого цвета.
- Стрелка на кнопке с призывом к действию действует как указатель направления, указывая на то, что посетители должны щелкнуть, чтобы увидеть, что находится на другой стороне этой целевой страницы после нажатия.
Что проводить A / B-тест:
- Вряд ли какая-либо копия на странице может вызвать у посетителей чувство неосведомленности и неуверенности.
- Добавление социального доказательства , например, цитируемого отзыва от нынешнего водителя Uber, может вызвать большее доверие у посетителей.
- Копия «Зарегистрироваться» на кнопке с призывом к действию не является оригинальной или персонализированной. «Прокатись прямо сейчас!» более информативный и увлекательный.
6. Пример целевой страницы IBM
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок отчетливый и интригующий, побуждая посетителей продолжить вниз по странице, чтобы узнать больше о предложении.
- Минимальная копия представляет собой краткий обзор официального документа, не перегружая потенциальных клиентов ненужной информацией.
- Предоставление возможности переключения языков — отличная идея в теории. К сожалению, когда посетители выбирают другой язык, они попадают на главную страницу вместо того, чтобы напрямую переводить эту целевую страницу после клика.
Что проводить A / B-тест:
- Навигация по верхнему и нижнему колонтитулам может легко отвлечь посетителей от текущего предложения и отправить их со страницы без преобразования.
- Уравновешивание страницы путем добавления изображения или отзыва клиента с левой стороны сделало бы ее более привлекательной.
- Кнопку с призывом к действию можно улучшить в соответствии с нашими рекомендациями по использованию целевой страницы после клика. Цвет может быть более контрастным и привлекательным, а текст — более ориентированным на покупателя и выгодным.
7. Пример целевой страницы LendingClub
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок выделен жирным шрифтом, чтобы выделить ценностное предложение.
- Инкапсуляция формы с помощью цветового контраста делает ее привлекательной.
- Красные кнопки с призывом к действию контрастируют и выделяются на странице, вероятно, увеличивая конверсию.
- Раздел «Инвестирование через LendingClub» предоставляет основные преимущества партнерства с компанией, не заполняя страницу огромным количеством копий. К тому же конкретный процент инвестиций служит социальным доказательством.
- Логотипы компании также служат социальным доказательством и дают понять посетителям, что многие известные бренды признают LendingClub и доверяют ему.
- Несколько кнопок CTA дают потенциальным клиентам несколько шансов конвертировать предложение.
Что проводить A / B-тест:
- Множественные ссылки для выхода — логотип LendingClub, «Условия использования», «Подробнее», несколько слов мелким шрифтом и навигация в нижнем колонтитуле — могут удалить посетителей со страницы без преобразования.
- Изменение направления глаз человека на фотографии, чтобы посмотреть на форму захвата лида, может подсознательно побудить большее количество посетителей ее заполнить.
- Изменение копии кнопки CTA на что-то более привлекательное и убедительное, например: «Начни инвестировать сейчас и получи прибыль!» может привести к большему количеству конверсий.
- Чрезмерное количество мелкого шрифта внизу страницы пугает и может заставить потенциальных клиентов задуматься, есть ли у компании скрытые планы.
8. Пример целевой страницы домофона
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Юмор , особенно в разделе «Боты сегодня действительно раздражают», помогает наладить тесную, чуткую человеческую связь с посетителями.
- Заголовки разделов с минимальной копией сообщают потенциальным клиентам, что включает в себя Оператор (и как это может им помочь), не заполняя страницу ненужным текстом.
- Достаточное количество белого пространства делает страницу более удобной для навигации и усвоения.
Что проводить A / B-тест:
- Заголовок частично скрыт. Текстовые поля, закрывающие его, можно немного сдвинуть, чтобы был виден весь заголовок.
- Множественные ссылки для выхода — логотип Intercom вверху и внизу страницы, ссылка для входа под первой формой и ссылка «Узнать больше» под второй формой — могут отвлекать посетителей и удалять их со страницы перед преобразованием. .
- Форма и кнопка с призывом к действию сливаются с остальной частью страницы, потому что многие элементы на странице отформатированы одинаково и кажутся интерактивными.
9. Пример целевой страницы Microsoft
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Ориентированный на выгоду заголовок сообщает посетителям, что они могут улучшить мобильную производительность своей команды с помощью Office 365, и побуждает их узнать больше с помощью электронной книги.
- Изображение продукта показывает потенциальным клиентам, что они получат, если решат загрузить электронную книгу. Увеличив его и сделав более реалистичным, можно еще больше улучшить результаты конверсии.
- Маркированные с минимальной копией позволяют потенциальным клиентам сканировать страницу для получения соответствующей информации.
- Инкапсулированная форма выделяется, обращая внимание посетителя на ее завершение.
- Зеленая кнопка с призывом к действию привлекает внимание, поскольку хорошо контрастирует с остальной частью страницы.
Что проводить A / B-тест:
- Логотип Office с гиперссылкой может увести посетителей со страницы, не увидев предложения и не совершив конверсии.
- Изображение мужчины кажется неуместным для предложения. Заменить его на человека, использующего Office 365 или читающего электронную книгу, могло бы быть более эффективным.
- Восемь обязательных полей формы могут напугать кого-то, кто только находится на этапе рассмотрения вопроса о покупке.
- CTA-копия неточна и неточна. Измените его на что-то более индивидуальное и захватывающее, например: «Пришлите мне электронную книгу!» скорее всего, побудит больше потенциальных клиентов щелкнуть.
- «См. Планы и расценки» внизу страницы может отвлекать посетителей от основного предложения и мешать им совершить конверсию.
- Добавление социального доказательства , такого как отзыв клиента или печати доверия, повысило бы доверие.
10.Пример целевой страницы Lyft
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Подзаголовок служит социальным доказательством, позволяя посетителям узнать, что другие люди сделали отличные советы, работая с Lyft.
- Только одно поле формы с запросом номера телефона можно быстро и легко заполнить, так что это не отпугнет многих потенциальных клиентов.
- Если вы не отметите поле согласия , кандидаты почувствуют, что выбор полностью за ними.
- «Получите бонус в 250 долларов» , вероятно, является убедительным стимулом для многих потенциальных клиентов.
- CTA-кнопка «Подать заявку» — это тег привязки, который выводит потенциальных клиентов наверх страницы для быстрого заполнения формы.
- Функция калькулятора позволяет посетителям определить, сколько денег они могли бы заработать, если решат водить машину с Lyft.
- Раздел «Почему Lyft» использует иконографию и минимальную простую копию, чтобы передать основные преимущества работы в Lyft.
- Слайдер «Как работает Lyft Driving» объясняет, как Lyft работает с помощью мобильного приложения.
- «Страховая защита Lyft» и «Рейтинги пассажиров» дает водителям уверенность, когда речь идет о вождении в Lyft.
Что проводить A / B-тест:
- Многие ссылки для выхода , включая логотип Lyft и несколько слов с гиперссылками по всему тексту, могут отвлекать посетителей и уводить их со страницы без преобразования.
- Заголовок: Lyft vs.Uber , но на странице нет ничего, что сравнивало бы эти две услуги.
- Белый текст не отображается на белом логотипе на рубашке мужчины.
- Перенаправление взгляда человека на форму захвата лида может привести к тому, что больше посетителей ее заполнят.
- Копия кнопки CTA , «Далее», настолько утомительна, насколько это возможно. Измените его на что-то более увлекательное, например «Начни зарабатывать деньги прямо сейчас!» вероятно, улучшит результаты конверсии.
- Розовая кнопка с призывом к действию не выделяется так сильно, как могла бы, потому что розовый цвет используется в других местах на странице.
11. Пример целевой страницы постоянного контакта
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок и подзаголовок ориентированы на выгоду и хорошо поддерживают друг друга.
- Минимальная копия позволяет посетителям понять предложение, не перегружая себя лишним текстом.
- Оранжевая кнопка с призывом к действию выделяется тем, что хорошо контрастирует с остальными цветами на странице.
- Дизайн с возможностью перехода по ссылкам с формой для захвата потенциальных клиентов на следующей странице позволяет посетителям получить всю информацию о предложении, не отвлекаясь и не запугиваясь формой.
Что проводить A / B-тест:
- Гиперссылка на логотип «Постоянный контакт» может немедленно увести посетителей со страницы, не увидев всего предложения.
- На кнопке с призывом к действию слишком много текста, поэтому она мала и трудна для чтения. «Без риска. Кредитная карта не требуется ». можно переместить под кнопкой.
- Отсутствие политики конфиденциальности может заставить потенциальных клиентов не решиться совершить конверсию.
- Добавление социального доказательства , такого как отзыв клиента, скорее всего, заставит кандидатов чувствовать себя более уверенно в своем решении подписаться на Constant Contact, что повысит коэффициент конверсии.
12.Пример целевой страницы Salesforce
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Первичные и вторичные заголовки убедительны, потому что они признают проблему и предоставляют решение.
- Изображение позволяет посетителям взглянуть на мобильное приложение Wave Analytics.
- Минимальная точная копия описывает предложение, не заполняя страницу огромным текстом.
- Контрастная инкапсулированная форма помогает ей выделиться и, вероятно, побуждает больше людей завершить ее.
- Стрелки — одна указывает на первое поле формы, а вторая — на кнопку CTA — служат в качестве ориентиров.
- Значки доверия и политика конфиденциальности помогают потенциальным клиентам быть уверенными в том, что их личная информация останется в безопасности и конфиденциальности.
Что проводить A / B-тест:
- Ссылки для выхода — логотип Salesforce, значки доверия, ссылки в социальных сетях и ссылки в нижнем колонтитуле — позволяют посетителям легко покинуть эту страницу.
- 8 полей формы могут удерживать посетителей от заполнения формы.Удаление ненужных запросов или преобразование их в многоступенчатую форму уменьшит трение и приведет к увеличению количества загрузок.
- Синяя кнопка CTA гармонирует с синей формой. Если вы попробуете использовать более контрастный цвет (например, оранжевый), это привлечет больше внимания посетителей.
- Копию кнопки CTA можно улучшить до чего-то более заманчивого, например «Покажи мне демонстрацию Wave Analytics!»
- Добавление социального доказательства , например отзыва клиента Salesforce, повысило бы ценность доверия у посетителей и поощрило бы больше демонстрационных просмотров.
13. Пример целевой страницы Zoho
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок сразу предлагает два преимущества подписки на бесплатный план Zoho CRM — улучшение отношений с клиентами и предоставление десяти бесплатных пользователей.
- «Бесплатно» используется в нескольких местах на странице — в заголовке, на кнопках CTA и несколько раз во всей описательной копии.
- Несколько красных кнопок CTA хорошо контрастируют с остальной частью страницы, выделяют их и привлекают внимание.Первая кнопка — это тег привязки, который удобно переносит потенциальных клиентов в форму внизу страницы.
- Значок мыши указывает посетителям, что они должны прокрутить страницу вниз, чтобы увидеть дополнительную информацию. Это также тег привязки, поэтому, если они нажимают на него, они немедленно переносятся в следующий раздел без необходимости прокрутки.
- Длинный список функций передает все, что предлагает Zoho CRM.
- Двухэтапный дизайн означает меньшее трение на этой странице, потому что форма не видна, пока потенциальный клиент не нажмет нижнюю кнопку CTA.
- Обводка формы желтым цветом помогает привлечь к ней внимание и, вероятно, увеличит коэффициент конверсии.
- Форма с 3 полями, требующая только имя, адрес электронной почты и пароль, снижает трение.
- Снятый флажок Zoho newsletter означает только искренний интерес; потенциальные клиенты получат контент.
Что проводить A / B-тест:
- Ссылки для выхода — логотип Zoho, «Условия обслуживания» и ссылки на социальные сети — могут отвлекать посетителей и уводить их со страницы, прежде чем они смогут совершить конверсию.
- Изображение рукопожатия имеет отношение к предложению, но использование фотографии двух людей, которые улыбаются и обмениваются рукопожатием, может быть еще более эффективным.
- Копия кнопки CTA в форме «Зарегистрироваться» может быть улучшена. Его даже можно изменить, чтобы скопировать копию на кнопке CTA, находящейся вверху страницы: «Начни бесплатно».
14. AWeber, пример целевой страницы
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок немедленно сообщает потенциальным клиентам, что веб-семинар длится всего 30 минут.
- Кнопка CTA находится спереди и по центру , поэтому посетители обязательно увидят ее сразу после перехода на страницу. Кроме того, текст является описательным и захватывающим, что, вероятно, побуждает потенциальных клиентов щелкнуть по нему.
- Двухэтапный дизайн удаляет форму захвата лида с этой страницы, и потенциальные клиенты видят ее только тогда, когда они нажимают кнопку CTA. Это означает меньшее трение и потенциально больше конверсий.
- Всего 3 поля формы — просто запрашивают дату / время события, имя и адрес электронной почты — можно быстро и легко заполнить.
- Копия , выделенная курсивом, сообщает потенциальным клиентам, что даже если они не могут посетить какое-либо из запланированных мероприятий, они все равно могут подписаться на получение записи.
- Снимок в голову и описание Тома Тейта — хорошее включение, потому что потенциальные клиенты могут видеть и узнавать о том, кто будет представлять. Хотя увеличение изображения, вероятно, повысит его эффективность.
- Ссылка на политику конфиденциальности внизу страницы, вероятно, заставит потенциальных клиентов чувствовать себя более комфортно при передаче своей личной информации.
Что проводить A / B-тест:
- Синяя кнопка с призывом к действию должна быть протестирована в цвете, который больше нигде на странице не используется, чтобы сделать ее более привлекательной.
- Другое форматирование , примененное к разделу «Вот что мы расскажем» (отступ в списке, добавление значков или стрелок, использование полужирного шрифта и т. Д.), Сделало бы его более заметным, побудив больше людей его прочитать.
- Две ссылки на домашнюю страницу внизу страницы потенциально могут перенаправить посетителей с этой страницы без преобразования.
- Включение социального доказательства , например отзыва клиентов или статистики AWeber, вероятно, повысит доверие к потенциальным клиентам и повысит коэффициент конверсии.
15. Squarespace
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок , «Заявите права на свой домен» эффективен, потому что он передает ощущение срочности. Потенциальные клиенты должны потребовать желаемый домен раньше, чем кто-либо другой.
- Ссылка «Узнать больше» в подзаголовке — это тег привязки, который отправляет людей дальше вниз по странице, чтобы получить дополнительную информацию о предложении.
- Простой, единообразный шрифт по всей странице придает ей профессиональный вид.
- Небольшие фрагменты копии облегчают чтение и усвоение содержимого.
- Сравнение Squarespace с конкурентами позволяет потенциальным клиентам узнать, что они могут извлечь выгоду разными способами, выбрав Squarespace над кем-либо еще.
- Взгляд женщины внизу страницы направлен прямо на заголовок раздела, что, вероятно, заставит посетителей тоже туда заглянуть.
Что проводить A / B-тест:
- Ссылки в верхнем колонтитуле и навигация в нижнем колонтитуле позволяют посетителям легко покинуть страницу, не предпринимая никаких действий.
- Поле домена сливается с остальной частью страницы. Несмотря на то, что он большой, он выглядит как еще один элемент дизайна на странице, и посетители могут его легко пропустить.
- Кнопки с призывом к действию больше «всплывали» на странице, если бы они были более контрастного цвета, например красного или желтого.
16. Пример целевой страницы Mixpanel
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок персонализирован и ориентирован на выгоду, он спрашивает посетителей, готовы ли они развивать свой бизнес.
- Изображение показывает потенциальным клиентам, что они могут просматривать электронную книгу на нескольких устройствах.
- Краткое описание электронной книги предоставляет посетителям краткий первоначальный обзор предлагаемой электронной книги.
- Форму с 4 полями заполнять быстро и легко, что увеличивает шансы посетителей сделать это.
- Копия кнопки CTA использует вид от первого лица, что помогает потенциальным клиентам почувствовать связь с предложением.
- Раздел «Что внутри вашей электронной книги» подробно описывает краткое описание, упомянутое выше, выделяя важные моменты, сделанные в электронной книге, а также то, что руководители продуктов обсуждают их. Включение хедшотов — тоже приятный штрих.
- Отсутствуют ссылки выхода делают почти невозможным покинуть страницу без преобразования.Единственный способ покинуть страницу — это щелкнуть «X» на вкладке браузера или заполнить форму.
Что проводить A / B-тест:
- Заголовок формы вводит в заблуждение. Это означает, что единственная необходимая информация — это адрес электронной почты, тогда как на самом деле для активации электронной книги необходимы еще три поля формы.
- Синяя кнопка с призывом к действию не выделяется, потому что она гармонирует с остальной цветовой схемой страницы. Тестирование цвета, который больше нигде на странице не используется, может улучшить результаты конверсии.
- Добавление сигналов доверия , чтобы убедить людей в том, что их личная информация будет в безопасности — например, политика конфиденциальности или значки безопасности — может увеличить количество потенциальных клиентов.
17. Пример целевой страницы Infusionsoft
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Социальное доказательство — значки компании вверху страницы и отзывы клиентов внизу страницы — вселяют в потенциальных клиентов чувство уверенности и доверия.
- Заголовок отлично справляется с распознаванием проблемы посетителя, сочувствием к нему и последующим предложением решения.
- Подзаголовок хорошо поддерживает заголовок, обеспечивая некоторые из основных преимуществ работы с Infusionsoft.
- Короткая форма с 4 полями запрашивает только основную информацию, что повышает вероятность того, что потенциальные клиенты найдут время, чтобы заполнить ее.
- Копия кнопки CTA сообщает потенциальным клиентам, что они получат, заполнив форму и нажав кнопку.
- Список того, что предлагает Infusionsoft. позволяет потенциальным клиентам узнать о преимуществах, которые они получат, если решат работать с Infusionsoft. Иконки и жирный шрифт помогают привлечь внимание к этому разделу.
Что проводить A / B-тест:
- Добавление функции «Звонок по нажатию» к номеру телефона позволит посетителям быстро и легко связаться с компанией, улучшив их общее взаимодействие с пользователем.
- Увеличение кнопки CTA может привлечь больше просмотров и, вероятно, побудить большее количество посетителей щелкнуть по ней.
- Цвет кнопки CTA можно изменить, чтобы привлечь больше внимания, поскольку зеленый уже используется в логотипе компании и для маленьких значков, перечисленных в разделе под кнопкой.
- Изображение было бы более эффективным в предоставлении посетителям возможности предварительного просмотра программного обеспечения, если бы оно было больше и легче читалось.
- Ссылка карты сайта в нижнем колонтитуле действует как ссылка для выхода. Если посетители прокручивают страницу до конца перед заполнением формы, они могут отвлечься на это и покинуть страницу до преобразования.
18. Пример целевой страницы GetResponse
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок точно сообщает посетителям, что это за предложение.
- Подзаголовок хорошо поддерживает заголовок, позволяя потенциальным клиентам узнать, как они могут извлечь выгоду из предложения.
- Стрелка действует как указатель направления, указывает прямо на кнопку CTA, заставляя посетителей направлять свое внимание и туда.
- Условия обслуживания, политика защиты от спама и политика конфиденциальности четко сформулированы таким образом, чтобы установить доверительные отношения с передачей личной информации.
- Форма из трех полей обеспечивает низкий барьер для входа и даже не требует заполнения фамилии.
- Цвет кнопки CTA — хороший контрастный цвет, который больше нигде на странице не используется.
Что проводить A / B-тест:
- Логотип связан с домашней страницей и может легко увести посетителей со страницы, не узнав о предложении и не конвертируясь.
- Описательной копии немного. Более подробное описание того, что такое GetResponse и основные преимущества, может привести к большему количеству конверсий.
19. Оптимизировать пример целевой страницы
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Маркированная копия позволяет посетителям сканировать страницу, чтобы быстро узнать о демонстрации.
- Инкапсуляция формы помогает ей выделиться и, вероятно, способствует большему количеству конверсий.
- Компьютерное изображение в форме дает потенциальным клиентам возможность предварительного просмотра того, как будет выглядеть демонстрация.
- Форма из 5 полей подходит для предложения на этапе принятия решения.
- Копия кнопки CTA использует нехватку и срочность, чтобы убедить потенциальных клиентов подписаться на демонстрацию. «Сохранить мое место» означает, что количество мест ограничено и их необходимо зарезервировать.
- Логотипы компаний служат социальным доказательством того, что посетители знают, что Optimizely пользуется доверием некоторых ведущих мировых брендов.Кроме того, стрелки в этом разделе действуют как ориентиры, подразумевая, что есть еще больше логотипов, которые можно увидеть.
Что проводить A / B-тест:
- Верхний и нижний колонтитулы навигации следует удалить, поскольку они могут удалить потенциальных клиентов со страницы и снизить коэффициент конверсии.
- Синяя кнопка с призывом к действию не выделяется так сильно, как если бы она была желтой или оранжевой.
- Кнопки социальных сетей внизу страницы также служат в качестве ссылок для выхода, отвлекая посетителей и уводя их с этой страницы.
20. Пример целевой страницы HubSpot
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Телефонный номер для интерактивного звонка улучшает взаимодействие с пользователем.
- Заголовок страницы сразу же объясняет предложение и дает посетителям понять, какую пользу оно принесет им.
- Короткие абзацы , маркеры и полужирный шрифт делают сканирование этой страницы быстрым, легким и удобным.
- Инкапсуляция формы помогает ей больше выделяться на странице, вероятно, побуждая больше посетителей заполнить ее.
- Заголовок формы позволяет потенциальным клиентам узнать, что набор инструментов можно загрузить бесплатно. Добавление этого к заголовку страницы также повысит его эффективность.
- Ссылка на политику конфиденциальности рядом с полем электронной почты предоставляет потенциальным клиентам ссылку для быстрого доступа вместо прокрутки вниз страницы.
- Синяя кнопка с призывом к действию привлекает внимание, потому что на странице почти нет другого цвета.
Что проводить A / B-тест:
- Логотип HubSpot в верхнем левом углу связан с домашней страницей, что может немедленно увести посетителей со страницы.
- Повторение заголовка непосредственно под основным заголовком не является необходимым и добавляет беспорядок на страницу.
- Кнопки социальных сетей также могут удалять посетителей со страницы, снижая коэффициент конверсии.
- Форма из 12 полей слишком длинная и может запугать посетителей. Удаление некоторых полей или создание многоступенчатой формы может побудить больше потенциальных клиентов заполнить ее.
- Копия кнопки CTA расплывчата.Измените его на что-то вроде: «Мне нужен инструментарий!» может заинтересовать и привлечь больше потенциальных клиентов.
- Страница забалансовая . Добавление образца изображения набора инструментов или отзыва от кого-то, кто скачал набор инструментов, уравновесит страницу и, вероятно, увеличит конверсию.
21. Пример целевой страницы MailChimp
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Слово «бесплатно» в заголовке может сразу вызвать интерес у посетителей.
- Вспомогательный подзаголовок сообщает потенциальным клиентам, какую выгоду они могут получить от начала работы с бесплатной учетной записью.
- Форма с 3 полями короткая и не запрашивает очень личную информацию.
- Поле пароля улучшает взаимодействие с пользователем, позволяя посетителям видеть свою запись, нажав кнопку «показать». Кроме того, требования к паролю четко указаны внизу страницы.
- Отсутствие навигации по заголовку и минималистичный нижний колонтитул. позволяет потенциальным клиентам сосредоточиться на цели страницы — подписке на бесплатную учетную запись.
Что проводить A / B-тест:
- Добавление социального доказательства , например отзыва клиента или статистики об использовании MailChimp, скорее всего, приведет к увеличению числа регистраций.
- Прозрачная кнопка CTA не выделяется так сильно, как могла бы. Если сделать его темнее и контрастнее, больше людей будут щелкать по нему.
- Копия кнопки CTA также может быть улучшена, включив в нее более персонализированные и заманчивые формулировки, такие как «Создайте мою бесплатную учетную запись!»
22.Shopify пример целевой страницы
Что страница хорошо выполняет:
- Заголовок и подзаголовок хорошо контрастируют с темным фоном, что делает их привлекательными сразу после перехода на страницу.
- Только одно поле формы над сгибом упрощает посетителям выполнение действий.
- Логотипы компаний и отзыв клиентов служат социальным доказательством, указывающим на то, что есть другие известные компании и довольные клиенты, которые доверяют Shopify.
- Минимальная копия делает навигацию по странице более простой и приятной для посетителей, а маркеры помогают привлечь внимание к основным преимуществам Shopify.
- Изображение дает потенциальным клиентам реалистичный предварительный просмотр приборной панели.
Что проводить A / B-тест:
- Цвет кнопки с призывом к действию следует изменить на тот, который еще не так часто используется на странице.
- Перенаправление взгляда людей на изображении на форму и кнопку с призывом к действию побудило бы больше посетителей посмотреть туда и совершить конверсию.
- Ссылка «Корпоративная электронная торговля» в нижнем колонтитуле действует как ссылка для выхода. Это единственный на странице, поэтому его удаление, скорее всего, увеличит коэффициент конверсии.
23. Пример целевой страницы Eloqua
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок описывает предложение, а подзаголовок поддерживает его, предоставляя дополнительную информацию о том, чего потенциальные клиенты могут ожидать от руководства.
- Маркированная копия позволяет посетителям сканировать страницу и извлекать важную информацию о руководстве. Серая рамка также помогает привлечь внимание к этому разделу.
- Рамка и цветовой контраст вокруг формы выделяют ее на странице.
- Оранжевая кнопка с призывом к действию хорошо контрастирует с остальной частью страницы, делая ее «популярной» и привлекательной для потенциальных клиентов. Кроме того, стрелка на нем служит ориентиром.
Что проводить A / B-тест:
- Текст «Контент недоступен» вверху страницы делает его непрофессиональным.
- Добавление белого пространства вокруг наиболее важных элементов, таких как заголовок, изображение и форма, поможет им больше выделяться и сделает страницу менее загруженной.
- Изображение слишком мало для выполнения своей задачи. Увеличение и увеличение разрешения сделают его более эффективным.
- Множественные ссылки для выхода в нижнем колонтитуле дают посетителям возможность покинуть страницу без конвертации.
24. Пример целевой страницы Basecamp
покажите мне, как работает Instapage ➔Что страница хорошо выполняет:
- Заголовок служит непосредственным социальным доказательством, точно сообщая посетителям, сколько человек подписалось на Basecamp только на прошлой неделе.
- Зеленая стрелка , указывающая на поле формы, действует как визуальная подсказка.
- Только одно поле формы наверняка не помешает людям заполнить его.
- Возможность использовать учетную запись Google делает регистрацию еще более удобной и привлекательной.
- Копия кнопки CTA эффективна, потому что в ней используется от первого лица и слово «бесплатно».
- Отзывы клиентов в верхней части, вероятно, заставят потенциальных клиентов чувствовать себя более комфортно с Basecamp.
- График внизу страницы — хорошее дополнение, потому что он показывает посетителям, насколько Basecamp вырос за эти годы.
Что проводить A / B-тест:
- Навигация по заголовку предоставляет посетителям несколько способов покинуть страницу, не просматривая все предложение.
- Кнопки с призывом к действию не выделяются так сильно, как могли бы, потому что остальная часть страницы синего цвета. Их тестирование в оранжевом или красном цвете может привлечь больше внимания.
- Дополнительные ссылки для выхода по всему тексту позволяют потенциальным клиентам покинуть страницу без регистрации.
- Копия малоинформативна. О самом Basecamp ничего не сказано, а просто дан ответ на три вопроса о пробном периоде. Добавление подробной информации о том, какую пользу приложение может принести пользователям, может убедить больше людей зарегистрироваться.
- Изображение устройств следует увеличить, а гиперссылку удалить.Включение его полезно, поскольку оно демонстрирует все возможные способы использования Basecamp, но в настоящее время его трудно увидеть и оно служит еще одной ссылкой для выхода.
25. Пример целевой страницы Airbnb
Что страница хорошо выполняет:
- Заманчивый заголовок привлекает внимание посетителей и с самого начала предлагает денежное вознаграждение.
- CTA-кнопка хорошо контрастирует с фоном и находится прямо в центре страницы.
- Снимок головы добавляет личное соединение с другом, который пригласил вас присоединиться к услуге.
- Связанные условия обеспечивают ценность доверия для всех, кто не решается зарегистрироваться.
Что проводить A / B-тест:
- Навигация по верхнему и нижнему колонтитулам отвлекает посетителей и позволяет легко покинуть страницу без конвертации.
- Добавление отзывов клиентов на эту целевую страницу после клика, вероятно, убедит больше потенциальных клиентов совершить конверсию.
Сможете ли вы превзойти лучшие примеры целевой страницы после клика?
Вот и все — некоторые из ведущих мировых компаний с одними из лучших примеров целевых страниц после клика.
Не игнорируйте этап после клика, дайте каждому потенциальному клиенту индивидуальный опыт от начала до конца. Подпишитесь на демо-версию Instapage сегодня.
15 примеров посадочных страниц ДОКАЗАНО для преобразования
Вы ищете отличные примеры целевых страниц, которые вдохновят вас на создание следующего дизайна?
Использование целевых страниц на веб-сайте малого бизнеса — лучший способ повысить коэффициент конверсии и превратить посетителей веб-сайта в подписчиков и клиентов.Тем не менее, сложно понять, с чего начать разработку дизайна целевой страницы.
Итак, в этой статье мы поделимся нашими лучшими примерами целевых страниц от реальных компаний и объясним, как они способствуют привлечению потенциальных клиентов и увеличению конверсии.
Во-первых, давайте разберемся, зачем нужна целевая страница и как она работает.
Что такое целевая страница и как она работает?
Целевая страница — это отдельная страница веб-сайта с единственной целью — для привлечения потенциальных клиентов .
Многие целевые страницы предлагают потенциальным клиентам такие ресурсы, как:
И взамен они запрашивают основную информацию, такую как адрес электронной почты и номер телефона пользователя.
Вместо стандартной рекламы, показывающей пользователям продукт или услугу, целевые страницы предназначены для привлечения и возбуждения клиентов, предлагая ресурсы, связанные с продуктом или отраслью.
После заполнения формы целевой страницы и получения вознаграждения пользователи с большей вероятностью будут доверять этому бренду и станут платежеспособным клиентом.
Связано: Целевая страница и веб-сайт: в чем разница?
В качестве примера: если компания хочет продать инструмент автоматизации, чтобы помочь владельцам бизнеса автоматизировать свои маркетинговые усилия, они могут создать целевую страницу, которая предлагает аудитории бесплатное видео об использовании автоматизации маркетинга для малого бизнеса. Мы бы назвали это целевой страницей видео.
Заинтересованные пользователи могут предложить свои контактные данные взамен этой ценной информации. Затем, если им понравится целевая страница с видео, они с большей вероятностью купят продукт этого бренда.
Вы можете создавать всевозможные целевые страницы для различных целей, в том числе:
Связанные: 11 примеров сжатых страниц с высокой конверсией для увеличения вашего списка
Теперь, когда вы знаете назначение целевой страницы, какие элементы вы должны включить, чтобы получить нужные вам результаты?
Что должно быть включено в целевую страницу?
Наиболее успешные целевые страницы включают следующие элементы для привлечения потенциальных клиентов и коэффициентов конверсии:
- Заголовки: Привлекающее внимание заявление, мгновенно привлекающее внимание людей.
- Подзаголовки: Опишите ключевые темы для разговора и обратите внимание на остальную часть страницы.
- Убедительная копия: Опишите, что предлагается на странице. Используйте списки и маркированные пункты, чтобы облегчить беглое чтение этой информации.
- Медиа: Используйте видео и изображения, чтобы наглядно объяснить свое предложение и упростить понимание сложной информации.
- Доказательство: Включите вспомогательные элементы, такие как обзоры, отзывы и социальные доказательства, чтобы повысить доверие и достоверность.
- Призыв к действию: Включите несколько кнопок с призывом к действию контрастного цвета, чтобы побудить пользователей к действию.
- Форма регистрации: Включите форму регистрации, форму регистрации или контактную форму (в зависимости от ваших потребностей), чтобы легко собирать потенциальных клиентов.
15 примеров целевых страниц, конвертирующих
Теперь, когда вы знаете, как работает успешная целевая страница и какие важные элементы страницы нужно включить, давайте рассмотрим некоторые из лучших примеров целевых страниц от реальных компаний.
1. Netflix — пример целевой страницы регистрации
Один из лучших примеров хорошо конвертируемых целевых страниц — это страница регистрации от Netflix.
При входе на страницу вы сразу же сталкиваетесь с тем, что они предлагают, и приглашением начать работу прямо сейчас. Это устраняет трения вокруг принятия решения, побуждая людей действовать быстро.
Почему работает этот дизайн посадочной страницы
- Заголовок — Заголовок, привлекающий внимание, мгновенно привлекает внимание.
- Trust — гарантия того, что вы можете отменить в любой момент, устраняет любой риск.
- Форма регистрации — в ней есть только одно поле формы, что упрощает пользователям регистрацию.
- Легкий доступ — Основная информация находится вверху страницы, что упрощает доступ к ней.
- Persuasive Copy — Копирование страницы фокусируется на преимуществах, а не на функциях, что более убедительно.
- Clarity — раздел FAQ устраняет препятствия для регистрации.
- CTA — Вторая форма подписки внизу страницы, напоминающая пользователям о подписке.
2. Zoom — Целевая страница отраслевого отчета
Zoom — это популярное программное обеспечение для видеоконференцсвязи с клиентами из самых разных отраслей. Поэтому имело смысл позиционировать себя перед потенциальными клиентами как лидеры в своей области знаний.
Они попытались сделать это, предложив бесплатный отчет, в котором компания является лидером в области решений для встреч.Пользователи могут бесплатно зарегистрироваться, чтобы скачать и прочитать отчет.
Почему работает этот пример целевой страницы
- Бесплатная загрузка — Бесплатное предоставление отчета делает информацию более доступной.
- Простые поля формы — Форма регистрации включает только ту информацию, которая необходима компании, что может уменьшить количество отказов от формы.
- Убедительная копия — Копия позиционирует этот отчет как обязательный к прочтению, обещая объяснить, почему Zoom является лидером.Это вызывает любопытство, побуждая пользователей зарегистрироваться и загрузить файл.
- Кнопка CTA — Цветовой контраст кнопки CTA выделяет ее на странице, делая ее более интерактивной.
3. Постоянный контакт — Бесплатная целевая страница в формате PDF
Как и Zoom, Constant Contact обслуживает различные отрасли с помощью своей платформы электронного маркетинга. Однако в этом примере целевой страницы они специально нацелены на компании, занимающиеся недвижимостью.
Дизайн целевой страницы чистый, минималистичный и понятный.Он предлагает бесплатную загрузку с полным набором важных советов и историй успеха, которые помогут в работе по маркетингу недвижимости. Кроме того, он включает призыв к действию, предлагающий пользователям бесплатно попробовать Constant Contact.
Почему работает этот пример целевой страницы
- Мощный заголовок — Заголовок и описание четко объясняют, что пользователи получат от загрузки.
- Убедительная копия — Копия точна и демонстрирует преимущества чтения руководства.
- Изображения — Пользователи могут предварительно просмотреть PDF-файл, чтобы понять, что он будет включать.
- Proof — Включает отзыв клиента, объясняющий, как электронный маркетинг работал на других клиентов.
- CTA — кнопка CTA предлагает пользователям подписаться на бесплатную пробную версию. Пользователи с большей вероятностью выберут пробную версию, потому что нет финансовых обязательств.
4. Lyft — страница приложения для водителя
Целевая страница приложения драйвераLyf — отличный пример того, как не нужно усложнять дизайн страницы регистрации.Заголовок прямолинейный, он точно сообщает пользователям, что делать, а форма регистрации запрашивает только номер мобильного телефона, что упрощает пользователям начало работы.
Почему работает этот пример целевой страницы
- Минималистичный дизайн — Нет ненужных отвлекающих факторов, отвлекающих ваше внимание от цели страницы.
- Простая форма — Форма регистрации включает только 1 поле формы, что увеличивает шансы на успешную регистрацию.
- Изображения — Простое изображение вызывает у пользователей эмоциональный отклик, подтверждая, почему они предпринимают действия.
- CTA — Кнопка CTA выделена действием, которое Lyft хочет, чтобы вы предприняли. Менее желаемое действие менее заметно.
5. OptinMonster — Целевая страница продаж
Если вы ищете дизайн целевой страницы от SaaS-бизнеса, вам понравится этот пример от OptinMonster. На их странице продаж агентских решений есть все основные элементы целевой страницы с высокой конверсией.
Мало того, что цвета их брендов актуальны, они также используют различные тактики, разработанные для максимизации конверсий, которые мы рассмотрим ниже.
Почему работает этот пример целевой страницы
- Разделы страницы — Различные разделы страницы разбивают страницу на части, что упрощает поиск нужной информации.
- Преимущества функций — Раздел функций посвящен преимуществам использования программного обеспечения.
- Слайдер отзывов — Узнайте, что реальные клиенты думают о программном обеспечении.
- Изображений: Изображения и гифки демонстрируют, что именно делает программа.
- Социальное доказательство — На этой странице используется комбинация последних уведомлений о продажах и подсчет количества людей, обслуживаемых программой, что показывает ее популярность.
- CTA — Кнопки CTA используются по всей странице, предлагая пользователям простые способы покупки.
- Живой чат — С живым чатом пользователи могут сразу получить ответы на свои вопросы.
6. Dadz — Целевая страница Google Рекламы
Эта целевая страница немного отличается. Мы нашли его после нажатия на объявление в результатах поиска Google. Это отличная тактика, используемая для привлечения определенной аудитории на вашу страницу, поскольку вы можете адаптировать свои сообщения именно к потребностям этой аудитории.
В данном случае аудитория — это современный семьянин, которого целевая страница обслуживает как нельзя лучше.
Почему работает этот пример целевой страницы
- Соответствие аудитории — эта целевая страница соответствует типу целевой аудитории и предлагает решения, соответствующие их потребностям.
- Примеры из практики — Вам предлагается прочитать примеры из практики перед покупкой, что является одной из форм социального доказательства.
- Видео — Dadz включает в себя увлекательное видео, показывающее, как вы себя чувствуете после использования их продукта.
- Отзывы — Отзывы реальных покупателей показывают, что этот продукт стоит попробовать.
- Социальные сети — Большая галерея Instagram демонстрирует процветающее сообщество брендов.
- CTA — кнопки CTA используются по всей странице, предлагая множество возможностей для покупки.
7. Codecademy — страница подписки
Этот пример целевой страницы от Codecademy показывает, что использование белого пространства во всем вашем дизайне может помочь привлечь внимание к важным элементам страницы.
Вместо того, чтобы заполнять страницу отвлекающими изображениями, градиентами и полноэкранным фоном, Codecademy сохранила простоту, добавив жирные всплески цвета, чтобы привлечь внимание.
Почему работает этот пример целевой страницы
- Использование цвета — Использование цвета в ключевых областях страницы вызывает интерес и направляет взгляд туда, куда вы хотите.
- Изображения — Изображения на странице изображают счастливых, улыбающихся профессионалов, что вызывает у пользователей эмоциональный и положительный отклик.
- Отзывы — Отзывы реальных клиентов показывают их искренний опыт и то, что продукт стоит попробовать.
- Ценообразование — Сравнение цен позволяет сразу выбрать лучший тарифный план для вас.
- CTA — Раздел CTA находится на контрастном фоне, что выделяет его на фоне остальной страницы.
8. Airbnb — Пример целевой страницы регистрации
ЦельAirbnb — упростить поиск жилья и дать клиентам возможность зарабатывать деньги из дома. Их целевая страница регистрации хоста — еще один отличный пример того, как вы можете сделать так, чтобы контент вашей страницы говорил сам за себя, без лишних наворотов.
Это просто, понятно и помогает посетителям принять решение.
Почему работает этот пример целевой страницы
- Форма регистрации — Форма регистрации включает только 3 поля, а необязательные поля скрыты под вкладкой.Это делает его менее громоздким, но при этом позволяет собирать важную информацию.
- Ресурсы — В разделе ресурсов представлена вся необходимая информация о том, как работает хостинг с Airbnb.
- Сообщество — Потенциальные клиенты могут видеть, как другие люди используют службу, что может помочь им принять решение.
- Поддержка — Легко увидеть доступную поддержку, устраняя препятствия для регистрации.
- CTA — Кнопки CTA используются повсюду, что позволяет многократно присоединиться.
9. Асана — менеджер по продукту Целевая страница
В этом дизайне целевой страницы Asana ориентирована на менеджеров по продуктам, предлагая программное решение для управления продуктами. Страница полностью адаптирована для этой аудитории и объясняет, почему их продукт — лучший выбор.
Хотя на первый взгляд страница может показаться очень простой, легко понять, почему она работает. Отдельные разделы страницы разбивают информацию на управляемые фрагменты, направляя ваше внимание на каждом этапе, пока вы не дойдете до последнего CTA.
Почему работает этот пример целевой страницы
- Заголовки — Заголовки вкратце описывают все преимущества Asana.
- Варианты использования — Несколько вариантов использования показывают людям все возможные способы использования продукта в своем бизнесе.
- Видео кейс — Видео кейс показывает, как популярный бренд использует Asana для достижения успеха в бизнесе, что намного полезнее, чем использование копирования.
- Бесплатная пробная версия — Последний призыв к действию предлагает бесплатную пробную версию, которая менее пугает, чем нырять и сразу покупать продукт.
10. SEMRush — Целевая страница регистрации вебинара
Когда дело доходит до контент-маркетинга, вебинары — отличный способ распространить информацию. Они не только дольше удерживают зрителей на вашем сайте, но и являются отличным способом наладить отношения с потенциальными клиентами.
Вот почему SEMRush регулярно проводит веб-семинары для своей аудитории, а их страница регистрации на веб-семинары является ярким примером того, как их продвигать.
Почему работает этот пример целевой страницы
- Зона героя — Зона героя целевой страницы веб-семинара объясняет, что именно пользователи узнают во время просмотра, а также кто будет принимать гостей.
- Четкая информация — Подробная информация о веб-семинаре объясняет, кто является организатором и что вы узнаете более подробно. Это вызывает достаточный интерес, чтобы побудить людей зарегистрироваться.
- Регистрация форма — При заполнении регистрационной формы пользователям нужно ввести только небольшой объем информации.
- Рекомендуемый контент — Списки предыдущих и будущих выпусков побуждают пользователей взаимодействовать с большей частью их контента.
11.Dropbox — пример целевой страницы приложения
Если вы хотите, чтобы люди использовали ваш продукт, лучшее решение — максимально упростить его получение. Именно так Dropbox сделал со своей целевой страницей приложения Dropbox для Android.
Ориентированная на пользователей Android, страница проста в использовании и позволяет сразу перейти к делу. Это оставляет небольшую путаницу в том, для чего это нужно, и приводит к появлению целевых потенциальных клиентов.
Почему работает этот пример целевой страницы
- Описание — Заголовок и описание не содержат ненужной информации, включая только то, что пользователям нужно для начала работы.
- Изображение — Предварительный просмотр приложения дает пользователям представление о том, как оно будет выглядеть на их устройстве.
- Форма — получить приложение очень просто. Просто введите свой номер телефона, и они пришлют вам ссылку. Никаких других шагов не требуется.
12. Smash Balloon — Пример целевой страницы «Черная пятница»
Черная пятница — важное событие в календаре любого бизнеса, поэтому подготовка целевой страницы черной пятницы — отличный способ собрать весь целевой трафик в одном месте.
Это то, что Smash Balloon сделала для своей акции «Черная пятница». Эта страница привлекает внимание и предлагает множество способов взаимодействия с брендом в течение рекламного периода, привлекая внимание к скидкам на их продукты.
Почему работает этот пример целевой страницы
- Брендинг — Дизайн целевой страницы явно брендирован, что убеждает посетителей в том, что они ведут законный бизнес.
- Таймер обратного отсчета — Использование таймера обратного отсчета создает ощущение срочности, побуждая пользователей действовать до истечения времени.
- Бесплатная раздача — Включение раздачи подарков на целевой странице помогает повысить осведомленность о продвижении. Чем больше людей щелкают, чтобы войти, тем больше людей увидят сделку, что повысит вероятность того, что они ею воспользуются.
- Напоминания — Приглашая пользователей получать уведомления по электронной почте и добавлять сделку в свои календари, SmashBalloon увеличивает шансы людей вернуться, когда сделка действительна.
13. Dreamforce — Целевая страница регистрации события
Поскольку многие прямые трансляции отменяются, важно, чтобы любая компания, чей бизнес процветает за счет личных встреч, предприняла шаги, чтобы перенести их в онлайн.В противном случае они могут потерять жизненно важный бизнес.
Dreamforce — отличный тому пример. Вместо регулярного ежегодного четырехдневного мероприятия они проводят его онлайн, чтобы каждый мог принять участие, где бы он ни находился. Кроме того, страница регистрации на мероприятие предлагает потрясающий пример дизайна целевой страницы, который эффективно продвигает мероприятие.
Почему работает этот пример целевой страницы
- Вдохновляющие образы — Изображения, используемые на целевой странице, демонстрируют, как онлайн-мероприятие может быть таким же увлекательным и информативным, как и личные мероприятия.Включение полноразмерного gif в нижней части страницы делает все веселым и веселым.
- Основная информация — 4 различных блока страниц объясняют, что вы получите от посещения мероприятия, помогая вам принять обоснованное решение.
- CTA — Несколько кнопок CTA контрастного цвета показывают вам, где именно зарегистрироваться.
14. Цифровой маркетолог — пример обучающей целевой страницы
Как упоминалось ранее, целевые страницы, на которых есть видеоролики, — отличный способ прямо объяснить сложную информацию.
Digital Marketer использует эту стратегию на своей целевой странице Elite Growth Accelerator. Он начинается с видео от основателя и генерального директора, а затем показывает, как это работает.
Каждый раздел страницы — это еще один шаг в процессе принятия решения, когда вы держите вас за руку, пока не примете окончательное решение о регистрации.
Почему работает этот пример целевой страницы
- Видео — вводное видео быстро объединяет всю информацию, поэтому ее легко понять.
- Пошаговая инструкция — Пошаговые инструкции помогут вам понять, как работает коучинг.
- Clever Copy — вместо перечисления функций копия фокусируется на преимуществах. Он также говорит вам, чем не является обучение, отбрасывая любые страхи, которые мешают вам записаться.
- Бонусы — Вместо того, чтобы тренироваться, вы получите массу льгот, которые сделают это более полезным.
- Социальное доказательство — Скриншоты отзывов других участников подтверждают подлинность страницы, повышая вероятность вашего участия.
- Discount — Сокращенный ценник подтверждает, что это фантастическая сделка, которая экономит деньги.
15. Taboola — целевая страница бесплатной электронной книги
Предложение бесплатной электронной книги взамен контактной информации — популярный способ привлечения потенциальных клиентов. Taboola использует этот подход в своей электронной книге с тематическим исследованием, ориентированной на рекламодателей.
Это простой пример целевой страницы, наглядно демонстрирующий преимущества, которые вы получите от чтения книги. А поскольку содержание книги связано с отраслью брендов, пользователи с большей вероятностью будут проверять их и расширять свой список адресов электронной почты.
Почему работает этот пример целевой страницы
- Числа — Использование цифр в заголовках делает вашу копию моей убедительной и убедительной.
- Маркированный список — Маркированный список упрощает беглое чтение содержимого.
- Форма — форма регистрации короткая и включает только необходимые поля формы.
- Proof — Taboola включает статистику того, как бренды увеличили конверсию с помощью нативной рекламы, которая является основной темой электронных книг.Это придает книге авторитет и заставляет людей хотеть узнать, как они этого добились.
- CTA — кнопки CTA используются вверху, посередине и внизу страницы, чтобы напомнить пользователям о необходимости щелкнуть.
Готовы создать свою целевую страницу?
Если эти примеры целевых страниц дали вам все необходимое для начала работы, почему бы не ознакомиться с нашим руководством о том, как создать простую целевую страницу. Для начала вам не потребуется никакого опыта в дизайне или программировании.
Если вам нужно немного больше вдохновения, взгляните на эти примеры и шаблоны целевых страниц 404.
И если вам понравилась эта статья, подпишитесь на нас в Twitter и Facebook, чтобы получать больше полезного контента, который поможет вам в развитии вашего бизнеса.
12 лучших примеров посадочных страниц
Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам?
С точки зрения бизнеса, вам не следует идти ни на что.
Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией.
Потому что, если люди покупают, то это нравится им обоим, и вы можете безопасно и предсказуемо масштабировать свой бизнес.
Многие люди попадают в ловушку, создавая дизайн, который им нравится, в то время как их идеальный аватар клиента сильно отличается от того, что они могли себе представить.
И это легко заметить, когда вы нажимаете на рекламу, которую видите в социальных сетях.
Вам может понравиться само объявление, но в большинстве случаев целевая страница на другой стороне — это не то, что вы хотите видеть.
Связь между вашим трафиком и целевой страницей называется точным сообщением для соответствия требованиям рынка .
Вы хотите, чтобы ваше сообщение идеально соответствовало вашему рынку, чтобы вы могли начать с выигрышной воронки, которая только оттуда пойдет вверх.
Потому что, если вы там напортачите, вы будете оптимизировать и настраивать небольшие компоненты, которые едва ли приведут к безубыточности.
Но если вы закрепите свое сообщение, вы будете получать клиентов направо и налево, даже не зная, почему и как они пришли к вам.
Это ваше самое мощное оружие, и большинство предприятий делают его совершенно неправильно.
Итак, чтобы помочь вам и гарантировать ваш немедленный успех, мы рассмотрим 12 лучших примеров целевых страниц, которые вы должны использовать для расширения своего бизнеса.
Мы рассмотрим сильные и слабые стороны каждого из них, и убедимся, что вы найдете тот, который подходит именно вашему бизнесу.
После этого поста вы сможете создавать целевые страницы с высокой конверсией, как по волшебству.
Но прежде чем мы это сделаем, мы должны пройти через…
Что делает отличную целевую страницу?В общем, отличная целевая страница включает:
- сильный заголовок, который включает ваше основное ключевое слово
- подзаголовок, который поясняет заголовок
- копия, объясняющая предложение
- изображение, видео или иллюстрирование, которое поддерживает предложение
- форма или кнопка CTA, где пользователь может convert
Вы также можете включить символы социального доказательства или доверия, такие как обзоры, отзывы или логотипы ваших прошлых клиентов.
Однако точный дизайн будет зависеть от ваших целей, вашего бизнеса и вашей отрасли.
Позвольте задать вам пару вопросов, которые направят вас в правильном направлении.
Чего вы хотите достичь с помощью целевой страницы?Наиболее распространенные варианты:
- Заставить людей отказаться от участия в обмен на бесплатную информацию по теме.
- Прямая продажа недорогого продукта, например книги или мини-курса.
- Предложение бесплатной пробной версии для ежемесячного обслуживания или программного обеспечения,
- Предложение бесплатно + доставка, в котором вы рассчитываете на дополнительные продажи для получения прибыли.
Вы должны точно знать, какое предложение вы хотите разместить на целевой странице, прежде чем создавать ее.
Конечно, вы можете сделать и другие предложения, но идея здесь состоит в том, чтобы уточнить, какое из них вы хотите использовать для своего бизнеса.
Если вы не уверены, есть несколько примеров ниже.
Вы привержены этому проекту или только пробуете предложение?Создание целевой страницы с высокой конверсией — это не малая суета.
Возможно, вам придется несколько месяцев оптимизировать неприбыльную целевую страницу, прежде чем она начнет приносить реальную прибыль.
Если вы не готовы к этому, я рекомендую вам бросить курить еще до того, как вы начнете.
Да, вы можете получить удачный выстрел и попасть в хоумран с первой попытки, но не рассчитывайте на это.
Будьте готовы к длительной игре, чтобы получить долгосрочные выгоды, которые намного слаще сиюминутного удовлетворения.
Каков ваш бюджет?Прежде чем вы начнете создавать свою целевую страницу с высокой конверсией, вам необходимо подготовить солидный бюджет.
Вы не можете ожидать, что все пройдет гладко на протяжении всего процесса.
Проблемы будут возникать, и в большинстве случаев самый простой и быстрый способ их решить — заплатить тому, кто является экспертом в этой области.
Это может быть разработчик, дизайнер / конструктор воронки, специалист по рекламе или консультант по CRO.
В любом случае, вы должны быть готовы заплатить кому-то, чтобы тот сделал все правильно, чтобы не сталкиваться с одними и теми же проблемами снова и снова.
В маркетинге и в жизни существует эмпирическое правило, согласно которому вы должны закончить свою работу, а затем позволить кому-то другому судить об этом.
Очевидно, что для целевых страниц можно запустить рекламу и посмотреть, конвертируется ли трафик.
Если это так, вы увеличиваете рекламный бюджет и пытаетесь его увеличить.
Если изначально он не конвертируется, позвольте профессионалу взглянуть на него.
Даже если вы уже наняли кого-то, кто построит его для вас, не ждите, что он вам поможет.
Да, они могут оптимизировать вашу страницу, но вы должны помнить, что люди эмоционально привязаны к своей работе.
Вот почему вам нужна помощь третьего лица.
Когда дело доходит до оптимизации целевой страницы для конверсии, вы должны рассмотреть идею найма агентства.
В настоящее время у крупных маркетинговых агентств есть сотни, если не тысячи клиентов, которые были именно в вашей ситуации.
Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию.
Говоря о CRO (оптимизации коэффициента конверсии), нет лучшего выбора, чем NP Digital.
Это просто лучшее маркетинговое агентство как для SEO, так и для CRO.
Если вы находитесь на этапе, когда вы хотите оптимизировать существующую целевую страницу, но точно не знаете, как это сделать, то закажите быстрый звонок у профессионала, где вы раскроете секретные методы оптимизации конверсии, необходимые вашему бизнесу. .
А теперь давайте рассмотрим несколько примеров целевых страниц.
12 лучших примеров посадочных страницЭто 12 лучших примеров посадочных страниц, которые мы смогли найти.
Мы будем оценивать их по конверсиям, предложениям, дизайну и качеству обслуживания клиентов.
1. Получить ответGet Response — это простой, но интерактивный пример целевой страницы.
Как видите, команда Get Response выделена жирным шрифтом, поскольку это единственное программное обеспечение в отрасли, в котором используется интерактивный заголовок.
Желтый знак, который вы видите на изображении ниже, меняется между словами «рост», «лиды» и «продажи».
Таким образом, заголовок привлекает внимание и заставляет читать дальше.
Кроме того, они используют дружелюбное, позитивное лицо, которое мы не очень часто видим в бизнесе, не связанном с личным брендом.
Это, конечно, неплохо. Это автоматически укрепляет доверие и упрощает подписку на программное обеспечение.
2. СлабинаSlack всегда на высоте, когда дело касается целевых страниц.
Они постоянно оптимизируют конверсии, и это лучший способ найти вашу успешную целевую страницу.
Текущая версия чрезвычайно интерактивна, имеет большой сногсшибательный заголовок, а также показывает, насколько легко использовать программное обеспечение с помощью быстрого пятисекундного gif-изображения.
С самого начала вы можете увидеть, что они ценят удовлетворенность клиентов, и, если вы все еще не уверены, прокрутка вниз приведет к безостановочному доверию и результатам, доказывающим их авторитет на рынке.
3. Домофон Основная цельIntercom на этой целевой странице — заставить вас подписаться на их список рассылки.
Хранение его по электронной почте — отличный способ увеличить процент подписки.
Большой позитивный заголовок, который поможет вам действовать прямо сейчас.
Используемые ими изображения идеально представляют главное уникальное торговое предложение заголовка.
Вы можете видеть в целом дружественную среду, и вам просто нужно зарегистрироваться, если вы попали на эту страницу.
4. LyftLyft растет в последние годы, и его веб-сайт, целевая страница и общая онлайн-воронка продаж являются движущей силой.
Они сосредоточены на привлечении новых водителей, которые хотят контролировать свою жизнь.
Пообещать своим сотрудникам свободу во время работы на вас — лучший способ выделить лучших кандидатов среди конкурентов.
Lyft в прошлом использовала несколько целевых страниц, но их текущая показывает настоящий профессионализм.
И снова мы видим гигантский, привлекающий внимание заголовок. На этот раз с вопросом, чтобы предвосхитить любопытство и мыслительный процесс в их перспективах.
Проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ».Это означает, что нет 100-процентной уверенности в том, что вы сможете получить эту позицию.
Если ваши клиенты должны соревноваться, чтобы завладеть вашим вниманием, они заставляют их усерднее стараться в самой работе.
5. Zoho Целевая страницаZoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями.
Они используют больше текста, чем среднее программное обеспечение в отрасли, но это не обязательно плохо.
В их конкретном случае им необходимо убедить потенциального клиента начать бесплатную пробную версию, которая автоматически создает напряжение в потенциальном клиенте, потому что он знает, что придет время, когда ему придется заплатить.
Обратить кого-то к оплате намного сложнее, чем просто получить его электронную почту.
Вот почему использование большего количества текста в их сообщениях делает их мощным копирайтерским ударом, который максимально увеличивает количество регистраций бесплатных пробных версий.
6. SquarespaceSquarespace возглавляет список с наименьшим количеством текста в дизайне целевой страницы.
Вы можете подумать, что одного копирования недостаточно, чтобы кого-то обратить.
Однако, как только вы увидите, что это конструктор веб-сайтов, вы поймете, что дизайн и быстрый и эффективный обмен сообщениями — все, что вам нужно для регистрации.
Они знают, что их потенциальные клиенты в основном борются со сложными кодами и хотят показать безопасное пространство, где они могут расслабиться и перетащить свой выигрышный дизайн веб-сайта.
7. ActiveCampaignActiveCampaign фокусируется исключительно на том, чтобы показать вам, как их программное обеспечение обеспечивает наилучшее качество обслуживания клиентов.
Если вы владелец бизнеса, вы оба хотите, чтобы к вам относились хорошо, и помогать своим клиентам в трудные времена.
Их заголовок поражает двух зайцев одним выстрелом, и, опять же, в нем нет бесполезного текста или дизайна.
Все приводит к большой зеленой кнопке, и вы запускаете бесплатную пробную версию.
8. Точка доступаHubspot — еще одна CRM, которая сегодня возглавляет список.
Как и ActiveCampaign, они показывают вам, что использование их программного обеспечения поможет вам и вашим клиентам чувствовать себя лучше на протяжении всего процесса.
Знание того, что их идеальный клиент возражает главным образом о том, что изучение полностью новой CRM с нуля может быть трудным, утомительным и, возможно, даже невозможным, помогает им сузить свое сообщение до сути.
9. Shopify ПлюсShopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают.
По мере роста они смогли протестировать несколько дизайнов целевых страниц, чтобы найти тот, который принесет пользу.
И для него отображается целевая страница Shopify Plus.
Их основная цель — заказать консультацию со своими потенциальными клиентами, которая займет больше, чем пара слов.
У них есть бюджет, чтобы снимать профессиональные видеоролики для всех своих продуктов и услуг, которые помогают передавать ценную информацию потенциальным клиентам наиболее быстрым способом — видеомаркетингом.
Внизу вы видите мощный авторитет, и если вы потратите время на просмотр видео, вы, скорее всего, закажете им звонок.
Видео — смертельное оружие в руках правильного бизнеса, и Shopify доказывает это здесь и практически всем, что они делают.
10. WebflowWebflow показывает всю информацию о программном обеспечении сразу же, как только вы попадаете на их целевую страницу.
Вы можете мгновенно убедиться в авторитете крупных веб-сайтов, которые воспользовались их услугами, а также можете начать бесплатно.
Это снимает любое напряжение, которое может быть у потенциального клиента.
Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop.
Итак, если вы когда-либо использовали продукты Adobe, вы сразу знаете, что эта работа будет для вас легкой задачей.
11. ClickFunnelsClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию.
Даже если вы настроены скептически, вы можете поиграть со страницами и кнопками воронки, чтобы увидеть, насколько быстро реагирует их инструмент.
Вы можете видеть, что они используют больше текста, чем средний веб-сайт / конструктор воронок.
Они снова пытаются убедить людей начать 14-дневную бесплатную пробную версию, что является непростой задачей.
Они также используют мощные видеоролики, которые продают напрямую своим идеальным клиентам.
Самое лучшее — это аналитика, которую они добавили на свою целевую страницу.
Это смелый и мощный ход, если все сделано правильно.
Эта аналитика создается благодаря тому, что она постоянно обновляется, и это не просто более 100 000 пользователей, как вы могли бы видеть на других платформах.
ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат.
Это один из самых сложных дизайнов целевой страницы, но если вы это сделаете, ваши конверсии резко возрастут.
12. Лаборатория конверсииConversion Lab уже много лет использует этот дизайн целевой страницы.
Мы заметили, что они проводят сплит-тестирование различных кнопок с призывом к действию, таких как «заказать звонок», получить бесплатную консультацию и многое другое.
Сохранение своего Основателя на главной странице веб-сайта способствует установлению долгосрочных отношений, которые сегодня упускают многие компании.
Они четко заявляют о своих услугах в убедительных заголовках, и даже если вы не готовы записаться на консультацию, появится всплывающее окно, в котором будет собрана ваша электронная почта.
Электронная почта — отличный способ гарантировать, что высокий процент потенциальных клиентов, которые попадают на ваш веб-сайт, в конечном итоге закажут вам звонок.
Примеры посадочных страниц: часто задаваемые вопросыЧто такое целевая страница и как она работает?
Целевая страница — это специально разработанная страница, предназначенная для поощрения пользователей к выполнению определенной задачи (т.e., convert.) Они работают, выделяя ключевые моменты, используя социальные доказательства или тематические исследования для построения доверия и предоставляя CTA для поощрения конверсии.
Что должна включать целевая страница?
Хотя точный формат может отличаться, целевые страницы должны включать:
- заголовок, который включает основное ключевое слово
- подзаголовок, который поясняет заголовок
- описание предложения
- изображение, видео или иллюстрация
- кнопка CTA или форма
- (необязательно) элементы доверия, такие как логотипы клиентов, отзывы , или отзывы
Кому нужен лендинг?
У любой компании с веб-сайтом должна быть какая-то целевая страница, чтобы побуждать пользователей к действию, например, зарезервировать демонстрацию, запросить расценки, подписаться на список рассылки и т. Д.
Нужно ли мне проводить A / B-тестирование целевых страниц?
Совершенно верно. A / B-тестирование должно быть постоянным процессом для повышения производительности вашей целевой страницы.
Пример целевой страницы ЗаключениеЭти примеры могут послужить источником вдохновения для создания целевой страницы с высокой конверсией. Чтобы получить максимальную отдачу от целевой страницы, обязательно:
- Найдите то, с чем ваши лучшие клиенты борются больше всего, а затем сразу же опровергните это возражение с помощью короткого и резкого заголовка.
- По возможности используйте достоверность и видео.
- Знайте свои цели — получить их электронную почту, телефон, позвонить, начать бесплатную / платную пробную версию или что-то еще?
- Используйте clear и, чтобы следовать призыву к действиям.
Наконец: всегда оптимизируйте целевые страницы.
Невозможно быть идеальным с первого дня. Каждый бизнес в этом списке проверяет свои страницы десятки, если не сотни раз, прежде чем найти победившую целевую страницу.
Даже тогда они все равно оптимизируются.
Вы пытались создать целевую страницу раньше? Как все прошло — хорошо ли было конвертировано и какие были ваши самые большие открытия?
Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт
- SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
- Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
- Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.
Заказать звонок
30 лучших примеров целевых страниц для кражи и прибыли от
Ищете примеры целевых страниц?
Целевая страница, вероятно, одна из самых важных страниц вашего веб-сайта.
Небольшое изменение коэффициента конверсии может означать огромную разницу между борьбой с заработной платой или потягиванием мохито на пляже.
И все же… создать целевую страницу с высокой конверсией — непросто.
Есть и так много элементов, которые нужно разобрать: копия, дизайн, изображения, структура и так далее.Это невероятно сложно.
Хорошая новость в том, что вам не нужно разрабатывать целевые страницы с нуля.
Вы действительно можете смоделировать примеры целевой страницы других людей. Узнайте, что они сделали правильно, проанализируйте, что они могут улучшить, и примените это к своим собственным целевым страницам.
Я выделил 30 различных целевых страниц, которые можно «украсть» и от которых можно почерпнуть вдохновение.
Наслаждайтесь.
30 примеров целевых страниц, которые можно смоделировать после
Что хорошо сделано
- Таргетинг на перспективу ясен.Заголовок и подзаголовок явно нацелены на новичков, поскольку наиболее продвинутые маркетологи и предприниматели знают, что такое список адресов электронной почты.
- Выгода очевидна: если вы подпишетесь, он научит вас, как получить первых 100 подписчиков.
- Зеленая кнопка CTA контрастирует с синим фоном и выделяет его.
- Социальное доказательство внизу работает для установления доверия — NBC News, ESPN, Lifehacker и Moz — огромные авторитетные сайты.
Что можно было проверить / улучшить
- Слова, передающие выгоду «получите первых 100 подписчиков», раздражают и плохо отображаются на синем фоне.
- Я бы протестировал другой заголовок вроде «Хотите начать свой бизнес?» чтобы посмотреть, работает ли это лучше.
Экспертный анализ
«Текст основного заголовка короткий и убедительный, с подзаголовком, который выполняет тяжелую работу (рискуя звучать как кликабельность). Цвет и шрифт призывов к действию кажутся правильными, и их не так много, чтобы отвлекать посетителя. Социальное доказательство с логотипами — это хорошо, но его можно расширить, добавив отзывы реальных пользователей. Основной текст объясняет преимущества, но может быть разбит на разделы для лучшего понимания.Наконец, разница между хорошим первым впечатлением и отличным сводится к более тонким аспектам. Используйте логотипы с лучшим разрешением! »
Что хорошо сделано
- Обещание «запустить свой первый веб-сайт через 30 дней» является сильным, граничащим с немного «невероятным», но вызывает большое любопытство.
- Слово «бесплатно» заманчиво. Учитывая, что промышленность взимает тысячи долларов за переработанную информацию, бесплатный месячный курс является интересным.
Что можно было проверить / улучшить
- Я бы, возможно, рассказал лучшую, более эмоциональную историю.Текущая история в настоящее время кажется слишком «обычной» и «размытой» и не кажется, что она обращена непосредственно к аудитории.
Экспертный анализ
«Мне нравится использование« каскада да »в первом разделе под отрядом героя. Третий вопрос мог бы быть более эффективным. Вместо того, чтобы провоцировать чувство неуверенности с помощью «Мечтаете начать свой бизнес, но не знаете, как этого добиться», спросите : «Готовы взять на себя ответственность за свою карьеру, открыв собственное дело?»
«Вопрос о том, чтобы взять на себя ответственность, имеет смысл как мотиватор для тех, кто борется со своим карьерным направлением.
«Дополнительный комментарий — есть четкое повествование о том, что« мы »можем помочь« вам »начать свой собственный бизнес. Мне нравится, что на всей странице много внимания уделяется «вам». Мы могли бы улучшить это еще больше, используя «мы» для обозначения и пользователя, и ConvertKit примерно на полпути страницы. Это тонкое заверение в том, что мы здесь для вас, и пользователь почувствует уверенность независимо от того, осознает он это или нет ».
Что хорошо сделано
- Слово «бесплатный» соблазнительно.Курс стоимостью 197 долларов раздается бесплатно? Запишите меня!
- Мне нравится использование «197 долларов». Это сообщает потенциальному клиенту, какую ценность он или она ожидает получить при регистрации.
- «Удвойте количество потенциальных клиентов в следующие 90 дней» — хороший заголовок, который передает явную выгоду с хорошей специфичностью.
- Мне нравится, как они четко изложили, что получит потенциальный клиент, если они подпишутся. Полностью прозрачный, без хз.
- Раздавать контент без согласия — интересная концепция.
Что можно было проверить / улучшить
- Они могут протестировать удаление кнопки «Нравится» в Facebook рядом с логотипом Drip, чтобы сократить количество действий, которые могут выполнять пользователи.
Экспертный анализ
«Удвойте свои потенциальные возможности в течение следующих 90 дней с помощью этого полного руководства для новичков по капельнице (стоимость 197 долларов, БЕСПЛАТНО)» должно появиться выше и над «Начало работы с капельницей», и с более жирным шрифтом. Он передает более полезную информацию о том, что делает Drip, и поэтому должен в первую очередь привлекать внимание, чтобы удерживать внимание при приземлении пользователя.
«Я бы также перефразировал его на« БЕСПЛАТНОЕ полное руководство по капельнице для новичков (стоимостью 197 долларов) », исходя из того, что в первую очередь заинтересует читателей.
«Отказ от традиционного позиционирования также повысит эстетическую новизну и привлечет внимание. Например, размещение логотипа Drip в разделе «Начало работы» — меньше слов, больше изображений, больше новых мест размещения.
Раздел «Что вы найдете в своем курсе» хорошо написан, краток, но информативен.Формат контрольного списка и выделенные ключевые слова очень хорошо подходят для передачи легко усваиваемой информации.
«Для этого раздела (рисунок выше) отлично подходят панели со значками и функциями. Однако приведенная выше точка повторяет информацию. Было бы лучше, если бы тексты в виде точек размещались под баннерами значков, просто чтобы разбить текстовые визуальные эффекты выше.
«В соответствии с « Почему мы создали этот курс из 11 частей » текст с намерением является фантастическим, но если бы это был кусок текста, он ухудшал читаемость.
«Я бы посоветовал разбить текст на визуальные эффекты — помещать цитаты в иллюстрации рамок для цитат, может быть, даже иметь векторные иконки с человеческими головами, дающими эти отзывы.
«В целом, текст хорошо написан, лаконичен. Единственная повторяющаяся проблема — слишком много текста и слишком мало визуальных элементов, чтобы побудить меня читать дальше. Надеюсь, что приведенные выше предложения будут вам полезны ».
- Вэйцин Тан , аналитик по маркетингу и убеждению, PlusMargin
Что хорошо сделано
- Желтая кнопка CTA появляется на странице.
- Слово «бесплатно» заманчиво.
- Хорошая польза — Дэвид хорошо знает свою аудиторию и знает, что им нужна помощь, чтобы уверенно разговаривать с женщинами.
- Очень подробный отзыв, используемый для демонстрации опыта Дэвида.
Что можно было проверить / улучшить
- Я бы протестировал видео, а не видео. У людей мало времени, и они могут не захотеть смотреть видео, пока не сделают выбор.
- Я бы протестировал новый набор заголовков. Формулировка «вовлечение без усилий» больше подходит для компании, занимающейся социальными сетями, чем для компании, обучающей навыкам знакомств.
Экспертный анализ
«Этот тип страниц прославил Рассел Брансон из ClickFunnels. Это страница, которая служит одной цели — заставить посетителей нажать на большой CTA в центре экрана и переместить их на следующий шаг в последовательности.
«Преобразование посетителей в Aura с помощью объясняющего видео, подкрепленного социальным доказательством , — выигрышная комбинация.
«Все, что я сделал бы, чтобы улучшить эту страницу, — это добавить субтитры к видео, чтобы сделать его пригодным для использования на мобильных устройствах без звука, и настроить шрифт, используемый для отзыва, чтобы он выделялся на белом фоне.”
- Том Осман , основатель, The Growth People
5. MeetEdgar
Что хорошо сделано
- Фантастический заголовок. MeetEdgar хорошо знает их перспективы и понимает, что люди скептически относятся к рентабельности инвестиций в социальные сети. Он рассматривает их возражения и описывает их проблему одним утверждением.
- Я люблю обещание. «Экономия времени» — большое преимущество, которое нравится каждому.
- Красная кнопка CTA выделяется на синем фоне.
Что можно было проверить / улучшить
- Я бы протестировал наличие дополнительной копии, ведущей в CTA. Из предыдущей копии не очевидно, что после регистрации они увидят, как это работает.
Экспертный анализ
«Все, что я здесь предлагаю, нужно протестировать. Трудно сказать, не оценив существующие данные, но у меня есть несколько гипотез:
«Как правило, целевая страница не должна предоставлять доступ к остальной части веб-сайта.Это самостоятельный пункт назначения. Пользователь получает то, что ему нужно — что бы это ни было — например, демонстрацию продукта или подписку на веб-семинар, электронную книгу или, в данном случае, чтобы узнать, «как это работает», в обмен на данные посетителя (например, адрес электронной почты и т. Д.) .)
«Опасность здесь в том, что навигационные ссылки предоставляют посетителю возможность покинуть целевую страницу без их конвертации. Исследования ConversionXL показывают, что удаление навигационных ссылок из середины целевых страниц воронки приводит к росту конверсий на 16% и 28%, в то время как на верхних частях целевых страниц происходит незначительное увеличение коэффициента конверсии на 0–4%.
«Удаление навигационных ссылок может улучшить соотношение внимания, например количество действий, которые посетитель может делать на сайте, по сравнению с количеством действий, которые посетитель должен делать на странице.
«С учетом сказанного, однако, можно включать навигационные ссылки, если основная цель состоит в том, чтобы заинтересовать посетителя, направить его в путешествие, чтобы открыть для себя ваш продукт и оптимизировать их опыт.
«Вот еще несколько мыслей, которые пришли в голову:
– 1. Используйте липкую панель навигации: «Липкая» панель навигации может помочь людям изучить «Эдгар» удобным и контролируемым образом.Людям нравится изучать веб-сайты, не чувствуя, что они теряют контроль. Даже если они никогда не используют панель навигации, она все равно может положительно повлиять на общее впечатление. Отсутствие контроля может потенциально вызвать чувство стресса, которое может заставить людей покинуть сайт и, следовательно, увеличить показатель отказов. (Подумайте об аналогии с GPS в вашей машине)
“ 2. Добавьте основной призыв к действию на панель навигации: В зависимости от основной цели, которую должен выполнить посетитель, Эдгар также может добавить основной призыв к действию на панель навигации, и в идеале он должен находиться в отчетливый цвет.
“ 3. Мне нравится, как на веб-сайте отображаются точные показатели того, как Эдгар привлекает больше просмотров. Я предполагаю, что они могли бы еще больше усилить это, показывая эти элементы интерфейса своего продукта, чтобы в дальнейшем передать эту информацию посетителю.
“ 4. Мне нравится раздел FAQ. Хорошо всегда помнить о своей персоне и о том, какие вопросы у нее могут возникнуть по поводу продукта. Раздел часто задаваемых вопросов может быть отличным местом для их облегчения, например
— Что такое Эдгар?
— Что с этим делать?
— Что-нибудь новенькое? Как это работает?
— Это проблема для компаний / людей вроде меня?
— Мне это нужно?
— Что еще мне нужно?
— Какие услуги вы предлагаете для решения моей проблемы?
— Вы можете показать мне решение в действии?
— Как тебе лучше?
— Для кого?
— Кто этим пользуется?
— Можно попробовать?
— Мои данные в безопасности?
— Что эксперты говорят о вашем бренде?
— Вы можете показать мне доказательства?
— Как это сравнить?
— Могу ли я получить предложения?
— Какое влияние на мою репутацию оказывает использование вас
«Это типичные вопросы, которые могут иметь в виду посетитель или покупатель B2B, и на которые Эдгар может попытаться ответить.
«Хотя в значительной степени ориентирован на открытие (что может быть очень эффективным как призыв к действию), мне не нравится« Посмотрите, как это работает ». Я действительно собираюсь дать свой адрес электронной почты в обмен, чтобы узнать больше о том, как Эдгар работает? А как насчет «Бесплатной пробной версии» или предложения контента «Секретной формулы ведения блога». Всегда помните, что это обмен ценностями!
«Я протестировал форму и был перенаправлен на другую страницу, где теперь могу посмотреть 12-минутное видео с плохим качеством звука, которое знакомит меня с продуктом.Я вижу дополнительные отзывы. Не лучший опыт или ВАУ-фактор.
«Кроме того, на этой странице есть два разных призыва к действию, которые сбивают с толку и вызывают трения (« Начать работу и получить нашу бесплатную электронную книгу »). Я бы посоветовал вместо этого изменить призыв к действию в навигации на «Начать» ».
- Карстен Плейзер , основатель и директор, основатели и создатели
Что хорошо сделано
- Простая, понятная и целенаправленная целевая страница помогает увеличить количество конверсий.
- Слово «бесплатно» выделено. Это также дополнительно подчеркивается фразой «вам нечего терять», что делает регистрацию потенциальным клиентам легкой задачей.
- Слова «без жаргона Уолл-стрит» помогают развеять опасения потенциальных клиентов, что инвестирование слишком сложно для понимания.
Что можно было проверить / улучшить
- Я бы попробовал заменить слово «гарантировать» на «защищать», чтобы добавить больше эмоционального удара.
Экспертный анализ
Рекомендации по использованию целевой страницы «На веб-сайте« Дурак »целевая страница должна быть четкой и не отвлекаться.
«Однако, что касается копии, я бы изменил текст CTA. В нем написано «Продолжить», что намекает читателю на то, что шагов больше, чем это.
«Многих пользователей это отпугнет. Поэтому я бы проверил слово «Продолжить» с помощью А / Б другой фразы, например «Дайте мне инструменты» или «Я хочу войти» ».
Что хорошо сделано
- Заголовок нацелен на болевую точку.
- Подзаголовок передает выгоду, которая решает проблемы потенциальных клиентов.
- Показанные логотипы демонстрируют социальное доказательство, вызывая доверие.
- Большая зеленая кнопка CTA появляется на странице.
Что можно было проверить / улучшить
- Я бы еще раз проверил эту целевую страницу на предмет ошибок. Есть несколько грамматических ошибок, которые делают чтение неприятным.
- Я бы протестировал копию на кнопке, выбрав «заказать копию» или «получить больше конверсий».
- Я бы попробовал удалить «просмотреть примеры заголовков» рядом с кнопкой CTA — это отвлекает пользователей от нажатия кнопки.
Экспертный анализ
«Начну с меда.На странице используется прочная структура убеждения, что более важно, чем думает большинство людей. Они также хорошо справляются с задачей дать простое и понятное объяснение того, что они получают. Наконец, сама страница выглядит заслуживающей доверия и удобной для чтения. Как читатель я понимаю, что происходит.
«Теперь об уксусе. Начнем с заголовка. Если создание заголовков было пустой тратой времени, зачем мне вообще этот продукт? И зачем вообще писать заголовки? Действительно ли их клиенты говорят себе (в своих головах): «Это пустая трата времени?» Скорее всего, нет.Они говорят что-то вроде «Я не хочу этого делать», «Я не умею это делать» или «Я ненавижу писать». Большая разница. Они пытались обозначить проблему, но в этом случае произошел большой разрыв связи, и он отрицательный без какой-либо реальной причины. Вместо этого, если они хотят обозначить проблему, им нужно выбрать ту, с которой связан рынок.
«Еще одна серьезная проблема заключается в том, что существуют сотни бесплатных сообщений в блогах с тысячами бесплатных заголовков, которые все утверждают, что конвертируются и публикуются надежными источниками в сообществе копирайтинга / CRO.В этом предложении нет ничего особенного, чего я еще не мог получить бесплатно с помощью быстрого поиска в Google. Другими словами, это предложение требует УТП. Без этого у меня практически нет причин, по которым я хотел бы получить это по сравнению со всеми бесплатными материалами, которые я мог бы получить от сайтов / авторов, которым я доверяю.
«Далее, о них слишком много копий по сравнению с копиями для покупателя, и эта история ничего не делает для повышения уверенности в качестве продукта. На самом деле, похоже, что они сделали то же самое, что и все остальные, чтобы создать бесплатную запись в блоге, но они решили взимать деньги просто так.Если они такие эксперты по CRO, почему бы не поговорить о поиске решения, например, о создании более 200 лучших заголовков, которые они использовали для клиентов, которые помогли повысить коэффициент конверсии в реальном мире? Это лишь один из множества возможных вариантов.
«Продолжаем, отсутствие доказательств. Есть всего 1 сплит-тест. Остальное — это то, где они были представлены, слишком быстрое объяснение их опыта и 2 отзыва. Короче говоря, им нужны более серьезные доказательства, связанные с результатами, которые включают сплит-тесты / тематические исследования, а также то, насколько «реальное» количество людей экономит время, работает более продуктивно и т. Д.
«И наконец, самая большая проблема. Предложение. В принципе, это не очень убедительно. 29 долларов за 200+ заголовков? Для меня это не кажется чем-то особенным, особенно если учесть, что нет никаких УТП или каких-либо серьезных доказательств, которые заставляли бы меня выбирать это среди всех бесплатных онлайн-материалов. Начните с продвижения функций и преимуществ каждой части пакета.
Не объединяйте их, пока не обсудите все части пакета. Подумайте, как это делают рекламные ролики. Каждой части продукта нужна своя мини-торговая площадка.Тогда давай мне бонусы. Подтвердите удивительную гарантию. Покажи мне, как много я буду полным идиотом, если куплю сегодня.
Заставьте меня мечтать о том, насколько лучше была бы моя жизнь с этим продуктом и насколько ужасно было бы, если бы я не сделал заказ сегодня. Есть еще кое-что, что можно улучшить, но я считаю, что это самое важное ».
Что хорошо сделано
- Использование слов «более 160 000 человек» дает социальное доказательство — многие люди его используют, так что вы должны тоже!
- Заголовок дает простое для понимания преимущество. Подзаголовок
- упрощает понимание продукта.
- Зарегистрируйтесь в Google, чтобы людям было проще регистрироваться.
Что можно было проверить / улучшить
- Если добавить к изображению справа несколько заданий, продукт станет еще проще запомнить.
Экспертный анализ
«Вступительная копия в порядке. Я бы сказал это в двух коротких предложениях. Может быть, призыв к действию мог бы быть более интересным.
«Контрольный список / список задач справа мне непонятен.Я вроде как понял, чем они занимаются, но список мне не очень помогает. Может быть, тестирование с реальным текстом и примерами задач?
«С точки зрения дизайна мне нравится выбор цветов, а не акварельные изображения животных. Он не кажется таким уж правильным и не совпадающим с копией. Но это только я 🙂.
«Текст раздела о преимуществах / функциях ясен и по существу. Может быть, тестирование с большим упором на преимущества? Например, «помогает вам развить более ответственную и ответственную деловую культуру» или «всегда быть в курсе».Легко устраняйте препятствия и препятствия ».
«Кроме того, в« Management 2.0 »есть 2.0 с другим шрифтом? Не знаю, специально ли это, но это отвлекает.
«В конце концов, я снова предпочитаю более сильные призывы к действию (что угодно, а не« подписка »)».
Что хорошо сделано
- Обещание велико — решает огромную проблему для своих перспектив
- Наличие логотипов позволяет легко увидеть, где авторы могут публиковать свои книги
- Пункты, отмеченные маркированным знаком, позволяют легко узнать о преимуществах
Что можно было проверить / улучшить
- CTA должен сказать «получите бесплатную электронную книгу» вместо «получите бесплатную информацию»
- Им следует сместить ту часть, где говорится «узнайте, как раскрыть тайну и полезность самостоятельной публикации с помощью этой бесплатной электронной книги», на более высокую оценку загрузки электронной книги
Экспертный анализ
- «Я ищу целевые страницы, чтобы понять,« что »и« почему »о продукте / услуге.Этот сайт действительно передает то, что «публикует вашу книгу» и почему «сохраняет 100% прибыли», но я не могу понять, как именно что приносит и почему. Так что я мог бы ожидать чего-то вроде «Помогу вам самостоятельно опубликовать вашу книгу и сохранить 100% вашей прибыли!»
- «Черный текст на синем не контрастирует достаточно хорошо и вместо этого вызывает небольшую задержку для беглого чтения — помните, что у вас очень мало времени, чтобы убедить кого-то в том, что эта страница достойна их времени. Рассмотрение использования 5-секундного теста для дальнейшего анализа.
- «Я просмотрел несколько секунд видео, но графика была действительно не очень хорошей, поэтому больше не смотрел. Люди действительно судят о сайтах по их обложке, поэтому я бы обновил дизайн видео, упростил анимацию и попытался лучше сосредоточиться на сообщении.
- «На моем первом проходе я действительно пропустил логотипы в верхней части. Затем, возвращаясь, я на самом деле не знал, почему там были логотипы — социальное доказательство работает, когда оно подключено, поэтому я бы добавил заголовок вроде « Как показано на » или что-то еще, что уместно. Также подумайте об использовании цветов бренда — верьте, или не разум связывает цвет с формой — поэтому видя арки McDonalds, желтый цвет поражает вашу сохраненную память быстрее, чем форма…
- «Первый призыв к действию очень неясен.Сделайте CTA намеком на то, что они получают, как «Получите мое бесплатное руководство в формате PDF» и выделите его. Это помогает привлечь внимание к вашей самой важной цели.
«Есть больше областей для улучшения, и в целом мне было бы трудно доверять сайту, который использует нестандартный дизайн, неработающие цветовые контрасты и бессмысленные призывы к действию.
«В качестве быстрого взлома я рекомендую поиграть с внешним видом, используя плагины браузера, такие как встроенный в Chrome инструмент Inspect.За несколько минут я создал дизайн, который, хотя и далек от совершенства, произвел бы гораздо лучшее первое впечатление на нового посетителя: «
Что хорошо сделано
- Тема Хэллоуина сделана хорошо, чтобы привлечь внимание и сделать целевую страницу интересной.
- Специально разработанные изображения для целевой страницы выделяют ее.
- Логотип PDF четко указывает на то, что получит аудитория.
- Хороший заголовок, несущий пользу.
- Copy передает непосредственную практичность, от чего аудитория может извлечь выгоду.
Что можно было проверить / улучшить
- Я бы еще раз посмотрел на слово «чудовищный». Хотя это соответствует теме Хэллоуина, в нем ничего не говорится об электронной книге.
Экспертный анализ
«Эстетика: С точки зрения внешнего вида целевая страница, посвященная Хэллоуину, чрезвычайно привлекательна и соответствует« жуткому »сезону. Графические изображения создают более свежий вид по сравнению с большинством целевых страниц, на которых используются стандартные изображения.
“Макет: Кнопка CTA вверху и внизу целевой страницы позволяет посетителю веб-сайта выполнять желаемые действия. Кроме того, форма с одним полем сводит к минимуму трение от заполнения формы до отправки.
«Содержание: Отличный заголовок. Заголовок в стиле списка представляет очевидную ценность для посетителей сайта. Кроме того, такая информация, как количество страниц, создает впечатление, что контент загружен с огромной ценностью, а оценка временных затрат гарантирует им, что для их завершения требуется минимальные затраты (время).Отзыв предоставляет конкретное социальное доказательство, которое дает посетителю вашего сайта уверенность, прежде чем он почувствует себя спасенным, чтобы передать вам свой адрес электронной почты.
“Скорость загрузки: Есть возможности для улучшения, когда дело касается скорости загрузки. По данным GT Metrics, время загрузки составляет 2,4 секунды, что считается быстрым. Тем не менее, для тех, кто одержим скоростью загрузки, они могут рассмотреть возможность сжатия изображений без потерь для некоторого «лежачего полицейского».
“Критические проблемы: Обнаружены повторяющиеся теги Google Analytics и ремаркетинга, что приводит к завышению данных.Найдено два набора пикселей Facebook. Если возможно, унифицируйте и используйте один набор пикселей, чтобы не загружать страницу слишком большим количеством JavaScript.
Управление тегами Google станет отличным инструментом для лучшего управления всеми пикселями и поможет сократить время загрузки JavaScript ».
11. GKIC
Что хорошо сделано
- Дэн Кеннеди — огромный бренд в этой сфере (плюс автор нескольких бестселлеров), так что это помогает с социальным доказательством.
- Отличное предложение — 1 доллар за бесплатную книгу для многих — убийственная сделка.
- Ограниченное время помогает создать срочность.
- Слово «доставка включена» добавляет и делает «выгодную сделку» еще более заметной.
Что можно было проверить / улучшить
- Разрешение изображения могло быть лучше.
- 2 CTA вместе — это излишне. Рассмотрите возможность удаления одного.
- Попробуйте удалить меню вверху и сосредоточиться на получении большего количества конверсий.
Экспертный анализ
«Хорошее»:
«Единственное, что я могу сказать об этой целевой странице, — по крайней мере, она существует.Многие люди никогда не предпринимают шагов, чтобы разместить свой продукт в сети, поэтому тот факт, что эта страница была создана, является отличным первым шагом, и со временем его можно улучшить с помощью сплит-тестирования.
«Плохой»:
«Эта целевая страница подходит только для потенциальных клиентов, которые готовы принять меры по предложению. Первое впечатление наверху предполагает, что вы уже хорошо знакомы с миром Дэна Кеннеди и уже хотите его книгу.
Любой, кто не входит в эту аудиторию, ничего не понимает в верхней части страницы и, скорее всего, уйдет со страницы, за исключением оппортунистов, которые подпрыгнут, потому что это книга за 1 доллар.
«Помимо этих фундаментальных проблем, страница переполнена проблемами дизайна. Строка заголовка занимает 1/4 экрана с логотипом GKIC, который не имеет значения для тех, кто еще не знаком с миром Дэна Кеннеди.
Изображение книги слишком большое и имеет низкое качество, а в тексте отсутствуют акценты в форматировании, что затрудняет чтение. В то время как «уродливый дизайн» может понравиться горячей аудитории, плохой дизайн, такой как эта страница, только подорвет доверие к ней.
«Проблемы с контентом и дизайном довольно серьезны, но есть также несколько фатальных технических проблем, таких как логотип и политика конфиденциальности, ведущая к Leadpages.”
12. Райан Левеск
Что хорошо сделано
- Использование логотипов СМИ является социальным доказательством и укрепляет доверие.
- Отличный заголовок сочетает в себе социальное обоснование, конкретность и любопытство. Подзаголовок
- представляет покупателя как «героя» и говорит ему, что он тоже может это сделать.
- Отзыв автора бестселлеров указывает на большее социальное доказательство.
- Правильно используйте стрелку, чтобы указать, где взять книгу.
Что можно было проверить / улучшить
- Дизайн страницы можно было бы улучшить.
- Слишком много элементов социального доказательства может оказаться излишним.
Экспертный анализ
«Одна из вещей, которые они сделали хорошо, — это наличие множества социальных доказательств, обзоров и отзывов. (Может многовато ??)
«Мы заметили целый список вещей, которые они могут улучшить или протестировать, но самое главное — внешний вид и (как результат) ощущение сайта. Глядя на отзывы / обзоры, я думаю, что это хорошая книга.
«Визуально он просто не говорит мне об этом.На самом деле все наоборот, и это уводит от книги.
«На этой странице много чего происходит, текст, написанный разными шрифтами, стилями и цветами. И жирный, и крупный, и мелкий размер шрифта. Я насчитал 3 разных типа шрифта, 14 разных размеров шрифта: нормальный, курсив, полужирный, черный и красный. Неудивительно, что вместо этого он кажется беспокойным.
Кроме того, психология говорит нам, что чем лучше что-то выглядит или чем легче что-то обрабатывать, тем больше мы этому доверяем. Так что, если бы мне пришлось назвать одну вещь, я бы начал с ее внешнего вида.
«Я прочитал описание книги на Amazon. Я был полностью поражен, узнав, что эта книга о чем-то другом, чем то ценностное предложение, которое в настоящее время говорится в верхней части страницы. Как генерировать 52 000 подписчиков по электронной почте в день. Каково же было мое удивление 🙂
мобильный
«Работа на мобильных устройствах полностью отличается от настольных. Он сразу начинается с призыва к действию. Никакого ценностного предложения, никакого напоминания, почему вам нужна бесплатная копия. Такое ощущение, что кто-то заставляет тебя сказать «да», я хочу… на что моя немедленная реакция — «нет».. Я не говорил, что хочу этого … Даже не знаю, хочу ли я еще.
«Мне не хватает части того, что это такое, для кого она нужна и нужна ли мне (и зачем) эта книга. Итак, я бы проверил, изменив здесь порядок блоков. Сначала объясните, а затем покажите призыв к действию.
Копирование, переходы и структура
«Люди склонны сканировать страницу, чтобы понять, о чем эта история и страница. Когда я просмотрел страницу, мне показалось, что трудно понять план.
«С помощью разделителей, разделов и заголовков вы можете отделить различные части друг от друга.Это наглядно направляет людей через историю и упрощает ее обработку. Здесь также поможет использование полужирного шрифта для выделения определенных частей для повышения читаемости.
«Удаление (или уменьшение) отзывов с правой стороны (люди склонны игнорировать то, что справа) уменьшит количество копий, которые человек видит при сканировании страницы, увеличивая вероятность того, что они прочтут основную копию.
«Короче говоря, я бы попробовал привнести больше структуры как в рассказ (текст), так и в различные разделы.
Ценностные предложения
«Я думаю, что в различных местах страницы их можно переписать, чтобы сделать их более мощными.
“Т.е. Под 1-м Да! Мне нужна моя бесплатная копия «Спросите», вы можете изменить копию на «Розничные продавцы продают ее за 12,99 доллара, сегодня это БЕСПЛАТНО для вас»
Призыв к действию
«В настоящее время призыв к действию стоит сам по себе. Нигде не сказано, почему я должен нажимать на это. Добавление чего-то вроде «Вы хотите достичь XYZ?» Над ним и изменение копии кнопки на «Получите БЕСПЛАТНУЮ копию сейчас!» Может помочь.
Значение
«Люди получают большую дополнительную ценность, когда покупают эту книгу. По сути, они раздают книгу, которая стоит 12,99 доллара, и просят только расходы на публикацию и доставку. Еще они добавили к этому много бонусов (может быть, даже слишком много).
«Мне не хватает сводки или обзора всего, что я получаю!
Дефицит
«При использовании дефицита или неопределенности полезно усилить его, сделав дефицит / неопределенность больше или более заметным.Используйте таймер, установите дату, установите ограничение на количество оставшихся книг. Упомяните об этом с самого начала и напомните им об этом. Кроме того, предложите им способ легко решить эту проблему … поэтому добавьте призыв к действию рядом с местом, где вы это делаете.
Бонусов
«Визуальные эффекты бонусов мне мало что говорят. Я должен это прочитать. Они могли бы лучше поместить текст в заголовок и использовать реальный визуальный элемент или, что еще лучше, значок, улучшающий заголовок.
«Еще больше бонусов, я как бы запуталась со всеми бонусами.Постарайтесь взять читателя за руку и указать ему, как читать сайт (стрелки помогают).
«Используйте хорошие заголовки, объясняющие, почему им следует продолжать чтение.
«Гарантия возврата денег очень сильна. На данный момент это похоже на сертификат. Это можно было бы разместить где-нибудь над сгибом в лучшем дизайне.
«Итак, вам может быть интересно…» для всех маркеров вы можете добавить заголовок. Вы должны иметь возможность отсканировать ее и узнать, почему вы раздаете книгу бесплатно ».
- Омар Ловерт , специалист по конверсии и развитию, NightMonkey
Что хорошо сделано
- Хорошее использование социального доказательства — более 4600 подписчиков делают информационный бюллетень популярным.
- Использование таких известных брендов, как Google, Apple и Spotify, заставляет вас чувствовать себя принадлежащим к эксклюзивному клубу.
- Каждое утро пятницы дает понять читателю, когда он получит электронное письмо.
Что можно было проверить / улучшить
- Я бы перепроверил копию. «Хотите большего от своей работы» — расплывчато и не несет особой выгоды.
Экспертный анализ
«Эта страница подписки на информационный бюллетень от Джимми Дейли имеет много общего, но есть и несколько больших возможностей для улучшения.
«С другой стороны, очень урезанный дизайн с упором на удобочитаемость.
«Подзаголовок над почтовым ящиком использует социальное доказательство с призывом к действию« Присоединяйтесь к 4600+ подписчикам »- это всегда сильная тяга, и идея сообщества очень сильна.
«Второй призыв к действию« Подпишитесь ниже, чтобы получать порцию вдохновения каждую пятницу утром ». Хороший, он дает вам представление о том, что это не будет шквал продаж электронных писем и что автор достаточно организован, чтобы придерживаться к расписанию.
«Хотя это может быть связано с некоторым ужесточением, так это общее предложение информационного бюллетеня.
«Мета-заголовок провозглашает« Лучший маркетинговый бюллетень в мире ». Заголовок страницы называет его« Информационный бюллетень по смахивающему файлу », то есть обещает творческий подход и продуктивность.
«Я немного запуталась. Поможет ли это моему творчеству, продуктивности или маркетингу?
«Моя первая рекомендация — проверить несколько заголовков и посмотреть, какие из них действительно нужны вашим клиентам, и придерживаться их, как клея.
«Следующим шагом будет тестирование страницы с очень конкретными преимуществами, такими как« 5 советов, которые дадут вам 45 минут в день »или« 3 способа, которыми творческие профессионалы практикуют иное мышление ».
«Повышение планки того, насколько конкретно вы относитесь к своему предложению или обещанию своим потенциальным клиентам, почти всегда повышает конверсию, и в этом может заключаться разница между целевой страницей, управляемой большим трафиком (сообщения в блогах на том же сайте) и холодный платный трафик, который действительно позволит вам масштабироваться.
«После того, как я отправил свое электронное письмо, появляется предупреждение о проверке вашего почтового ящика на наличие двойного согласия, но оно попадает на стандартную страницу подтверждения трясины.
«Это тупик в отношениях и упущенная возможность сохранить импульс.
«Некоторый тщательно подобранный контент из предыдущих информационных бюллетеней или более существенная часть контента поможет укрепить отношения с читателем, который на самом деле еще не получил никакой пользы от Джимми. В меню есть ссылка на бесплатный курс электронной почты, который может стать хорошим началом, или другие идеи могут заключаться в том, чтобы побудить читателей использовать ваш контент по другим каналам.
«Через несколько минут я получил дополнительное электронное письмо, но его легко могли пропустить в загруженном почтовом ящике. Страница благодарности — это пустая трата денег для многих компаний.
«Само по себе электронное письмо действительно стоит того, и оно приходит в то время недели, когда большинство людей более восприимчиво к новым идеям.
«Несколько настроек и некоторое тестирование, и Джимми может значительно расширить этот список».
Что хорошо сделано
- Отличное ценное предложение.Подписавшись на его бесплатную рассылку, вы получите 2 бесплатные книги.
- Хорошее использование социального доказательства — большое и конкретное число делает информационный бюллетень действительно популярным.
- Копия четкая и прозрачная — сделайте это и получите
Что можно было проверить / улучшить
- «Получать обновления» на самом деле ничего не значит. Вместо этого я бы попробовал что-нибудь связанное с электронными книгами, например «Загрузите свои бесплатные электронные книги!»
- Я бы протестировал наличие рекапчи против отсутствия рекапчи.
Экспертный анализ
«В целом страница отлично справляется с поддержанием соответствия с остальной частью сайта. Минималистичный дизайн гарантирует, что люди, которые все же подписываются, будут иметь отношение к теме писем.
«Я предполагаю, что страница выполняет свою задачу по привлечению подписчиков, однако я хотел бы увидеть некоторые аспекты, позволяющие сегментировать людей, которые подписываются по определенным интересам.
«Я бы протестировал 3 вещи на этой странице:
- Удаление предложения бесплатных книг — на сайте много сообщений, где эти книги можно было бы предлагать индивидуально, чтобы помочь сегментировать список, я бы, возможно, попробовал предложить одну книгу и вести список по определенной теме, чтобы упростить продажу возможный продукт.
- Объясните, в чем заключаются преимущества — я бы попытался создать отдельную страницу для подписки на каждую книгу и объяснить некоторые из того, что содержится или будет изучено в отдельных книгах.
- Еще более минимально — я бы предположил, что люди, попавшие на эту страницу, уже прочитали часть контента Джеймса, я бы поэкспериментировал с удалением большого количества со страницы, возможно, используя простую форму регистрации с сообщением «получить обновления» . »
15. LinkInfluencer
Что хорошо сделано
- Хорошее использование социального доказательства.Цитата из одного из ведущих деловых изданий выделяет его.
- Определенные имена, изображения и отзывы создают социальное доказательство и укрепляют доверие.
- Заголовок сразу касается соответствующей проблемы. Подзаголовок
- делает потенциального клиента «героем» — он получит тот же план, который принесет им 1,3 миллиона долларов.
- Желтая кнопка CTA делает его всплывающим.
Что можно было проверить / улучшить
- Я бы проверил формулировку «стипендия», поскольку не совсем понятно, о чем идет речь.
Экспертный анализ
«К сожалению, на этой странице больше плохого, чем хорошего. Как только вы загрузите его, у вас будет четкий заголовок, который ведет к четкому описанию и призыву к действию. Большой. Однако в видео отсутствуют субтитры, и невозможно узнать, сколько оно длится. Это не особенно захватывающее и увлекательное видео, оно не слишком много рассказывает мне о том, что я получу, оно больше о них.
«Эта тема действительно продолжается на всей странице. Есть масса информации о том, почему они такие выдающиеся, об их достижениях и т. Д.
«У вас есть отзывы чуть ниже сгиба, и это здорово, и это приводит к довольно сильному разделу о проблемах потенциальных клиентов, но… тогда в конце этого раздела нет призыва к действию.
«К сожалению, затем он переходит в длинный, насыщенный текстом раздел, посвященный основателю, не представляющий никакой ценности для читателя, а затем превращается в очень длинный список целей и этапов, очень немногие из которых представляют ценность для читателя. Есть несколько хороших социальных доказательств, но большинство из них просто «я, я, я».Он больше похож на резюме или колоду инвестора, чем на целевую страницу для потенциальных клиентов.
«Следующие разделы о том, что включено и что задействовано, в целом довольно хороши, но должны быть выше по странице, что дает мне ценность.
Мой единственный комментарий здесь касается 12-месячного плана действий, который вызывает шумиху, говоря о Virgin, а затем приводит вас к краху со словами «ну, это не мы, но поверьте нам, мы тоже довольно хороши». Я понимаю то, что они здесь пытаются сделать, но на самом деле для меня результат был противоположным.
«Бонусы — это хорошо, но политика перепродажи потенциально открывает их для людей, покупающих курс исключительно с целью сорвать его и перепродать.
«Раздел тематических исследований хорош, но потом я нашел раздел стипендий довольно странным. Это хорошая идея, но впервые намекают на стоимость программы, и она огромна. Это также обозначается как «ценность нашей программы», но на самом деле они означают цену.
«В целом, для такой программы с такой высокой ценой на билеты на удивление мало пользы для читателя.Самые маленькие разделы описывают саму программу, в то время как самые длинные разделы почти полностью посвящены основателям и компании ».
Что хорошо сделано
- Целевая страница сфокусирована, только с одним призывом к действию.
- Копия ясно передает, что получит потенциальный клиент.
Что можно было проверить / улучшить
- Заголовок неясен — что означает более быстрое принятие решений в области социального маркетинга?
- Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации
Экспертный анализ
«Первая мысль, которую я подумал, когда попал на эту страницу, — это то, что я НЕ хочу заполнять все эти поля формы.Почему? Потому что это не стоит моего времени, и я определенно не хочу, чтобы продавец связывался со мной на столь раннем этапе цикла покупки. Это еще до того, как я узнаю, что это за предложение.
«А теперь поговорим об этом предложении. Что именно я получу здесь? Как представлено это «руководство»? Это инфографика? Видео? Целая книга? Результат неясен, и изображение не помогает.
«Заголовок никого не вызывает. Не знаю, для меня этот материал или нет. Я также не уверен, какие решения в социальных сетях поможет мне принять это руководство, почему мне нужно делать их быстрее или как эта вещь, что бы она ни была, будет делать все это.
Они должны быть проверены:
«1. Лучше, детальнее, заголовок с указанием точного целевого рынка и конкретной выгоды. (сколько времени и почему это важно?)
«2. Используйте форму только с полями для имени и электронной почты ».
Что хорошо сделано
- Выгодное предложение. Вместо того, чтобы раздавать электронную книгу, как все в отрасли, Louder Online предлагает бесплатный инструмент для анализа.
- Большие синие кнопки четко передают то, что предлагает агентство.
- Заголовок ясно передает выгоду.
- Огромные торговые марки служат социальным доказательством.
Что можно было проверить / улучшить
- Вместо того, чтобы говорить о себе, они могут протестировать подзаголовок, в котором говорится о потенциальном клиенте.
Экспертный анализ
«1-я — я считаю, что 1-я страница должна быть о посетителе — заявления« Превратите нас в ВАС ». т.е. Вы… Вы против нас…
«2-й — вместо изображения Аарона Агуиса и Нила Пателя — используйте видео.30 секунд или меньше.
«3-е место — Любите эстетику, визуальные эффекты и достоверность.
«Комплименты были бы №1, НО сайт начинался с WE. Читатели, что нужно знать, КАК вы помогаете, а затем кто вы ».
Что хорошо сделано
- Сара хорошо знает свою аудиторию — подзаголовок напрямую говорит о «будущем», о котором мечтает ее аудитория.
- Слово «бесплатно» делает его соблазнительным.
- Текст в скобках помогает справиться с огромным возражением ее целевой аудитории.
Что можно было проверить / улучшить
- Я бы протестировал новый заголовок. Заголовок «Примите меры сегодня» кажется преждевременным, прежде чем говорить об обещании.
Экспертный анализ
«Целевые страницы с наибольшей конверсией обычно ориентированы на одну конверсию. Одна страница, одно предложение. Вы мало или совсем не отвлекаетесь. Этого удалось достичь этой целевой странице. Я бы разделил тест с нижним колонтитулом и полностью удалил его, чтобы увидеть, повысит ли это вашу конверсию.
«Еще одна вещь, которую вам следует попробовать, — это сместить фразу« примите меры сегодня »немного ниже. Лучшим заголовком было бы «Готовы построить финансовую…» Как всегда, тестируйте, тестируйте и тестируйте ».
«Наконец, лид-магниту не хватает специфичности. Никто не хочет, чтобы еще один набор инструментов и советов помог ему достичь своей конечной цели. Если преимущества перечислены в таком формате, как «точные инструменты, которые я использовал, чтобы вывести свой бизнес из точки А в точку Б» и т. Д., Вы сможете превратить больше посетителей в потенциальных клиентов.”
- Ойекунле Дамола , консультант по цифровому маркетингу, DPTrax
Что хорошо сделано
- Хорошее использование отзыва, чтобы подчеркнуть мощь Infusionsoft.
- Маркированная копия упрощает демонстрацию преимуществ.
Что можно было проверить / улучшить
- Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации.
- Я бы протестировал новый заголовок, поскольку In The Pipeline мало что говорит о том, что аудитория ожидает получить.
Экспертный анализ
«Целевая страница Infusionsoft делает несколько вещей правильно, например, изображение, основное сообщение и призыв к действию, но страница могла бы быть гораздо более привлекательной.
«Давайте сосредоточимся на одной из наиболее важных характеристик целевой страницы: Заголовок .
«Заголовок пытается, но никого не побуждает к действию. Единственное, что он делает правильно, — это слово «бесплатно». Кроме того, есть возможности для улучшения.Например, какие результаты может дать это руководство? Или каковы преимущества использования этого руководства? Примерный пример:
.“Бесплатное руководство показывает точные шаги, чтобы закрыть больше потенциальных клиентов за меньшее время с помощью автоматизации. или Бесплатное руководство показывает вам, как использовать автоматизацию, чтобы уменьшить усилия по закрытию потенциальных клиентов.
«Другими словами, заголовок — это ваш первый (а иногда и единственный) шанс привлечь потенциальных клиентов и ввести их данные, так что используйте его по максимуму и загрузите его.«
Что хорошо сделано
- Минималистичная целевая страница помогает потенциальному клиенту сосредоточиться на единственном доступном действии — регистрации.
- Зеленая кнопка CTA появляется на странице.
- Copy передает преимущества и сообщает потенциальным клиентам именно то, что они ожидают узнать.
- Хорошее использование отзыва от известного имени в качестве социального доказательства.
Что можно было проверить / улучшить
- Непонятно, что означают 85% моих самых популярных бизнес-хакерских атак.
- Я бы протестировал другой призыв к действию вместо того, чтобы «приправить меня».
Экспертный анализ
«На сайте есть четкие сообщения и простой для понимания призыв к действию. Шрифт и кернинг в абзаце «Вы выучите точно…» можно было бы сделать четче / шире, чтобы его было легче читать. Красивое, четкое, симпатичное изображение Ноя и гармоничная цветовая схема делают веб-сайт понятным с основными элементами, которые легко понять ».
- Элеонора Тэй , менеджер по маркетингу, CandyBar
Что хорошо сделано
- Минималистичная целевая страница делает призыв к действию ориентированным.
- Копия прозрачно говорит о том, что получит потенциальный клиент.
- Хорошее использование социальных доказательств в таких местах, как New York Times и Fortune.
- Отзывы дают социальное доказательство.
- Feature image — социальное доказательство того, что он работает в престижном стартапе (Uber).
Что можно было проверить / улучшить
- Вместо @andrewchen он мог бы протестировать что-нибудь более заманчивое с правильным заголовком, ориентированным на выгоду.
Экспертный анализ
«Сайт Эндрю Чена выполнен в стиле минимализма; он знает, что основное внимание на сайте уделяется контенту, социальному обеспечению и, конечно же, привлечению людей к подписке на его информационный бюллетень, что является основной целью конверсии.Однако планировка не использует недвижимость выше сгиба, как это должно быть. Такие элементы, как узкое поле текста, отсутствие вертикального выравнивания, нечеткие
и неправильное использование пробелов, могут снизить коэффициент конверсии при неправильном использовании «.
Что хорошо сделано
- Хороший заголовок — сразу передает то, что должен получить потенциальный клиент.
- Использование «500 долларов» немедленно передает сумму ценности, которую потенциальный клиент получает бесплатно.
- Использование отзывов клиентов усиливает социальное доказательство.
Что можно было проверить / улучшить
- Текст слишком мелкий, его трудно читать.
- Я бы попробовал удалить номер телефона и посмотреть, улучшит ли это преобразование.
Экспертный анализ
«Вещи, которые мне нравятся:
- Хороший заголовок В подзаголовке
- нет слова «Учиться».
- Вопросы и открытия с образованием.
- Как вступление.
- Призыв к действию содержит все хорошее, включая подробный план.
«Предлагаемые изменения:
- Измените заголовок «Узнайте, как получить бесплатную оценку рекламы в Facebook сегодня»
- Сделайте подзаголовок крупнее и точнее: «Узнайте, на что вы тратите рекламные расходы, найдя прибыльную аудиторию и в конечном итоге получите аудит стоимостью 500 долларов США бесплатно…»
- Я бы поместил видео и 7 шагов вверху, затем StubGroup, а затем отзывы «.
23. GrowthLab
Что хорошо сделано
- Заголовок сразу привлекает внимание и обращается к потенциальным болевым точкам.
- Copy решает возражение многих потенциальных клиентов.
Что можно было проверить / улучшить
- Я бы попробовал раздавать лид-магнит вместо получения обновлений.
Экспертный анализ
«В зависимости от цели эта целевая страница может выполнять свою работу, а может и не выполнять ее.
«Это прямо и всего в нескольких словах, это говорит вам о кульминации. Это хорошо, но проблема в том, что призыв к действию довольно слабый.
«Для целевой страницы, которая говорит о копировании, я чувствовал, что ей нужен более сильный призыв к действию, чем то, что было у них.Что касается дизайна, ему не хватает цвета, чтобы нарушить узор. Навигация по меню уже черная, а затем весь текст ниже черный, и только крошечная голубая кнопка является единственным другим цветом.
«Наличие чего-то, что может нарушить узор, и более сильные цветные кнопки (возможно, также более крупные), могут творить с ними чудеса.
«В целом, целевая страница в порядке, когда дело доходит до копирования и потока — можно улучшить, но это нормально. Больше всего нужно улучшить призывы к действию, в том числе кнопки и панели выбора.Он должен выделяться и вызывать у меня отчаянное желание раскрыть свои подробности ».
Что хорошо сделано
- Заголовок обращается к конкретному потенциальному клиенту.
- Зеленая кнопка CTA появляется на странице.
- Хорошее использование его биографии для обозначения социальных доказательств.
Что можно было проверить / улучшить
- Непонятно, на что подписывается потенциальный клиент. Я бы попробовал раздать какую-то ценность или привести копию.
Экспертный анализ
- «Любите чистый дизайн, отсутствие отвлекающей навигации, которая уведет пользователя куда-нибудь, кроме двух основных призывов к действию.
- Сообщение в копии выделяется, потому что оно не соответствует тому, о чем кричат все на рынке. Тем не менее, подтекст можно разбить на более мелкие или «иконизировать» для облегчения чтения.
- Последние посты выглядят немного сжатыми и сгруппированными, поможет небольшой интервал между постами. Также было бы здорово иметь призыв к действию после каждого поста, например «читать дальше …», но я предполагаю, что это противоречит подходу бренда к «чистому виду», поэтому я полагаю, что это необязательно.
- В целом, чрезвычайно простая целевая страница с четким призывом к действию и уникальным позиционированием «без ерунды» делает ее действительно хорошей целевой страницей ».
Что хорошо сделано
- Логотипы известных медиа-компаний являются социальным доказательством.
- Отзывы известных людей в отрасли предоставляют еще больше социальных доказательств.
- Призыв к действию «Присоединяйтесь к 52 134 людям» демонстрирует конкретность и делает информационный бюллетень популярным.
Что можно было проверить / улучшить
- Непонятно, что означает «умнее» в растущих стартапах.
- Непонятно, что подразумевается под самым захламленным рынком в истории.
Экспертный анализ
«Что они сделали хорошо:
- логотипы социальных доказательств
- социальных доказательств с хедшотами
- социальное доказательство на кнопке CTA
Что они могут улучшить (тест):
- первая строка (я не знаю, кто такой Али, поэтому для меня ничего не значит, использование этого имени подойдет только для теплой аудитории, которая знает Али) Заголовок
- мог бы быть более сильным (я бы использовал заголовок, который соответствует заголовку главной статьи Али, и отдал бы его как первое эссе) Строка описания
- не дает ощутимой пользы, которую люди получат прямо сейчас (я бы описал преимущество №1 от чтения главной статьи Али о росте стартапов) »
26.HubSpot
Что хорошо сделано
- Слово «бесплатно» заманчиво.
- Подзаголовок сообщает о пользе.
- Синяя кнопка CTA появляется на странице. Пули
- обладают преимуществами, которые легко потреблять.
Что можно было проверить / улучшить
- Я бы попробовал предложить загрузку сразу в виде двухэтапного всплывающего окна, а не просто «продолжить».
- Я бы протестировал снятие флажка, чтобы увидеть, увеличиваются ли конверсии.
Экспертный анализ
«Я считаю, что это здорово, что как только мы переходим на эту целевую страницу, мы сразу понимаем, что предлагает HubSpot. И h2, и h3 выделены жирным шрифтом, что немного отвлекает. При просмотре целевой страницы на iPhone текст основного заголовка идеально подходит под верхний gif, что выглядит очень аккуратно. В целом, контент отлично демонстрирует, почему нам нужны эти шаблоны электронных книг. Самая большая проблема сейчас в том, что я не могу прочитать оранжевый текст в FAQ, примеры электронных книг расплывчаты, а изображение за формой внизу отвлекает от кнопки CTA.Я беспокоюсь, что людям будет сложно найти эту кнопку с призывом к действию. Я также беспокоился бы, что люди не смогут видеть стрелки для навигации по примерам электронных книг и захотят проверить наличие менее размытых примеров электронных книг. Я также думаю, что стоит протестировать отсутствие кнопок совместного доступа на целевой странице, так как это также может отвлекать посетителей ».
- Дэниел Уоллок , вице-президент (агентские услуги), BlitzMetrics
Что хорошо сделано
- Заголовок дает сильное преимущество.
- Форма захвата свинца очевидна и привлекает внимание.
- Таймер обратного отсчета указывает на срочность.
- Использование вкладов экспертов передает достоверность.
Что можно было проверить / улучшить
- Я добавлю еще немного описания того, что влечет за собой весь курс.
Экспертный анализ
«Мысли о том, что бы я тестировал на Email1k, для меня нет« готовой »целевой страницы, всегда есть место для тестирования и улучшения.
«Тестирование должно проводиться на всех устройствах, чтобы убедиться, что преимущества очевидны, и пользователь может легко предпринять действия на каждом устройстве.Например, на мобильном устройстве страница загружает форму в поле зрения, поэтому пользователь не видит «Бесплатный 30-дневный курс для УДВОЕНИЯ ВАШЕГО СПИСКА ЭЛЕКТРОННОЙ ПОЧТЫ» — важное сообщение, которое дает пользователю повод ввести свой адрес электронной почты.
«Понятно, что цель на этой странице — заставить кого-то оставить свой адрес электронной почты, но есть многое, что их отвлекает, самая первая ссылка -« Powered by SumoMe »в самом верху страницы, социальная значки общего доступа — это наложение, которое появляется после загрузки страницы. Вам нужно проверить все это: сколько людей нажимают на них, сколько репостов в социальных сетях вы получаете с помощью виджета общего доступа, насколько ценны доказательства того, что многие люди поделились страницей — стоит ли отвлекаться.Сколько людей нажимают SumoMe и не заполняют форму — все это вам расскажет тестирование.
«Я вижу, что« Знакомство с экспертами по электронному маркетингу »призвано придать курсу серьезность. Это имена, о которых ваша аудитория слышала и уважает? Если нет, то какой цели они служат? Если в курсе есть комментарии от Сета Година, я буду ценить это имя по сравнению с кем-то, о ком я никогда не слышал.
Протестируйте логотипы компаний, с которыми работали ваши эксперты, или, что еще лучше, отзывы людей, загрузивших документ, поскольку в них меньше необходимости, чтобы они были узнаваемыми именами.
«Итак. Проверьте каждое устройство, ключевые сообщения ясны и видны. Уменьшите количество отвлекающих факторов, которые отвлекают людей от вашей основной цели, и убедитесь, что доказательства качества находят отклик у аудитории, проверьте здесь другое доказательство ».
- Дэниел Леннокс , руководитель отдела цифрового маркетинга, Riverford
Что хорошо сделано
- Фотографии до и после демонстрируют доказательство того, что она знает, о чем говорит, и помогла и себе, и своим клиентам добиться результатов.
- Слово «бесплатно» заманчиво.
- Идея похудения с помощью специй вызывает большое любопытство.
- Хорошо справляется с возражениями, показывая, что потенциальные клиенты все еще могут есть свою любимую еду.
- Правильное использование логотипов для обозначения социальных доказательств.
- Отзывы помогают дополнительно указать социальное доказательство.
Что можно было проверить / улучшить
- Я бы попробовал придерживаться одного предложения вместо двух.
Экспертный анализ
«Как только вы открываете этот конкретный веб-сайт, владелец не теряет времени, чтобы сразу перейти к делу.Непосредственная выгода от быстрой потери веса очевидна. Упомянутые бренды и рецепты немедленно подкреплены обширными социальными доказательствами, свидетельствующими о том, что Нагина фигурирует в таких журналах, как Forbes, Huffington post и Time.
«Один элемент, который выделяется на остальной части целевой страницы, — это заголовок. В то время как остальная часть целевой страницы выглядит превосходно, кажется, что заголовку не было уделено достаточно внимания. Хотя это не то, что сразу же повлияет на конверсии или показатель отказов, о нем следует помнить в будущем.
«Двигаясь дальше вниз, показаны 3 специи, которые, как было« научно доказано », сжигают жир. Цитата специалиста по питанию или врача, хотя это и не является необходимостью, укрепит ценность Nagina и ее бренда.
«Переход к изображениям до и после показывает недавний успех Нагины у других участников. Выделение их успеха другим цветом привлечет внимание читателя к результатам, которых можно ожидать еще больше. Целевая страница заканчивается очень хорошим обзором Нагины и другими отзывами.
«У Masala Body очень интересная и прямая целевая страница. Индустрия, которая часто ассоциируется с мошенничеством или любителями, передающими правильное сообщение, как никогда важна. С некоторыми дополнительными (необязательными) настройками его можно будет еще больше оптимизировать, что повысит коэффициент конверсии ».
- Мориц ван Концен , основатель и генеральный директор, Avenik
29. Удар
Что хорошо сделано
- Предложение отличное — 10 бесплатных электронных книг на один адрес электронной почты.
- Правильное использование стрелки для указания на CTA
Что можно было проверить / улучшить
- Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации.
- Я бы протестировал удаление кнопок социальных сетей, чтобы избежать путаницы.
Экспертный анализ
«Маркетологи склонны чрезмерно усложнять свои целевые страницы за счет причудливого дизайна и длинных текстов (нарушая принцип KISS), но не эту целевую страницу. Простой и минималистичный дизайн позволяет посетителям сосредоточиться на самом важном: на предложении.
«Поскольку маркетинг — это широкая дисциплина, я бы упаковал предложение для определенной аудитории (например, для входящих маркетологов) или упорядочил предложения в обучающем путешествии, чтобы уменьшить наводнение; текущее сообщение слишком широкое.
«Добавление нескольких отзывов определенно поможет вызвать доверие и повысить конверсию. Нет. полей формы должны быть соизмеримы со значением, что в данном случае оправдано ».
Что хорошо сделано
- Слово «бесплатно» заманчиво.
- «Формирование бицепсов, которые кружат голову» — хорошее пособие, привлекающее потенциальных клиентов.
Что можно было проверить / улучшить
- Я бы протестировал фокусировку целевой страницы, удалив другие элементы с веб-сайта.
- неясно, что означает «Черная книга бицепса».
Экспертный анализ
«На целевой странице есть отличное видео и четкий призыв к действию. У них также есть HTTPS перед URL-адресом, чтобы посетители чувствовали себя в безопасности.Но есть несколько простых способов превратить эту целевую страницу в ад.
- Добавьте социальное доказательство — отзывы и обзоры людей, которые уже использовали книгу.
- Старайтесь как можно больше убирать отвлекающие факторы. Например, нижний колонтитул слишком большой для целевой страницы и отводит слишком много внимания от основного CTA. Верхнее меню слишком «переполнено», а под основным призывом к действию есть еще одно с просьбой подписаться на рассылку новостей. Постарайтесь придерживаться всего одного призыва к действию.
- Используйте наложение с намерением выхода, чтобы привлечь больше посетителей, покидающих страницу без регистрации.
- Измените заголовок HTML-тега страницы с «бесплатный подарок» на «Получите« The Biceps Black Book »бесплатно».
- Если вы долго покидаете свою страницу, не забудьте повторить CTA или добавить плавающую кнопку «зарегистрироваться», которая будет следовать за посетителями при их прокрутке ».
- Томер Аарон , соучредитель Poptin
Украдите лучшие примеры целевых страниц в 2018 году — не начинайте с нуля
Необязательно создавать целевые страницы с чистого листа.
Посмотрите на приведенные выше образцы целевой страницы и смоделируйте выигрышные элементы. Затем посмотрите, что говорят эксперты, и систематически тестируйте, настраивайте и анализируйте различные способы улучшения своих собственных.
А затем наблюдайте, как ваш коэффициент конверсии взлетает до небес.
Об авторе: Онг Си Куан (Ong Si Quan) — менеджер по контент-маркетингу в CandyBar, приложении для цифровых карт лояльности. Используйте CandyBar, чтобы запустить целую программу лояльности со своего устройства и узнать, кто ваши лучшие клиенты.Попробуйте CandyBar бесплатно в течение 30 дней здесь сегодня.
.