лучшие примеры [и критический разбор]
Мы собрали 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.
- Слишком большой объем информации, длинный лендинг.
- Неинтересные и некачественные видео.
Лучшие лендинги мира: 12 примеров, на которых стоит учиться
Как разработать лендинг для высоких конверсий — читайте в нашей предыдущей статье.
Но сегодня речь пойдет о другом. Правильная посадочная страница должна учитывать массу элементов — продающий контент, изображения, структуру, цветовое оформление и т. д. Все это можно познать на скучной теории, но ведь уроки куда проще воспринимаются с практическими примерами!
Знакомьтесь: лучшие лендинги мира, которые мы откопали в разных уголках Буржунета.
Смотрите, анализируйте, учитесь у профессионалов и не повторяйте ошибок.
№1: Посадочная страница VideoFruit
Что сделано правильно:
· Четкий таргетинг: заголовок и подзаголовок ориентированы на новичков, поскольку большинство продвинутых маркетологов и бизнесменов знают, что такое список адресов электронной почты.
· Четкое преимущество: если вы подписаны, они научит вас получить первую сотню подписчиков.
· Зеленая кнопка призыва к действию удачно контрастирует с синим фоном и выделяется.
· Социальное доказательство помогает установить доверие — NBC News, ESPN, Lifehacker и Moz — крупнейшие и авторитетнейшие сайты Буржунета.
Что можно протестировать / улучшить:
· Слова, которые передают пользу, «получить ваши первые 100 подписчиков» сливаются и плохо отображаются на синем фоне. Они должны контрастировать.
· Неплохо бы провести А/В тестирование с другим заголовком — «Хочешь начать свой бизнес?».
№2: Лендинг пейдж ConvertKit
Что сделано правильно:
· Обещание «запустить свой первый веб-сайт за 30 дней» является сильным, граничащим с фантастическим, однако вызывает сильное любопытство у читателя.
· Слово «бесплатно» заманчиво. В отрасли, сдирающей тысячи долларов за переработанную информацию, месячный бесплатный курс подогревает интерес.
Что можно протестировать / улучшить:
· Возможно, наша команда предложила бы эмоционально насыщенную историю. «Общие» формулировки плохо говорят сердцу аудитории, и это серьезный минус.
№3: Веб-страница Aura Dating Academy
Брать деньги за уроки ловеласа — это определенно интересная бизнес-идея.
«Академия свиданий» Aura реализовала ее с помощью прекрасной целевой страницы.
Что сделано правильно:
• Желтая кнопка призыва к действию прямо просится, чтобы ее нажали.
• Слово «бесплатно», как всегда, производит феноменальный эффект на молодых людей.
• Очень подробный и откровенный отзыв, используемый для демонстрации «опыта» Дэвида — социальное доказательство в формате видеоролика — звучит убедительно.
• Ярко выраженное ценностное предложение — Дэвид хорошо знает потребности ЦА и поможет «уверенно знакомиться с женщинами».
Что можно протестировать / улучшить:
• Мы бы запустили А/В тестирование без видеоролика. Людям вечно не хватает времени, чтобы просматривать видео с информацией, которая может и не пригодиться.
• Можно опробовать другой набор заголовков. Например, со словом «привлекать».
№4: Лендинг компании MeetEdgar
Здесь мы видим не совсем обычную посадочную страницу, которая предоставляет посетителям доступ к остальным разделам веб-сайта — блогу, ценам, информации о компании и др.
Это весьма интересный, но рискованный подход к разработке лендингов. Потенциальный клиент может перейти сразу в блог или еще куда-то, выпорхнув из маркетинговых сетей целевой страницы.
Исследования Conversion XL показывают, что удаление навигационных элементов с таких веб-страниц увеличивает коэффициент конверсии на 16-28%. Поэтому мы не советуем рисковать.
Что сделано правильно:
• Фантастический заголовок «Социальные медиа. Минус временные затраты»: MeetEdgar знает перспективы и понимает, что люди скептически относятся к ROI социальных сетей. В заголовке развеиваются их возражения одним метким утверждением.
• Удачное обещание сэкономить время — очевидная польза, которая делает клиента счастливым.
• Кнопка призыва к действию выделяется на синем фоне.
Что можно протестировать / улучшить:
• Мы бы опробовали дополнительный призыв к действию с другой формулировкой.
• Если вы оставляете элементы навигации, то можно добавить призыв именно сюда.
• Можно расширить информацию о компании и предлагаемых услугах.
№5: Веб-страница MotleyFool
Компания обучает всех, кто желает делать деньги на бирже без финансового образования и опыта.
Что сделано правильно:
• Простая, чистая и целенаправленная посадочная страница помогает усилить конверсии.
• Выделяется слово «бесплатно» и подчеркивается, что «вы ничего не теряете» при подписке на курс.
• Слова «нет жаргона Уолл-стрит» помогают развеять опасения финансово неграмотных новичков.
Что можно протестировать / улучшить:
• Целесообразно опробовать замену слова «ensure – обеспечить» на «гарантировать» финансовое будущее, чтобы добавить уверенности потенциальному клиенту.
• Многих может испугать, что «каждый день он будет получать email для прохождения курса» — пользователям хочется все и сразу, даже если так не бывает.
№6: Лендинг пейдж LandingFolio
Компания предлагает платные формулы продающих заголовков для коммерческих сайтов.
Несмотря на грамотную, в целом, разработку лендинга, маркетологи перестарались.
Фраза «Почему вы до сих пор теряете время на создание заголовков?» загоняет в тупик. Если придумывание заголовков было пустой тратой времени, зачем мне этот продукт вообще? И зачем вообще писать заголовки? Неужели их клиенты действительно говорят самим себе «это пустая трата времени»?
Что сделано правильно:
• Заголовок давит на болевую точку.
• Подзаголовок передает преимущество, которое решает проблему.
• Логотипы MOZ и Conversion XL внушают уважение.
• Большая зеленая кнопка призыва к действию выделяется.
Что можно протестировать / улучшить:
• На веб-странице есть несколько ошибок, которые портят впечатление.
• На кнопке лучше писать не «Закажи свой…», а «Получи больше конверсий» или что-то похожее.
• Строчка «Посмотреть примеры заголовков» рядом с кнопкой отвлекает внимание клиента.
№7: Лендинг пейдж IDoneThis
Что сделано правильно:
• Фраза «более 160 000 человек» передает социальное доказательство — многие его используют, поэтому вам обязательно следует попробовать!
• Заголовок посадочной страницы передает четкую и понятную выгоду.
• Развернутый подзаголовок облегчает понимание продукта.
• Возможность регистрации с помощью Google — это простота и высокие конверсии.
Что можно протестировать / улучшить:
• Добавление специфических функций к изображению справа улучшит запоминаемость продукта.
• Возможно, призыв к действию можно сделать более эмоциональным и вовлекающим.
№8: Веб-страница Outskirt Press
Что сделано правильно:
• Обещание впечатляющее — решает проблему начинающих авторов опубликовать собственную книгу со 100% прибылью и соблюдением прав.
• Наличие известных логотипов позволяет увидеть, где авторы могут публиковать свои книги.
• Маркированные списки позволяют легко взглянуть на преимущества.
Что можно протестировать / улучшить:
• Кнопка призыва к действию говорить «Получить бесплатную электронную книгу». Нет, ну действительно, кому захочется «Получить подробности бесплатно»!
• Черный шрифт заголовка и текста на синем фоне увеличивает время прочтения. Помните: повлиять на решение пользователя нужно за секунды!
№9: Посадочная страница бизнес-тренера Ноа Кагана
Что сделано правильно:
• Минималистская страница помогает сосредоточиться на единственном действии — регистрации.
• Зеленая кнопка с необычным призывом к действию привлекает внимание.
• Текст передает преимущества и рассказывает именно о перспективах взаимодействия.
• Ниже приводятся социальные доказательства — отзывы известных людей.
• Открытая фотография Ноя и гармоничная цветовая схема делают сайт привлекательным.
Что можно протестировать / улучшить:
• Неясно, что означает «85% моих самых горячих бизнес-советов» — почему не все???
• Можно провести А/В тестирование других вариантов СТА вместо фразочки Spice me up.
• Шрифт и кернинг подзаголовка неудачные, поэтому текст читается медленно.
№10: Сайт для спортсменов Athlean-X
Данный сайт занимается спортивными товарами, литературой и биодобавками для спортсменов.
Несмотря на яркое и привлекательное предложение получить книгу бесплатно (за ним последует регистрация email), лендинг применяет все тот же рискованный прием — элементы навигации по сайту и возможность для пользователя «улизнуть» в другой раздел без совершения целевого действия.
Что сделано правильно:
• Слово «бесплатно» в заголовке выглядит ярко и заманчиво.
• Цветовая схема и фон лендинга в целом отлично подобраны для суровых фанатов «железа».
• Перспектива «накачать бицепсы, которые поворачивают головы и разрывают рукава» точно воздействует на целевую аудиторию подобных сайтов.
Что можно протестировать / улучшить:
• Лендинг должен фокусироваться на целевом действии, а лишние элементы мешают.
• Отсутствуют социальные доказательства — отзывы людей, которые уже получили книгу.
• Не до конца понятно, что означает название «Черная книга бицепсов».
№11: Бизнес-сайт Эндрю Чена
Данный лендинг предлагает подписаться на авторские обзоры событий Силиконовой долины.
Очевидно, что основная клиентура Чена — это инвесторы и специалисты в области высоких технологий.
Сайт Эндрю Чена минималистский по своей природе. Основное внимание уделяется контенту, социальному доказательству и, конечно же, побуждает людей подписываться на его информационный бюллетень, который является главной целью конверсии.
Что сделано правильно:
• Минималистская целевая страница фокусирует пользователя на действии.
• Подзаголовок дает четкое представление о сущности продукта и выгодах от него.
• Внедрение социальных доказательств с такими именами, как New York Times и Fortune.
• Отзывы дополнительно усиливают социальные доказательства.
Что можно протестировать / улучшить:
• Вместо @andrewchen желателен соблазнительный, ориентированный на выгоду заголовок.
• Сжатие текста, отсутствие вертикального выравнивания, нечеткость <h3> и неправильное использование пробелов могут привести к ухудшению конверсий.
№12: Лендинг пейдж Masala Body
А этот сайт рассчитан на женскую аудиторию, желающую избавиться от лишних килограммов.
Что сделано правильно:
• Фотографии «до» и «после» наглядно демонстрируют, что создательница рецептов похудения действительно знает, о чем говорит. Результат вызывает доверие.
• Предложение получить по email БЕСПЛАТНЫЕ рецепты призывает попробовать.
• Идея потеря веса с помощью специй весьма любопытна и привлекательна для большинства — изнурительные упражнения и диеты здесь даже не упоминаются!
• Автор борется с вероятными возражениями, допуская шоколадный торт в своих таинственных рецептах! Это последняя линия обороны сладкоежек.
• Грамотное использование логотипов для упоминания социального доказательства.
• Ниже приведены цитаты экспертов, которые «узаконивают» методику.
• Отзывы женщин подкрепляют уверенность в результатах.
Что можно протестировать / улучшить:
• Элементы навигации снова позволяют посетителю уходить через второстепенные разделы сайта — например, через блог — не выполнив целевого действия (без регистрации email).
Берите пример с лидеров, не повторяйте ошибок, и удачных вам конверсий!
Лучшие лендинги Украины, сайты лендинги на «WEB AWARDS UA»!
Сегодня успешный интернет-маркетинг не обходится без такого уникального эффективного инструмента как посадочные страницы, или landing pages (лендинги). Это сайты-одностраничники, создаваемые в рамках проведения рекламных кампаний (контекстная реклама, переход по клику по баннеру и т.д.) под конкретную цель:
- продать конкретную услугу или товар посетителю;
- получить необходимую информацию от пользователя, например, для целей лидогенерации и т.д.
Какие они — лучшие лендинги, создаваемые отдельно от основных сайтов (корпоративных ресурсов крупного бизнеса, веб-визиток мелкого и среднего бизнес-звена, онлайн-магазинов) и показывающие высокую эффективность работы при грамотном подходе к их созданию? На этот вопрос ответит подведение итогов конкурса среди посадочных страниц в рамках ежегодной Национальной интернет-премии «WEB AWARDS UA» в номинации «best landing pages».
Лучшие лендинги 2020
К критериям оценки в номинации «Лучшие лендинги 2021» можно отнести следующие:
- привлекательное, цепляющее оформление, тенденции в дизайне посадочных страниц, создаваемых под конкретную нишу и преследуемые цели;
- качество используемого графического текстового контента и стиль его подачи;
- грамотная структура страничек, подпадающих под звание best landing pages 2019 – расположение блоков, баланс графики и текста;
- наличие повышающих имидж и доверие компонентов, а также элементов, побуждающих к требуемому действию, их оформление и подача.
В оценивании представленных на конкурс многочисленных лендинг пейдж смогут принять участие все желающие пользователи, заинтересованные в развитии сферы IT в Украине, что в итоге позволит достичь двух основных целей:
- повышение комфорта пользователей, на которых рассчитано использование лендингов;
- повышение эффективности бизнеса путем увеличения эффективного трафика и конверсии.
Лучшие Landing Page: качественные, дорогие и эффективные
Лучшие лендинг пейдж: сколько стоит эффективность?
Стоимость разработки веб-сайта, в том числе и лендинг пейдж, обусловлена несколькими факторами, основным из которых является степень сложности реализации главной идей. У лендингов под идеей подразумевается уникальное торговое предложение (УТП), чем оно необычнее, тем сложнее его реализовать в формате веб-презентации, тем больше разных специалистов для этого может потребоваться. Труд каждого из задействованных в процессе разработки должен быть оплачен. При этом важно не только профессионально разработать каждый элемент лендинга, нужно, чтобы он самостоятельно и в составе готового сайта способствовал решению задач его владельца и достижению поставленных целей. Также послужить прибавкой к стоимости лендинга могут дополнительные требования самого заказчика:
- внедрение нестандартных способов навигации;
- обеспечение ресурса дополнительными функциональными возможностями;
- категорические требования, предъявляемые к дизайну будущего сайта и т.д.
Для профессионалов не станет проблемой решение этих вопросов, но время работы каких-то специалистов увеличится, что приведёт к увеличению размера её оплаты, и это отразится на итоговой стоимости готово посадочной страницы. Все эти нюансы обсуждаются с заказчиком, затем вносятся в техническое задание. Только после положительного утверждения ТЗ со стороны заказчика, работники веб-студии приступают к работе над проектом.
Качество лендинг пейдж: работа на результат
Качество посадочной страницы заключается не только в профессионально разработанном дизайне, грамотно написанных текстах и качественных фото и видео материалах – все эти элементы должны быть правильно структурированы. Нужно подать подготовленный материал таким образом, чтобы у посетителя возникала прочная уверенность в необходимости совершения целевого действия. Для разработки необходимой структуры лендинга нужно досконально изучить тот товар или услугу, которую будет презентовать сайт, найти его самые преимущественные достоинства. Затем проанализировать деятельность конкурентов, определить какие их действия могут быть оправданы в Вашем случае, и не повторять допущенных ими ошибок, которые приводят к снижению эффективности лендинга. Соблюдение этих правил и составление портрета целевого покупателя поможет Вам сделать максимально выгодное предложение потенциальным клиентам.
Как создаются эффективные лендинги?
Итак, подведём итоги.
Что необходимо для создания эффективного лендинга?
- Подробно изучить презентуемый продукт;
- Провести мониторинг действий конкурентов;
- Составить портрет потенциального покупателя;
- Найти яркую и необычную идею для коммерческого предложения;
- Отыскать команду профессионалов способную воплотить Вашу идею в формате результативного продающего лендинга.
Landing Page на WordPress — подборка плагинов
Куда ведут ссылки кампаний вашей социальной рекламы и рекламы Google? А маркетинговые кампании по e-mail рассылке? Если это домашняя страница вашего сайта или даже страница продукта, то вам пора узнать о посадочных страницах, или Landing Pages. Это специализированные типы страниц призваны значительно повысить конверсию. Они делают это потому, что на них направлена целая система продаж, от рекламного контента до контента на странице.
К счастью, для создания качественной посадочной страницы не требуется много работы или денег, если у вас есть хорошие специализированные плагины. И, конечно же, с WordPress у вас есть много отличных вариантов на выбор.
Зачем нужен плагин для Landing Page на WordPress?
Прежде чем мы углубимся в обзор различных плагинов для создания Landing Page на WordPress, давайте разберемся, зачем они вообще нам нужны.
1. Увеличение конверсии сайта на WordPress
Поскольку Landing Page предназначены для предоставления посетителям целевого контента, вероятность их конверсии гораздо выше. Типы конверсий могут быть разными, в том числе регистрации в форме, покупка продукта или участие в вебинаре. В любом случае, плагин для Landing Page на WordPress могут помочь увеличить конверсию трафика в продажи.
2. Соответствие призыву в рекламе
На посадочные страницы трафик часто идет с рекламных объявлений. При этом, ссылка на домашнюю страницу вашего сайта не направляет клиента на дальнейшие действия. А Landing Page точно отражает то сообщение, которое вы создали в объявлении, что способствует конверсии пользователя в покупателя.
3. Получить больше лидов
Вы получаете ссылки из e-mail рассылок, социальных сетей и поискового трафика. Значительная часть этих лидов будет потеряна при отправке на главную страницу сайта. Поэтому эти ссылки должны быть заменены на ссылки на посадочную страницу, которая будет стимулировать продажу.
4. Улучшение факторов SEO
Существуют разные типы лендингов. Некоторые из них могут быть только PPC, но другие могут быть созданы для целей SEO (или иногда даже для обоих). Если ваши посадочные страницы оптимизированы по ключевым словам, удобны для пользователя, отзывчивы и быстры, они хорошо повлияют на поисковую оптимизацию. Также, чем больше посадочных страниц вы публикуете, тем больше у вас шансов найти свой сайт на первой странице поисковой выдачи. Это может быть выгодно высокой степенью конвертации трафика из органической выдачи.
5. Сбор информации о потенциальных клиентах
Задача посадочной страницы — привлечь потенциальных клиентов и превратить их в конверсии. Бонус увеличения числа конверсий заключается в том, что именно здесь клиенты оставляют свои данные. Вы узнаете о страницах, которые они посещают, заходят ли они с мобильного или настольного компьютера, и многое другое. Таким образом, вы можете сделать ретаргетинг клиентов в будущем с помощью более качественной рекламы, электронной почты и целевых страниц.
Здесь нужно предупредить о GDPR . Если вы собираете какую-либо информацию о пользователе, вам всегда нужно сначала запросить согласие.
6. Презентация товарных предложения в желаемой форме
Маркетинговые предложения часто смешиваются с другим контентом на вашем сайте, что снижает их общую эффективность. Лендинги обычно ориентированы на один или два продукта без каких-либо других отвлекающих вещей. В комплексе с узким товарным предложением это отличный способ стимулировать продажи.
Как выбрать плагин Landing Page на WordPress
В поисках идеального плагина для создания Landing Page на WordPress можно заметить, что большинство решений имеют похожие функции. Тем не менее, есть некоторые особенности, специфичные для определенных плагинов. Вот некоторые важные функции, которые должны быть в составе плагинов для создания Landing Page на WordPress:
- Перетаскивание элементов — конструктор страницы drag and drop. Или хотя бы наличие блоков, подходящих по смыслу для создания посадочных страниц. Например, таймеры. Также будут полезны формы подписки по электронной почте, текст, медиа и отзывы.
- Готовые шаблоны Landing Page на WordPress — задача состоит в том, чтобы иметь посадочные страницы для всех продуктов и услуг. Как мы знаем, чем больше качественных посадочных страниц, тем лучше это для SEO и выше конверсия. Поэтому нужно ускорить время создания этих страниц с помощью готовых шаблонов. Затем можно быстро настроить шаблоны, чтобы они соответствовали брендингу вашей компании.
- A / B-тестирование — без A / B-тестирования весь ваш дизайн целевой страницы будет одной большой игрой в догадки. Что, если цвет кнопок снижает вероятность нажатия? Страница с отзывами помогает конверсиям или просто загромождает интерфейс? Сложно сделать правильные выводы без A / B-тестирования.
- Интеграция с электронной почтой. Конверсии и лиды требуют сбора данных для продажи этим пользователям в будущем. Как вы собрать список адресов электронной почты. Поэтому лучшие плагины для создания Landing Page на WordPress обеспечивают интеграцию с почтовыми маркетинговыми сервисами, такими как MailChimp и CampaignMonitor.
- Таблицы цен. Таблицы цен, вероятно, будут частью drag and drop редактора, это полезная опция для быстрого и удобного создания блоков ценовых предложений.
- Поддержка мультимедиа — известно, что элементы мультимедиа, от видео до изображений и документов до аудио, не только рассказывают больше о ваших продуктах, но и помогают клиентам, которые еще не решились на покупку, сделать выбор.
Лучшие плагины для Landing Page на WordPress
Мы исследовали, протестировали и разобрали каждый популярный плагин для создания посадочных страниц, чтобы показать лучшие функции и элементы, которые смогут помочь вам сделать выбор.
- Elementor
- Beaver Builder
- Divi Builder
- Qards
- Instapage
- OptimizePress
- LeadPages
- Thrive Architect
- InstaBuilder
- Landing Page Builder
1. Elementor
Elementor имеет явное преимущество перед другими плагинами для создания Landing Page на WordPress в том, что основной плагин бесплатен. Причем бесплатная версия имеет довольно богатый функционал. У него более чем 1 миллион активных установок и 5-звездочный рейтинг
Вы можете скачать конструктор Elementor и начать создавать посадочные страницы без необходимости работы с кодом. Он работает практически со всеми темами и плагинами, и несколько готовых шаблонов фактически включены в бесплатную версию Elementor.
В целом, Elementor — один из самых быстрых инструментов для создания Landing Page. Drag n Drop редактор может быть даже лучше, чем в Beaver Builder, и большинство пользователей будут удовлетворены тем, что может предложить бесплатная версия плагина. Кроме того, цена премиум-версии начинается от 49 долларов за один сайт и до 99 долларов за три сайта и 199 долларов за неограниченное количество сайтов. Так что, если вы пытаетесь сэкономить деньги как владелец одного сайта, покупка Elementor имеет больше смысла, чем Beaver Builder. Но Beaver Builder поддерживает неограниченное количество сайтов за 99 долларов, так что он может быть более подходящим для агентств и разработчиков.
Что касается основных функций, Elementor предоставляет более 24 профессиональных виджетов и 75 профессиональных шаблонов. Он интегрируется с Zapier, социальными сетями и сервисами почтовых рассылок, а также предлагает необходимые опции для WooCommerce и настройки форм.
Преимущества Elementor
- Бесплатная версия Elementor обладает безграничным дизайнерским потенциалом, поскольку представляет собой полноценный Drag n Drop редактор с плавными интерфейсом и приличным дизайном модулей. Вы также получаете несколько шаблонов, поэтому вам не нужно делать страницы с нуля.
- Премиум-версия начинается с 49 долларов. Он ограничен только одним сайтом, но это помогает небольшим предприятиям и блогам снизить расходы. Крупные агентства и разработчики всегда могут обновиться на более дорогую версию.
- В премиум-версии вы получаете необходимые модули контента, такие как таймеры обратного отсчета, таблицы цен, анимированные заголовки, кнопки соцсетей и формы.
- Вы можете сохранить свой виджет или дизайн всей страницы как глобальный виджет. Таким образом, вы можете перемещать виджеты в разные области вашего сайта или на новые сайты.
- Наглядный пользовательский CSS отражает изменения в стилях на ваших глазах. Это также отличный способ для продвинутых разработчиков улучшить внешний вид целевых страниц.
- Интеграция с WooCommerce позволяет продавать товары прямо с целевых страниц. Совместите этот функционал с некоторыми профессиональными шаблонами, и вы сможете начать продавать в течение нескольких минут.
2. Beaver Builder
Beaver Builder — один из самых популярных плагинов конструкторов страниц, не только для Landing Page, но и для полноценных сайтов на WordPress. С его помощью можно создавать потрясающие макеты и посадочные страницы, которые быстро загружаются и не требуют много времени для настройки. Beaver Builder имеет бесплатную версию с несколькими модулями для контента, многие из которых прекрасно подходят для лендингов. Эти модули содержат опции для видео, аудио, редактирования текста, фото, сайдбара и HTML. Вы также можете создавать страницы на полную ширину экрана. Многим подойдет бесплатная версия, но премиум модуль Beaver Builder также имеет свои преимущества.
Премиум цены начинаются от $ 99 за год лицензии на неограниченное количество веб-сайтов. Служба поддержки клиентов, плагин для конструктора страниц, а также премиальные модули и шаблоны Landing Page — все это входит в тарифный план стоимостью 99 долларов. Единственные элементы, которые он не включает, это функциональность мультисайтов и тему для сайта Beaver Builder. За эти функции придется заплатить 199 долларов, или 399 долларов в месяц, если вы хотите получить white-label для агентства.
Преимущества
- Beaver Builder помогает создавать посадочные страницы максимально просто. Он предлагает несколько готовых шаблонов, созданных для быстрых, профессиональных посадочных страниц. Некоторые из шаблонов созданы для нишевых сайтов, таких как юридические фирмы, сайты по продаже электронных книг или вебинаров.
- В бесплатной версии вы получаете несколько хороших шаблонов и модулей. Если вам нужно больше, всегда можно приобрести обновление за $ 99 — это не иного за количество функций, которые вы получаете.
- Пользовательский опыт намного превосходит большинство других drag n drop редакторов. Большинство контентных модулей можно разместить где угодно, и у начинающего новичка не должно возникнуть проблем при создании Landing Page этими с шаблонами и модулями.
- Beaver Builder позволяет вам создавать собственные пользовательские модули, если вам нужно что-то немного отличное от того, что предлагается из коробки.
- Вы можете сохранять, экспортировать и повторно использовать полные страницы, макеты, строки и модули для дальнейшего использования.
3. Divi Builder
Divi Builder хорошо известен как конструктор, который работает с большинством шаблонов WordPress. Это полноценный конструктор сайтов вместе с отличным плагином для создания Landing Page на WordPress. Divi Builder продается на Elegant Themes, поэтому вам необходимо там зарегистрироваться для получения доступа к плагину. Годовая подписка стоит $89 и обеспечивает доступ ко всем темам и плагинам от Elegant Themes. Это одни из самых красивых тем, которые вы можете найти, а плагины предоставляют все возможные функции — от шаринга в социальные сети до e-mail рассылок.
Одним из преимуществ подписки на Elegant Themes (и Divi Builder) является то, что вы приобретаете лицензию на использование конструктора (и всех других тем и плагинов) на неограниченном количестве сайтов. Таким образом, 89 долларов в год — это довольно недорого, особенно для тех, у кого несколько сайтов или клиентов. Однако имейте в виду, что Divi Builder не имеет бесплатной версии.
Функционал для создания лендингов представляет собой изящный и мощный drag n drop инструмент. Divi также предоставляет около 46 модулей контента, от аудиоплееров до призывов к действию, от кнопок социальных сетей до таблиц цен. Вы также получаете контактные формы и формы для e-mail маркетинга, важную составляющую функционала Landing Page на WordPress.
Преимущества
- У Divi нет бесплатной версии, но она превосходит большинство премиальных конкурентов, предоставляя недорогую годовую подписку для десятков дополнительных плагинов и тем.
- На момент написания этой статьи Divi предоставляет 46 модулей контента, и это число увеличивается с постоянным развитием Elegant Themes.
- Вы можете добавить собственный CSS для применения пользовательских стилей и настройки отдельных модулей.
- Можно дублировать любой элемент или дизайн в течение нескольких секунд. Затем перенести его на другой сайт или страницу, чтобы продложить работу в другом месте.
- С плагинами Elegant Themes у вас есть полный набор необходимых функций для создания Landing Page на WordPress. К ним относятся возможности для e-mail маркетинга, почтовых рассылок, социальных сетей и многое другое.
4. Qards
Qards — это один из менее известных плагинов для Landing Page на WordPress, но он позволяет вам создавать потрясающие посадочные страницы без каких-либо навыков кодирования. Смысл Qards для веб-мастеров — создавать посадочные страницы без каких-либо проблем. Он работает в интерфейсе drag n drop с помощью карточек, которые вы можете перемещать выше или ниже друг друга. Каждый из дизайнов полностью адаптивен, и многие карточки специально разработаны для простоты и гибкости создания страниц. Его можно связать со своей учетной записью MailChimp, чтобы привлечь потенциальных клиентов через e-mail.
Одна из главных причин, по которой нам нравится Qards, заключается в ее безупречной медиа-поддержке. Он позволяет использовать встроенные и фоновые видеоролики YouTube, а также размещать изображения и аудиоклипы в любом месте. Пользовательские области CSS и HTML отлично подходят для более продвинутых дизайнеров, в то время как визуальное оформление работает, когда нужно организовать контент без какого-либо кода.
У Qards есть бесплатная версия для одного домена. Карточки и функции ограничены, но вы по-прежнему получаете интеграцию с MailChimp, инструменты настройки, предварительно разработанные блоки и шрифты Google. Первый премиальный план стоит 99 долларов, и открывает доступ к полному функционалу.
Недостатком является то, что в Qards нет готовых шаблонов для ускорения процесса создания страниц.
Преимущества
- Бесплатный плагин предлагается с инструментами подписки по электронной почте и качественными блоками с хорошим дизайном.
- Цена за один сайт в 99 долларов вполне приемлема.
- Qards — действительно один из самых простых визуальных конструкторов для Landing Page на WordPress. Он не перегружен слишком большим количеством сложных элементов управления, так как большая часть дизайна вращается вокруг перетаскивания элементов вверх или вниз.
- Несколько готовых блоков настроены для таких элементов, как футер, обложки, изображения, сетки и меню.
- Qards имеет прямую интеграцию с MailChimp.
5. Instapage
Instapage фокусируется на конвертации рекламных лидов в покупки. Его основное предназначение — создание посадочных страниц, но есть также полноценный инструмент для совместной работы, конструктор страниц и механизм оптимизации конверсии. Не =многие из ранее упомянутых плагинов Landing Page на WordPress имеют функционал для A / B-тестирования. Если вы его ищете, Instapage — правильный выбор.
Instapage — это полный набор инструментов с отличным A / B-тестированием для определения, какие элементы работают лучше всего. Вы также получите тепловые карты, на которых видно, где люди кликают, а также динамическую замену текста в зависимости от того, кто находится на вашем сайте.
Конструктор страниц предоставляет виджеты перетаскивания для таких элементов, как кнопки CTA, видео и многое другое. Инструменты для совместной работы отлично подходят для мгновенной обратной связи по проектам и внесения изменений в режиме реального времени. Все модули общего доступа полностью защищены, и вы можете общаться с другими пользователями при редактировании элементов на лендинге. В целом, у Instapage есть самый впечатляющий набор функций, но это будет стоить недешево.
Основной план Instapage начинается с $69 в месяц, и это дает вам все — от совместной работы в реальном времени до 20 установок. План Оптимизатор стоит 99 долларов в месяц — это A / B-тестирование и тепловые карты. Instapage также продает подписку для агентств и предприятий.
Преимущества
- Instapage предлагает больше, чем просто посадочные страницы, у него есть полный набор инструментов для совместной работы, оптимизации, создания отчетов и конструктор страниц.
- У конструктора страниц есть шаблоны для любых целей. Если вам нужна Landing Page на WordPress для вебинара, там есть множество вариантов. Если вы хотите продать электронную книгу, для этого тоже есть шаблон. На самом деле, в Instapage предусмотрено более 200 настраиваемых шаблонов, что делает его самой большой библиотекой Landing Page на WordPress.
- Вы получаете доступ к библиотеке изображений Bigstock, которая может похвастаться более чем 33 миллионами изображений.
- Инструмент для совместной работы отлично подходит для тех, кто создает целевые страницы с несколькими сотрудниками одновременно. Вы можете отправлять мгновенные отзывы и создавать безопасные ссылки, и видеть немедленные изменения.
6. OptimizePress
OptimizePress — еще один плагин для Landing Page на WordPress, похожий на пакет Instapage. Он создан для маркетологов, которым нужно нечто большее, чем просто конструктор поасадочных страниц. Фактически вы можете создавать лендинги, страницы продаж, порталы для участников, каналы запуска и сайты авторитетных блогов. Все это доступно за единовременную плату в размере 97 долларов.
Если вас больше интересует использование A / B-сплит-тестирования и получение доступа к видео-фону и продвинутым элементам дизайна, вам доступна опция по цене 197.
OptimizePress подходит для тех, кому нужно создавать Landing Page на WordPress с A / B-тестированием, но при этом плагин стоит дешевле Instapage.
Преимущества
- За единовременную плату в размере 97 долларов нам доступно большинство функций для создания Landing Page на WordPress, а также неограниченную поддержку лидов и трафика.
- Несмотря на увеличение цены по сравнению с самым базовым планом, единовременная плата в размере 197 долларов не так много для A / B-тестирования и некоторых других интересных функций.
- Шаблоны посадочных страниц уже оптимизированы для конвертации максимально возможного числа пользователей.
- OptimizePress предоставляет дополнительные возможности для создания различных категорий сайтов.
7. LeadPages
Плагин для создания Landing Page на WordPress LeadPages содержит более 130 шаблонов и модулей для создания таких элементов страницы, как всплывающие формы, социальные медиа, контактные формы. LeadPages можно использовать для создания всевозможных продающих посадочных страниц. LeadPages имеет функцию рекламы в Facebook для мгновенной интеграции с вашими объявлениями, чтобы сделать идеальные посадочные страницы для социальных лидов. Он также предоставляет встроенные платежи для завершения продажи прямо на странице.
Настройка макета страницы происходит без какого-либо программирования, поэтому вы легко можете создавать, копировать и клонировать любые страницы. LeadPages предлагает годовой план подписки, в котором вы получаете два месяца бесплатно. Самый дешевый тариф называется Standard, и стоит 31 доллар в месяц. Если вы хотите собирать платежи и привлекать трафик с помощью рекламы в Facebook и использовать другие премиальные функции, цена поднимется до 66 долларов в месяц.
Преимущества
- Drag n drop редактор и коллекция шаблонов впечатляют. Однако LeadPages больше подходит для компаний, которым нужны уникальные функции, такие как интеграция с рекламой Facebook.
- Вы можете принимать прямые платежи и оформлять заказы прямо со своей посадочной страницы.
- LeadPages предлагает еженедельные коучинговые звонки, чего вы не найдете ни в одном другом плагине для Landing Page на WordPress.
- Более 160 бесплатных шаблонов целевых страниц входят в состав LeadPages, что делает его одной из самых больших библиотек.
- В одном из планов есть А / Б тестирование.
8. Thrive Architect
Если вы знакомы с разработчиками Thrive Themes, то вы знаете об их надежном наборе премиальных плагинов и тем. От оптимизатора заголовков до Thrive Quiz Builder — компания знает потребности своих клиентов и разрабатывает впечатляющие продукты, соответствующие этим потребностям. Thrive Architect не исключение. Это визуальный редактор и конструктор страниц для WordPress, а его основным преимуществом является простой процесс создания посадочных страниц.
В Thrive Architect включены более 200 шаблонов Landing Page на WordPress , и все они оптимизированы для повышения конверсии, независимо от того, что вы продаете. Можно даже найти конкретные отраслевые лендинги для вебинаров и других подобных бизнесов. Все элементы дизайна предварительно настроены, включая такие элементы, как отзывы, таймеры обратного отсчета и маркетинговые формы.
Лицензия на один сайт стоит $ 67 за все функции Thrive Architect, неограниченные обновления и поддержку в течение одного года. Предлагаются два других тарифных плана, но все они имеют одинаковые функции. Разница лишь в том, что вы платите больше денег за использование плагина на нескольких сайтах. Пакет из пяти лицензий стоит 97 долларов, а пакет из 15 лицензий — 147 долларов.
Интересной особенностью Thrive Architect является то, что он помогает уменьшить количество плагинов, которые вы используете на своем сайте. Таким образом, вы можете ускорить работу сайта и забыть об управлении большим количеством плагинов. Например, функционал следующих плагины возьмет на себя Thrive Architect:
- Плагины постинга в сосцети типа Click to tweet.
- Плагины анимации.
- Плагины создания таблиц.
- Плагины шрифтовых иконок.
- Плагины пользовательских шрифтов.
- Плагины шорткодов для построения макетов.
Thrive Architect — это разумный плагин для создания Landing Page на WordPress для тех, кому не нужны такие мощные пакеты, как Instapage и OptimizePress.
Преимущества
- Thrive Architect стоит от 67 долларов, и за эту цену получаете отличные модули для контента и интеграции.
- Некоторые из интеграций включают инструменты почтового маркетинга, такие как MailChimp, Webinarjam, WordPress, Mad Mimi и Twitter.
- Модули контента, ориентированные на конверсию, включены только для целевых страниц. Некоторые из них включают кнопки призыва к действию, отзывы, анимированные таймеры обратного отсчета и блоки контента.
- Thrive Architect предоставляет анимацию и эффекты при наведении, не требуя сложного кодирования или изменения настроек.
- Шаблоны посадочных страниц с высокой конверсией — одни из самых красивых, которые мы видели, и у них есть огромная библиотека.
9. InstaBuilder
InstaBuilder продается на своей посадочной странице, так что у вас есть возможность сразу же посмотреть, как могут выглядеть ваши собственные лендинги. Стоимость одной лицензии — 47 долларов, а неограниченная — 77 долларов. По сравнению с другими решениями это довольно хорошая цена, особенно для тех разработчиков или владельцев сетей, которые хотят использовать Landin Page на нескольких сайтах. Единственное, что следует помнить о InstaBuilder, это то, что он полностью pfточен под создании посадочных страниц. Это не drag n drop конструктор сайтов, как некоторые из решений, о которых мы говорили выше. Он предназначен для быстрого запуска лендингов, которые привлекают потенциальных клиентов для вашей компании.
InstaBuilder предлагает более 70 качественных шаблонов Landing Page на WordPress. Это в основном комбинации контентных модулей, предоставляемых через InstaBuilder, и они прекрасно подходят для общих и нишевых маркетинговых страниц.
InstaBuilder — еще один плагин для Landing Page на WordPress для компаний, пытающихся проявить креативность в маркетинге. Например, вы можете создать лендинг с комментариями социальных сетей, встроенными в страницу. Существует также так называемая вирусная блокировка, которая блокирует все, что находится на странице, пока пользователь не поделится ею в Facebook или Twitter. Хотя социальные сети имеют разные взгляды на этот тип продвижения, это полезная функция при попытке создать социальную активность.
Преимущества
- Плагин InstaBuilder продается по доступной цене, и вам не нужно постоянно обновляться каждый год.
- Более 70 высоко конвертируемых шаблонов Landing Page включены в плагин InstaBuilder.
- Вы можете встраивать широкий спектр медиа-файлов.
- Вы можете настроить контент с задержкой по времени, например, открыть кнопку «Купить» только тогда, когда клиент прокручивает страницу вниз.
- У InstaBuilder есть вирусная блокировка загрузки, которая по сути является блокировщиком контента до тех пор, пока человек не поделится страницей в Facebook или Twitter.
- Система электронного маркетинга довольно хорошо настроена, с интеллектуальной системой Opt-in и простым автоответчиком для управления подписчиками.
- Посетители могут подписаться на вашу рассылку, используя свою учетную запись Facebook. Упрощенное A / B-тестирование запускает тесты, вместо того, чтобы заставлять вас угадывать, какие элементы на целевой странице необходимо протестировать.
- Есть возможность вставлять системы комментирования в социальных сетях и кнопки для общего доступа.
10. Landing Page Builder
Если вы ищете бесплатные шаблоны Landing Page для WordPress, плагин Landing Page Builder может предложит вам то, что нужно. Это не самые модные шаблоны, но вы получаете стартовую основу для того, что может стать ценной частью вашего бизнеса. Вы можете настроить форму подписки по электронной почте и рассказать о своей компании или продуктах. Фоны страниц являются взаимозаменяемыми, а посадочные страницы создаются аналогично тому, как вы делаете обычную страницу или пост WordPress.
Страницы здесь создаются не с помощью drag n drop конструктора, а визуального редактора WordPress. Фоновые изображения и цвета настраиваются на той же странице, а также шрифты и размеры шрифтов. Существует расширенная версия, если вас не устраивает базовый функционал плагина. Тем не менее, этот плагин — возможность для малого бизнеса и стартапов сэкономить немного денег, при этом иметь возможность сделать нормальную посадочную страницу.
Последняя область, которая делает бесплатную версию весьма полезной, — это интеграция со службами почтового маркетинга, такими как MailChimp и GetResponse. Все, что требуется, — это ключ API или идентификатор, после чего целевая страница начинает принимать адреса электронной почты от клиентов.
Преимущества
- Он предоставляет набор качественных шаблонов Landing Page на WordPress бесплатно. Хотя для этого требуется немного больше работы и времени, у вас есть шанс сократить расходы, но при этом собирать лиды, которые хорошо конвертируются.
- Плагин Landing Page подключается к почтовым сервисам, например MailChimp.
- Посадочные страницы создаются с использованием визуального редактора WordPress, что означает, что большинство пользователей WordPress должны быть знакомы с этим форматом. Это также дает вам полный контроль над тем, как вы создаете свою страницу.
Какой плагин для Landing Page на WordPress выбрать?
Как и во всех решениях, касающихся плагинов WordPress, вы должны учитывать, какие функции вы собираетесь использовать. Вас больше интересуют бесплатные шаблоны или недорогой премиум плагин? Вы бы предпочли полный набор посадочных страниц с инструментами для конверсии и общения или более быстрый интерфейс?
Чтобы сделать выбор проще, мы классифицировали плагины Landing Page для WordPress на основе определенных ситуаций:
- Плагин Landing Page с лучшим соотношением цена/качество — Elementor или Beaver Builder.
- Плагин Landing Page с большим количеством функций — Instapage или OptimizePress.
- Лучший вариант для быстрого создания Landing Page — Elementor.
- Плагин Landing Page с лучшими шаблонами — Instapage (также: Beaver Builder и Thrive Architect)
- Самый дешевый плагин для Landing Page WordPress — Landing Page Builder.
- Лучший плагин для Landing Page для агентства или разработчика — Divi.
- Правильный выбор, если вам нужно A / B-тестирование — OptimizePress.
Лучшие темы для создания Landing Page на WordPress в 2020 году
Здравствуйте, сегодня хочу с вами посмотреть на лучшие темы для WordPress при строительстве лендинга в 2020 году. К сожалению, хороших бесплатных вариантов нашёл мало. Впрочем, если есть хоть малейший опыт работы с WP, то без проблем реализуете Landing Page на любой теме для WordPress из репозитория. В крайнем случае можете воспользоваться конструктором, например, Elementor. О том, как строить посадочные страницы с помощью него, рассказал здесь.
А теперь перейдём к делу.
Список лучших тем для Landing Page на WP в 2020 году
Итак, этот список актуален именно на этот год. Если в течение этого года найду ещё подходящие варианты, то опубликую сюда. Добавлю, я перечислил здесь только те темы, с которыми работал сам. Уверен, есть множество отличных вариантов, которые для решения данной задачи подойдут. Но так как собственноручно не пробовал, то сказать по ним ничего не могу.
А теперь непосредственно список:
Тема Satelite — Creative Ajax Portfolio Showcase Slider Theme: https://1.envato.market/9DgaE. Стоит 39$. Красивая тема, хотя не самая производительная, подойдёт для строительства сайтов-портфолио и посадочных страниц. Главная фишка — невероятно красивый слайдер.
Тема Mesmerize: https://ru.wordpress.org/themes/mesmerize/. Имеет бесплатную версию, но функционал серьёзно ограничен. На одном из своих сайтов использую PRO-версию и доволен. Очень удобный конструктор главной страницы, доступный прямо из кастомайзера. Но очень ограниченный по возможностям.
WPConfigurator: https://1.envato.market/GNWb9. Цена — 69$ Главная фишка заключается в том, что можно прямо на главную страницу запилить прикольный конфигуратор продукта. Очень удобная вещь, если желаете продвигать какой-либо вариативный продукт. Без WooCommerce не работает. Но Landing построить вполне реально. Кстати, есть полная версия демо, в том числе и с админкой.
Navian – Multi-Purpose Responsive WordPress Theme: https://1.envato.market/vaMyO. Настройка довольна простая, есть куча заранее подготовленных макетов, на основе которых можете сделать собственные темы. Главная фишка — 17$ за тему. Это очень мало.
Hestia: https://ru.wordpress.org/themes/hestia/. Бесплатная тема, но лучше поставить Elementor для строительства лендинга на ней. Тема вполне себе производительная и отлично работает на любых устройствах.
Пока что у меня всё. Но давайте хотя бы более подробно расскажу о каждой теме, если информация вам интересна. К сожалению, не по всем темам остались материалы, но что есть, выложу.
Тема Satelite – Creative Ajax Portfolio Showcase Slider Theme
Очень красивая тема, полностью построенная на Ajax, соответственно, все элементы на ней работают без перезагрузки страницы, что позволяет включать фоновую музыку, а также строить классные карусели слайдеров. Ознакомиться с темой, а также превью можете по ссылке: https://1.envato.market/9DgaE. Стоимость — 39 долларов США.
Полноразмерный слайдерТема адаптивна, поддерживает разные макеты. Хоть и предназначена для портфолио, но построить красивый Landing на ней не проблема. Полная поддержка Gutenberg, а также WPBackery присутствует.
ПортфолиоБлоговый функционал никуда не делся. На базе данной темы можно сделать полноценный блог, но отношение поисковых систем к сайтам, построенным на Ajax и без меня должны знать, так что не рекомендовал бы.
Производительность нормальная, по крайней мере, для такого формата. Скорее проблема будет крыться в крупноразмерных фотографиях, чем в самой теме.
Тема Mesmerize
Отличная тема для создания Landing Page на WordPress. Для того чтобы сделать посадочную страницу, не нужно устанавливать какой-либо конструктор или работать в редакторе и учиться создавать стили. Ознакомиться с темой можете по ссылке: https://ru.wordpress.org/themes/mesmerize/. Ссылка на Live Preview на той странице будет.
Шапка в MesmerizeТема очень удобна для тех, кто не владеет кодом, но желает быстро построить Landing. Для этого достаточно перейти в кастомайзер и сделать страницу из заранее подготовленных блоков.
Кастомайзер блоков для Landing Page в MesmerizeКонечно, в бесплатной версии функционал очень ограничен, но в платной всё намного лучше. Впрочем, даже бесплатной версии хватит на построение нормальной посадочной страницы.
WPConfigurator
Если у вас есть только один вариативный товар и желаете продавать его прямо на главной странице, то вариант вполне себе приличный. Ознакомиться можете по ссылке, live preview там же: https://1.envato.market/GNWb9.
Конфигуратор продукта в теме WPConfiguratorБез WooCommerce не работает, к сожалению, сие решение заточено именно под него. Да, для Landing Page подойдёт, но также можно реализовать полноценный интернет-магазин с большим количеством товара. На ваше усмотрение.
В качестве конструктора используется KingComposer, что мне не особо понравилось, на мой взгляд, самый неудобный вариант из всех возможных. Но можете просто выкинуть его на помойку и работать с классикой или гутенбергом.
Конструктор конфигуратораСам конфигуратор создаётся с помощью такого вот конструктора, вы можете сделать полноценные маски для каждого товара. Работа трудоёмкая, но интересная. Учтите, делать такие вещи, как конфигуратор ПК или сервера, здесь не получится. Зато футболки, наклейки на упаковки и прочее вполне реально.
Тоже неплохая тема для WordPress, смотрится прилично, есть много готовых макетов, на основе которых вы можете построить нечто своё. Ознакомиться с темой и лайв ревью можете по ссылке: https://1.envato.market/vaMyO. Приятным бонусом становится цена, всего 17$, что очень мало по меркам Envato (ThemeForest).
Блок лендинга в теме NavianТема смотрится красиво, есть разные варианты меню, сайдбара и других вещей. Работать удобно даже новичкам, так что пользоваться темой можно.
Шаблон контактовКстати, если в планах расширение в блог или корпоративный сайт, то в этой теме всё необходимое присутствует, менять не придётся. Так что можно строить как и лендинг, так и блог. Единственное, по поводу WooCommerce сказать ничего не могу. Не тестировал.
Hestia
Если немного знаете код и умеете работать с классическим редактором, то можете смело устанавливать, но скажу сразу, что заточена под Elementor. Вместе с этим конструктором можно построить вполне приличный Landing без лишних трудностей. Ознакомиться можно по ссылке: https://ru.wordpress.org/themes/hestia/. Тема бесплатна, если, конечно, не будете покушаться на PRO-версию.
Если вы немного более продвинуты, то можете использовать базовые возможности кастомайзера, но там расчёт скорее на блог. Вы сможете настроить вывод из категорий на главную, добавить некоторые фишки.
В общем, построить Landing можно, но тема скорее для продвинутых пользователей.
На этом всё
Если появятся новые варианты, то обязательно добавлю сюда. Ну, свой список лучших тем для Landing Page на WordPress для 2020 года озвучил, можете ознакомиться, посмотреть. Желаю успехов и отличных лендингов, созданных без лишних сложностей.
Лучшие примеры одностраничных сайтов 2021 Примеры красивых дизайнов
Ищите примеры сайтов для вдохновения или удачной структуры? Ниже я приведу топ самых популярных одностаничников, их внешний вид и структура опробована тысячами покупателей. Среди них вы можете найти примеры сайтов с высокой конверсией что подходят вам по структуре, тематике или стилю. Вы с лёгкостью сможете их повторить как в конструкторах сайтов даже без знания разработки так и отдав разработчику в качестве примера.
Основная проблема у большинства современных лендинг пейдж — это их однообразие. Словно все они выполнены как под одну кальку. Стандартное присутствие элементов таких, как общий заголовок, преимущества и кнопка, которая призывает к совершению какого-либо действия. Это далеко не самые лучшие сайты одностраничники. Все подобные разделы идут строго в определенной очередности, а их создатели выполняют одностраничники по одной схеме.
Я отобрал для вас топ самых продаваемых и рейтинговых одностаничников с международной площадки Envato
Для открытия примера на весь экран нажмите 1 раз на миниатюру, и еще раз что бы приблизить
Techland — WordPress Saas Startup Theme
Одностаничник стал термин нарицательным. Теперь формат сайта одностаничника-визитки это не просто сайт из 1-2 страниц, а тип страниц. Так например интернет-магазины делают отдельно сверстанные страницы товаров в тех случаях когда этот товар наиболее интересен аудитории и его продажи самому магазину. Потому люди вкладываются в персональное оформление конкретных предложений.
Ранее такие страницы просто делали для получение трафика с рекламы, но на деле же, это повысит конверсионность в продажи или регистрации с любого источника трафика.
Когда ваша цель – удобно и понятно подать материал посадочные страницы — ваш выбор.
Appro App Landing HTML Template
Если вы хотите удивить пользователя, стоит обратить внимание на лучшие лэндинги, которые в состоянии эффективно вдохновить. Не нужно бояться постоянно экспериментировать.
Лучшие лэндинговые страницы можно охарактеризовать не только по названиям, но также по некоторым преимущественным отличительным чертам.
Adele Responsive Supplement HTML Landing Page
Давайте разберем фишки некоторых одностраничных сайтов, которые могут считаться лучшими:
Главный плюс посадочной страницы evr.st, которая распространяет приложение для мобильных устройств, заключается в том, что ее не надо скроллить. Перечень плюсов от использования этой программы сменяется друг за другом в углу страницы. Такой ход увеличивает вероятность того, что посетитель ознакомится со всеми пятью описаниями, заинтересуется предложением и приобретет его. Это всего лишь один пример лучшего продающего одностраничника.
Chap — Modern AMP Ready Multi-Purpose Theme
Из всего сказанного выше можно сделать вывод, что для создания качественного, уникального лендинга важны все перечисленные выше показатели. Стоит сделать на ресурсе максимально четкое описание, можно создать небольшую интригу. Многочисленные пользователи, которые что-то покупали через подобные сайты, отзываются, что приветствуется простота с одновременной привлекательностью.
Tovo — Angular 11 App Landing Page
Как таковой рейтинг лучших одностраничников составить очень проблематично : уж слишком это специфическая тематика. Но, наверняка можно сказать лишь то, что лучший русский одностраничник – это лендинг с не сложный приятным дизайном, но понятным интерфейсом и отличной конверсией.
Skincare — Cosmetics Shop WooCommerce WordPress Theme
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 и доверяют ему.
- Несколько кнопок с призывом к действию предоставляют потенциальным клиентам несколько шансов конвертировать предложение.
Что проводить 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 , но на странице нет ничего, что сравнивало бы эти две услуги.
- Белый текст не отображается на белом логотипе на рубашке мужчины.
- Перенаправление взгляда человека на форму захвата лида может привести к тому, что больше посетителей ее заполнили.
- Копия кнопки с призывом к действию , «Далее», настолько скучна, насколько это возможно. Измените его на что-то более увлекательное, например «Начни зарабатывать деньги сейчас!» скорее всего, улучшит результаты конверсии.
- Розовая кнопка с призывом к действию не выделяется так сильно, как могла бы, потому что розовый используется так же везде на странице.
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.
- Обводка формы желтым цветом помогает привлечь к ней внимание и, вероятно, увеличит коэффициент конверсии.
- Форма с тремя полями, требующая только имя, адрес электронной почты и пароль, снижает трение.
- Снятый флажок 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 можно изменить, чтобы привлечь больше внимания, поскольку зеленый уже используется в логотипе компании и для маленьких значков, перечисленных в разделе под кнопкой.
- Изображение было бы более эффективным для ознакомления посетителей с программой, если бы оно было больше и легче читалось.
- Ссылка карты сайта в нижнем колонтитуле действует как ссылка для выхода. Если посетители прокручивают страницу до конца перед заполнением формы, они могут отвлечься на это и покинуть страницу до преобразования.
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 сегодня.
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 есть кисть, которая идеально подходит для их рта.
- Обзоры крупного бренда от 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-тест:
- «Отправить» столь же ленив и ничем не примечателен, как и призывы к действию.
- Многочисленные исходящие ссылки , включая логотип 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 ➔Что у них хорошо получилось:
- Заголовок «Охват 4000 компаний за один раз» дает явную выгоду.
- Зеленая кнопка CTA появляется на белой форме.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Краткая форма упрощает регистрацию.
- «Бесплатная» природа услуги подчеркнута в подзаголовке.
- Диапазон заработной платы , указанный в подзаголовке, выше среднего даже на нижнем уровне.
Что проводить A / B-тест:
- Меню навигации и логотип с гиперссылкой позволяют потенциальным клиентам слишком легко покинуть страницу.
27. Birst
покажите мне, как работает Instapage ➔Чем хороша эта страница:
- Первая строка текста относится к посетителям страницы, задавая им вопрос, на который они, вероятно, ответят «да».
- Маркированная копия дает посетителям представление о том, что они узнают, прочитав отчет.
- Кнопка призыва к действию выделяется на белом фоне.
- Слово «сейчас» в CTA использует стремление посетителей к мгновенному удовлетворению.Если вы нажмете кнопку, вы сразу же прочтете отчет.
Что проводить A / B-тест:
- Заголовок здесь мог бы быть сильнее. Берст упускает возможность использовать похвалу авторитетной компании в качестве заголовка социального доказательства. «Узнайте, почему компания Gartner назвала Birst одной из лучших платформ бизнес-аналитики на рынке». Помните — вы можете охарактеризовать свой продукт как «лучший», если кто-то сказал это о вас, но не можете сказать это о себе.
- Мелкий шрифт здесь должен идти.Если вы на самом деле найдете время, чтобы прочитать это, вы поймете, что здесь нет ничего подозрительного. Но проблема в том, что не все будут. Они увидят мелкий шрифт и решат, что в этом есть загвоздка. Оставьте его курсивом и увеличьте, чтобы посетители могли его прочитать. Берсту здесь нечего скрывать.
- Светло-серые метки в каждом поле формы могут расстроить посетителей, когда они исчезнут.
28. Домо
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Отзывы счастливых клиентов служат социальным доказательством.
- Кнопка CTA, цвет , появляется со страницы.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок вообще не передает явной выгоды.
- CTA-кнопка может быть намного больше, чтобы привлечь больше внимания как наиболее важный элемент на странице.
29. Salesforce
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Минимальный текст упрощает просмотр этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Значки безопасности сообщают потенциальным клиентам, что их информация в безопасности.
- Слово «сейчас» в CTA подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот CTA действительно легко пропустить, поскольку он лишь немного отличается по оттенку от формы.
- Оживленный нижний колонтитул с картой сайта и кнопками социальных сетей позволяет потенциальным клиентам покинуть страницу без конвертации.
- Копию кнопки CTA следует изменить на что-то более персонализированное.
30. Действительно толпа
покажите мне, как работает 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. АКТ
покажите мне, как работает 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-кнопка привлекла бы больше внимания, если бы она была больше.
47. Google Cloud Platform
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный бесплатный ресурс.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Маркированная копия передает преимущества преобразования.
- Раздел часто задаваемых вопросов помогает ответить на любые вопросы посетителей о платформе.Однако включение внешних ссылок позволяет легко покинуть страницу, не позволяя посетителю сначала совершить конверсию по предложению.
Что проводить A / B-тест:
- Логотип в верхнем левом углу представляет собой гиперссылку на домашнюю страницу Google Cloud, которая отвлекает посетителей от нажатия на CTA и «бесплатного ознакомления».
- Занятый нижний колонтитул позволяет посетителям покинуть страницу без преобразования.
48. Shopify
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы убедить потенциального клиента совершить конверсию.
- Слово «Сегодня» в CTA подчеркивает мгновенную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , служит выходом для потенциальных клиентов.
49. Перколат
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Цвет кнопки CTA хорошо контрастирует с белой страницей.
- Несколько кнопок с призывом к действию работают вместе, чтобы конвертировать потенциального клиента.
- Призыв к действию адаптирован к предложению. Здесь написано «См. Перколат», а не что-то вроде «просмотреть демонстрацию».
- Содержание кегля упрощает чтение этой страницы, чем если бы она была покрыта текстом блока.
- Скриншоты изнутри Percolate дают посетителям представление о том, как это работает.
Что проводить A / B-тест:
- Многочисленные ссылки в верхнем и нижнем колонтитулах служат для выхода со страницы, позволяя потенциальным клиентам уйти до того, как они конвертируются.
- Подзаголовок утверждает, что Percolate является платформой для контент-маркетинга №1 в мире, но где доказательства? Подобные фразы на самом деле делают противоположное тому, что задумано. Подумайте об этом — сколько раз вы видели надпись «Лучшая чашка кофе в мире» на внешней стороне кафе? И сколько раз вы этому верили?
- Эти отзывы предоставлены безымянными покупателями. Без имен, названий или фотографий они менее убедительны для читателей.Посетители должны решить, верят ли они, что они были написаны клиентами Percolate или самой командой Percolate.
50. SAP
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Нет навигации означает, что нет видимого выхода за пределы страницы.
- Ссылки на странице могут заставить вас думать, что они направляют потенциального клиента в другое место, но на самом деле они просто приводят вас в конец страницы к форме.
Что проводить A / B-тест:
- Изображение не имеет ничего общего с предложением и нисколько не усиливает его.
- Заголовок не ориентирован на получение выгоды. Зачем посетителю скачать его?
51. Whitman Syracuse University
Что у них хорошо получилось:
- Процесс регистрации разбит на этапы, что снижает трение, связанное с преобразованием.
- Маркированная копия сообщает о преимуществах участия в программе.
Что проводить A / B-тест:
- Кнопка CTA, цвет , позволяет легко пропустить эту кнопку.
- В заголовке отсутствует четкое уникальное торговое предложение.
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 полей может запугать посетителей и заставить их быстро покинуть эту страницу.
- Светло-серые ярлыки формы могут расстроить посетителей, поскольку они исчезают, когда посетители нажимают внутри каждого отдельного поля.
- Цвет кнопки с призывом к действию гармонирует со страницей, делая саму кнопку почти невидимой.
- Призыв к действию «Отправить» не вызовет у посетителей энтузиазма по поводу конверсии.
59. Apttus
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро передает преимущества преобразования.
- Отзывы добавляют доверия к этому предложению.
Что проводить A / B-тест:
- Нижний колонтитул , заполненный ссылками, позволяет потенциальным клиентам переходить на другие страницы перед конвертацией.
- Копия кнопки может быть улучшена.
60. ThriveHive
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Цвет кнопки с призывом к действию больше нигде на странице не используется.
- Значки награды, полученные компанией.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить 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-тест:
- Основная кнопка CTA «Подписаться сейчас» не предназначена для посетителей, у которых нет учетной записи AdEspresso, но они не узнают об этом, пока не нажмут кнопку. Новые пользователи могут подписаться на предложение, только если они нажмут CTA «Войти» вверху страницы. Это сбивает с толку и немного вводит в заблуждение.
66.Kentico
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет посетителям уйти, не совершая конверсий на странице.
- Заголовок не очень ориентирован на пользователя.в нем не говорится о том, почему посетитель хотел бы пройти опрос или почему опрос важен.
67. Поразительно
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Регистрация одним щелчком мыши упрощает преобразование.
- Логотипы известных компаний объединяют этот бренд с надежными предприятиями.
- Копия «за секунды» основана на нашем стремлении к мгновенному удовольствию.
Что проводить A / B-тест:
- В разделе часто задаваемых вопросов есть ссылки для выхода в центр поддержки и страницу с ценами, которые уводят посетителя с целевой страницы после клика.
68. LabTech
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Маркированный текст позволяет посетителям быстро узнать, что они получат, посетив презентацию ConnectWise Roadshow.
Что проводить 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. Мастер-класс
покажите мне, как работает 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 не заставит многих потенциальных клиентов скачать.
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 ➔Что у них хорошо получилось:
- CTA-кнопку здесь невозможно пропустить.
- Заголовок подчеркивает, что решение быстрое и простое.
- Изображение показывает потенциальным клиентам, что они получат, когда они конвертируются.
- Сообщение о конфиденциальности сообщает посетителям, что их информация на 100% защищена и не будет передана другим компаниям.
Что проводить A / B-тест:
- Все заглавные буквы заставляет читателя чувствовать, что на него кричат. Он также кричит «продажный». Вы никогда не захотите производить впечатление продавца, даже когда продаете.
- Заголовок грамматически неверен. Что должно быть в цитатах? Если это и заголовок, и слова «Tech Overwhelm», тогда он должен выглядеть так: «Используйте этот новый шаблон, чтобы быстро настроить автоматическую воронку для генерации лидов с нулевым« Tech Overwhelm »». Но почему заголовок даже в цитаты все равно?
- Символы на кнопке CTA должны означать, что именно? Это стрелки?
95. Измеряется просто
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» — это классический способ дать понять, что читатель что-то узнает из предложения.
- Кнопка CTA, цвет , появляется со страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- Длинная форма со множеством обязательных полей делает эту страницу пугающей для конверсии.
- Призыв к действию «скачать» может быть обновлен до чего-то гораздо более привлекательного.
96. Связанные продажи
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Два кооперативных CTA работают вместе, чтобы убедить потенциальных клиентов перейти на другую сторону.
- Оба CTA написаны от первого лица.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Таймер предупреждения и обратного отсчета использует дефицит для повышения конверсии.
Что проводить A / B-тест:
- Добавление биографии докладчика могло убедить посетителей записаться на семинар.
- Ссылки на социальные сети в правом столбце страницы не нужны и уводят посетителей со страницы.
97. Даторама
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип без гиперссылок в верхнем левом углу не дает потенциальным клиентам уйти через него на главную страницу.
- Краткая форма не удерживает посетителей от предоставления своей личной информации.
- Пуленепробиваемая копия быстро передает преимущества конвертации.
- Яркая жирная кнопка CTA привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок ориентирован на «меня», но он должен быть больше сосредоточен на посетителе и на том, как продукт решает их проблему.
- Вся копия на этой странице эгоцентрична: «Что мы делаем по-другому», почему маркетологи «должны рассматривать нас.«Эта страница не о вас, а о вашем посетителе.
98. Sam Ovens
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок кейса предлагает явное преимущество — подробный анализ того, как один человек получает 30-50 клиентов-консультантов каждый месяц.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Кнопка большая , что привлекает к себе внимание потенциального клиента.
- CTA написано от первого лица: «Зарезервировать место MY » вместо «Зарезервировать ВАШЕ место ».”
- Слово «Сейчас» в CTA передает немедленную выгоду, которая наступает при нажатии кнопки.
Что проводить A / B-тест:
- Видео с автовоспроизведением было показано для уменьшения конверсии. Если посетители захотят посмотреть ваше видео, они нажмут кнопку воспроизведения.
99. Лурн
покажите мне, как работает 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. Сброс воина
- CTA-кнопку легко обнаружить.
- Форма с тремя полями упрощает преобразование.
- Заголовок подчеркивает бесплатное предложение.
Что проводить A / B-тест:
- Заголовок, написанный заглавными буквами, и призыв к действию читаются так, как будто они кричат на потенциального клиента.
- Эта страница проста. Слишком просто. Что в книге? Зачем нам его скачивать?
- Это видео не слишком длинное, но и не слишком интересное. Две минуты письма? Это полностью противоречит цели создания видео.
- Ссылка на страницу автора в Facebook отталкивает потенциальных клиентов, прежде чем они успеют совершить конверсию.
Насколько оцениваются ваши целевые страницы после клика?
Совершали ли вы какие-либо ошибки, допущенные вышеуказанными брендами? Как в сравнении выглядят ваши целевые страницы после клика?
Сообщите нам об этом в комментариях, а затем используйте полученные знания для создания оптимизированной целевой страницы с высокой конверсией после клика с помощью Instapage, удобной для дизайнеров платформы.
32 лучших целевых страницы от популярных брендов
Эффективная целевая страница привлекает внимание посетителя благодаря тексту и визуальным эффектам. Он передает посетителю всю необходимую информацию об услуге или продукте бренда и говорит им: «Эй, вам это нужно, вам нужны мы».
Короче говоря, лучшие целевые страницы убедительны и пронзительны. Они созданы для того, чтобы красиво передать ценность бренда и призыв к действию (CTA), а также повысить коэффициент конверсии и вовлеченность потребителей.
32 дизайна целевой страницы от популярных брендов
Вот список из 32 дизайнов целевой страницы, которые могут вдохновить:
1. Страница «О программе» Medium
Целевая страница «О программе» Medium — прекрасный пример простой, но заполненной целевой страницы. до краев информацией для любознательного посетителя.
Они рассказывают историю. Играя с типографикой и копированием в качестве основного мотива дизайна, Medium рассказывает историю вдохновения и празднования любопытства от верха страницы до последнего сгиба внизу страницы.
Medium удается тщательно создать целевую страницу, которая оригинально оформлена и визуально надежна. В нем явно указывается их призыв к действию и ценность практически в каждом заголовке. И они делают это способом, который невероятно привлекателен для их целевой аудитории, состоящей из читателей, писателей, идейных лидеров, журналистов — самопровозглашенных «любознательных умов» в целом.
Medium знает, как общаться и продавать свой бренд, сообщения и ценностные предложения своей аудитории.
К тому времени, когда посетитель достигает последней страницы, этот призыв к действию «Начни работу» становится еще более привлекательным.О, мы уже упоминали, эта целевая страница была создана в Webflow!
2. Зарегистрируйтесь в DoorDash’s Dasher
Иногда ключом к созданию хорошей целевой страницы является отправка сообщений. Страница регистрации Dasher на DoorDash является подтверждением этой идеи. Он разработан для обеспечения высоких показателей конверсии.
DoorDash профессионально выполняет стандартный дизайн страницы для поставщиков услуг. Но не заблуждайтесь, думая, что это просто страница для адаптации. Лучше посмотрите на контент на странице.
Посетителя встречают с призывом к действию и полем регистрации, которое помогает ему зарегистрироваться и начать рыться в DoorDash.
Посетители, желающие получить дополнительную информацию о бренде перед регистрацией, могут продолжить прокрутку до раздела, в котором объясняется, что такое DoorDash, за которым следует раздел, объясняющий, почему вам следует работать в DoorDash.
По мере того, как посетитель продолжает прокрутку, он обнаруживает подробный раздел DoorDash «Как делать рывок» и часто задаваемые вопросы в последнем сгибе, что еще больше укрепляет доверие к бренду за счет подробного объяснения всего процесса посетителям.Эта целевая страница отлично убеждает посетителей работать с DoorDash и отвечает на любые вопросы, которые могут у них возникнуть.
3. Целевая страница пользовательского интерфейса Figma
Figma стала одной из наиболее предпочтительных платформ для дизайна пользовательского интерфейса среди пользователей пользовательского опыта — и не зря.
Просто взглянув на целевую страницу пользовательского интерфейса Figma, посетитель сразу же видит, что платформа представляет, ценность и призыв к действию. Это впечатляющий подвиг (о котором часто забывают).
Подобно DoorDash, Figma следует традиционному дизайну отличных целевых страниц. Figma начинается с вводного сгиба и сопровождается полями, которые демонстрируют их ценность, их что, их почему и их как. В заключение они приводят список основных брендов, которые используют их платформу, тем самым укрепляя доверие посетителей всего на одной странице. Доверие огромно для привлечения новых клиентов.
Возможно, этот четкий дизайн помог им стать одной из лучших платформ для проектирования UX / UI на рынке.Если дело не в дизайне, то это кнопка выбора с призывом к действию, которая перемещается над целевой страницей на протяжении всей прокрутки.
4. Целевая страница Apple Mac Pro
Apple лидирует в индустрии высоких технологий в области превосходного маркетинга и эстетического использования белого пространства в своем бренде. Это видно по дизайну их целевой страницы для Mac Pro.
Сила в прокрутке и ее интерактивных возможностях при эффективном использовании. Целевая страница рассказывает историю, открывая каждый абзац легким движением пальца.
Тем не менее, эта конкретная целевая страница не предназначена для типичного потребителя Apple и немного отличается от других их веб-страниц. Компания хорошо знает свою целевую аудиторию этого продукта: творческие профессионалы — например, фотографы, видеооператоры, кино- и фоторедакторы — нуждаются в устройстве, подходящем для обработки огромных объемов необработанных материалов и данных. Apple сочетает в себе традиционную эстетику с элегантным профессионализмом и техническим престижем, чтобы лучше общаться со своей целевой аудиторией.
Apple начинает свое повествование в традиционном минималистском стиле и разбрасывает всю необходимую информацию, касающуюся технических характеристик своих новейших технологий, на оставшейся части страницы.
Внизу страницы Apple завершает особо нишевым призывом к действию, побуждая посетителя исследовать Mac Pro в дополненной реальности, среди прочего, позволяя этим областям служить целям лидогенерации.
ShareCalmly — отличный пример для стартапов и малых предприятий, которые рисуют пробел в дизайне своей целевой страницы, и это делается в Webflow!
Иногда сильная сторона хорошей целевой страницы заключается просто в способности бренда связно передать свои сообщения.Именно здесь важно знать свою целевую аудиторию и ценность, которую они ищут.
ShareCalmly знает свою аудиторию и разрабатывает свою домашнюю страницу, чтобы постепенно раскрывать свое ценностное предложение во всех аспектах. Они завершаются проверенным призывом к действию «свяжитесь с нами» внизу страницы. Это работает в их пользу, поскольку они эффективно поделились ценностью, функциональностью, функциями и ценами своего продукта на всей остальной странице.
ShareCalmly удалось избавить посетителя от затянувшейся путаницы, и, таким образом, последняя подсказка для связи является подходящей.
6. Интеллектуальные карты ClickUp
Целевая страница интеллектуальных карт ClickUp — еще один отличный пример целевой страницы, который может служить источником вдохновения для SaaS-предприятий или стартапов в технологическом секторе. Они тоже следуют традиционному макету, который часто используется в дизайне посадочных страниц — , если доказано, что это работает, почему бы и нет!
Однако дизайн целевой страницы ClickUp выделяется среди других тем, как он отражает идентичность бренда на всей странице. Вы полностью погрузитесь в их дизайн, особенно в их внешний вид и цветовую схему, подобную конфетам.
Поле формы согласия электронной почты CTA в нижней части страницы является подходящим выводом для страницы, которая открывается с тем же полем формы согласия электронной почты.
7. Miro
Еще один дизайн целевой страницы SaaS, который может служить отличным шаблоном для вдохновения, — это целевая страница Miro для их онлайн-инструмента мозгового штурма.
Подобно ClickUp, Miro использует начальное изображение главного героя и последующую графику для визуальной коммуникации и демонстрации ценности своего продукта целевой аудитории.Тем не менее, Miro берет эту концепцию и работает с ней, добавляя месмерическую анимационную графику, чтобы визуально продемонстрировать функциональность своих продуктов в каждом сгибе.
Они вплетают отзыв, чтобы подтвердить свою надежность, и согласие на регистрацию, прежде чем завершить призыв к действию, чтобы посетитель узнал больше о ценности их бренда и возможностях продукта.
8. Запоминание
Онлайн-обучение резко выросло в 2020 году. Некоторые платформы овладели искусством оптимизации этого виртуального опыта, а некоторые все еще работают над устранением недостатков.Эта конкретная платформа попадает в первую категорию, расширяя охват, возможно, благодаря эффективной целевой странице!
Целевая страница Memorisely отличается минималистичным дизайном, основанным на копировании, который устраняет шум и обслуживает только необходимое — что, почему, как и отзывы.
Статическое меню боковой панели обрисовывает учебную программу курса с помощью кнопки «Зарегистрироваться сейчас» с призывом к действию, когда посетитель прокручивает веб-страницу — гениальное дополнение.
Memorisely, безусловно, имеет один из лучших примеров целевой страницы для учебной / образовательной платформы, и он создан в Webflow!
9.Webflow’s Designer
Наша целевая страница Designer — отличный пример дизайна целевой страницы. В частности, это отличный пример для SaaS-компаний, которым нужен так называемый дизайнерский толчок в правильном направлении.
Подобно веб-дизайну Apple, мы добавили мощь прокрутки, чтобы раскрыть возможности конструктора простым движением пальца.
Прокрутка может быть идеальным способом организовать контент на веб-странице, поскольку она погружает посетителя в страницу и рассказывает историю в процессе.
Мы начинаем с призыва к действию вверху страницы и заканчиваем им, предлагая пользователю начать работу и устраняя любые сомнения, помещая эту кнопку CTA рядом со списком некоторых из наших самых известных клиентов.
И, конечно же, эта целевая страница была сделана в Webflow.
10. Shef
Целевая страница Shef — отличный пример, особенно для владельцев малого бизнеса, стремящихся создать платформу для расширения своего охвата и привлечения потенциальных клиентов.
В своем дизайне они используют тот же подход, что и DoorDash, начиная с изображения героя и кнопки с призывом к действию вверху, затем раскрывая платформу, что, почему, как, различные отзывы и дополнительные функции, подтверждая ценность, которую они представляют для вдохновленных поваров и как гурманы.
Целевая страница Shef завершается соответствующим разделом часто задаваемых вопросов и тем же призывом к действию с момента открытия их страницы, связывая все это воедино.
11. Stripe для торговых площадок
Целевая страница торговой площадки Stripe — потрясающе красивая веб-страница!
Их начальная часть открывается со вкусом оформленной анимированной графикой, представляющей функциональные возможности платформы и тонко подчеркивающей их хорошо известных клиентов.
Эта складка примечательна тем, что может служить автономно — она показывает посетителю с первого взгляда, что именно делает Stripe, а также их ценность.
При прокрутке посетители видят подробную (и интерактивную) презентацию возможностей Stripe, их целевой рынок и почему этому рынку нужны услуги посетителей, особенно в сфере электронной коммерции.
По сути, это сводная презентация питча и ценностного предложения, преобразованная в веб-страницу, и она работает в пользу Stripe.
12. Nightwatch
Nightwatch — еще одна потрясающая целевая страница, разработанная с помощью Webflow, которую стоит отметить в нашем списке. Благодаря своеобразной графике и запоминающейся идентичности бренда Nightwatch смело выделяется среди других поставщиков услуг в области рейтингов, SEO и поисковой выдачи.
Они следуют шаблону претензии, поддержки и графики, повторяя шаблон вниз по странице перед завершением вопросами, чтобы побудить посетителя начать работу с помощью кнопки CTA.
Успех целевой страницы Nightwatch обусловлен вводным изображением героя их дерзкого взгляда на пирамиду в стиле иллюминатов, точной копией, которая демонстрирует их глубокие навыки и знания в этом нишевом секторе, и риторическим подходом к демонстрации их ценности для их нишевый рынок на всей своей веб-странице.
13. Совместная работа над контентом в Dropbox
По аналогии с DoorDash и Shef Dropbox использует проверенный подход к дизайну целевой страницы для совместной работы над контентом.
Dropbox использует упрощенное и минимальное пустое пространство как движущую силу для воплощения своего дизайна, при необходимости тщательно добавляя копии и изображения.
Нас приветствует эстетическая анимационная графика, которая визуально передает заявление платформы о сотрудничестве, а также кнопка с призывом к действию, побуждающая посетителя попробовать платформу бесплатно.
Посетитель прокручивает страницу, чтобы найти причудливый макет на остальной части страницы, который дополнительно объясняет функции платформы Dropbox, а также ответы на часто задаваемые вопросы о выборе, ряд дополнительных функций и последний призыв к действию внизу страницы. Иногда лучше меньше, да лучше.
14. Преимущества Gusto
Целевая страница Gusto доказывает, что иногда лучше отказаться от стереотипов и создать выдающуюся веб-страницу, которая отличает ваш бренд от конкурентов. Дизайн целевой страницы Gusto очень интересен.Их интерактивный дизайн затрагивает такие банальные темы, как льготы сотрудникам (без обид), и вызывает ощущение игры.
В то время как остальная часть страницы соответствует традиционному дизайну целевой страницы, типичному для поставщиков SaaS, включение этой интерактивной функции в верхнюю часть Gusto делает их целевую страницу привлекательной и необычной.
Посетителю предоставляется сложная информация в виде небольшого фрагмента одним нажатием кнопки. Это то, что заставляет целевую страницу Gusto работать — они знают свою целевую аудиторию и знают, как использовать интерактивный дизайн для передачи и подтверждения потребностей своей аудитории.У посетителя создается впечатление полного контроля, подтверждая, что эта платформа составляет за человек.
15. Wise
Раз уж мы поговорим об интерактивном дизайне, давайте поговорим о Wise, платформе для перевода денег за границу. Информация на этой целевой странице обширна, но TransferWise включает интерактивную демонстрацию функциональности своей платформы на начальном этапе, чтобы четко сообщить, что их платформа может делать. Это мудрый выбор !
Подобно Stripe, эта начальная складка может быть отдельной веб-страницей, поскольку она эффективно передает информацию о том, что, почему, как, ценность бренда и призыв к действию, даже без необходимости прокручивать страницу дальше.Это захватывающе.
При прокрутке посетителю показывается плотная демонстрация, которая расширяется во вводной части TransferWise. Целевая страница завершается последней кнопкой с призывом к действию «Узнать больше», рядом с изображениями реальной потребительской базы, заставляя их целевую аудиторию думать: «Эй, это похоже на меня!» и убедить их использовать Wise.
16. Keeper Tax
Целевая страница Keeper Tax доказывает, что рассказывание историй на целевой странице не имеет границ, независимо от вашего продукта, услуги или бренда — если вы мечтаете об этом, это возможно.Вам просто нужен подходящий дизайнер. (И платформу для дизайна — это тоже вам предоставил Webflow!)
Целевая страница Keeper Tax — это отдельная история. Вверху страницы посетитель видит призыв к действию для текстового поля с номером телефона и изображение главного героя, показывающее, что происходит после выбора услуги бухгалтерского учета. Сразу же посетитель может представить себя участвующим в услугах Keeper Tax.
Анимированная графика появляется по мере того, как посетитель прокручивает остальную часть страницы, подробно описывая функции, что, почему, как и цены.История заканчивается призывом к действию для посетителя начать работу, прежде чем закончить с важным и проницательным полем часто задаваемых вопросов внизу страницы, полностью отвечающим на вопросы посетителя.
17. Slack
Если вы не жили под камнем, вы слышали о Slack и, возможно, даже использовали его.
Slack стал популярной платформой для общения и совместной работы на рабочем месте, являясь основной платформой как для новых, так и для старых отраслей. Это поразительно.
Их целевая страница краткая, содержит только релевантную информацию для посетителя — что такое платформа, ее функции и учетные данные.
Нам дается вступительный и заключительный призывы к действию для посетителя, чтобы он загрузил приложение — Slack прекрасно понимает, что если вы находитесь на этой целевой странице, вы, вероятно, просто ищете ссылку для загрузки.
18. Езжайте с Uber
Мы все знакомы с этой службой каршеринга. Однако нельзя упускать из виду целевую страницу Uber «Поездка с Uber».
Эта веб-страница заслуживает внимания благодаря центральной функции: поле формы для подключения к водителю.
Эта страница предназначена для загрузки потенциальных водителей. Uber отображает на странице только релевантную информацию, оптимизируя контент, устраняя любую потенциальную путаницу и придерживаясь основ.
Если вы хотите создать свою собственную целевую страницу для привлечения новых подписчиков, независимо от вашего бизнеса или услуг, целевая страница Uber может послужить источником вдохновения.
19.Mailchimp Email marketing
Mailchimp, незаменимый маркетолог в области электронного маркетинга, способствовал росту и успеху многих малых предприятий и стартапов.
Люди знают, что Mailchimp работает, и бренд знает об этом. Они используют свою целевую страницу как подробное руководство, а не как подробное объяснение того, «почему».
Mailchimp подробно описывает особенности своего продукта с помощью очаровательных иллюстраций и визуальных макетов, демонстрирующих конструктор перетаскивания программного обеспечения, автоматизацию маркетинга, отчеты и аналитику, шаблоны электронной почты, интеграцию с магазинами и т. Д.
Эта целевая страница, мягко говоря, обширна и не оставляет камня на камне от посетителя.
20. Хост-дома Airbnb
Целевая страница хоста Airbnb попала в список! Они объединяют красивые изображения домов и практическую информацию о том, как работает хостинг, чтобы убедить посетителей попробовать.
Airbnb демонстрирует идиллические впечатления, которые посетители могут создать для своих гостей через платформу.
Вот почему эта целевая страница работает именно благодаря этим визуальным эффектам. Кроме того, размещение выбранных визуальных элементов и текстов демонстрирует внимательное отношение дизайнерской команды Airbnb при разработке этой целевой страницы. Это невероятно.
Airbnb завершает свою целевую страницу великолепным изображением, вызывающим чувство удивления. Под этим изображением призыв к действию побуждает посетителя узнать больше, указав свой адрес электронной почты и / или номер телефона, чтобы получить дополнительную информацию и получить доступ к вебинарам Airbnb в реальном времени.
21. Proof Pulse
Proof знает, что их продукт Pulse сложен, поэтому они начинают свою целевую страницу продукта с изображения героя видео, которое устраняет любую путаницу в начальном сгибе.
Это с их стороны умно. Это дает им пространство для расширения содержимого видео по всей остальной части веб-страницы.
Контент плотный, но его необходимо включить на целевую страницу. Современные и красочные визуальные эффекты демонстрируют интерфейс платформы. В середине страницы находится исчерпывающий список ее функций, таких как A / B-тестирование, аналитика и т. Д., А также поддержка заявления платформы о том, что она является инструментом социального доказательства номер один для SaaS-компаний.
Каждая сгибка целевой страницы строится на следующей, пока не будет завершено ее общее завершение с должным образом размещенными отзывами и призывом к действию, чтобы начать работу бесплатно. О, и мы упоминали, что эта целевая страница была создана в Webflow?
22. Kajabi
На первый взгляд целевая страница Kajabi может показаться типичной целевой страницей. Однако если вы посмотрите еще раз и обратите пристальное внимание на текст страницы и ее целевую аудиторию, вы поймете, почему эта целевая страница работает так хорошо.
Когда вы выходите на новый рынок, вы должны быть краткими в своих сообщениях. У Каджаби это хорошо получается. Они свели к минимуму любую потенциальную путаницу, включив только важную информацию для своего целевого рынка.
Добавление пояснительного видеоролика, размещенного точно рядом с кнопкой «Начать бесплатную пробную версию» с призывом к действию, — еще один тонкий, но разумный выбор в дизайне их целевой страницы. Эта страница также была сделана в Webflow!
23. Gemnote
Gemnote, еще один веб-сайт, созданный с помощью Webflow, имеет довольно впечатляющую целевую страницу.
Их интерактивная графика, расположенная чуть ниже начального сгиба страницы, особенно интересна. Вместо всплывающего окна Gemnote выбрала более творческий подход к регистрации.
Графическое изображение регистрации не только является креативным по своему дизайну в качестве поля формы отправки, но и демонстрирует посетителю, насколько удобно начать пользоваться услугами Gemnote.
Остальная часть страницы состоит из эстетических изображений специально отобранных продуктов и, что более важно, высокого качества этих продуктов.Целевая страница является прекрасным примером того, как эффективно соблазнять посетителя каждым движением пальца при продолжении прокрутки веб-страницы.
24. Ткацкий станок для маркетинга
Ткацкий станок быстро стал излюбленным инструментом для множества вариантов использования. Он используется в качестве маркетингового инструмента для таких брендов, как HubSpot, Lacoste, Intercom и т. Д.
Вы можете понять, как Loom удалось так быстро обеспечить коэффициенты конверсии и лид-поколения, посмотрев на их целевую страницу.
Мы видим традиционный подход к созданию дизайна целевой страницы, но точный обмен сообщениями и макет Loom отличает этот дизайн от других.
Ткацкий станок обработал каждую складку, чтобы развить следующую. Начиная с твердых претензий, поддержки и призыва к действию в их первоначальном виде, Loom следует модели претензий и поддержки вплоть до их заключения.
Они завершают свою очередь впечатляющей клиентурой, эффективно демонстрируя посетителям ценность Loom.
25. Buffer
Если вы предлагаете комплексную услугу для среднего человека и у вас возникают проблемы с принуждением их использовать вашу услугу или продукт, не ищите ничего, кроме целевой страницы Buffer Analyze.
Использование в Buffer красочных и полезных иллюстраций одновременно и привлекательно, и воодушевляет. То же самое и с их языком, с такими прилагательными, как великолепный, для описания информационной панели их продукта.
Buffer намеренно берет тему, которая обычно ассоциируется со страхом — аналитику социальных сетей — и переосмысливает ее как доброжелательную.
Это прекрасная ссылка на вашу целевую страницу, если у вас есть продукт или услуга, которые, возможно, непонятны обычному человеку.Такой дизайн целевой страницы, как Buffer’s, развеивает всепоглощающее чувство страха, которое может удерживать вашу целевую аудиторию от адаптации.
26. Взаимодействие с клиентами Intercom
Еще один отличный пример передачи ценности сложного продукта или услуги посредством дизайна можно найти на целевой странице Intercom «Взаимодействие с клиентами».
Они тоже овладели искусством делать сложное простым. Благодаря использованию привлекательной анимированной графики, видеодемонстрации по электронной почте и очень сжатой копии Intercom передает ощущение легкости и маневренности своей целевой аудитории.
Это чувство легкости жизненно важно для увеличения коэффициента конверсии и привлечения новых клиентов. Люди с большей вероятностью инвестируют в новый продукт или услугу, если они действительно понимают этот продукт или услугу.
27. Lattice Grow
Lattice понимает силу прокрутки, и они включили эту силу в дизайн своей целевой страницы в Webflow!
Вместо того, чтобы использовать силу прокрутки в качестве средства повествования, Lattice идет еще дальше и реализует этот интерактивный инструмент, чтобы показать визуальные преобразования, предлагаемые их продуктом.
Если посетитель сбит с толку, не беспокойтесь — вверху страницы размещена видеодемонстрация его продукта.
28. AngelList Venture
AngelList Venture переосмыслил, как использовать целевую страницу для продвижения новых предприятий и привлечения новых инвесторов (и они сделали это с помощью Webflow)!
Каждая складка на веб-странице убеждает посетителей инвестировать в одни из лучших стартапов по всему миру. Но AngelList не зависит исключительно от графики и текста, чтобы сообщить их ценность.
Они используют живые твиты реальных инвесторов и получателей таких средств, чтобы говорить от их имени. Это включение действительно имеет большое значение. Это очеловечивает усилия AngelList Venture и укрепляет доверие к их платформе.
29. Talkspace для бизнеса
Talkspace сделало свою целевую страницу Talkspace для бизнеса более человечной с помощью переходов выбора и анимированной графики, подключив свои сообщения к своей веб-странице, чтобы она находила отклик у их целевой аудитории.
Взгляните на их целевую страницу и убедитесь в этом сами.Эти тонкие движения придают реалистичность дизайну их целевой страницы. Также стоит отметить, что это было сделано в Webflow.
30. VanMoof S3
Apple установила новый стандарт для дизайна веб-страниц продуктов, и команда дизайнеров VanMoof приняла вызов, создав дизайн целевой страницы для VanMoof S3.
Сила свитка и их захватывающие визуальные эффекты раскрывают почти чувственный и футуристический опыт модели VanMoof S3 следующего поколения. Вызов этих настроений через дизайн страницы был и всегда будет инновационным способом убедить аудиторию инвестировать в продукт, независимо от его высокой цены.
Просматривая эту целевую страницу, вам нужен не просто велосипед, вам нужен VanMoof S3 нового поколения. И все это благодаря безупречному веб-дизайну.
31. Misfits Market
Misfits Market показывает, что не всегда преобразующий дизайн целевой страницы помогает обеспечить генерацию потенциальных клиентов. Скорее, он эффективно переводит идентичность вашего бренда в форму веб-сайта.
Брендинг действительно является лидером этой целевой страницы. Misfit Market умно использует принципы риторики, чтобы убедить свою целевую аудиторию в их ценности.
32. Пример использования целевой страницы Webflow
В завершение нашего списка мы представляем нашу собственную целевую страницу о целевых страницах. Да, знаем, но мы просто не удержались!
Целевая страница Webflow о целевых страницах — это обширное подробное руководство по началу работы над созданием собственной целевой страницы с помощью нашей платформы веб-конструктора.
Это довольно простая и понятная веб-страница. Его единственная цель — предоставить посетителям всю необходимую информацию, чтобы у них были средства и уверенность, чтобы приступить к созданию собственной целевой страницы.
А благодаря трем выбранным кнопкам CTA, подробным ресурсам на странице и ряду самых популярных шаблонов Webflow начать работу можно одним щелчком мыши.
Итак, вот он — наш исчерпывающий список лучших дизайнов целевых страниц, которые вы найдете в Интернете. Мы надеемся, что вам понравился этот веб-дизайн, и вы нашли эти примеры как информативными, так и вдохновляющими.
Ваша целевая страница — это ваш коммерческий шаг
Хороший дизайн целевой страницы требует глубокого понимания проблем и потребностей ваших пользователей.В следующий раз, когда вы пойдете и создадите целевую страницу, спросите себя: «Помогла бы эта страница мне продать мой продукт, если бы я встретился с покупателем лично?»
Если ответ отрицательный, убедитесь, что контент на вашей целевой странице разработан на основе формата AIDA — привлеките внимание целевой аудитории, вызовите интерес и желание вашего решения их проблемы и убедите посетителя принять меры.
Мы надеемся, что приведенные выше примеры вдохновят вас при разработке следующей целевой страницы.И если вы хотите приступить к созданию своей целевой страницы в Webflow, обязательно ознакомьтесь с нашим полным руководством по целевой странице:
34 лучших примера целевых страниц 2021 года (чтобы вдохновить вас)
Вот наш исходный принцип:
Совершенная профессиональная целевая страница может повысить коэффициент конверсии. (А грязный может им навредить.)
Довольно просто, правда? Вы наверняка слышали нечто подобное раньше. Но что, черт возьми, значит быть «отполированным» и «профессиональным» на целевой странице? А когда дело доходит до конверсий, какой магический x-фактор отличает исключительных маркетологов?
Помня об этих вопросах, мы хотим показать несколько свежих примеров целевых страниц, чтобы вдохновить вас на следующее творение.Продолжайте и сохраняйте их самые умные, гладкие и быстрые элементы для своего файла смахивания.
На всем протяжении мы будем предлагать сертифицированный Unbounce взгляд на то, что делает каждую страницу такой чертовски хорошей, а иногда и на то, как каждую из них можно улучшить. (Между прочим, большинство из них также были созданы с помощью Unbounce Builder.) Поехали.
Что делает целевую страницу эффективной?
Прежде чем переходить к примерам, стоит выделить некоторые качества, которые присущи большинству хороших целевых страниц.(У вас нет на это времени? Забегайте вперед и рассмотрим примеры верхних целевых страниц.)
Вот несколько основных приемов создания целевых страниц с высокой конверсией:
- Используйте четкое и краткое изложение ценности (вверху сгиба), чтобы посетители сразу понимают цель вашей страницы.
- Сопоставьте свой основной заголовок с объявлением, которое посетитель нажал, чтобы попасть на страницу в первую очередь (или, например, кнопку электронного письма с призывом к действию).
- Включите социальные доказательства и отзывы в подтверждение своих требований.
- Сосредоточьте всю страницу на одном предложении с одним основным призывом к действию (CTA).
- Используйте макет, ориентированный на конверсию, чтобы выделить ваш CTA (подумайте о пробелах, цвете, контрасте и указателях направления).
- Проверяйте новые идеи с помощью A / B-тестирования. Иногда то, что работает, вас удивит.
Не уверены, что ваши целевые страницы достигают цели? Попробуйте Unbounce’s Landing Page Analyzer, чтобы получить персонализированный контрольный список тактик, которые могут повысить конверсию.
Лучшие примеры посадочных страниц [Обновлено для 2021 года]
- Netflix (SaaS: развлечения)
- LinkedIn (SaaS: профессиональные услуги)
- Goby (электронная торговля: здоровье и благополучие)
- DoorDash (SaaS: доставка еды)
- SEM Rush (SaaS: маркетинг)
- Coco Village (электронная торговля: мебель)
- Grass Roots (электронная торговля: продукты питания и питание)
- Amazon (SaaS и электронная торговля)
- Филиал (электронная торговля: мебель)
- Western Rise ( Электронная торговля: одежда и одежда)
- Университет Атабаски (образование)
- Бариатрическое питание (продукты питания и питание)
- blow LTD.(Красота)
- Blue Forest Farms (электронная торговля: каннабис)
- Border Buddy (путешествия и доставка)
- Bouquet Bar (электронная торговля: велнес и подарки)
- Монитор кампании (SaaS: маркетинг)
- Class Creator (SaaS: образование )
- Fast Mask (электронная торговля: одежда и одежда)
- Good Eggs (электронная торговля: продукты питания и питание)
- HomeLoanGurus (SaaS: финансы и страхование)
- Jet Pet (услуги для домашних животных)
- Mooala (электронная торговля: продукты питания и питание) )
- NANOR (электронная торговля: здоровье и подарки)
- Panda7 (SaaS: финансы и страхование)
- Pared (SaaS: рестораны и персонал)
- Perfect Keto (электронная торговля: продукты питания и питание)
- Twinwoods Adventure (путешествия и отдых) )
- Roomeze (SaaS: недвижимость)
- Smalls (электронная торговля: продукты питания и питание)
- Sundae (SaaS: недвижимость)
- Wavehuggers (путешествия и отдых)
- Woolx (электронная торговля: одежда и одежда)
- Zumba (Здоровье и фитнес)
1.Netflix
Изображение с Netflix. (Щелкните, чтобы увидеть все.)
Помните, когда вы впервые услышали о Netflix? Служба потоковой передачи казалась слишком хорошей, чтобы быть правдой с неограниченным количеством фильмов и телешоу менее чем за 10 долларов в месяц. Что за убийственное ценностное предложение… неудивительно, что они вытеснили конкуренцию из бизнеса. (RIP, Blockbuster.) Эта целевая страница усиливает эти наиболее важные преимущества, не делая ее слишком сложной или трудной для регистрации. И, очевидно, эта стратегия работает — недавние отчеты показывают, что у Netflix в настоящее время насчитывается более 192 миллионов подписчиков по всему миру.
Отрасль: SaaS / Развлечения
Почему это вдохновляет…
- Единая форма — большая устрашающая форма на этой странице может легко отпугнуть тех, кто не разбирается в технологиях. Но Netflix хочет обратиться ко всем * и * их бабушкам и дедушкам. Вот почему они делают первый шаг очень простым — просто введите свой адрес электронной почты, чтобы начать.
- Раскрывающийся список часто задаваемых вопросов — За прошедшие годы Netflix несколько раз поднимал цены.Вот почему они переместили эту часть своего ценностного предложения в раскрывающийся список часто задаваемых вопросов внизу страницы. Они по-прежнему сообщают вам эту информацию на странице, чтобы вы не нажимали на нее, но они больше не придают этому большого значения.
- Краткое содержание — Хотя многие шоу Netflix долго разматываются, вы можете переварить эту целевую страницу всего за несколько секунд. Здесь меньше 200 слов текста, и каждое пособие содержит только пару строк вспомогательного текста.Это разумно, поскольку, согласно отчету о конверсии за 2020 год, целевые страницы мультимедиа и развлечений, содержащие менее 350 слов, обычно лучше конвертируются.
2. LinkedIn
Изображение из LinkedIn. (Щелкните, чтобы увидеть все.)
В наши дни профиль LinkedIn есть почти у всех, но только люди, серьезно настроенные на продвижение своей карьеры, подписались на LinkedIn Premium. Эта целевая страница подчеркивает преимущества обновления вашей учетной записи специально для соискателей, которые хотят выделиться на рынке труда.(Потому что, по-видимому, совета моего отца о крепком рукопожатии и постоянном зрительном контакте уже недостаточно? Кто знал.)
Отрасль: SaaS / профессиональные услуги
Почему это вдохновляет…
- Люди по продукту — В SaaS всегда сложно найти баланс между тем, нужно ли сначала показывать снимок экрана своего продукта или фотографию покупателя, который фактически его использует. Вот почему мне очень нравится подход, который применяет здесь LinkedIn, смешивая индивидуальные фотографии улыбающихся соискателей (кто так счастлив, когда они подают заявление о приеме на работу ?!) с 3D-изображениями, демонстрирующими функции Premium.Поистине лучшее из обоих миров.
- Ссылки для перехода — Для более длинных целевых страниц, подобных этой, может быть полезно разместить якорные ссылки вверху страницы. Таким образом, посетители могут сразу перейти к наиболее интересным для них частям.
- Мощная статистика — На этой странице нет реальных социальных доказательств (было бы неплохо увидеть отзыв пользователя LinkedIn Premium), но есть мощный бит данных. «InMail в 2,6 раза эффективнее, чем одна только электронная почта». Это ОГРОМНО для соискателей, которые хотят связаться с менеджерами по найму или рекрутерами, и я предполагаю, что это, вероятно, одна из основных причин, по которым посетители подписываются на Premium в первую очередь.Я бы порекомендовал провести A / B-тест, чтобы увидеть, приведет ли добавление этой статистики в заголовок страницы к дальнейшему увеличению конверсии.
3. Бычок
Изображение любезно предоставлено Гоби. Щелкните, чтобы увидеть все.«Чистка безупречна». Это то, что обещает эта целевая страница от Goby вверху, давая посетителям уверенность и любопытство при переходе по ссылкам. Их удостоенная наград электрическая зубная щетка не только заслужила впечатляющие отзывы, но также доступна по цене и имеет гарантию возврата денег.Теперь это стоит улыбки!
Отрасль : Стоматология
Почему это вдохновляет…
- Анатомия зубной щетки: Ознакомьтесь с тем разделом на странице, который раскрывает каждый элемент зубной щетки. Вместо того, чтобы просто рассказывать об этих особенностях в тексте, посетители могут собственноручно увидеть «мягкую щетину премиум-класса» и «качающуюся головку щетки».
- Сообщение о социальном воздействии: Покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и приносят пользу сообществу.Вот почему мы копаем в нижней части страницы раздел, в котором рассказывается, как Goby жертвует процент от каждой продажи программе Global Student Outreach Стоматологического колледжа Нью-Йоркского университета.
- Фото в Instagram: На странице есть множество отличных социальных доказательств, но карусель фотографий в Instagram внизу действительно ставит вишенку наверх. Мало того, что каждое фото каким-то образом заставляет зубную щетку выглядеть прямо-таки модно , но и ручки Instagram тоже здесь, если вы хотите лично увидеть, что сказал каждый влиятельный человек.Хороший!
4. DoorDash
Изображение от DoorDash. (Щелкните, чтобы увидеть все.)
Доставка еды — это большой бизнес, и такие компании, как DoorDash, используют целевые страницы, чтобы привлечь больше водителей, подписавшихся на их услуги. Эта страница поможет вам представить себе, как это будет доставить еду, чтобы заработать на жизнь, и подчеркнет, сколько денег вы можете заработать на своем новом постоянном концерте или подработке.
Отрасль: SaaS / Доставка еды
Почему это вдохновляет…
- Заголовок, сфокусированный на вас — В чем самое большое преимущество доставки еды? Дело не в том, что вы узнаете все короткие пути в вашем городе, и не в том, что ваш автомобиль пропитан восхитительным запахом еды (спустя 10 лет, а моя машина все еще пахнет пиццей пепперони).Самое большое преимущество — это свобода, которую вы получаете. Вы можете работать в свое свободное время и быть самим себе боссом. И эта целевая страница передает это чувство прямо в заголовок.
- И все дело в деньгах — Если свобода — главное преимущество работы водителем DoorDash, то другим преимуществом должны быть деньги. Посмотрите на график, на котором показан ваш потенциальный еженедельный доход. (Неплохо для езды по городу с несколькими тако в багажнике!)
- Квалификационные требования — DoorDash не хочет, чтобы все претендовали на должность и перегружали свой отдел кадров.Вот почему они стараются перечислить требования здесь, на первой странице процесса регистрации. Так что, если у вас нет машины или вам еще не исполнилось 18 лет, вы знаете, что не стоит надеяться.
5. SEM Rush
Изображение из SEM Rush. (Щелкните, чтобы увидеть все.)
Если вы специалист по цифровому маркетингу, вы, вероятно, уже знакомы с SEM Rush. Их платформа предлагает универсальный набор инструментов для SEO, контент-маркетинга, PPC, социальных сетей и исследования рынка.Но вместо того, чтобы пытаться продать вам все эти вещи одновременно, эта целевая страница фокусируется только на одном: как вы можете использовать их платформу, чтобы узнать больше о своих конкурентах.
Отрасль: SaaS / Маркетинг
Почему это вдохновляет…
- Ультра-убедительный CTA — CTA на этой странице отражает врожденное желание каждого маркетолога следить за конкурентами. (Подождите, это только я?) В форме с одним полем вас попросят ввести * любое * доменное имя перед тем, как вам будет предложено нажать большую кнопку и «Get Insights.И вспомогательный текст в разделе героев действительно помогает понять идею: «Посмотрите, откуда идет их трафик и насколько вовлечены их пользователи».
- Сильное социальное доказательство — Эта целевая страница поражает почти все типы социальных доказательств. Панель с логотипами узнаваемых брендов? Проверять. Отраслевые награды и достижения? Проверять. Отзывы реальных маркетологов? Проверять. А если и этого было недостаточно, внизу есть карусель твитов, демонстрирующих недавнюю болтовню о платформе в Интернете.
- Информация для аудитории, копия — Чтобы создать целевую страницу с высокой конверсией, вы должны знать свою аудиторию и рассказывать о преимуществах, о которых они больше всего заботятся. Текст здесь сосредоточен на больших данных и алгоритмах машинного обучения, потому что они нужны маркетологам, ориентированным на данные. Умная.
6. Coco Village (Агентство: J7 Media)
Изображение любезно предоставлено Coco Village и J7 Media. Щелкните, чтобы увидеть все.Даже будучи взрослым взрослым мужчиной, я все еще визжал от восторга, когда увидел некоторые кровати и комплекты постельного белья на этой целевой странице для Coco Village.(Двухъярусная кровать в домике на дереве ?! Мой внутренний ребенок умирает от ревности.) Маркетологи J7 Media, рекламного агентства Facebook, проделали феноменальную работу, продемонстрировав на этой целевой странице коллекцию различных продуктов, но при этом сосредоточив внимание на ней. единственная цель по переходу по клику.
Промышленность : Постельное белье
Почему это вдохновляет…
- Сосредоточьтесь на продаже: Когда вы предлагаете большую распродажу или скидку, вы хотите, чтобы * все * знали об этом. И посетители этой целевой страницы не могут пропустить тот факт, что они предлагают «50% скидку на кровати и комплекты постельного белья.Это не только основной заголовок, но он также повторяется под каждым продуктом при каждом призыве к действию. Они даже вычеркивают исходные цены, чтобы показать, сколько денег вы сэкономите. Хороший!
- Демонстрирует товары: На целевых страницах электронной коммерции не всегда лучший выбор сосредоточиться только на одном продукте или элементе. На этой странице показано, как можно продемонстрировать посетителям несколько различных вариантов, в то же время сосредоточив их на одной цели CTA.
- Дополнительные продукты: Хорошо, может быть, вы похожи на меня и думаете, что кровати выглядят круто, но прямо сейчас вам не нужна одна из них.Именно тогда на странице появляется несколько очаровательных подушек, выставленных на продажу по гораздо более низким ценам. (Я могу покупать или не покупать ту, которая выглядит как улитка для себя.)
7. Grass Roots (Агентство: MuteSix)
Изображение любезно предоставлено Grass Roots и MuteSix. Щелкните, чтобы увидеть все.Спрос на мясо травяного откорма постоянно растет, и здесь сочетается эта целевая страница от Grass Roots Farmers ’Cooperative и агентства MuteSix. Прокручивая страницу, вы совершаете полный путь к покупателю — от осознания проблемы (понимание того, почему мясо травяного откорма лучше), через рассмотрение (понимание того, почему вы должны выбрать травяной корень в качестве поставщика протеина) до принятия покупка («Получите скидку 30 долларов США»).
Industry : Food and Nutrition
Почему это вдохновляет…
- Видеообзор: Вверху страницы находится минутное видео с участием основателя и генерального директора Bulletproof Дэйва Эспри. Он объясняет, насколько сложно найти высококачественное мясо травяного откорма и почему Дейв использует корни травы для мяса, которое он не может найти в продуктовом магазине. Это задает приятный тон остальной части страницы и поможет вам настроиться на покупку.
- Подход к повествованию: Вся страница использует повествование аналогичным образом, действительно заставляя вас покупать больше мяса травяного откорма в качестве образа жизни. Прокручивая страницу, вы невольно чувствуете, что упускаете этот более полезный (и более вкусный) вариант из говядины, курицы и бекона.
- Сильное социальное доказательство: Эта страница не только демонстрирует, что Grass Roots является единственной компанией по доставке мяса, одобренной Bulletproof, но и способствует тому, что у них более 500 5-звездочных отзывов и 7000 довольных клиентов.(«У меня будет то, что у них есть».)
8. Amazon
Изображение с Amazon. (Щелкните, чтобы увидеть все.)
Вот целевая страница, на которой на бумаге , похоже, вообще не работает. Цвета здесь невероятно разрозненные. Есть несколько разных художественных стилей. Кажется, что контент повсюду. Черт возьми, на странице даже есть несколько ссылок на другие страницы и точки выхода. (Ужас!) Но Amazon каким-то образом удается избежать наказания за нарушение всех этих правил, потому что они знают, что их предложение слишком хорошее, чтобы от него отказаться.
Industry : Ecommerce / SaaS
Почему это вдохновляет…
- Иерархия интеллектуальных преимуществ — Спросите людей, почему они подписываются на Amazon Prime, и они ответят вам в том же порядке, в котором эти разделы появляются в целевая страница. Бесплатная доставка — главное преимущество, за которым следует Prime Video. Остальное — это бонусы, поэтому они отображаются как надстройки по мере продвижения вниз по странице. (А поскольку средняя глубина прокрутки составляет всего около 50%, разумно размещать самые важные элементы в верхней половине страницы.)
- CTA с переходом по клику — Считаете ли вы, что это страница SaaS или страница электронной коммерции, маркетологи Amazon сделали правильный выбор, чтобы использовать CTA с переходом по клику вместо того, чтобы встраивать форму на страницу. Согласно отчету о конверсии за 2020 год, призывы к действию по клику лучше работают в обеих этих отраслях.
9. Мебель для филиалов
Как человек, которому недавно пришлось обставлять домашний офис, я точно знаю, насколько сложно найти в Интернете столы, стулья и столы, которые вам нравятся.(И это было только для одного человека!) Branch Furniture понимает, что это может быть проблемой для офис-менеджеров, поэтому их целевая страница сразу убеждает вас, что вы попали в нужное место. Их услуги позволяют быстро и легко разработать, доставить и установить вашу офисную мебель.
Industry : Офисная мебель
Почему это вдохновляет…
- Яркий заголовок: «Офисная мебель — это просто». Всего в четырех словах вы понимаете, на кого нацелена эта целевая страница и каково их уникальное торговое предложение (УТП).Вы же не хотите строить 100 столов для своего нового офиса в стиле Ikea, используя только торцевой ключ и мечту. Кажется, гораздо лучше позволить Branch Furniture позаботиться обо всех этих деталях за вас.
- Умная копия CTA: Хотя на странице есть несколько кнопок CTA, все они в конечном итоге ведут вас в одно и то же место. Замена копии — это умный способ помочь посетителям визуализировать следующие этапы процесса, независимо от того, хотите ли вы «спроектировать мой офис» или изучить конкретный продукт.
- Консультация специалиста: Необязательно обставлять офис в одиночку. На целевой странице подчеркивается, что это совместный шоппинг с бесплатной консультацией по дизайну и включенной платой за установку.
10. Western Rise
Изображение любезно предоставлено Western Rise. (Щелкните, чтобы увидеть все.)Иногда, готовя такую деталь, как эта, вы в конечном итоге покупаете продукт. Я очень, очень близок к тому, чтобы нажать на курок пары штанов Western Rise AT Slim Rivet Pants.И почему бы нет? Эта четкая целевая страница быстро демонстрирует привлекательность продукта с помощью визуальных элементов и текста, подчеркивающего преимущества этих «приподнятых» брюк. Возможно, пора вообще отказаться от моих потрепанных джинсов.
Отрасль: Clothier
Почему это работает…
- Смелое изображение: Эти штаны могут быть сделаны вручную в Лос-Анджелесе, но многие из фотографий здесь (включая снимок героя) кричат о Бруклине. Легко представить, что вы носите брюки AT Slim Rivet, когда протягиваете свой фикс в пробках, балансируя латте на руле по дороге на шикарную коктейльную вечеринку на крыше.
- Подчеркивая преимущества: Я никогда не думал, что буду писать об общих болевых точках, связанных с ношением брюк, но вот мы и пришли. На этой целевой странице Western Rise обращается ко всем. Джинсы рвутся и склонны к перегреву. Чиносы пачкаются и мнутся. Брюки классические для квадратов, мужик. Обещая универсальность («брюки на весь день, каждый день») и сохраняя преимущества заранее, Western Rise предлагает решение проблемы, о которой вы даже не подозревали.
- «Технические характеристики»: Несмотря на то, что здесь демонстрируется какая-то умная копия, Western Rise чрезвычайно прямолинейно описывает характеристики брюк AT Slim Rivet в разделе «Технические характеристики» на странице.Они четко и лаконично предоставляют точную информацию о материалах («Прочный нейлоновый холст» и «Складывающаяся промежность») и дизайне («Карман для носителя» и «Расширяемый низ»).
11. Университет Атабаски
Изображение любезно предоставлено Университетом Атабаски. (Щелкните, чтобы увидеть все.)Университет Атабаски стал пионером дистанционного обучения в Канаде в 1970-х годах. Сегодня он использует целевые страницы для продвижения своих инициатив по онлайн-регистрации, включая этот пример, представляющий его 14 программ сертификации.Это разумный выбор, поскольку целевые страницы позволяют AU сосредоточить внимание посетителя на определенной части своих многочисленных предложений онлайн-программ.
Отрасль: Образование
Почему это вдохновляет…
- Умная копия: Возможно, стоит протестировать более прямой заголовок, но копия здесь соответствует другим инициативам по брендингу школы в других местах. К тому же он очень острый. Цель ясна: люди, которые могут продолжить свое образование, но не чувствуют, что у них есть время для этого.Эта целевая страница говорит об обратном (словами и изображением героя).
- Копия, ориентированная на вас: Эта страница посвящена мне (или, ну, «вам»), а не «Великому и могущественному» университету Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость апеллировать к собственным интересам лучше, чем многие их коллеги из других отраслей, которые могут хвастаться. Я не уверен, какая часть иерархии потребностей Маслоу требует от технических специалистов, но AU справляется лучше, апеллируя к желанию самореализации.
- Отзывы: Немного вдохновения никогда не помешает. Здесь социальное доказательство показывает пути к личному успеху до того, как люди сделают значительные вложения. Я хотел бы проверить, не дает ли здесь удвоение еще лучших результатов. Повышение наглядности каждого отзыва и предложение чуть большего количества биографий — наряду с портретами, чтобы очеловечить их, — может дать небольшой толчок. (Конечно, может и нет. Но именно поэтому мы тестируем!)
- Z-шаблон: Эта страница является классическим примером работы Z-шаблона.То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляду предлагается перейти от логотипа Университета Атабаски к их слогану («Открытый. Гибкий. Везде»), затем по диагонали по заголовку к подтверждающей копии и, наконец, прямо к призыву к действию. (Пау!) Другие визуальные очереди также побуждают глаз опускаться (включая, ловко, заостренный кончик гребня Атабаски).
12. Bariatric Eating (Агентство: Lifestyle Collective)
Вот страница Bariatric Eating, которая показывает, почему индивидуальность и стиль так важны для вашей целевой страницы.Вы можете легко представить версию этой кампании, которая выглядит более клинической и научной, но маркетологи из Lifestyle Collective наделили ее ярким и дружелюбным дизайном, чтобы сделать ее предмет более доступным. Подход, похоже, тоже работает… У этой страницы впечатляющий коэффициент конверсии — более 39% .
Industry : Food and Nutrition
Почему это вдохновляет…
- Красочный дизайн : Игривый дизайн распространяется на каждый элемент страницы.Выбор шрифта, иллюстрации, цвета — все сочетается таким образом, что идеально соответствует индивидуальности их бренда.
- Генерация лидов по SMS: Чаще всего целевые страницы лидов используются для сбора адресов электронной почты посетителей. Вместо этого на этой странице запрашивается номер вашего мобильного телефона, чтобы они могли отправить вам текст с планом в формате PDF. Это кажется умным (и уникальным) способом наладить прямую связь с вашими потенциальными клиентами.
- Сворачиваемый FAQ : Как сделать так, чтобы на целевой странице было достаточно информации, чтобы не перегружать посетителей? Скрытие некоторых из ваших самых многословных разделов с помощью скользящей кнопки может помочь сохранить порядок и порядок.(Прочтите этот пост в сообществе Unbounce, чтобы узнать, как сделать складные разделы на своих целевых страницах.)
13. blow LTD.
Изображение любезно предоставлено blow LTD. (Щелкните, чтобы увидеть все.)Если вы посмотрите мимо шумной вещи «Uber for beauty», британский бренд blow LTD. решает настоящую проблему способом genius . Они предлагают доступные профессиональные косметические услуги, которые приходят к вам, и, что более важно, вы можете записаться на прием к одному из их профессионалов прямо из их приложения.Целевые страницы — важная часть стратегии их кампании. Например, этот пример умело продвигает наращивание ресниц в домашних условиях.
Отрасль: Красота
Почему это вдохновляет…
- Четкое изложение ценности: Эта целевая страница не лишена симпатичного текста (например, «Глаза, которые поражают»). Вместо этого он четко формулирует предложение и полагается на ценность (и, возможно, немного новизны), чтобы привлечь потенциальных клиентов.Обещание не может быть более однозначным, чем «Наращивание ресниц в домашних условиях», и именно поэтому этот заголовок так эффективен.
- Промокод: Предоставление посетителям промокода делает выигрыш еще более приятным, но это также делает кое-что еще. Призыв к действию («Закажите наращивание ресниц») перенаправляет на их основной веб-сайт, где они могут отвлечься или расстроиться. Акция дает дополнительную мотивацию, чтобы посетители могли совершить бронирование. Хотите эту экономию? Тогда тебе лучше использовать этот код, пока ты не забыл.
- Социальное доказательство: Понятно, что люди разборчивы в том, кто делает им прически и макияж, поэтому предоставление социальных доказательств является обязательным. Отзывы здесь были отобраны, чтобы подчеркнуть индивидуальный характер опыта. С ударом ООО. работает только в том случае, если потенциальные клиенты чувствуют, что могут доверять своим профессионалам, поскольку социальное доказательство помогает очеловечить обслуживание и начать строить отношения.
- Простые шаги: Глядя дальше вниз по странице, мы можем остановиться на разделе «Как это работает».В этом пост-убер-мире услуга, предлагаемая blow LTD. довольно легко понять, так зачем же включать его трехэтапную разбивку? Но в том-то и дело. Эта целевая страница включает эти шаги, чтобы подчеркнуть эту простоту. Я имею в виду, давай, третий шаг — «Сядь поудобнее и расслабься». В этом я могу отстать.
- Тонкое продвижение приложения: Вместо того, чтобы агрессивно направлять посетителей в приложение, целевая страница заканчивается мягким напоминанием о том, что вы можете загрузить приложение на свой iPhone или Android.(Я бы протестировал мобильный вариант CTA, который идет прямо в приложение.) Некоторые люди наверняка будут в восторге от бронирования с помощью blow LTD. в пути, но посетители не чувствуют особого давления, чтобы вытащить свой смартфон. Как только посетитель конвертируется, у него будет множество других возможностей подключить его к приложению.
14. Blue Forest Farms (Агентство: Champ / Cannabis Creative)
Изображение любезно предоставлено Blue Forest Farms. (Щелкните, чтобы увидеть все.)Нам нравится этот невероятный дизайн для Blue Forest Farms от Champ и Cannabis Creative.Фермеры, выращивающие коноплю, иногда с трудом отмежевываются от культуры каннабиса. (Краски для галстука, вода из бонга и неприятный запах, исходящий из фургона вашего старшего брата.) Но эта звездная целевая страница B2B требует модернизированного и, осмелюсь сказать, взрослого подхода к оптовой продаже экстрактов конопляного масла. От чистого дизайна до убедительной копии, он убедительно свидетельствует о том, что это отрасль, к которой нужно относиться серьезно.
Отрасль: Конопля
Почему это вдохновляет…
- Экспертная копия: В отличие от целевых страниц B2C, эта страница обращается к профессиональной аудитории.Под этим я подразумеваю людей, которые знают, что значит, когда растительный экстракт содержит «натуральные терпены» и был «декарбоксилирован». Мы могли бы предложить использовать более эффектный заголовок, но оптовики, вероятно, хорошо осведомлены о преимуществах. Переход к делу не может быть плохим.
- «Усовершенствованный» подход: Blue Forest Farms продает конопляное масло в нескольких штатах, от сырой нефти до готовых к продаже продуктов white label. Помимо простого перечисления этих вариантов, эта целевая страница описывает процесс, посредством которого их конопля очищается, подчеркивая заботу и мастерство, которые в этом заключаются.
- Низкоинтенсивная генерация лидов: Я видел более короткие формы, но генерация лидов здесь относительно проста для B2B. (Они могут протестировать включение имени и фамилии в одно и то же поле и изменить часть языка.) Разумно оставить дополнительное поле для дополнительных примечаний, поскольку оптовые сделки намного сложнее, чем большинство других.
- Простой дизайн: Разговор, который должен происходить оптом, выходит за рамки одной целевой страницы. Вместо того, чтобы втиснуть слишком много информации на страницу, Blue Forest Farms стараются сделать ее краткой и приятной, чтобы как можно скорее стимулировать контакт.
15. Border Buddy
Изображение любезно предоставлено Border Buddy. (Щелкните, чтобы увидеть все.)Вы когда-нибудь пытались пересечь границу с 10-фунтовым колесом Висконсинского чеддера, привязанным к пассажирскому сиденью (и замаскированным под вашу жену)? И я нет. Но если бы я это сделал, я бы хотел, чтобы Border Buddy остался позади. Эта целевая страница работает, вызывая общие тревоги, а затем предлагая их без суеты.
Отрасль: Таможня
Почему это работает…
- Представление проблемы: Заголовок начинается с боли и незащищенности («Импорт и экспорт — это сложно»), с которой любой посетитель, попавший на эту целевую страницу, кампания PPC, вероятно, будет ощущаться.Однако важно то, что обещание решения проявляется с такой же ясностью выше заглавной: «Мы делаем за вас самую сложную часть работы», — говорит Бордер Бадди. Идеальный.
- Простота: Перенос ваших покупок через границу может стать очень запутанным, поэтому очень важно содержать эту целевую страницу в чистоте. Здесь нет больше информации, чем то, что вам нужно знать. Никакого юридического языка. У вас будет таможенный брокер, который будет заботиться обо всех этих мелких деталях за вас.
- Скорость: В Unbounce мы можем многое сказать о влиянии скорости страницы на коэффициент конверсии.Но Border Buddy уже впереди всех в этом вопросе. На мобильных устройствах этой целевой странице требуется менее трех секунд, чтобы отобразить первую значимую отрисовку. Border Buddy не перегружает страницу ненужными медиафайлами или скриптами, обеспечивая немедленное взаимодействие с посетителями. (Подготовка SVG-версии своего логотипа может сократить несколько килобайт и без того очень скудной страницы.)
- Неожиданная яркость: Иногда маркетологи связывают стремление к более высокой скорости с необходимостью пожертвовать визуальной привлекательностью целевой страницы .Этот пример от Border Buddy показывает, что этого не должно быть. Они тщательно подобрали шрифт, макет и визуальные эффекты, чтобы добиться максимального эффекта и усилить брендинг (не отвлекая посетителей).
- F-шаблон: Как и Z-шаблон, макет F-шаблона имитирует то, как наши глаза перемещаются по экрану, когда мы смотрим на контент. Это снижает когнитивную нагрузку и гарантирует, что ключевые части сообщения (включая призыв к действию) расположены в наиболее заметных местах.
16. Bouquet Bar (Агентство: Power Digital Marketing)
Изображение предоставлено Bouquet Bar. (Щелкните, чтобы увидеть все.) КомпанияPower Digital Marketing создала эту великолепную целевую страницу для Bouquet Bar. Хотя другие целевые страницы ориентированы на определенные праздники, здесь говорится, что вам не нужен повод, чтобы побаловать того, кого вы любите (или, знаете, нужно произвести впечатление) букетом. Вы можете сделать это «Просто потому, что». Райан Пикардал, дизайнер, который работал над этим, описывает их цели:
Для относительно нового бренда наша команда осознала, что нам нужно извлекать выгоду не только из увеличения продаж с этих целевых страниц, но и за счет расширения их аудитории.Чтобы добиться этого, нам нужно было сосредоточиться на том, чтобы во главу угла ставить соблазнительные сообщения и изображения, а также сделать так, чтобы все ключевые преимущества Bouquet Bar были четко видны и привлекали внимание.
Отрасль: Флорист / Подарки
Почему это работает…
- Выберите свое собственное приключение: Хотя важно сохранять концентрацию, иногда один призыв к действию не совсем отражает типы посетителей вашего целевая страница получает.В этих случаях может быть весьма эффективным предоставить несколько вариантов. Для покупателей, которые хотят создать что-то личное, первый призыв к действию предлагает вам создать свой собственный букет. Но для тех, у кого мало времени или воображения, «тщательно подобранные подборки» — это кратчайший путь к празднованию важного человека или события.
- Просто потому: 75% роз, продаваемых в США, покупают мужчины на День святого Валентина. И 25% всех взрослых сообщают, что покупают цветы в качестве подарков на День матери. Скорее всего, в эти два дня Bouquet Bar ведет значительный объем бизнеса, но сообщения «просто потому, что» здесь приглашают к работе в течение остальных 363 дней в году.
- Правильная цветовая палитра: Этот момент затрагивает общий бренд Bouquet Bar, но на него стоит обратить внимание в контексте страницы «Просто потому». Оранжевый, особенно его глубокий оттенок, гармонирует с теплым и утонченным характером бренда. Многие из того, что называют психологией цвета, довольно сомнительны — использование розового не сделает ваше похоронное бюро более веселым, — но акценты здесь определенно поддерживают самобытность, которую хочет утвердить Bouquet Bar.
- Захватывающая фотография: Галерея помогает контекстуализировать продукт как «выражение любви, благодарности и дружбы», демонстрируя людей, получающих подарок. Изображения людей могут более эффективно вызывать эмоции, чем слова, поэтому такая компания, как Bouquet Bar, будет разумно использовать их здесь. Фотографии также, гораздо более практично, демонстрируют масштаб. Это может стать серьезной проблемой при покупке незаметных продуктов. Это отличный урок для тех, кто занимается электронной коммерцией.
17.Campaign Monitor (Агентство: ConversionLab)
Вот целевая страница SaaS, которая все правильно понимает. Эта страница для платформы электронного маркетинга Campaign Monitor, созданная опытными маркетологами из ConversionLab, объединяет многие передовые методы работы с целевыми страницами, которые помогают повысить коэффициент конверсии. Он включает четкую, убедительную копию. (Проверить.) В нем есть подлинное социальное доказательство. (Проверьте.) И он сосредоточен на единственной действенной цели: «Создайте свое первое электронное письмо в формате HTML прямо сейчас». (О, детка, проверьте.)
Industry : SaaS
Почему это вдохновляет…
- Сильный, конкретный CTA: Я знаю, что мы уже упоминали об этом выше, но насколько хороша эта основная кнопка CTA? Здесь нет «Узнать больше» или «Начать работу».Вместо этого это «Создайте свое первое электронное письмо в формате HTML прямо сейчас». Копия настолько конкретна и незамедлительна, что вы точно знаете, что произойдет, когда вы перейдете на следующую страницу. (А копия для обработки возражений внизу делает его еще сильнее.)
- В первую очередь сосредоточьтесь на людях: В SaaS так легко просто выбрать снимок экрана программного обеспечения и сделать его своим героем. Но всегда стоит попробовать вариант и с реальными фотографиями людей. Это может помочь вам проникнуться эмоциями ваших посетителей и иногда повысить вероятность их конверсии.
- Одно единственное сообщение — Обратите внимание, сколько раз на странице появляются слова «электронные письма в формате HTML»? Сосредоточившись на этой единственной цели (и используя их в качестве ключевых слов для своих рекламных кампаний PPC), вы можете увеличить свои шансы на создание страницы с высокой конверсией.
18. Class Creator
Изображение любезно предоставлено Class Creator. (Щелкните, чтобы увидеть все.)Class Creator из Австралии использует эту целевую страницу Unbounce, чтобы проникнуть на рынок США (и, надеюсь, помочь компании найти партнеров в США), когда школа находится между занятиями в их родной стране.На странице представлены многие функции продукта, а также основные преимущества. Он нацелен на руководителей высокого уровня, которым перед покупкой нужно как можно больше информации.
Отрасль: Образование / SaaS
Почему это работает ..
- Нарушение правил: Я знаю, что вы собираетесь сказать. «Это не целевая страница. Это домашняя страница. Это нарушает все правила. Вы только посмотрите на эту панель навигации! Посмотрите на все эти разные ссылки. Коэффициент внимания выходит из-под контроля! » Ворчать, ворчать, ворчать.Но здесь есть урок для тех, кто ищет вдохновение для целевой страницы: оставайтесь гибкими . Тим Боуман, генеральный директор Class Creator, сказал мне, что эта домашняя страница добилась большего успеха, чем традиционная целевая страница, ориентированная на конверсию. Я хотел включить это здесь как пример того, что вы можете сделать.
- Плавающая панель навигации: Если вам необходимо добавить панель навигации, лучше держать ее на виду всегда. Это также позволяет Class Creator держать основной призыв к действию («Демонстрационная школа») вверху страницы, чтобы посетителям не требовалась прокрутка, чтобы найти его.
- Цифры не лгут: В верхней части страницы Создатель класса приводит довольно серьезные цифры как форму социального доказательства. Они привлекают более 10 000 преподавателей в 13 странах, которые уже используют их программное обеспечение как мощный инструмент убеждения.
- Легкий доступ к демонстрации продукта: В сфере SaaS очень часто можно увидеть, как компании ставят слишком много барьеров между потенциальными клиентами и демонстрацией своего продукта. («Отправьте своего первенца, чтобы получить доступ к нашей 5-минутной бесплатной пробной версии.Class Creator знает, что потенциальным клиентам очень важно запачкать руки с демонстрационной или пробной версией программного обеспечения. Это гарантирует, что они смогут оценить продукт в действии, генерируя квалифицированных потенциальных клиентов (с помощью простой формы электронной почты) и продвигая их дальше по воронке продаж.
- Разумное использование лайтбоксов: Эта целевая страница (действующая как домашняя) уже может многое рассказать о Class Creator. Помещение любой дополнительной информации в лайтбоксы помогает не мешать ей.Несомненно, им стоит протестировать разные версии этой страницы, в которых функции заменены преимуществами или отзывы помещены в более привычном месте.
Примечание редактора. Если вы ищете свободу творчества, чтобы создавать все, что захотите, Unbounce Builder предлагает такую гибкость, независимо от того, хотите ли вы создать всплывающее окно или липкую панель, длинную целевую страницу или страницу, оптимизированную для SEO. Узнайте больше здесь.
19. Fast Mask (Агентство: J7 Media)
Изображение предоставлено Fast Mask и J7 Media.Щелкните, чтобы увидеть все.Вот еще один пример от J7 Media, который слишком своевременен. Fast Mask создает и продает банданы и маски для лица, предназначенные для использования на мотоцикле, квадроцикле или во время езды на велосипеде. (Хотя я могу придумать еще одну причину, по которой вам может понадобиться такая маска.) Эта страница предназначена для любителей острых ощущений и демонстрирует некоторые из ярких дизайнов, которые вы можете выбрать для своей маски, а также некоторые из различных способов их ношения.
Промышленность : Одежда и одежда
Почему это вдохновляет…
- Выделите бестселлеры : Fast Masks имеет более 100 различных дизайнов, перечисленных на их веб-сайте, но на этой целевой странице представлены только пять из них самые популярные варианты.Этого достаточно, чтобы дать вам представление о различных доступных стилях (от канадского флага до маски Человека-паука), не превращая страницу в один большой список товаров.
- Сосредоточьтесь на преимуществах: Многие посетители могут задумываться о покупке маски для лица в первый раз, поэтому на целевой странице требуется время, чтобы объяснить некоторые ключевые преимущества ее ношения.
- Помните о своей целевой аудитории: Это целевая страница, которая знает свою аудиторию. Вы можете сразу сказать, что попали в нужное место, если вы любитель острых ощущений, который любит мотоциклы, пейнтбол, сноуборд, охоту или другие экстремальные виды спорта.
20. Good Eggs
Изображение предоставлено Good Eggs. (Щелкните, чтобы увидеть все.)Хорошие люди в Good Eggs знают, как использовать изящный маркетинг (просто посмотрите на их домашнюю страницу!). На самом деле, я думаю, что многие их целевые страницы отлично подошли бы для этого поста о дизайне целевой страницы. Этот конкретный пример, который продвигает бесплатную кокосовую воду, не является исключением, но он также предлагает мастер-класс по сдержанности. Он показывает, как использовать промо, чтобы получать конверсии, не становясь при этом властным.
Отрасль: Доставка продуктов питания
Почему это вдохновляет…
- Халява: Бесплатная кажется универсальной. Но в данном случае обещание бесплатности делает больше, чем просто апелляцию к нашей инстинктивной любви к , а не к плате за вещи . Он создает доброжелательность, предоставляет образец продукта, который предлагает Good Egg, и быстро устанавливает соответствие стилю жизни между услугой и посетителем. Что я имею в виду под соответствием образу жизни? Что ж, если вы в восторге от получения бесплатной кокосовой воды от Harmless Harvest, вы уже знаете, что Good Eggs отлично подойдет вам.
- Добавленная стоимость: Сначала меня озадачил этот заголовок, потому что я подумал, что вы получите больше пользы от всего бесплатного (например, я не знаю, «Бесплатная кокосовая вода» может сработать?). Но вполне вероятно, что средний покупатель Good Eggs думает о большем, чем просто заключить сделку. Здесь продвижение помогает продемонстрировать ценности бренда, такие как благополучие, экологичность и этические нормы труда. Так что это не просто бесплатно, это еще и хорошая вещь .
- Отзывы: Упоминание конкурентов может быть немного рискованным, но Good Eggs решает эту проблему, позволяя клиенту делать это за них.Иногда отзывы могут быть немного похожими, если одно и то же повторяется разными голосами. (Это не всегда плохо.) Однако здесь они были тщательно отобраны, чтобы усилить три ценностных предложения, перечисленных выше.
21. HomeLoanGurus (Агентство: ConversionLab)
Изображение любезно предоставлено HomeLoanGurus и ConversionLab. Щелкните, чтобы увидеть все.Вот еще один пример целевой страницы от опытных маркетологов из ConversionLab. HomeLoanGurus — это служба, которая связывает покупателей жилья с кредиторами, даже если у вас плохой кредитный рейтинг.(У 670 плохой кредитный рейтинг? Я спрашиваю друга.) Эта целевая страница отлично объясняет, как работает их сервис, простым языком и побуждает посетителей подавать онлайн-заявку на получение первой ссуды.
Отрасль : Финансы и страхование
Почему это вдохновляет…
- Сосредоточение внимания на проблеме: Заголовок здесь не об услуге, а о посетителе. «Плохой кредитный рейтинг?» Вы сразу знаете, с какой ситуацией вы имеете дело, и страница сразу же выражает сочувствие, прежде чем предложить HomeLoanGurus в качестве решения.
- Ориентировано на процесс: Получение ипотечного кредита может быть чрезвычайно сложным. Есть много документов, терминологии и правил, с которыми вам придется разбираться. Эта целевая страница описывает процесс в виде простых шагов и помогает сделать его намного проще для посетителя, который может беспокоиться о том, чтобы сделать первый шаг.
- Будьте краткими: Финансовые целевые страницы различаются по длине, но данные из Отчета о конверсии за 2020 год показывают, что лучше всего конвертируются страницы, содержащие менее 200 слов.Этот пример показывает, как можно много говорить, не делая страницу слишком длинной.
22. Jet Pet
Изображение предоставлено Jet Pet. (Щелкните, чтобы увидеть все.)На каждого человека, живущего в Ванкувере, должно быть не менее шести собак. Jet Pet понимает любовь этого города к собакам, и они большие поклонники использования Unbounce Builder для рекламы своих премиальных услуг по размещению собак и трех мест для местных жителей. Мы включили его сюда, потому что эта целевая страница является источником вдохновения для всех, кто ориентируется на выбранный географический регион.
Отрасль: Уход за домашними животными
Почему это работает…
- Четкое указание значения: Простой заголовок («Dog Boarding Vancouver») позволяет пользователю узнать, что он сорвал джекпот. Для платных кампаний Jet Pet также может использовать функцию Dynamic Keyword Replacement (DTR) Unbounce, чтобы заменить ключевое слово в поиске («Dog Kennels Vancouver») для улучшения соответствия сообщений. Затем, когда потенциальный клиент нажимает на объявление в Google, он попадает на страницу с заголовком, который соответствует их ожиданиям.
- Двухэтапная форма: Как правило, использование многоступенчатых форм может привести к более высоким показателям конверсии, чем одиночная длинная форма. Здесь двухэтапная форма снижает психологическое трение двумя способами. Во-первых, это сводит к минимуму предполагаемые усилия при подписке на услугу. (И даже если вторая форма окажется разочаровывающей, тот, кто уже заполнил первую форму, будет инвестирован и с большей вероятностью продолжит работу. Ошибка невозвратных затрат FTW.) Во-вторых, двухэтапная форма может задержать запрос более «деликатных» вопросов до тех пор, пока потом.
- Дружелюбие: Говоря о форме, мне нравится, что первое, о чем вас спрашивают (и единственное обязательное поле на первой странице), — это имя вашей собаки . Я ожидал этого вопроса, если бы зашел в одно из их мест со своим щенком на поводке, но, увидев здесь тот же вопрос, я улыбнулся. Страница Jet Pet полна дружеских жестов, которые делают их запоминающимися.
- Формирование доверия: Доверие своей собаке другому требует душевного спокойствия.Поэтому важно, чтобы Jet Pet использовал копию, которая укрепляет это доверие и дает клиентам чувство уверенности в том, что они покинули Фидо с «любящими экспертами», которые заботятся о его интересах. Ободряющий язык, который Jet Pet использует на странице, усиливает это сообщение, включая эмоционально нагруженные термины, такие как «забота», «безопасность» и «любовь».
- Видео-отзывы: Вам не всегда нужно видео, чтобы иметь эффективный отзыв, но в случае с Jet Pet я думаю, что это разумный ход.Существует множество сомнительных свидетельств, поэтому демонстрация реальных владельцев собак, говорящих в камеру, помогает укрепить доверие к ним. (Я тоже хотел бы увидеть собак на этих видео.)
23. Муала (агентство: BuzzShift)
Изображение любезно предоставлено Mooala. (Щелкните, чтобы увидеть все.)Итак, оказывается, вы можете доить банан. Кто знал? (Mooala Organic, вот кто.) Целевая страница, созданная BuzzShift, отражает игривость и чувство веселья бренда, воплощенные в их талисмане.Это также просто, что вселяет большое доверие к их продукту. Кэмерон Гоули, соучредитель и генеральный директор BuzzShift, рассматривает варианты выбора в контексте всей воронки:
Эта конкретная страница хорошо зарекомендовала себя на этапе рассмотрения нашей социальной рекламы. Наша цель состояла в том, чтобы повысить ценность с помощью купона, перехватив электронное письмо как мягкую конверсию, а затем продвигая его в оставшейся части пути. У большинства брендов есть огромная возможность снизить цену за конверсию и увеличить конверсию, уделяя больше внимания осведомленности и внимательности.
Отрасль: Напитки / альтернативы молочным продуктам
Почему это вдохновляет…
- От целевой страницы до офлайн-покупки: Как отмечает Гоули, обещание купона выполняет двойную функцию по сравнению с мягкой конверсией. Он создает почтовую рассылку и поощряет покупки в магазине. Поскольку дегустация верна, это важный компонент стратегии цифрового маркетинга Mooala.
- Встреча возражений в лоб: Ненавистники бананов собираются ненавидеть бананы.Но следует похвалить Муала за то, что он сразу же отказался от одного возможного возражения против бордюра: «Что такое бананамилк, спросите вы? Это не сладко-сладкий банановый смузи, как вы могли подумать. Смело решая эту проблему, текст помогает изменить ожидания и продвигать продукт как «легкую, молочную альтернативу, которой можно наслаждаться без чувства вины».
- Грамотно размещенная анимация: Видео и анимация могут быть чрезвычайно полезными, но они также могут отвлекать внимание, если их неправильно расположить.Мне нравится включение анимации внизу страницы, где она привлекает внимание к призыву к действию, а не отвлекает от основного сообщения Муала.
- Очереди в соцсетях: Поощрение посетителей следить за аккаунтами бренда в социальных сетях увеличивает возможности быть восхитительными и оставаться в центре внимания.
24. NANOR (Агентство: Webistry)
Изображение любезно предоставлено NANOR и Webistry. Щелкните, чтобы увидеть все.Для многих продуктов электронной коммерции важно не только продавать опыт, но и продукт.Взгляните на эту страницу ароматических свечей NANOR (созданную агентством Webistry), и вы сразу же получите представление о той роскоши, которая вас ожидает. Это красивая страница, от которой просто хочется зажечь одного из этих плохих парней и принять ванну с пеной со стаканом шардоне.
Промышленность : Велнес / Подарки
Почему это вдохновляет…
- Темный фон : Эта целевая страница мгновенно выделяется из-за черного фона.Раскраска создает высококлассную атмосферу премиум-класса на странице, которая действительно помогает привлечь внимание к продукту как к предмету роскоши.
- Изображения, которые вы практически чувствуете: Некоторые предметы, как известно, сложно продать в Интернете. Свечи, например, кажутся той вещью, которую большинство людей хотели бы понюхать перед покупкой. (И до тех пор, пока кто-то не изобретет заново запах-о-видение для современной эры рекламы — это будет сложно осуществить.) Эта страница отлично справляется с описанием аромата каждой свечи и демонстрацией прекрасных изображений грейпфрутов, цветов, трав и т. Д. специи для обозначения каждого аромата.
- Кнопка «Добавить в корзину»: Чтобы посетители могли легко совершать покупки прямо на целевой странице, Webistry использовала пользовательские кнопки «Добавить в корзину». Ознакомьтесь с их публикацией в сообществе Unbounce, чтобы узнать, как добавить кассу Shopify на свою целевую страницу.
25. Panda7 (Агентство: Webistry)
Изображение любезно предоставлено Panda7 и Webistry. Щелкните, чтобы увидеть все.Кому-нибудь действительно нравится процесс страхования автомобиля? (Если вы не говорящий геккон, ответ, вероятно, будет отрицательным.) Вам нужно связаться с несколькими разными страховщиками, сравнить их ставки, а затем тщательно просмотреть контракты на предмет скрытых комиссий. Но эта целевая страница для Panda7 (еще одна, созданная Webistry) обещает упростить жизнь водителям — их сервис позволяет вам сравнивать расценки всех основных страховых компаний и покупать автострахование за считанные минуты. Да, пожалуйста.
Отрасль : Финансы и страхование
Почему это вдохновляет…
- Явные преимущества : На странице четко указано, что есть два основных преимущества использования услуги.Во-первых, это экономит ваше время, позволяя сравнивать лучшие цены в Интернете. Во-вторых, это экономит ваши деньги (в некоторых случаях до 30%). Эти два момента повторяются снова и снова по-разному, поэтому вы можете уловить их, даже если просматриваете беглый просмотр.
- Фирменные визуальные эффекты : страница органично интегрирует королевский фиолетовый цвет бренда по всей странице, во всем, от иллюстраций до цветов фоновой части. Очень сплоченный и очень профессиональный вид.
- Плавающий заголовок CTA : Обратите внимание на этот плавающий заголовок.При прокрутке кнопка быстро меняется с номера телефона в верхней части страницы на основной CTA «Сравнить цитаты». Очень круто.
26. Pared
Изображение любезно предоставлено компанией Pared. (Нажмите, чтобы увидеть все.)Мы рады продемонстрировать эту красивую целевую страницу от Pared, приложения, которое подбирает (или, кстати, объединяет) рестораны с предварительно квалифицированным кухонным персоналом. Как и в примере из Class Creator, Pared не нужен сложный веб-сайт, чтобы донести свою идею до людей. Конструктор перетаскивания Unbounce дает им возможность вносить изменения и отслеживать конверсии.По словам Дэйва Лу, президента и соучредителя Pared, это оказалось эффективным даже три года спустя:
С первого дня я смог быстро создать веб-сайт и целевую страницу для своего стартапа. Благодаря Unbounce я могу выполнять итерацию и A / B-тестировать изменения без необходимости привлечения дизайнера или разработчика. Это невероятно раскрепощающий и мощный инструмент для любого маркетолога.
Отрасль: Рестораны / Персонал
Почему это вдохновляет…
- Говорит о своей нише: Pared — это услуга не для всех, и они это знают.Вместо этого у них есть конкретная клиентура, потребности которой они полностью соответствуют. Эта целевая страница начинается с одной конкретной проблемы, с которой сталкиваются эти люди: «Больше никогда не будет нехватки персонала», и идет оттуда. (Они используют другие веб-ресурсы для набора Pared Pro.)
- Видео с объяснением: Целевая страница включает в себя краткое объяснение, которое на простом, доступном языке знакомит зрителей с проблемой и их решением. Целевые страницы приложений, в частности, выигрывают от таких видео.
- Крупные имена и логотипы: На странице представлены логотипы самых разных узнаваемых закусочных и ресторанов, которые пользуются данной услугой. Он также включает в себя убойные отзывы от владельцев шеф-поваров в таких заведениях Сан-Франциско, как Little Gem, Octavia и Jaridiniere (ныне, к сожалению, исчезнувшие).
27. Perfect Keto (Агентство: Webistry)
Изображение любезно предоставлено Perfect Keto и Webistry. Щелкните, чтобы увидеть все.Вот еще один пример протеиновых батончиков Perfect Keto от Webistry.На странице эти батончики не только продаются как вкусные лакомства, но и подчеркиваются их полезность для здоровья и питания. (Всего три грамма чистых углеводов в каждом батончике? Это означает, что вы можете получать шесть батончиков в день, не выходя из состояния кетоза!)
Промышленность : Продукты питания
Почему это вдохновляет… : На странице представлены отзывы различных влиятельных лиц и авторов кето-диеты. (Включая… Джо Рогана? Конечно, почему бы и нет.) Но есть и другое социальное доказательство: они хвастаются, что у них более 2500 отзывов, а их бренд появляется в таких публикациях, как Women’s Health, Reader’s Digest и Popsugar. Вам нужно увидеть реальную страницу для полного эффекта. Эта целевая страница Twinwoods Adventure передает острые ощущения от прыжков с парашютом в помещении с помощью увлекательной (и юмористической) анимации героев и множества невероятных боевых кадров.Bluespark Digital создал страницу, которая полна энергии и волнения, но при этом сосредоточена на преобразовании. Отрасль: Приключения Почему это вдохновляет… У меня была своя доля плохих соседей по комнате, поэтому меня сразу же заинтересовала эта целевая страница Roomeze от Snap Listings. Их служба обещает подобрать вас с проверенными соседями по комнате в Нью-Йорке и поселиться в квартире менее чем за 1000 долларов в месяц. Интересно, есть ли способ убедиться, что ваши будущие соседи по комнате не играют на тромбоне? (Потому что поверьте мне.Вам не нужен сосед по комнате, который играет на тромбоне.) Промышленность : Недвижимость Почему это вдохновляет… Вы когда-нибудь пробовали корм для кошек? (Нет, я тоже.Это было бы странно.) Я полагаю, что большая часть этого не имеет хорошего вкуса, и, вероятно, это не слишком хорошо для вас. Но именно поэтому мое внимание привлекла эта целевая страница Smalls Food for Cats. Их служба подписки предлагает еду человеческого качества для ваших кошачьих друзей. Ни подделки, ни наполнителя. Существуют влажные и сухие разновидности, которые дадут вашей кошке более свежее дыхание всего за один месяц — а это значит, что вы, наконец, можете увидеть, как пахнет ваша кошка изо рта, когда оно не не пахнет кошачьим кормом. Промышленность : Корм для домашних животных / Коробки для подписки Почему это вдохновляет… Когда вы владеете недвижимостью, которая устарела или повреждена, иногда вы просто хотите продать ее как можно быстрее (конечно, за как можно больше денег). Вот где эта целевая страница от Sundae облегчает вам задачу — их услуги помогут вам быстро продать свой дом по самой выгодной цене. Промышленность : Недвижимость Почему это вдохновляет… Созданная Everett Andrew Marketing, эта блестящая целевая страница объединяет безопасность и веселье благодаря тщательно подобранным визуальным эффектам и ясным, кратким сообщениям.По словам Марка Чапмена, основателя и президента Everett Andrew, этот дизайн был полностью выделен: Наша цель при создании страницы состояла в том, чтобы прорваться сквозь беспорядок и переполненный рынок предприятий здесь, в южной Калифорнии, предлагающих уроки серфинга — как Google и Facebook. Перенести каждый важный компонент конверсии (например, социальное доказательство, срочность, выстрел героя, CTA и т. Д.) На страницу, в основном в верхней части страницы, было непросто, но в конце концов мы нашли способ сегментировать их, чтобы каждая часть привлекала внимание. Отрасль: Уроки серфинга Почему это вдохновляет… На этой целевой странице Woolx используются фотографии и видеофоны с высоким разрешением, чтобы посетители могли ближе и индивидуально взглянуть на свой свитер Rory. Изделие изготовлено из 100% шерсти австралийского мериноса (это разновидность овцы, к вашему сведению), чтобы обеспечить стильный, дышащий и ультра-удобный предмет одежды. Теперь, кажется, я наконец понимаю, что такое «апре-ски шик». Промышленность : Одежда / Одежда Почему это вдохновляет… Я не очень хорошо справляюсь с большинством упражнений. У меня действительно нет танцевальных навыков. И у меня, конечно же, нет хорошего ритма. Но по какой-то причине … Думаю, я, может быть, хочу сейчас стать инструктором Zumba? Вот насколько хороша эта целевая страница для обучения зумбе (созданная агентством MuteSix).Они делают вид, что выучить шаги и начать преподавать совершенно доступно (и доставляет массу удовольствия). Промышленность : Фитнес Почему это вдохновляет… Вот и все.Это одни из лучших примеров целевых страниц, с которыми мы сталкивались здесь, в Unbounce, выбранные для представления широкого спектра отраслей с множеством различных целей конверсии. Они не следуют всем лучшим практикам, но мы надеемся, что вы нашли в каждом из них какие-то качества, которые вдохновят вас. Но у нас есть последний совет для вас: ни одна страница не бывает идеальной — или, что более важно, каждая страница может быть лучше . И то, что работает для одной страницы (с одним целевым рынком), не обязательно сработает для вас.Имея это в виду, всегда должен тестировать свои целевые страницы. Если у вас есть страница, над которой вы уже собираетесь поработать, попробуйте запустить ее с помощью нашего анализатора целевых страниц, чтобы узнать, какие действия вы можете предпринять. Когда я учился в средней школе, у меня был друг, который бросил играть в баскетбол после просмотра Майкла Джордана в финале НБА. «Я никогда не смогу приблизиться к его уровню, — сказал он мне, — так какой в этом смысл?» Хорошие примеры целевой страницы, подобные приведенным выше, должны вас вдохновить.Но иногда видение других людей может иметь противоположный эффект . Но не сдавайтесь! Хорошая новость заключается в том, что большинство этих примеров были созданы с помощью конструктора перетаскивания Unbounce. Хотя многие используют пользовательские сценарии, чтобы поднять его на ступеньку выше, почти все эти примеры начинались с того же места, что и вы — с бренда, пустой страницы и большой идеи. Черт возьми, некоторые из этих вдохновляющих целевых страниц даже начинались как шаблоны целевых страниц Unbounce, хотя вы никогда не узнаете об этом, посмотрев на них.И мы не говорим. Итак, выделите несколько идей из этих примеров, загрузите свой любимый шаблон и, да… станьте Майклом Джорданом целевых страниц. Если у вас есть целевая страница, которой вы хотите похвастаться — свою или даже чью-то еще, — поделитесь ею ниже. Позвольте задать вам вопрос… Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам? С точки зрения бизнеса, вам не следует идти ни на что. Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией. Потому что, если люди покупают, это нравится им обоим, и вы можете безопасно и предсказуемо масштабировать свой бизнес. Многие люди попадают в ловушку, создавая дизайн, который им нравится, в то время как их идеальный аватар клиента сильно отличается от того, что они могли себе представить. И это легко заметить, когда вы нажимаете на рекламу, которую видите в социальных сетях. Вам может понравиться само объявление, но в большинстве случаев целевая страница на другой стороне — это не то, что вы хотите видеть. Связь между вашим трафиком и целевой страницей называется точным сообщением для соответствия требованиям рынка . Вы хотите, чтобы ваше сообщение идеально соответствовало вашему рынку, чтобы вы могли начать с выигрышной воронки, которая только оттуда пойдет вверх. Потому что, если вы там напортачите, вы будете оптимизировать и настраивать небольшие компоненты, которые едва ли приведут к безубыточности. Но если вы закрепите свое сообщение, вы будете получать клиентов направо и налево, даже не зная, почему и как они пришли к вам. Это ваше самое мощное оружие, и большинство предприятий делают его совершенно неправильно. Итак, чтобы помочь вам и гарантировать ваш немедленный успех, мы рассмотрим 12 лучших примеров целевых страниц, которые вы должны использовать для расширения своего бизнеса. Мы рассмотрим сильные и слабые стороны каждого из них, и убедимся, что вы найдете тот, который подходит именно вашему бизнесу. После этого поста вы сможете создавать целевые страницы с высокой конверсией, как по волшебству. Но прежде чем мы это сделаем, мы должны пройти через… Этот вопрос зависит исключительно от ваших потребностей. Итак, позвольте мне задать вам пару вопросов, которые помогут вам очистить свой разум и думать в правильном направлении. Наиболее распространенные варианты: Вы должны точно знать, какое предложение вы хотите разместить на своей целевой странице, прежде чем создавать ее. И, конечно же, вы можете сделать и другие предложения, но идея здесь состоит в том, чтобы уточнить, какое из них вы хотите использовать для своего бизнеса. Если вы не уверены, ниже по тексту будет несколько примеров. Теперь следующий вопрос, вы должны задать себе … Создание целевой страницы с высокой конверсией — это не малая суета. Возможно, вам придется несколько месяцев оптимизировать неприбыльную целевую страницу, прежде чем она начнет приносить реальную прибыль. И если вы не готовы к этому, я рекомендую вам бросить курить еще до того, как вы начнете. Да, вы можете получить удачный выстрел и попасть в хоумран с первой попытки, но рассчитывать на это — бред. Будьте готовы к длительной игре, чтобы получить долгосрочные выгоды, которые намного слаще сиюминутного удовлетворения. И последний вопрос… Прежде чем вы начнете создавать свою целевую страницу с высокой конверсией, вам необходимо подготовить солидный бюджет. Вы не можете ожидать, что все пройдет гладко на протяжении всего процесса. Проблемы будут возникать, и в большинстве случаев самый простой и быстрый способ их решения — заплатить тому, кто является экспертом в этой области. Это может быть разработчик, конструктор / построитель воронки, специалист по рекламе или консультант по CRO. В любом случае, вы должны быть готовы заплатить кому-то, чтобы тот сделал все правильно, чтобы не сталкиваться с одними и теми же проблемами снова и снова. В маркетинге и в жизни есть эмпирическое правило, которое предполагает, что вы должны закончить свою работу, а затем позволить кому-то другому судить об этом. Очевидно, что для целевых страниц можно запустить рекламу и посмотреть, конвертируется ли трафик. Если это так, вы увеличиваете рекламный бюджет и пытаетесь его увеличить. Если изначально он не конвертируется, позвольте профессионалу взглянуть на него. И даже если вы уже наняли кого-то, кто построит его для вас, не ждите, что он вам здесь поможет. Да, он может оптимизировать вашу страницу, но вы должны помнить, что люди эмоционально привязаны к своей работе. Вот почему вам нужна помощь третьего лица. И особенно когда дело доходит до оптимизации целевой страницы для конверсий, вы должны подумать о найме агентства. В настоящее время у крупных маркетинговых агентств есть сотни, если не тысячи клиентов, которые были именно в вашей ситуации. Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию. И говоря о CRO (оптимизации коэффициента конверсии), нет лучшего выбора, чем NP Digital. Это просто лучшее маркетинговое агентство как для SEO, так и для CRO. Если вы находитесь на той стадии, когда хотите оптимизировать существующую целевую страницу, но не знаете, как это сделать… Тогда вам следует позвонить профессионалу, чтобы узнать секретные методы оптимизации конверсии, необходимые вашему бизнесу. А теперь главное событие… Это 12 лучших примеров посадочных страниц, которые мы смогли найти. Мы будем оценивать их по конверсиям, предложениям, дизайну и впечатлениям клиентов. Get Response — это простой, но интерактивный пример целевой страницы. Как видите, команда Get Response выделена жирным шрифтом, поскольку это единственное программное обеспечение в отрасли, в котором используется интерактивный заголовок. Желтый знак, который вы видите на изображении ниже, меняется между словами «рост», «лиды» и «продажи». Таким образом, заголовок привлекает внимание и заставляет читать дальше. Кроме того, они используют дружелюбное, позитивное лицо, которое мы не очень часто видим в бизнесе, не связанном с личным брендом. Это, конечно, неплохо. Это автоматически укрепляет доверие и упрощает подписку на программное обеспечение. Slack всегда на высоте, когда дело касается целевых страниц. Они постоянно оптимизируют конверсии, и это лучший способ найти вашу успешную целевую страницу. Их текущая версия снова является чрезвычайно интерактивной, имеет большой сногсшибательный заголовок, а также показывает, насколько легко использовать программное обеспечение с быстрой 5-секундной подсказкой. С самого начала вы можете увидеть, что они ценят удовлетворенность клиентов, и, если вы все еще не уверены, прокрутка вниз приведет к безостановочному доверию и результатам, доказывающим их авторитет на рынке. Intercom на этой целевой странице — заставить вас подписаться на рассылку по электронной почте. Оставить его только для электронной почты — отличный способ увеличить количество подписок. Большой позитивный заголовок, который поможет вам действовать прямо сейчас. Изображения, которые они используют, идеально представляют главное УТП заголовка. Вы можете видеть в целом дружественную среду, и вам просто нужно зарегистрироваться, если вы попали на эту страницу. Lyft в последние годы поднимается вверх в чартах, и их веб-сайт, целевая страница и общая онлайн-воронка не отстают. Они сосредоточены на привлечении новых водителей, которые хотят контролировать свою жизнь. И обещание вашим сотрудникам свободы во время работы на вас — лучший способ выделить лучших кандидатов среди ваших конкурентов. Мы знаем, что Lyft использовала несколько целевых страниц в прошлом, но их текущая страница демонстрирует настоящий профессионализм. И снова мы видим гигантский, привлекающий внимание заголовок. На этот раз с вопросом, чтобы предвосхитить любопытство и мыслительный процесс в их перспективах. И проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ». Это означает, что нет 100% уверенности в том, что вы сможете получить позицию. Если ваши клиенты должны соревноваться, чтобы завладеть вашим вниманием, они заставляют их усерднее стараться в самой работе. Zoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями. Они используют больше текста, чем среднее программное обеспечение в отрасли, но это не обязательно плохо. В их конкретном случае им необходимо убедить потенциального клиента начать бесплатную пробную версию, которая автоматически создает напряжение в потенциальном клиенте, потому что он знает, что придет время, когда ему придется заплатить. И заставить кого-то платить намного сложнее, чем просто получить его электронную почту. Вот почему использование большего количества текста в их сообщениях делает их мощным копирайтерским ударом, который максимально увеличивает количество регистраций бесплатных пробных версий. Squarespace возглавляет список с наименьшим количеством текста в дизайне целевой страницы. Сначала вы можете подумать, что этого недостаточно, чтобы кого-то обратить. Но как только вы увидите, что это конструктор веб-сайтов, вы поймете, что дизайн и быстрый и эффективный обмен сообщениями — все, что вам нужно для регистрации. Они знают, что их потенциальные клиенты в основном борются со сложными кодами и хотят показать безопасное пространство, где они могут расслабиться и перетащить свой выигрышный дизайн веб-сайта. ActiveCampaign фокусируется исключительно на том, чтобы показать вам, как их программное обеспечение обеспечивает наилучшее качество обслуживания клиентов. И если вы владелец бизнеса, вы оба хотите, чтобы к вам относились хорошо, и помогать своим клиентам в трудные времена. Их заголовок поражает двух зайцев одним выстрелом, и снова нет бесполезного текста или дизайна. Все приводит к большой зеленой кнопке, и вы запускаете бесплатную пробную версию. Hubspot — еще одна CRM, которая сегодня возглавляет список. Они, как и ActiveCampaign, показывают вам, что использование их программного обеспечения поможет вам и вашим клиентам чувствовать себя лучше на протяжении всего процесса. Знание о том, что их идеальный клиент возражает главным образом о том, что изучение совершенно новой CRM с нуля может быть трудным, утомительным и, возможно, даже невозможным, помогает им сузить свое сообщение до сути. Shopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают. Поскольку они стремительно росли на протяжении многих лет, они смогли протестировать несколько дизайнов целевых страниц, чтобы найти тот, который принесет пользу. И целевая страница Shopify Plus показывает это. Их основная цель — заказать консультацию со своими потенциальными клиентами, которая займет больше, чем пара слов. У них есть бюджет, чтобы снимать профессиональные видеоролики для всех своих продуктов и услуг, которые помогают передавать ценную информацию потенциальным клиентам наиболее быстрым способом — видео. Внизу вы видите мощный авторитет, и если вы потратите время на просмотр видео, вы, скорее всего, закажете им звонок. Видео — смертельное оружие в руках правильного бизнеса, и Shopify доказывает это здесь и практически всем, что они делают. Webflow показывает всю информацию о программном обеспечении сразу же, как только вы попадаете на их целевую страницу. Вы можете мгновенно убедиться в авторитете крупных веб-сайтов, которые воспользовались их услугами, а также можете начать бесплатно. Это снимает любое напряжение, которое может быть у потенциального клиента. Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop. Итак, если вы когда-либо пользовались продуктами Adobe, вы сразу понимаете, что эта работа будет для вас легкой задачей. ClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию. И даже если у вас есть какой-либо скептицизм, вы можете поиграть со страницами и кнопками воронки, чтобы увидеть, насколько быстро реагируют современные воронки. Вы можете видеть, что они используют больше текста, чем средний веб-сайт / конструктор воронок. Но они снова пытаются убедить людей начать 14-дневную бесплатную пробную версию, что является непростой задачей. Они также используют мощные видеоролики, которые продают напрямую своим идеальным клиентам. И самое лучшее — это аналитика, которую они добавили на свою целевую страницу. Это смелый и мощный ход, если все сделано правильно. Эта аналитика создается благодаря тому, что она постоянно обновляется, и это не просто более 100 000 пользователей, как вы могли бы видеть на других платформах. ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат. Это один из самых сложных дизайнов целевой страницы, но если вы это сделаете, ваши конверсии резко возрастут. Conversion Lab уже много лет использует этот дизайн целевой страницы. Мы заметили, что они тестируют разные кнопки с призывом к действию, такие как «заказать звонок», получить бесплатную консультацию и многое другое. Сохранение своего Основателя на главной странице веб-сайта способствует установлению долгосрочных отношений, которые сегодня упускают многие компании. Они четко заявляют о своих услугах в убедительных заголовках, и даже если вы не готовы записаться на консультацию с ними, появится всплывающее окно, в котором будет собрана ваша электронная почта. Электронная почта — отличный способ гарантировать, что высокий процент потенциальных клиентов, которые попадают на ваш веб-сайт, в конечном итоге закажут вам звонок. Это все для нашего сегодняшнего списка. В заключение, что вам нужно знать при создании целевой страницы… И всегда, всегда оптимизируйте процесс. Невозможно быть идеальным с первого дня. Каждый бизнес в этом списке тестирует свои страницы десятки, если не сотни раз, прежде чем определить победителя. И даже тогда они все равно оптимизируются. Вы уже пробовали создать целевую страницу? Как все прошло — хорошо ли оно конвертировалось и какие были ваши самые большие открытия в этом процессе? Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт Заказать звонок Целевая страница — это не обычная территория веб-сайта. Как инопланетянин, открывающий новую планету, потенциальный клиент приземляется там, чтобы «установить контакт».«Это захватывающий — , по крайней мере, для такого маркетолога, как я, — и все же, несмотря на это волнение, легко в конечном итоге позвонить ему. У вас есть новое предложение, возьмите шаблон перехода и клонируйте ту же форму, которую используете снова и снова. … Где чувство приключения? Где творческое исследование, которое заставляет посетителя действительно захотеть, чтобы конвертировал? 🎓 Бесплатный урок IMPACT +: 19 предложений по конверсии и содержанию, которые генерируют лиды Примеры целевой страницы, которые я привожу ниже, охватывают линии B2B, B2C, а также широкий спектр отраслей и предложений. Хотя многие обзоры посвящены только крупным брендам (и я, конечно же, включаю их), я также приложил все усилия, чтобы поделиться впечатляющими примерами из малых и средних предприятий с более строгими бюджетами. Что у всех их общего, однако, то, что все они отличаются уникальным дизайном, чтобы дать волю вашим творческим способностям, и использовать передовой опыт для привлечения потенциальных клиентов. Целевая страница — это страница веб-сайта, которая существует с единственной целью сбора информации от пользователя для конкретного предложения, обычно через форму на странице, но не всегда. Отличная целевая страница — это просто та, которая четко определяет ее ценность для своей аудитории и генерирует потенциальных клиентов через эту форму. Но наиболее эффективный способ сделать это зависит от вашей конкретной аудитории, бренда и отрасли. Многие отличные дизайны целевых страниц (включая несколько примеров, приведенных ниже) включают такие функции, как: 🎓 Бесплатный урок IMPACT +: Как создать видео на целевой странице, конвертирующее Как вы должны структурировать свою целевую страницу? Это может варьироваться, поэтому используйте A / B-тестирование для экспериментов. Под каждым примером целевой страницы в этой статье я включил краткое изложение того, что бренд сделал правильно, чтобы вы могли получить представление о том, что включить в свой собственный дизайн, чтобы увеличить конверсию и общий успех. Как они это сделали: * Примечание редактора: Billy Ragan Roofing является клиентом IMPACT Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: Как они это сделали: * Примечание редактора: Sheffield Metals International является клиентом IMPACT Как они это сделали: Как они это сделали: * Примечание редактора: Office Interiors является клиентом IMPACT Как они это сделали: Как они это сделали: Минималистичный дизайн с привлекательным анимированным персонажем, который очень оригинален. Headline использует социальное доказательство, чтобы узнать, сколько компаний зарегистрировались за последнюю неделю. Трудности с конверсией уменьшены за счет предложения 60-дневной бесплатной пробной версии и отсутствия необходимости в кредитной карте для регистрации. Общие вопросы и задачи, рассмотренные выше. Как они это сделали: Как они это сделали: Позволяет видео говорить, показывая его в области героя. Он отлично справляется с очеловечиванием предложения за счет миниатюры человека. (К счастью для них, это тоже знаменитость.) * Примечание редактора: прикладные образовательные системы — это IMPACT Client Как они это сделали: Как они это сделали: Дизайн в верхней части страницы прост и не отвлекает, с использованием четкого заголовка, релевантного изображения и формы с ярко-красной кнопкой CTA. Функция входа через Facebook или Google+ снижает барьер для конверсии. Использует видео от настоящего студента, чтобы ответить на распространенный вопрос: «Как кодирование может вам помочь?» * Примечание редактора: Berry Insurance является клиентом IMPACT Как они это сделали: Как они это сделали: * Примечание редактора: Litchfield Builders — это клиент IMPACT Как они это сделали: Как они это сделали: Как они это сделали: При нажатии ярко-красной кнопки появляется форма с надписью «Зарегистрируйтесь за секунды», позволяющая войти в существующую учетную запись Google+.Это дает понять, что конвертация проста и не пугает. Фоновое изображение прокручивает короткие видеоролики, в которых показаны сценарии использования приложения. Это также дает вам представление о том, как это выглядит на разных устройствах. * Примечание редактора: River Pools & Spas является клиентом IMPACT Как они это сделали: Как они это сделали: Использование красного выделяется на черном фоне и подчеркивает психологическую связь с вином, основным продуктом Vivino. Заголовок простой, лаконичный и дает вам основную причину для загрузки своего приложения. Трехступенчатая зона подчеркивает простоту приложения, которое в противном случае могло бы стать препятствием для входа пожилых людей, которые любят вино, но не разбираются в технологиях. * Примечание редактора. LaborSync — бывший клиент IMPACT. Хотя большая часть Magnolia Market — это торговые площади, у них также есть «Дом Магнолии», где вы можете остаться в отпуске. * Примечание редактора: Yale Appliance является клиентом IMPACT. Вы ищете отличные примеры целевых страниц, которые вдохновят вас на создание следующего дизайна? Использование целевых страниц на веб-сайте малого бизнеса — лучший способ повысить коэффициент конверсии и превратить посетителей веб-сайта в подписчиков и клиентов.Тем не менее, трудно понять, с чего начать разработку дизайна целевой страницы. Итак, в этой статье мы поделимся нашими лучшими примерами целевых страниц от реальных компаний и объясним, как они способствуют привлечению потенциальных клиентов и увеличению конверсии. Во-первых, давайте разберемся, зачем нужна целевая страница и как она работает. Целевая страница — это отдельная страница веб-сайта с единственной целью — для привлечения потенциальных клиентов . Многие целевые страницы предлагают потенциальным клиентам такие ресурсы, как: И взамен они запрашивают основную информацию, такую как адрес электронной почты и номер телефона пользователя. Вместо стандартной рекламы, показывающей пользователям продукт или услугу, целевые страницы предназначены для привлечения и возбуждения клиентов, предлагая ресурсы, связанные с продуктом или отраслью. После заполнения формы целевой страницы и получения вознаграждения пользователи с большей вероятностью будут доверять этому бренду и станут платежеспособным клиентом. Связано: Целевая страница и веб-сайт: в чем разница? В качестве примера: если компания хочет продать инструмент автоматизации, чтобы помочь владельцам бизнеса автоматизировать свои маркетинговые усилия, они могут создать целевую страницу, которая предлагает аудитории бесплатное видео об использовании автоматизации маркетинга для малого бизнеса. Мы бы назвали это целевой страницей видео. Заинтересованные пользователи могут предложить свои контактные данные взамен этой ценной информации. Затем, если им понравится целевая страница с видео, они с большей вероятностью купят продукт этого бренда. Вы можете создавать всевозможные целевые страницы для различных целей, в том числе: Связанный: 11 примеров сжатых страниц с высокой конверсией для увеличения вашего списка Теперь, когда вы знаете назначение целевой страницы, какие элементы вы должны включить, чтобы получить нужные вам результаты? Наиболее успешные целевые страницы включают следующие элементы для привлечения потенциальных клиентов и коэффициентов конверсии: Теперь, когда вы знаете, как работает успешная целевая страница и какие важные элементы страницы нужно включить, давайте рассмотрим некоторые из лучших примеров целевых страниц от реальных компаний. Один из лучших примеров хорошо конвертируемых целевых страниц — это страница регистрации от Netflix. При входе на страницу вы сразу же сталкиваетесь с тем, что они предлагают, и приглашением начать работу прямо сейчас. Это устраняет трения вокруг принятия решения, побуждая людей действовать быстро. Почему работает этот дизайн посадочной страницы Zoom — это популярное программное обеспечение для видеоконференцсвязи с клиентами из самых разных отраслей. Поэтому имело смысл позиционировать себя перед потенциальными клиентами как лидеры в своей области знаний. Они попытались сделать это, предложив бесплатный отчет, в котором компания является лидером в области решений для встреч.Пользователи могут бесплатно зарегистрироваться, чтобы загрузить и прочитать отчет. Почему работает этот пример целевой страницы Как и Zoom, Constant Contact обслуживает различные отрасли с помощью своей платформы электронного маркетинга. Однако в этом примере целевой страницы они специально нацелены на компании, занимающиеся недвижимостью. Дизайн целевой страницы чистый, минималистичный и понятный.Он предлагает бесплатную загрузку с полным набором важных советов и историй успеха, которые помогут в маркетинге недвижимости. Кроме того, он включает в себя призыв к действию, предлагающий пользователям бесплатно попробовать Constant Contact. Почему работает этот пример целевой страницы Lyf — отличный пример того, как не нужно усложнять дизайн страницы регистрации.Заголовок прямолинейный, он точно сообщает пользователям, что им делать, а форма регистрации запрашивает только номер мобильного телефона, что упрощает пользователям начало работы. Почему работает этот пример целевой страницы Если вы ищете дизайн целевой страницы от SaaS-бизнеса, вам понравится этот пример от OptinMonster. На их странице продаж агентских решений есть все основные элементы целевой страницы с высокой конверсией. Мало того, что цвета их брендов актуальны, они также используют различные тактики, разработанные для максимизации конверсий, которые мы рассмотрим ниже. Почему работает этот пример целевой страницы Эта целевая страница немного отличается. Мы нашли его после нажатия на объявление в результатах поиска Google. Это отличная тактика, используемая для привлечения определенной аудитории на вашу страницу, поскольку вы можете адаптировать свои сообщения именно к потребностям этой аудитории. В данном случае аудитория — это современный семьянин, которого целевая страница обслуживает как нельзя лучше. Почему работает этот пример целевой страницы Этот пример целевой страницы от Codecademy показывает, что использование белого пространства во всем вашем дизайне может помочь привлечь внимание к важным элементам страницы. Вместо того, чтобы заполнять страницу отвлекающими изображениями, градиентами и полноэкранным фоном, Codecademy упростила работу с помощью ярких цветовых акцентов, привлекающих внимание. Почему работает этот пример целевой страницы Airbnb — упростить поиск жилья и дать клиентам возможность зарабатывать деньги из дома. Их целевая страница регистрации хоста — еще один отличный пример того, как вы можете сделать так, чтобы контент вашей страницы говорил сам за себя, без лишних наворотов. Это просто, понятно и помогает посетителям принять решение. Почему работает этот пример целевой страницы В этом дизайне целевой страницы Asana ориентирована на менеджеров по продуктам, предлагая программное решение для управления продуктами. Страница полностью адаптирована для этой аудитории и объясняет, почему их продукт — лучший выбор. Хотя на первый взгляд страница может показаться очень простой, легко понять, почему она работает. Отдельные разделы страницы разбивают информацию на управляемые фрагменты, направляя ваше внимание на каждом этапе, пока вы не дойдете до последнего CTA. Почему работает этот пример целевой страницы Когда дело доходит до контент-маркетинга, вебинары — отличный способ распространить информацию. Они не только дольше удерживают зрителей на вашем сайте, но и являются отличным способом наладить отношения с потенциальными клиентами. Вот почему SEMRush регулярно проводит веб-семинары для своей аудитории, а их страница регистрации на веб-семинары является ярким примером того, как их продвигать. Почему работает этот пример целевой страницы Если вы хотите, чтобы люди использовали ваш продукт, лучшее решение — максимально упростить его получение. Именно так Dropbox сделал со своей целевой страницей приложения Dropbox для Android. Ориентированная на пользователей Android, страница проста в использовании и позволяет сразу перейти к делу. Это оставляет мало путаницы в том, для чего это нужно, и приводит к появлению целевых потенциальных клиентов. Почему работает этот пример целевой страницы Черная пятница — важное событие в календаре любого бизнеса, поэтому подготовка целевой страницы черной пятницы — отличный способ собрать весь целевой трафик в одном месте. Это то, что Smash Balloon сделала для своей акции «Черная пятница». Эта страница привлекает внимание и предлагает множество способов взаимодействия с брендом в течение рекламного периода, привлекая внимание к скидкам на их продукты. Почему работает этот пример целевой страницы Поскольку многие прямые трансляции отменяются, важно, чтобы любая компания, чей бизнес процветает за счет личных встреч, предприняла шаги, чтобы перенести их в онлайн.В противном случае они могут потерять жизненно важный бизнес. Dreamforce — отличный тому пример. Вместо регулярного ежегодного четырехдневного мероприятия они проводят его онлайн, чтобы каждый мог принять участие, где бы он ни находился. Кроме того, страница регистрации на мероприятие предлагает потрясающий пример дизайна целевой страницы, который эффективно продвигает мероприятие. Почему работает этот пример целевой страницы Как упоминалось ранее, целевые страницы, на которых есть видеоролики, — отличный способ прямо объяснить сложную информацию. Digital Marketer использует эту стратегию на своей целевой странице Elite Growth Accelerator. Он начинается с видео от основателя и генерального директора, а затем показывает, как это работает. Каждый раздел страницы — это еще один шаг в процессе принятия решения, когда вы держите вас за руку, пока не примете окончательное решение о регистрации. Почему работает этот пример целевой страницы Предложение бесплатной электронной книги взамен контактной информации — популярный способ привлечения потенциальных клиентов. Taboola использует этот подход в своей электронной книге с тематическим исследованием, ориентированной на рекламодателей. Это простой пример целевой страницы, наглядно демонстрирующий преимущества, которые вы получите от чтения книги. А поскольку содержание книги связано с отраслью брендов, пользователи с большей вероятностью будут проверять их и расширять свой список адресов электронной почты. Почему работает этот пример целевой страницы Если эти примеры целевых страниц дали вам все необходимое для начала работы, почему бы не ознакомиться с нашим руководством о том, как создать простую целевую страницу. Для начала вам не потребуется никакого опыта в дизайне или программировании. Если вам нужно немного больше вдохновения, взгляните на эти примеры и шаблоны целевых страниц 404. И если вам понравилась эта статья, подпишитесь на нас в Twitter и Facebook, чтобы получать больше полезного контента, который поможет вам в развитии вашего бизнеса. 28. Twinwoods Adventure (агентство: Bluespark Digital)
Изображение любезно предоставлено Twinwoods Adventure. (Щелкните, чтобы увидеть все.) 29. Roomeze (Агентство: Snap Listings)
Изображение любезно предоставлено Roomeze и Snap Listings. Щелкните, чтобы увидеть все. 30. Smalls
Изображение любезно предоставлено Smalls. Щелкните, чтобы увидеть все. 31. Мороженое
Изображение любезно предоставлено Sundae. Щелкните, чтобы увидеть все. 32. Wavehuggers (Агентство: Everett Andrew Marketing)
Изображение любезно предоставлено Wavehuggers. (Щелкните, чтобы увидеть все.) 33. Woolx
Изображение предоставлено Woolx и Заком Дунканом. Щелкните, чтобы увидеть все. 34. Zumba (агентство: MuteSix)
Изображение любезно предоставлено Zumba и MuteSix. Щелкните, чтобы увидеть все. ABT: Always Be Testing
Будьте Майклом Джорданом на целевых страницах
12 лучших примеров посадочных страниц
44 примера целевых страниц, которые вдохновят вас в 2021 году [Обновлено]
Что должна включать целевая страница?
1. Amazon
2. Billy Ragan Roofing *
3. Убер
4. EF Ultimate Break
5. Snapchat
6. Наклейка Mule
7. MasterClass
8. HelloFresh
9. Amazon Prime
10. Sheffield Metals International *
11. Zenefits
12. Офисные интерьеры *
13.Базовый лагерь
Бонус базового лагеря:
14. ТБС
15. Прикладные образовательные системы *
16. Codecademy
17. Страхование ягод *
18. Патреон
19.Строители Личфилд *
20. УДАР
21. Todoist
22. Речные бассейны и спа *
23.Вивино
15 примеров целевых страниц ДОКАЗАНО для преобразования
Что такое целевая страница и как она работает?
Что должно быть включено в целевую страницу?
15 примеров целевых страниц, конвертирующих
1. Netflix — пример целевой страницы регистрации
2. Zoom — Целевая страница отраслевого отчета
3. Постоянный контакт — Бесплатная целевая страница в формате PDF
4. Lyft — Целевая страница приложения для водителя
Целевая страница приложения драйвера 5. OptinMonster — Целевая страница продаж
6. Dadz — Целевая страница Google Рекламы
7. Codecademy — страница подписки
8. Airbnb — Пример целевой страницы регистрации
Цель 9. Асана — менеджер по продукту Целевая страница
10. SEMRush — Целевая страница регистрации вебинара
11.Dropbox — пример целевой страницы приложения
12. Smash Balloon — Пример целевой страницы «Черная пятница»
13. Dreamforce — Целевая страница регистрации события
14. Специалист по цифровому маркетингу — пример обучающей целевой страницы
15. Taboola — целевая страница бесплатной электронной книги
Готовы создать свою целевую страницу?