Примеры лендинг пейдж для разных сфер бизнеса
На этой странице, можно познакомиться с примерами лендинг пейдж, собранными на нашем конструкторе. Здесь можно найти примеры сайтов с высокой конверсией, сделанных как нашими программистами, так и пользователями сервиса, кто не знаком с веб дизайном.
Мы специально выложили в открытый доступ данные примеры интернет сайтов — чтобы вы могли не просто увидеть, какие веб странички можно сделать на нашей платформе посредством шаблонов лендинг пейдж . Это также поможет рассмотреть и изучить изнутри примеры крутых лендингов. И уже на их основе, возможно, сделать веб ресурс.
На данной странице конструктора представлены как примеры красивых лендингов, так и примеры сайтов визиток, а также здесь имеются отличные примеры оформления сайтов, которые можно назвать эталонными. Ведь веб ресурсы, которые можно здесь увидеть — это рабочие ресурсы, которые имеют отличную конверсию и где число посетителей и клиентов регулярно растет.
Пример лендинга с высокой конверсией — Как стиль в одежде влияет на жизнь женщины.
Антигравийная пленка
Надежно защитит покрытие вашего автомобиля от сколов, царапин, воздействия химикатов
Сайт карт водителя
Изготовление карт водителя на тахограф в Москве и области от 14 дней. Сайт создан в спокойных белых тонах
Сайт мужских костюмов
Компания занимается продажей мужских костюмов премиум класса. Представлен новый каталог с костюмами
Сайт класса школы №91
Сайт создан для 2Б класса школы номер 91.
На сайте есть расписание занятий, учебные материалы и многое другое
Сайт компании Геом21
Данная компания занимается бурением скважин по всей Чувашской Республике. На сайте есть примеры работ и выполняемые услуги
Web сайт ARTIDES студия
Пример сайта студия коммерческого дизайна. Комплексные решения для успешного бизнес.
Оказание услуг по монтажу интерьерного декора от профессионалов
Smart Home системы
Благодаря современным технологиям управление жизнеобеспечением осуществляется в автоматическом режиме
Garant подоконники
Одностраничный сайт продажи и установки подоконников от мебельной компании GARANT
Пример продающего сайта выездной свадебной регистрации в Астрахани под ключ
Сайт продажи iphone аксессуаров
Пример современного сайта iphone аксессуаров с продажей по всей РФ.
Продажа интерактивных панелей
Подбор интерактивных панелей под любые задачи. Готовые решения для образования или бизнеса.
Контейнерные перевозки
Комплексное решение по перевозке грузов любой сложности и объема автомобильным, железнодорожным и морским транспортом.
Сайт чугунного завода в г. Чебоксары
Сайт для продажи чугунных печей для бань и саун от завода производителя
Пример сайта одностраничника санатория Aрай Deluxe Thermal Resort в городе Сарыагаш.
Сайт продажи игровых ПК
Данная компания занимается сборкой и продажей игровых компьютеров. Страница выполнена в современном стиле
Сайт продажи автокресел
Сайт клуба MMA
Сайт клуба боевых искусств MMA. На нем представлены различные тренировки, расписания занятий и фотогалерея клуба
Сайт SEO-специалиста
Сайт частного SEO-специалиста.
Современный дизайн сайта и правильно подобарнные цвета внушают доверие
Услуги свадебной фотосъемки
Сайт частного фотографа на свадьбу. Нежные тона на сайте помогают передать атмосферу радости и праздника
Списание долгов юридических лиц и ИП
Компания БИЗНЕС Логик занимается списанием долгов с юридических лиц и индивидуальных предпринимателей
Сайт частной стоматологической клиники, занимающейся лечением зубов в Москве. Присутствуют голубые и белые тона
Чтобы изучить примеры страниц сайтов детально, кликните мышкой на изображении, и страница откроется.
И сможете уже досконально рассмотреть каждый пример одностраничного сайта, которые представлены здесь. Почему же мы взяли эти интернет ресурсы? Во-первых, это отличные примеры разработки сайтов, которые сделаны не профессиональными дизайнерами или программистами.
Большинство из этих посадочников выполнены пользователями сервиса TOBIZ. И многие из них начали создавать собственные странички в сети, не имея даже представления о программировании. А это говорит о том, что наш конструктор лендинг пейдж — это удобная и интуитивно понятная платформа, работать с которой могут все желающие. Во-вторых, эти примеры продающих сайтов взяты, чтобы показать возможности сервиса — откройте любой одностраничник и увидите подробно функционал каждого из представленных ресурсов.
Почему же в качестве примеров лендинг сайтов взяли ресурсы, которые состоят из одной странички? Для этого есть несколько причин:
Начинайте работу с конструктором TOBIZ уже сегодня — чтобы завтра пришло еще больше целевых клиентов!
лучшие примеры [и критический разбор]
Мы собрали 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.
- Слишком большой объем информации, длинный лендинг.
- Неинтересные и некачественные видео.
Примеры одностраничных сайтов и лендингов, созданных на LPgenerator
На LPGenerator можно создавать только лендинги, которые благодаря большому количеству инструментов кастомизации получаются такими разными, что вы никогда не догадаетесь, что они сделаны без привлечения программистов и дизайнеров. Собрали несколько примеров сайтов, чтобы доказать, что хороший лендинг с индивидуальным дизайном можно сделать на конструкторе.
Пример 1: Лендинг системы электронной отчетности
Ekey.moscow – стандартный лендинг, в котором всё заточено под целевое действие. Есть блок с акцией и таймером, удобная форма обратного звонка и куча кнопок, при нажатии на которые открывается форма для связи — практически на каждом экране. Подробности спрятаны под катом, но некоторые найти трудно, потому что они никак не выделены.
Интересно реализована навигация. Разделы меню идут не по порядку, а скачут по странице. Расстраивает отсутствие нормальной мобильной версии сайта. На маленьком экране приходится приближать страницу пальцами, чтобы прочитать текст. При этом на конструкторе есть инструменты для создания мобильной версии — просто ими не воспользовались.
Пример 2: Лендинг рекламно производственной компании
Rpk-sigor.com – ещё один типичный лендинг с таймером акции и кнопками обратной связи на каждом экране. Из недостатков отметим отсутствие понятной формы обратного звонка. Если в предыдущем примере он прилеплен внизу экрана, то здесь нужно сначала перейти в раздел с контактами, чтобы заказать звонок.
Этот лендинг — ещё один пример важности адаптивности сайта. На телефоне пользоваться страницей неудобно: текст мелкий, в кнопки трудно попасть, меню вообще не видно. Обидно, что это можно исправить штатными средствами конструктора, но создатели их не используют.
Пример 3: Лендинг международной сети детских развивающих центров и садов
На сайте Babyclubmatveevskiy.ru раскрываются визуальные возможности LPGenerator. Всё очень яркое и детское. Фотографии хочется рассматривать, а страницу — листать до конца. Меню прячется в кнопке, которая сохраняет положение при скролле. Есть полноценная мобильная версия, в которой блоки отображаются иначе — например, на первом же экране крупно выделен номер телефона, по которому можно сразу позвонить. На десктопной версии телефон мелко написан в углу.
Формы для отправки заявки очень красивые и необычные. Не нравится, что при нажатии на другие кнопки вроде «Позвольте нам рассказать вам про наш клуб» посетителя перебрасывает через всю страницу на форму — я хотел узнать что-то новое, а теперь придётся заново пролистывать блоки, которые уже видел. Можно было спрятать под кнопки подробности или сразу при нажатии выводить форму связи, пусть и не такую красивую — конструктор позволяет это сделать.
Пример 4: Сеть клиник современной медицины
Mskmedic.ru – сайт медицинского центра с несколькими отделениями в Москве. Адрес каждого центра отмечен на карте, можно посмотреть фотографию здания, узнать больше о врачах, которые в них работают. Форма заявки простая, но с возможностью выбрать вид услуги и станцию метро — это удобно, при звонке не приходится уточнять эти сведения.
Номера телефонов некликабельные, сразу позвонить не получится. Мобильной версии нет, поэтому блоки нечитаемые, если не пользоваться приближением в браузере. В десктопной версии отдельные элементы тоже добавлены по принципу «лишь бы было». На странице не хватает формы заказа звонка или обратной связи — контактные данные есть только наверху и внизу.
Пример 5: Сайт компании по ремонту холодильников
Ремонт-холодильников-в-спб.рф – лендинг компании, предоставляющей услуги по ремонту холодильного оборудования. Построен по стандартной структуре продающей страницы с формами захвата, преимуществами, отзывами и другими типичными для одностраничника блоками.
У сайта есть недочёты в интерфейсе. Кнопка «Вызвать мастера» в меню навигации сделана с ошибкой: кликать можно только на одну часть, при нажатии на другую ничего не происходит. Непонятным для посетителя будет и реакция лендинга на прокручивание в середине таблицы. Когда на экране появляется блок с преимуществами, скролл как будто перестаёт работать. Интуитивное движение – проверка работоспособности мышки. Но с устройством всё в порядке, просто в блоке меняется информация, пока посетитель крутит колёсико.
Но главный недостаток лендинга – отсутствие адаптивности. На экране мобильного устройства в книжной ориентации отображается только половина контента. Для продающей страницы это настоящая катастрофа. На LPGenerator можно было избежать такой проблемы – всё-таки это достаточно дорогой конструктор, на котором есть отличные адаптивные шаблоны.
Пример 6: Продажа и монтаж окон Артикс
Окна-артикс.рф – лендинг с рекламой окон. Тоже сделан на основе шаблона с неадаптивным дизайном, поэтому нормально пользоваться им можно только на десктопе. Ещё один недостаток – отсутствие меню навигации при скролле. Пользователю придётся листать всю страницу, чтобы найти интересующую его информацию.
Формы обратной связи размещены почти на каждом блоке, но иногда между ними достаточно большое расстояние. Было бы логично закрепить кнопку на экране при скролле, чтобы посетители могли в любой момент перейти к общению с менеджером. В целом лендинг выглядит так, будто над ним работали очень недолго. Инструменты LPGenerator позволяют создавать очень качественные одностраничники, но этот проект к их числу отнести сложно, хоть и выглядит он достаточно прилично.
Выводы
LPgenerator — платформа для профессионалов, поэтому разобраться с её возможностями с первого раза трудно. Чтобы увидеть, понять и начать использовать все инструменты, нужно создать несколько посадочных страниц. Тогда не будет возникать проблем с адаптивностью, неправильной расстановкой разделов в меню, плохо видимыми элементами. Все недостатки, замеченные в примерах, можно устранить инструментами конструктора. Вернее, избежать — если пользоваться сервисом правильно.
Примеры сайтов в других конструкторах
Посмотрите реальные примеры сайтов, лендингов или интернет-магазинов, которые были созданы руками пользователей в других популярных конструкторах.
Вдохновляющие примеры лендингов для вашего бизнеса
Лендинг — страница или сайт, созданный для получения конкретных целевых действий пользователей. Задача landing page — повышать конверсию, вокруг этого выстраивается дизайн и структура. Мы выбрали удачные примеры лендингов и поделили на группы по их назначению.
Особенности построения landing page
Чаще всего лендинги создают для продажи товаров, анонсирования конкурсов, регистрации на мероприятия, набора учеников или поиска сотрудников.
Можно создать посадочную страницу по своим правилам, но проще руководствоваться проверенными советами.
Дизайн
Подавайте информацию блоками, один блок — одна мысль или предложение. Чтобы отделить одну часть от другой, используйте контрастную подложку.
Важно не перегружать посадочную страницу визуальной информацией. Чем меньше на ней элементов, тем проще пользователю сосредоточиться на сути вашего предложения. Это не значит, что landing page должна состоять только из текста и картинки. Используйте динамические блоки, анимацию, свободное пространство между элементами страницы.
Контент
Предлагайте на сайте-одностраничнике только один продукт, акцию или услугу. Чем больший выбор вы предоставляете, тем меньше вероятность покупки.
На первом экране коротко расскажите о своем предложении. Никаких вводных слов, используйте эту часть страницы, чтобы завоевать внимание. Здесь должны находиться самые убедительные аргументы в пользу покупки или заказа у вас.
Обязательный элемент посадочной страницы — кнопка CTA или призыв к действию. Сделайте ее заметной и добавьте между блоками текста на всем протяжении страницы. Другой вариант — плавающая кнопка, которая перемещается вслед за пользователем.
Мы писали подробный материал о том, как сделать лендинг самому.
Важно! Лендинги не продвигают с помощью SEO, так как их жизненный цикл слишком короткий. Большинство посадочных страниц создают на время действия акции или для вывода на рынок нового товара. Пользователи приходят через email-рассылку, таргетированную, баннерную и контекстную рекламу, поэтому вряд ли удастся найти удачный пример landing page, оптимизированной под поисковики.
Вместо того, чтобы подбирать ключевые слова, сосредоточьтесь на болях клиентов и на том, как вы помогаете их решить. Подробнее об этом читайте в статье «Как написать текст для лендинга».
Примеры хороших лендингов
Мы сделали подборку лендингов с необычным дизайном и контентом. Смотрите, вдохновляйтесь и сохраняйте удачные примеры себе в подборку.
Продажа товаров
На лендинги приходит теплая аудитория, хотя бы частично знакомая с продуктом. Задача landing page — «дожать» таких посетителей и принести конверсию в виде покупки. Посмотрите примеры продающих лендингов с оригинальным подходом к подаче товара.
Производители острого соуса Mule создали красивый лендинг, чтобы рассказать о достоинствах продукта. Динамическая анимация побуждает листать страницу до конца, а часть информации о продукте упакована в развлекательное видео, из-за чего страница не перегружена текстом. В конце лендинга есть рецепты и социальные доказательства в виде отзывов покупателей с фотографиями.
Пример лендинга от производителя кетчупае>На странице завода по производству бетона «Центр бетона» — много подвижных элементов, а фон повторяет цвет и фактуру бетона. Информация подана блоками с ценами, акциями, условиями работы. Яркие цвета и выезжающие картинки по бокам привлекают внимание, а небольшое количество текста упрощает поиск информации.
Пример красивого лендинга в сегменте B2Bе>«Рокетбанк» рекламирует платежную карту с помощью лендинга. Особенность страницы в горизонтальной прокрутке вместо стандартной вертикальной. Информация представлена в сжатом лаконичном виде, чтобы не отнимать время пользователей. Преимущества карты дополнительно выделены графическими элементами, чтобы направить внимание на главное.
«Рокетбанк» создал лендинг с горизонтальной прокруткойе>Страница компании «Окна людям» выполнена в стилистике написанного от руки черновика. Оригинальный ход привлекает внимание и выделяет производителя среди остальных.
«Одностраничный сайт, пример от компании «Окна людям»е>Сервис аренды электросамокатов Youdrive привлекает внимание динамическим лендингом и отсутствием больших текстовых блоков. Даже если вы не прокручиваете страницу, картинка постоянно меняется благодаря видео. Информация об условиях аренды сформулирована в нескольких коротких фразах, а между текстом и картинками оставили много места.
Стиль лендинга для аренды самокатов — движениее>Конкурсы и специальные проекты
У конкурсных страниц короткий жизненный цикл, но это не значит, что стараться над их созданием не нужно. Мы собрали примеры хороших лендингов, разработанных для привлечения участников акций и конкурсов.
Компания Rafaello придумала конкурс для влюбленных. Нужно создать два аккаунта, зайти на основной сайт бренда с двух телефонов и поднести их друг к другу. Призовые баллы копятся пока пара находится на сайте. Помимо необычной механики конкурса, пользователей привлекают контрастным дизайном. На лендинге много воздуха и свободного пространства, на фоне которого выделяются блоки текста.
Лендинг для конкурса от компании Raffaelloе>Сервис Airbnb приглашает пользователей придумывать необычные экскурсии в родном городе и зарабатывать. Компания сделала ставку на живые фотографии и минимум текста, чтобы вызвать эмоциональный отклик. Блоки не сливаются между собой, так как на странице чередуется черный и белый фон. Во время прокрутки кнопка регистрации остается неподвижной, чтобы в любой момент перейти по ней и начать регистрацию.
Пример хорошего лендинга от сервиса Airbnbе>Регистрация на мероприятия
Лендинги удобно использовать для привлечения людей на фестивали, мастер-классы, лекции и другие мероприятия. Создавать отдельный сайт для регистрации, чаще всего, не имеет смысла, проще и быстрее сделать лендинг.
Организаторы Digital sales and marketing world приглашают маркетологов зарегистрироваться на воркшоп. Поскольку информации много, ее разбили на небольшие блоки и разбавили фотографиями. Видеоподложка на первой странице демонстрирует масштаб мероприятия.
Лендинг Digital sales and marketing world сочетает видео, фото и тексте>Другой пример удачного лендинга — страница фестиваля «Пить и жарить». Организаторы добавили динамическую прокрутку, в которой буквы и фон движутся отдельно друг от друга. Разные шрифты, размеры и цвета здесь выглядят уместно, потому что соответствуют стилистике фестиваля.
Развлекательный фестиваль использует неформальный стиль для лендингае>На лендинге от «Прятки в темноте» пользователей приглашают зарегистрироваться на квест. Страница оформлена в духе компьютерной игры, чтобы передать атмосферу квеста. Уровень сложности и пакет услуг участник тоже выбирает в игровой форме, передвигая бегунок влево или вправо.
Ищите примеры крутых лендингов среди квестове>Набор на обучение
Страницы учебных заведений рассчитаны на два типа клиентов: ученики и учителя. Иногда к ним присоединяется третий тип — родители учеников, когда речь идет о занятиях для школьников. Задача — создать привлекательный и понятный дизайн для разных групп.
Khan Academy выбрала стиль оформления в духе энциклопедий научпоп. Чтобы донести свое послание до будущих учеников и преподавателей, на лендинге кратко сформулированы преимущества академии и добавлены яркие живые фотографии. Кнопка CTA есть почти в каждом блоке.
Образовательный лендинг, пример от Khan Academyе>Вирусный контент
Поскольку лендинги продвигают с помощью рекламы, вирусность помогает сэкономить бюджет. Мечта маркетолога — страница, которую люди пересылают друг другу.
Сайт-агрегатор авиабилетов S7 ко Дню космонавтики открыл бронирование билетов на Луну, Венеру, Марс и другие планеты. Через форму лендинга можно выбрать параметры путешествия, ввести данные, получить билеты и поделиться ими в соцсетях.
S7 обыгрывает тему Дня космонавтикие>Поиск сотрудников
Иногда крупной компании проще искать сотрудников через лендинг, чем через сайты о работе. Одностраничник не накладывает ограничений в плане подачи материала, что особенно ценят компании в сфере digital.
Creative People придумали персонажей и изобразили будущих сотрудников в роли супергероев. С помощью этого приема удалось небанально и увлекательно рассказать соискателям о компании.
Creative People ищет супергероев в командуе>Творчество и юмор
Творческий проект тоже можно оформить в виде лендинга. В этом случае цель — не в достижении конверсии, а в самовыражении и в привлечении внимания.
Вы тоже можете создать посадочную страницу для реализации своих идей. Для этого не нужно быть программистом, создать лендинг поможет специальный конструктор. Как это сделать, мы подробно описываем в статье «Конструкторы лендингов: лучшие платформы для создания одностраничников».
Австралийский информационный портал SBS адаптировал рассказ из книги «Лодка» вьетнамского писателя Нам Ле и поместил его на лендинге. Это творческий проект по переводу художественных книг в визуальный формат. Получился графический черно-белый роман с интерактивными элементами. По мере прокрутки страницы обновляется текст, меняется фон и появляются дополнительные эффекты в виде дождя и молний. На момент написания статьи лендинг собрал 19 тысяч лайков.
Графический комикс анимировали с помощью лендингае>Активисты бегового клуба Run Evolution создали шутливый лендинг, чтобы привлечь внимание к беговому клубу. Вместо того, чтобы в очередной раз рассказать о пользе здорового образа жизни, они пообещали избавить от беговой зависимости. Лендинг получил вирусный эффект и появился на многих развлекательных сайтах.
Проект «СТОП-БЕГ» в шутку предлагает избавить от беговой зависимостие>Часто лендинг создают под конкретный товар, акцию или мероприятие, поэтому он быстро теряет актуальность. Чтобы попасть в список лучших одностраничников, придумайте или позаимствуйте необычную идею оформления. Пишите короткими фразами. Добавьте картинки, видео и фото, но оставьте много незанятого пространства. Делайте кнопку CTA доступной в любом месте прокрутки лендинга.
Аудитория попадает на landing page благодаря таргетированной и контекстной рекламе. Еще один способ привлечь посетителей — настроить email и push уведомления или создать чат-бота. Это удобно сделать с помощью сервиса SendPulse.
[Всего: 6 Средний: 4.8/5]Примеры дизайна лендингов — 10 примеров необычного дизайна лендингов
Лендинг — сайт, в котором всего одна страница. Такие ресурсы часто используются небольшими компаниями, которые презентуют определенный товар или создают сайт-визитку. В этой статье мы приведем 10 примеров вдохновляющего дизайна лендингов и разберемся, какие элементы лендинга могут стать эффективным инструментом для продаж.
Отличительные особенности лендингов
Прежде чем разбирать примеры лендингов, рассмотрим, какими отличительными особенностями обладают данные сайты:
- Лендинг, как правило, одностраничный сайт. На ресурсе могут быть несколько разделов, но все они расположены на одном макете.
- Лендинги обычно посвящены продаже конкретного товара или услуги, презентации продукта, мероприятия. Иногда лендинги делают для описания компании (которое ограничивается только одной страницей). Таким образом, данный ресурс предназначен только для одного целевого действия — продажи, подписки на рассылку, регистрации на мероприятие и прочее.
- Также одной из отличительных особенностей лендингов является выделенный блок с призывом к действию или веб-формой для заполнения контактных данных.
Подробнее о лендингах и их отличиях от остальных сайтов мы говорили в нашем блоге.
Примеры лендингов для вдохновения
Иногда дизайнеры не хотят следовать стандартным приемам при разработке дизайна сайтов и создают ресурсы, отличающиеся необычными подходами и эффектами. В дизайне лендингов также существуют определенные стандарты: блоки с отзывами клиентов, яркие призывы к действию и веб-формы, описание преимуществ с помощью иконок и прочее. Однако, использование креативных решений может существенно выделить компанию среди конкурентов и повысить узнаваемость компании. Рассмотрим некоторые примеры лендингов, которые не соответствуют стандартам дизайна и, несмотря на это, являются впечатляющими и продающими.
Плоский дизайн
Для начала рассмотрим, как стандартные решения можно представить современно и стильно. На примере представлен лендинг в стиле flat-дизайн — направления, вошедшего в тренды (более подробно о данном стиле мы писали в этой статье).
Плоский дизайн в дизайне лендингов — способ эффектно представить компанию и выделиться стильным и современным дизайном. Отличительные особенности данного направления — плоские иллюстрации, тщательно подобранная типографика и цветовая гамма (обычно предпочитают чистые цвета), стильные изображения. Несмотря на то, что на примере используются стандартные блоки (преимущества, отзывы клиентов), дизайн в стиле flat делает лендинг «свежим» и интересным.
Минимализм
Еще одно популярное направление в веб-дизайне, которое может эффектно представить товар с помощью лендинга — минимализм. Отсутствие лишних деталей, простые элементы, светлые изображения и много пустого пространства — основные отличительные особенности данного стиля.
На примере представлен интернет-магазин растений. Структура макета весьма проста — это привычный главный экран с названием магазина, блок с карточками товаров, блок «О компании» и превью статей для блога. Дизайн блоков выполнен в светлых тонах, есть зеленые акценты на изображениях растений. Страница составляет единую концепцию, запоминается, выглядит свежей и интересной.
Большие изображения
Большие и красочные фотографии — еще один способ подать информацию о компании и привлечь внимание клиента. На примере представлен лендинг, который полностью состоит из ярких изображений. Это создает нужный эффект у клиента — компания представляет путешествие на Бали и фотографии показывают красивые пейзажи. Такой прием эффективен для тех товаров и услуг, которые можно эффектно презентовать с помощью визуального контента. Также большие изображения можно использовать в качестве фона. Подробнее о данном приеме читайте здесь.
Яркие элементы
Визуализировать желания и потребности клиента можно с помощью ярких элементов, иллюстраций, изображений. Так делают дизайнеры на следующем примере:
Яркая цветовая гамма, цветные акценты — с помощью таких элементов можно привлекать внимание пользователя к нужной информации, создавать особую атмосферу на сайте. Красочный дизайн всегда запоминается клиентами, поэтому, используя цветные акценты, можно повысить узнаваемость компании и продажи с сайта.
Иллюстрации
Отличный способ сделать сайт действительно уникальным — создать иллюстрации под конкретный проект. Это позволит выделиться среди конкурентов в смежных тематиках, повысит узнаваемость бренда (особенно если похожие иллюстрации используются в фирменном стиле).
При использовании иллюстраций в дизайне лендингов стоит учитывать:
- уникальность. Чем больше на сайте уникальных элементов, которые не встречаются на стоках или других сайтах смежной тематики, тем лояльнее будет аудитория к компании;
- качество. Также уровень доверия клиентов напрямую зависит от качества контента. Если иллюстрации будут низкого разрешения, не будут соответствовать концепции сайта, клиент разочаруется как в дизайне, так и в самом продукте.
На примере представлен лендинг, в котором иллюстрации являются главной особенностью. Каждый блок представлен отдельным изображением, специально отрисованным для проекта. Все картинки выполнены в одном стиле, цветовая гамма также дополняет концепцию сайта.
Типографика
Лендинг, как правило, является отличным инструментом проявить все идеи дизайнеров в действии. Так как это достаточно легкий (в плане технических возможностей) проект, разработчики воплощают креативные идеи в жизнь. Один из таких способов выделиться — использование интересной типографики, необычных шрифтов и шрифтовых написаний.
Особое внимание при этом нужно уделить заголовкам. Так как лендинг — это своеобразная презентация товаров, важно правильно сформулировать и преподнести текстовый контент.
На примере показан лендинг, в котором дизайнеры выделяют особую роль типографике и цветовой гамме. Сочетание различных написаний и шрифтов выглядят стильно и интересно.
Композиция и структура
Также в лендингах можно реализовать интересные приемы по расположению элементов. Например:
Интересные решения также привлекают внимание клиентов и запоминаются. На примере дизайнеры постарались найти креативные приемы, которые обеспечат гармонию в композиции и, в то же время, будут оригинальными и необычными. Также отдельно можно упомянуть положение текста на последнем блоке — на примере текст выровнен справа, что весьма нетипично для сайтов.
Расположение элементов и блоков в дизайне лендингов играет особую роль. Так как лендинг состоит из одной страницы, все внимание пользователя сосредоточено на главном экране и блоках в соответствии с перемещением по странице. Поэтому дизайнеру важно определить последовательность элементов, расположить призывы к действию таким образом, чтобы они привлекали внимание. Также нужно не забывать о футере: разместить на нем форму для контактов и кнопку «вверх», чтобы клиенту не нужно было перематывать страницу обратно. Более подробно о композиции и структуре ресурсов мы писали в этой статье.
Навигация
Несмотря на то, что лендинг — достаточно простой по структуре сайт, дизайнерам не стоит забывать об элементах навигации. Можно не только создавать обычные элементы — переходы на блоки из меню или кнопки с формами, но и разрабатывать отдельную навигацию для главного экрана и других частей сайта. Например:
На примере для каждого блока предусмотрен свой собственный слайдер, который меняет изображения и демонстрирует продукт со всех сторон. Такой прием создает ощущение, что сайт состоит из нескольких страниц, а его интерактивность позволяет клиентам взаимодействовать с интерфейсом на протяжении долгого времени.
Что касается стандартной навигации — скроллинга, кнопок с перенаправлением на формы заказа — здесь можно использовать стандартные проверенные решения. Как правило, клиенты ожидают от лендинга нескольких приемов:
- вертикальный скроллинг. Горизонтальный скорее всего не будет хорошо принят клиентами, так как лендинг — одностраничный сайт, который не подразумевает переходов на другие страницы;
- разнесение блоков и ссылки на них из традиционного меню. Лендинг часто является достаточно длинной страницей, поэтому разработчики делят его на части и ставят на эти блоки ссылки вверху страницы. Таким образом клиент может сразу перейти к интересующему разделу, без пролистывания всего сайта. Иногда меню скрывают с помощью значка «гамбургера»;
- формы и кнопки для заказа в отдельных блоках и на самых видимых частях страницы. Также кнопки в меню в верхней части сайта.
Такие приемы соответствуют пользовательскому опыту и ожиданиям клиентов. Однако, дизайнерам не обязательно воплощать традиционные подходы в жизнь. Иногда креативные решения наоборот нравятся клиентам и помогают увеличивать продажи.
Анимации и другие спецэффекты
Если на больших сайтах легко отвлечь клиента от целевых действий, в лендинге, благодаря простой структуре и небольшому количеству контента, можно добавить динамики на ресурс и разнообразить страницу спецэффектами.
Такие приемы дополняют лендинг, задерживают пользователя на странице. Также с помощью анимации можно перенаправлять внимание пользователя на целевые действия.
Что нужно учесть при проектировании анимации для лендингов:
- так как лендинг — это, как правило, одна страница, важно использовать динамические эффекты в меру. Лучше сделать упор на качество анимации, а не на ее количество;
- эффекты лучше делать в одном стиле, чтобы не разрушать концепцию сайта;
- лучше отказаться от анимационных переходов в пользу небольших динамических эффектов для отдельных элементов. Переходы усложняют сайт, и клиент может не вернуться на экран с нужной ему информацией и уйти к конкурентам.
Динамика сможет задержать пользователя на сайте и привлечь внимание к целевым действиям — покупке товара, выбору услуги и прочее. Поэтому если у разработчиков есть техническая возможность для внедрения анимации на сайт, лучше ей воспользоваться.
Интерактивность
Чтобы повысить конверсию лендингов и привлечь внимание пользователей, помимо анимации используются различные интерактивные элементы. Например, блоки с выбором, различные тесты, галереи и слайдшоу, мини-игры и прочее.
Студия дизайна IDBI также использовала данный прием при составлении конструктора мороженого.
На данном лендинге мы видим как интерактивные элементы (составление мороженого из ингредиентов), так и призывы к действию — блок для подписки на рассылку, корзину и прочее. Также на сайте расположен блок с описанием алгоритма действий для посетителя сайта — как заказать товар и что может предложить компания. Яркие цветовые акценты выделяют карточки с товарами, акции и преимущества.
Дизайн лендингов всегда является одним из способов воплотить интересные идеи дизайнеров в жизнь. Так как одностраничные сайты простые по структуре, на них можно экспериментировать и использовать различные креативные приемы — анимацию, интерактивные элементы, интересные призывы к действию, видеобэкграунд и прочее.
Однако, не стоит забывать о юзабилити. Даже для таких небольших сайтов работают основные принципы. Например, дизайнерам стоит помнить об основных элементах навигации или удобстве восприятия текстового контента. Больше о юзабилити и креативных решениях можно прочитать в этой статье.
Студия дизайна IDBI пользуется различными приемами и создает дизайн лендингов, основываясь как на правилах юзабилити, так и на разнообразных интересных решениях. В своих работах мы используем анимацию, интерактивные элементы, видеоконтент, интересную типографику и уникальные иллюстрации. Мы следим за трендами в веб-дизайне и можем создать сайт в различных стилях: от flat-дизайна до гранж. Примеры наших работ доступны в разделе «Портфолио».
Одностраничный лендинг: примеры сайтов-одностраничников
Чтобы получить на выходе хороший продающий одностраничный лендинг, который приносит доход, необходимо подключать к его созданию специалистов из разных сфер, таких как: дизайн, маркетинг, продажи, копирайтинг. Применяя их навыки и опыт, вы можете рассчитывать на то, что сайт будет окупаемым. Сотрудники компании OnTarget, имеющие большой опыт по созданию одностраничных лендингов, поделились тем, кто стоит за созданием эффективных одностраничников.
Какие специалисты нужны для создания одностраничного сайта лендинга
- Маркетолог. В его обязанности входит продумать упаковку сайта, то есть его смысловую составляющую. Для этого он:
- Проводит анализ всех сайтов-конкурентов. Просматривая примеры лендингов или одностраничных сайтов, выявляет их сильные и слабые стороны.
- Анализирует рынок, а также изучает ваш продукт или услугу.
- Исследует целевую аудиторию и составляет подробный портрет клиента.
Собранные аналитические данные помогают разработать уникальное торговое предложение, которое донесет до клиента все преимущества товара или услуги.
- Копирайтер. Отвечает за наполнение сайта текстами. Важный нюанс текстов для лендинга одностраничника — не «впаривать» товар, а мягко вести клиента, следуя его потребностям.
- Дизайнер. Его задача создать лендинг, с которым клиенту будет приятно взаимодействовать. Для этого он прорабатывает две важные составляющие:
- UX-дизайн или путь пользователя до целевого действия: с момента как он кликнул по ссылке и перешел на лендинг до момента заполнения формы обратной связи или оформления заказа. Чем понятнее и удобнее будет сайт, тем проще клиенту совершить нужное вам действие.
- UI-дизайн или визуальную составляющую: определяет, как будет выглядеть кнопка призыва к действию, подбирает шрифты и цветовую гамму и т.д. Чем меньше лишних деталей на сайте, отвлекающих внимание от сути лендинга, тем лучше конверсия.
- Программист. Отвечает за техническую часть лендинга одностраничника, внедряет утвержденные средства маркетинга для сайта, например, анимацию, которая помогает привлечь внимание к нужным блокам лендинга. Также занимается адаптивной версткой сайта, чтобы он одинаково хорошо смотрелся на любом устройстве и с ним удобно было бы взаимодействовать.
Ниже вы видите пример одностраничного лендинга, созданного командой специалистов ОнТаргет. Если вы хотите также, оставьте заявку на консультацию или запишитесь на встречу с менеджером.
20 бесплатных HTML шаблонов Landing Page / HTML шаблоны / Постовой
Тема Landing Page затерта до дыр. Хоть бум на лендинги немного стих, но до сих пор посадочные страницы пользуются спросом. Их запускают все кому не лень, даже если для их ниш в бизнесе это явно проигрышный поступок. Кто-то это делает, чтобы просто поиграться, а кто-то, чтобы заработать денег. Но не столь важно, какие цели вы преследуете, важно то, что всем потребуется разработка страницы. Кто-то закажет у профессионалов, а кто-то по той или иной причине начнет создавать свой Landing Page сам. Как раз для вторых и посвящена эта подборка.
Люди, которые решили создавать сайт сами, могут начать разработку с нуля, а могут и использовать готовые шаблоны, ведь для них не требуется особых знаний в разработке. Достаточно базовых знаний HTML и CSS, тех, что в школе учат. Тут опять встает вопрос. Использовать платный или бесплатный шаблон? Конечно же, платный будет намного качественней, и, вероятно, покажет более высокие конверсии. Бесплатный будет менее красивый, менее проработанный с точки зрения маркетинга, верстки и дизайна.
Эта подборка состоит как раз из бесплатных шаблонов на чистом HTML для создания Landing Page. Изначально подборка состояла из 40 позиций, но проснувшись утром и посмотрев на эти шаблоны свежим взглядом, решил удалить большую часть, так как это был, откровенно говоря, хлам, а хлама в интернете и так полно. Остались лишь самые достойные шаблоны, на которых можно хоть что-то строить. В подборку вошли шаблоны лендингов самых разных тематик, но, почему-то, преобладают LP для мобильных приложений. Они оказались наиболее качественными.
Ранее мы уже делали подборки из бесплатных шаблонов Landing Page. Они были заточены под определенную тематику. В этот раз я решил сделать сборный топик, не относящийся к какому-либо направлению.
Другие подборки бесплатных HTML шаблонов Landing Page:
Кстати. Если вы, по каким-то причинам, захотите натянуть эти шаблоны на движок WordPress, то по этой теме я когда-то делал подборку из плагинов для создания Landing Page на WordPress. Можете попробовать их использовать. Возможно, это значительно сэкономит время. Хотя, лично я, особого смысла этим заниматься не вижу, так как для простого LP хватит чистого HTML.
Итак. К вашему вниманию 20 бесплатных HTML шаблонов Landing Page.
Outline
Абсолютно бесплатный HTML5 шаблон Landing Page для мобильного приложения. Смотрится довольно профессионально. В шаблоне присутствует ненавязчивая анимация при скроллинге.Appi — Шаблон с фоновым видео
Еще один шаблон Landing Page для мобильного приложения с полноэкранным фоновым видео. В отличии от шаблона с видео-фоном, который будет приведен ниже, этот намного качественней, хоть и заточен под специфическую тематику.Bukku
Бесплатный HTML шаблон для создания Landing Page по продаже книг. Выполнен в стиле Flat в зеленых тонах. Присутствует некоторая занимательная анимация.Также разработчик предоставляет для бесплатного скачивания исходники в формате PSD.
Landing Page по продаже кофе
Шаблон Landing Page на HTML по продаже кофе. Дизайн и реализация верстки очень интересны. Присутствует анимация элементов при прокрутке страницы. Все выполнено в мягких тонах. Отлично подойдет для организаций, которые занимаются доставкой кофе. Впрочем, этот шаблон легко можно переделать под вашу тематику, заменив картинки.Fractal
И еще один стильный, не большой, адаптивный LP для мобильного приложения в синей цветовой гамме, хотя, при желании, можно заточить под вашу тематику.Engage
Еще один универсальный адаптивный одностраничник на Bootstrap. Страница подходит для простой презентации продукта. По структуре напоминает презентационную страницу продуктов Apple.Lucid
Бесплатный Bootstrap-шаблон Landing Page мобильного приложения. На странице присутствует таблица ценообразования, несколько презентационных блоков приложения и карта Google.Landing Page для кафе или ресторана
Привычный для рядового юзера рунета бесплатный шаблон Landing Page с формой захвата в первом экране. Заточен под создание посадочной страницы бара, ресторана, кафе или чего-либо кулинарной тематики. С помощью формы заявки можно забронировать столик на указанное время.Oleose
Очень качественный, адаптивный, бесплатный, но опять для мобильного приложения. Landing Page реализован на фреймворке Bootstrap. Имеет три варианта цветовой гаммы: светло-голубой, светло-зеленый и фиолетовый. Однако, он не так строго заточен под свою тематику, соответственно можно легко переделать под нужную вам.Fotografy
Бесплатный, относительно чистый Landing Page для фотографа. Реализованы основные блоки, которые могут понадобится фотографу: портфолио и отзывы.Шаблон имеет полноэкранный слайдер в шапке.
Take — бесплатный одностраничник
И опять очередной бесплатный одностраничный html шаблон для мобильного приложения. Однако его дизайн очень интересен и необычен. Я бы даже сказал, уникален. Большинство посетителей постового не являются разработчиками мобильных приложений, так что придется переделывать все под свою тематику.Foodee
Бесплатный одностаничный HTML5 шаблон для создания посадочной страницы кафе, ресторана или какой-то забегаловки. Шаблон с полноэкранным фоновым изображением и Parallax эффектами.Присутствуют такие блоки, как: меню, ближайшие события, отзывы клиентов и стандартный набор блоков, в которых можно разместить преимущества и пр.
WHITE
Я бы расценивал этот шаблон, как некий html-фреймворк для создания одностраничника. Он не заточен под какую-либо тематику, так что все в ваших руках. Есть поддержка полноэкранного фонового видео. Плюс ко всему, он имеет стандартный набор блоков, типичный для одностраничника.Cyprass
Шаблон подойдет для создания Landing Page какой-нибудь Digital-компании: веб-студии, команды фрилансеров или тому подобных. Имеет для этого все необходимые ресурсы: портфолио с фильтром по работам, различные круговые диаграммы, табы, слайдеры… Помимо этого поддерживает фоновое видео в первом экране.Бесплатный шаблон-одностраничник, преднзначен для LP команды разработчиков. Смотрится стильно, но стандартно. Присутствуют основные блоки, с помощью которых можно себя эффективно нахвалить, а также стилизированная карта Google.
Lhander
Довольно интересный бесплатный HTML шаблон для лендинга. Выполнен в темных тонах. Имеет большое фоновое полноэкранное изображение. Посредине первого экрана расположен блок с призывом к действию и кнопкой по нажатию на которую ничего не происходит, но мы же разработчики и можем прицепить туда что угодно. Помимо этого, в первом экране расположена кнопка Play, по нажатию на которую появляется модальное окно с видео.В целом, шаблон неплох, как для бесплатного. В нем предусмотрены и ценовые таблицы, и различные блоки для нахваливания своей компании.
Fudi
Еще один бесплатный шаблон мини-лендинга. Имеет большую фоновую картинку и несколько экранов.KreFolio
Шаблон посадочной страницы с полноэкранным слайдером изображений в первом экране. Подходит в основном для веб-студий и фрилансеров.Шаблон имеет огромное количество колхозных эффектов появления элементов на странице, хотя, наш народ такое любит.
Реализовано множество блоков таких как: аккордеон, блоки с диаграммам, отзывы, портфолио и гугловская карта с кастомным оформлением.
Шаблон Landing Page с фоновым видео
Бесплатный html шаблон Landing Page с фоновым видео во весь экран и формой для отправки заявки в первом экране. Подойдет для создания посадочной страницы любой организации, будь то финансовая, юридическая, или просто студия веб-дизайна.19 лучших примеров дизайна посадочных страниц, которые вам нужно увидеть в 2021 году
Как вы убедите посетителей сделать решительный шаг на вашем веб-сайте?
Существует так много элементов, которые необходимы первоклассной целевой странице, и то, как сделать эти элементы «лучшими», часто зависит от того, каковы цели вашей целевой страницы.
Возьмем, к примеру, длину формы. Это всего лишь один из многих компонентов, которые необходимо оптимизировать, но лучшие практики покажут вам, что и короткие, и длинные формы работают хорошо — все зависит от того, хотите ли вы создать много (потенциально) низкокачественных отправок форм, или меньшее количество высококачественных материалов.
Итак, если вы хотите улучшить свою целевую страницу, полезно знать, что входит в отличную целевую страницу, и увидеть несколько примеров этих тонких элементов в действии.
Щелкните одну из ссылок ниже, чтобы перейти к соответствующему разделу статьи:
Удивительно, но когда я начал исследовать примеры целевых страниц, я понял, что вряд ли есть сайты с современным впечатляющим дизайном целевых страниц, которые были бы чем-то большим, чем просто форма регистрации на главной странице.Итак, мы решили составить список любимых нами целевых страниц.
Здесь есть одно большое предостережение: У меня нет доступа к статистике для этих страниц, поэтому я не могу сказать вам, насколько хорошо они конвертируют посетителей, лидов и клиентов. Тем не менее, эти примеры — даже те, которые больше не используются на веб-сайте компании — содержат одни из лучших комбинаций тех нюансированных элементов целевой страницы, которые я когда-либо видел.
Очевидно, что если вы чувствуете вдохновение опробовать любую из этих тактик на своем собственном сайте, единственный способ узнать, будут ли они работать на вас наверняка, — это проверить их на себе.
Примеры посадочных страниц
- Shopify
- Дуло
- TransferWise
- Airbnb
- Teambit
- Wistia
- Webflow
- Науто
- Маркетинг промышленной надежности
- Входящие эмоции
- Живой чат Velaro
- IMPACT Брендинг и дизайн
- Отклонить
- Bills.com
- Трулия
- Landbot
- Веб-профит
- H.BLOOM
- Лаборатория конверсии
Целевые страницы для регистрации
1.Shopify
Как и многие другие целевые страницы в этом посте, пробная целевая страница Shopify сохраняет простоту. Заголовок, ориентированный на пользователя, состоит, например, всего из нескольких слов, а страница использует простые маркеры, а не абзацы, чтобы сообщить подробности и преимущества испытания. Перед началом работы вам нужно заполнить всего несколько полей. Все это помогает вам перейти к сути: продавать в Интернете с помощью своего инструмента.
2. Морда
Целевые страницы помогают пользователям решить, действительно ли ваш продукт или услуга стоят их драгоценного времени и энергии.Есть ли лучший способ ясно и прямо передать свое ценностное предложение, чем ставить посетителей перед проблемой, которую решает ваше приложение?
Muzzle, приложение для Mac, которое отключает уведомления на экране, полностью поддерживает это шоу , но не говорит о менталитете на их минимальной целевой странице. Посетителей страницы встречает поток неловких уведомлений в верхнем левом углу экрана. Мало того, что анимация веселая, она также убедительно передает полезность приложения без подробных описаний.
3. TransferWise
TransferWise позволяет отправлять и получать деньги в разных валютах, а его целевая страница, показанная ниже, разделяет каждое отдельное действие, чтобы вас не отвлекали варианты, которые к вам не относятся.
Если вы хотите отправить деньги, форма перевода находится справа, и вы ее можете заполнить. Чтобы получить деньги, просто щелкните среднюю вкладку, а чтобы зарегистрироваться в TransferWise с помощью дебетовой карты, щелкните крайнюю правую вкладку.
Каждая вкладка на этой целевой странице создает разные призывы к действию в зависимости от того, на что вы подписываетесь — каждая из них в ярком зеленом поле, чтобы выделить ваш следующий шаг после трех возможных отправных точек.
4. Airbnb
Чтобы помочь превратить посетителей в хозяев, Airbnb предлагает некоторую заманчивую персонализацию: прогноз приблизительного среднего дохода за неделю в зависимости от вашего местоположения. Вы можете ввести дополнительную информацию о своем потенциальном жилье в поля, чтобы получить еще более индивидуальную оценку.
Если вы посещаете страницу уже убежденными, четкий призыв к действию в верхней части страницы упрощает конверсию на месте.
5. Teambit
Причудливый — это не первое слово, которое приходит на ум, когда вы думаете о программном обеспечении для кадров, но целевая страница Teambit с множеством иллюстраций — это именно то, что вам нужно. Простая форма с одним полем сопровождается восхитительным офисом, полным животных персонажей — все очень, довольны Teambit, если вам интересно.Рядом с каждым информационным разделом целевой страницы отображается рисунок с изображением животного, заставляя посетителей прокручивать страницу вниз, чтобы узнать больше.
Целевая страницаTeambit является прекрасным доказательством того, что вам не нужно иметь традиционно «забавный» продукт или услугу, чтобы создать интересную целевую страницу.
[Щелкните здесь, чтобы увидеть всю целевую страницу.]
6. Wistia
Сначала будет целевая страница Wistia для их бесплатной учетной записи Wistia. Вы сразу же заметите форму с одним полем для создания учетной записи — синий фон с минимальным рисунком красиво контрастирует с ярко-белым полем формы.
Длина поля формы в сочетании с заметным размещением устраняет почти все препятствия при создании учетной записи … но если у вас есть сомнения, вы всегда можете прокрутить ниже, чтобы прочитать ответы на самые популярные часто задаваемые вопросы. Разделив эти две части с резким цветовым контрастом, Wistia значительно упростит вам сосредоточение на преобразовании.
7. Webflow
Webflow, инструмент дизайна для веб-разработчиков, упаковывает большой объем информации всего в один GIF-файл и три поля формы.Размещение всей формы подписки в одной строке — это приятный штрих — это не только делает страницу короче, но и заполнение каждого поля слева направо показывает пользователям, насколько они близки к тому, чтобы нажать четвертую синюю кнопку и получить началось бесплатно.
Анимированный GIF-файл под формой отображается в том же кадре на веб-сайте, поэтому пользователи могут видеть, как работает продукт. и регистрируются без прокрутки или перехода на новую страницу.
Целевые страницы для электронных книг
8.Науто
Nauto, платформа данных для беспилотных автомобилей, помогает сделать автономное вождение более безопасным для компаний, которые управляют автопарком беспилотных автомобилей. Естественно, его клиентам потребуется всевозможная информация, чтобы продавать их на этой платформе. У Nauto он есть, упакованный в супер-простую электронную книгу, на целевой странице которой есть краткая контактная форма и некоторая статистика предварительного просмотра, чтобы доказать, почему этот ресурс так важен.
В верхней части страницы, показанной выше, теплая фотография интерьера автомобиля обнимает форму для сбора свинца.Зеленая кнопка «Загрузить сейчас» могла быть даже специально (в дороге, в конце концов, зеленая означает «Поехали»).
Прокрутите вниз, и вы увидите еще один призыв к действию «Получить электронную книгу», чтобы напомнить пользователям, что их ждет. Вы также увидите три резких статистики об автомобильных авариях, чтобы побудить пользователей узнать больше. Посмотрите это ниже.
9. Маркетинг промышленной надежности
Сразу же эта целевая страница привлекает меня убедительным, резким заголовком: «Не заставляйте меня зуммировать.»Это напрямую говорит об обычном опыте, который у большинства из нас был, когда мы просматривали страницы на наших телефонах или планшетах — и это тоже немного дерзко.
Но это не единственное, что меня интересует на этой целевой странице. Обратите внимание на стратегическое расположение красного цвета: он находится прямо вверху и внизу формы, еще больше приближая вас к событию конверсии.
Кроме того, этот дизайн — мета для загрузки: он отлично смотрится и отлично работает на мобильных устройствах. Имейте в виду, что многие посетители будут получать доступ к вашим целевым страницам со своих смартфонов или планшетов, и если дизайн вашего веб-сайта им не подходит, они могут сдаться и покинуть вашу страницу.
Люди из Industrial Strength Marketing сделали шрифты и поле формы достаточно большими, чтобы посетителям не приходилось увеличивать масштаб, например, для чтения и взаимодействия с контентом.
10. Входящие эмоции
Даже если вы не говорите по-испански, вы все равно можете оценить возможности конвертации этого партнерского сайта HubSpot. Две мои любимые особенности страницы? Форма остается на фиксированном видном месте при прокрутке сайта.Мне также нравятся руки, которые служат ориентирами для заполнения формы и совместного использования страницы с другими.
11. Живой чат Velaro
Иногда самые мелкие детали имеют большое значение. Именно они, например, делают привлекательной целевую страницу Velaro Live Chat.
Этот небольшой символ PDF над изображением функции помогает определить, в каком формате будет загружаться файл. Стрелка перед подзаголовком помогает еще больше направить ваше внимание на важный текст, который посетители хотят прочитать.Как и IMPACT, у них также есть автоматически установленный флажок для подписки на их информационный бюллетень в их форме, который, если превратить его в поле выбора, является отличным способом увеличения количества подписчиков. Все эти мелкие, казалось бы, незначительные детали помогают создать солидный, достойный восхищения дизайн целевой страницы.
12. IMPACT Брендинг и дизайн
Полное раскрытие информации: IMPACT является партнером HubSpot, но не поэтому они включены здесь. Целевые страницы IMPACT уже давно служат источником вдохновения для дизайна.Мне нравится простой макет страницы, от большого заголовка и подробного изображения, до контура, который окружает форму, до цветов и шрифтов, которые очень приятны для глаз.
Бесплатное руководство IMPACT, которое предлагается для загрузки здесь, также не подчеркивает саму загрузку в синей кнопке, которая позволяет вам отправить заполненную форму. Скорее, IMPACT приглашает вас «генерировать больше конверсий» — сосредотачиваясь на том, что вы можете получить в результате чтения руководства.
Целевые страницы для получения дополнительной информации
13. Отклонить
Неудивительно, что Unbounce находится в верхней части этого списка — они фактически написали книгу о создании высококонвертирующих целевых страниц. Хотя на этой целевой странице есть много удивительных вещей, мне очень нравятся две: 1) Использование окна чата вместо классической формы и 2) подробное, но хорошо упакованное — информация под формой.
Первый помогает привлечь внимание к цели страницы — чтобы вы заполнили форму — ненавязчиво и не так утомительно.Второй дает этой странице повышение SEO (у поисковых систем будет больше контента для сканирования) и снимает любые беспокойства со стороны людей, которым нужно больше узнать о фрагменте контента, прежде чем передавать свою информацию, при этом не отвлекая людей от окна чата.
14. Bills.com
Часто люди думают, что целевые страницы — это статические страницы вашего сайта. Но с помощью правильных инструментов вы можете сделать их интерактивными и персонализированными.
Возьмите приведенный ниже пример из Bills.com. Чтобы узнать, выиграете ли вы от их консультации, вы ответите на три вопроса, прежде чем вам будет показана форма. Он начинается с этого:
Затем вы ответите еще на два вопроса, как показано ниже:
И вот последняя форма целевой страницы, где вы заполняете свою информацию:
Я не уверен, как работает алгоритм (и есть ли он вообще), но пока я его заполнял, у меня были некоторые опасения по поводу , а не .Как только я узнал, что это так, я был взволнован, чтобы заполнить форму, что, я уверен, делает большинство людей, которые имеют долги и используют этот инструмент. Сделав это предложение более эксклюзивным до появления формы на целевой странице, я готов поспорить, что Bills.com значительно увеличил конверсию.
15. Трулия
Trulia сделала что-то очень похожее на Bills.com со своей целевой страницей. Он начинается с простой формы, запрашивающей «адрес» (что звучит менее жутко, чем «ваш адрес», хотя они имеют в виду именно это).Под этим простым полем формы находится ярко-оранжевая кнопка, которая хорошо контрастирует с изображением главного героя за формой и подчеркивает, что оценка будет персонализирована для вашего дома.
Конечно, одного адреса недостаточно для оценки стоимости дома. Это просто обозначает район дома. Вот почему следующая страница следует с дополнительными вопросами о самой собственности, например, о количестве кроватей и ванных комнат. Ниже вы видите копию «Сообщите нам, куда отправить отчет» — с оговоркой о том, что, вводя эту информацию, вы соглашаетесь связаться с агентом по недвижимости.Это отличный пример компании, которая с самого начала ценит своих посетителей, одновременно задавая им ожидания относительно того, что произойдет в результате.
16. Лэндбот
Landbot, сервис, который создает целевые страницы на основе чат-ботов, ставит свой собственный продукт в центр внимания на своей целевой странице с чатом. Посетителей встречает дружелюбный бот с смайликами и гифками, который побуждает их предоставлять информацию в разговорной форме, а не в традиционной.
17. Webprofits
Для небольшого контраста … как насчет длинных целевых страниц? С помощью всего лишь нескольких приемов вы можете сделать даже самую длинную целевую страницу короткой. Целевая страница Webprofits ниже показывает нам, как это сделать.
Справа вверху есть заметная кнопка CTA, чтобы узнать больше — с хорошим контрастом на фоне, чтобы она выделялась, и стрелкой вниз, чтобы стимулировать прокрутку. Не помещая поле формы вперед, они помогают уменьшить трение и дают посетителям возможность узнать больше, прежде чем им будет предложен вариант преобразования.
Они также позволяют легко понять, что на самом деле делает Webprofits . Остальная часть страницы предлагает подробную информацию о том, что вы получите, если передадите свою информацию. Кроме того, он включает в себя стратегические призывы к действию, которые вернут вас наверх, чтобы заполнить форму, например «Давайте поговорим».
18. H.BLOOM
Иногда нужно просто остановиться и полюбоваться красивой целевой страницей. Используя фотографию с высоким разрешением и много белого пространства, H.На целевую страницу BLOOM приятно смотреть.
Помимо красоты, на странице есть несколько отличных элементов преобразования: форма в верхней части страницы, четкое и краткое описание того, что произойдет, когда вы заполните форму, и даже ярко-оранжевая кнопка «Отправить». Единственное, что мы изменим? Копия на кнопке «Отправить» — это может быть более конкретным для предлагаемого предложения.
19. Лаборатория конверсии
Хотя я обычно не включаю пример домашней страницы с формой в сообщение о целевых страницах, этот веб-сайт особенный.Домашняя страница — это весь веб-сайт — навигационные ссылки просто приведут вас к информации, приведенной ниже.
Когда вы нажимаете «Получить справку по целевым страницам», весь сайт перемещается, освобождая место для формы. Вот как это выглядит до того, как вы нажмете:
И, когда вы щелкнете этот CTA, посмотрите, как выглядит форма:
Мне нравится, что вам не нужно покидать страницу, чтобы заполнить форму, и при этом форма не будет навязчивой для случайных посетителей сайта.
Идеи целевой страницы
Хорошо оптимизированная целевая страница может превратить потенциальных клиентов в потенциальных клиентов путем сбора информации, которая поможет вам лучше понять, привлечь внимание посетителей и порадовать их. Поскольку целевые страницы имеют решающее значение для конверсий, важно убедиться, что они хорошо спланированы, разработаны и выполнены.
При создании целевых страниц следует учитывать следующее:
20 бесплатных профессионально разработанных шаблонов посадочных страниц
Когда дело доходит до превращения посетителей в потенциальных клиентов, целевые страницы в среднем конвертируются на 23%, что делает их элементом подписки с самой высокой конверсией.
Хорошая целевая страница обычно предлагает посетителям вашего веб-сайта ресурс, например часть содержания, в обмен на контактную информацию. Совместное использование URL целевой страницы или гиперссылки на нее, а не на домашнюю страницу, также увеличивает вероятность превращения трафика в конверсии.
Хотя целевые страницы могут играть жизненно важную роль в лидогенерации, они не должны быть сложными. Фактически, вы должны стремиться к тому, чтобы страница была краткой и привлекательной, а не сложной и ошеломляющей.
Вместо того, чтобы просто разместить строгую контактную форму на странице, может быть более продуктивным подразнить интересное предложение или бесплатный ресурс в обмен на небольшой объем информации.
Даже когда вы знаете, что собираетесь предложить и какую информацию хотели бы получить от посетителя, идея создания целевой страницы может показаться пугающей.
Если у вас нет пропускной способности для самостоятельного создания страницы, у вас мало опыта работы с программным обеспечением для дизайна или у вас ограниченные ресурсы для найма дизайнера, использование предварительно разработанного шаблона может быть наиболее эффективным способом запустить профессионально выглядящую страницу в короткое время.
20 бесплатных профессионально разработанных шаблонов посадочных страниц
Мы составили список из 20 бесплатных, простых в использовании шаблонов, которые помогут вам в процессе создания вашей следующей целевой страницы.
1. Royce
Доступно на Squarespace
Royce специализируется на бронировании мероприятий. Панели навигации нет, но макет имеет настраиваемое фоновое изображение, заголовок и кнопку с призывом к действию с надписью «RSVP.”
Чтобы заполнить форму и зарезервировать место, посетители могут нажать кнопку «RSVP», чтобы отобразить форму, или прокрутить вниз, чтобы увидеть статическую форму бронирования. Это интересный шаблон, потому что он усиливает визуальные эффекты и сохраняет простой макет, но при этом предлагает посетителям два способа конвертации.
2. Архитектура
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Шаблон целевой страницы «Архитектура» идеален для захвата подписчиков блога с привлекательным главным изображением вверху, пространством для предоставления контекста о том, что пользователи могут ожидать, если они подпишутся, и модулем по умолчанию для прошлого контента прямо под ним.Его также можно настроить в соответствии с вашим брендом и отредактировать с помощью функции перетаскивания.
3. Инвестировать
Доступно на HubSpot
Этот дизайн включает фотографию, настраиваемый текст, отсутствие навигации (чтобы посетители могли сосредоточиться на вашем предложении) и короткую форму. Пользователи также могут настраивать и добавлять другие элементы, такие как значки, отображаемые в нижней части изображения. Внизу страницы пользователи также могут добавить дополнительную информацию о предложении или компании.
4.Ступица
Доступно на HubSpot
Шаблон Hubstrap выглядит упрощенно, но для текста отводится немного больше места. Это может быть хорошим вариантом, если в вашем предложении контента меньше изображений. Например, вы можете использовать эту страницу, чтобы описать предложение или длинный технический документ по теме, связанной с вашей отраслью. Пользователи могут аналогичным образом персонализировать дизайн и добавлять на страницу разделы с перетаскиванием.
В отличие от приведенных выше целевых страниц, этот пример включает навигацию.Однако это достаточно просто, чтобы не отвлекать от предложения.
5. Яркий
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Допустим, вы не хотите, чтобы элементы конверсии находились вверху страницы, вместо этого вы выбрали более длинную страницу продаж. Vibrant — это современный шаблон с минималистичным дизайном, который можно настроить с помощью подробного рекламного текста. Сочетание каждого раздела с привлекательным изображением — отличное начало для создания пользовательского опыта, который понравится потенциальным клиентам.
6. Посадочная форма
Доступно на HubSpot
Этот шаблон включает фоновое изображение с темным оверлеем, заголовок, текст, яркие кнопки с призывом к действию и форму. Он убирает панель навигации, но включает кнопку в верхней части страницы. Изображение также имеет темное наложение, чтобы оно оставалось видимым, но менее отвлекающим. Когда вы прокручиваете страницу ниже сгиба, этот шаблон также включает в себя места для дополнительных изображений и деталей, которые могут иметь отношение к продукту или предложению.
7. Градиент
Доступно на HubSpot
Gradient разработан для предложения, основанного на содержании. Он имеет простой макет с формой, заголовком, текстом описания, фотографией и логотипом, но продолжает тему отсутствия навигации. Как и другие шаблоны HubSpot, пользователи могут добавить фотографию или снимок продукта, фоновое изображение, которое появляется за градиентным цветом, и описательный текст. Они также могут настроить или изменить цвет фона градиента.
8. Университет
Доступно на Wix
Этот макет может быть полезен тем, кто ищет потенциальных клиентов на образовательное мероприятие, курс или аналогичную услугу. Форма более подробная, но сам макет также позволяет разместить больше текста и изображений. Над сгибом вы можете увидеть заголовок, вспомогательные изображения и форму. Если вы продолжите прокрутку, появятся дополнительные разделы, в которых можно разместить больше текста и изображений.
9. Горизонт
Доступно на Wix
Этот шаблон может быть полезен компании или частному лицу, которые еще не запустили веб-сайт или продукт, но тем не менее хотят привлечь потенциальных клиентов.Над сгибом есть гигантская область заголовка, где на шаблоне напечатано «Скоро в продаже».
Прокрутив страницу вниз, вы увидите краткое описание компании и поле, в которое посетители могут добавить свой адрес электронной почты. Пользователи также могут добавить фото или видео к фону.
10. Полужирный
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Полужирный шрифт с большим заголовком, коротким подзаголовком и элементом преобразования над сгибом дает конкретную и лаконичную мысль.Это делает его отличной целевой страницей практически для любого закрытого контента, от электронных книг до информационных бюллетеней и инструментов.
11. Интернет-магазин скоро откроется
Доступно на Wix
Этот шаблон очень простой. Как и в вышеприведенном шаблоне «Скоро в продаже», текст можно отредактировать, чтобы использовать этот макет для другой цели. Нет навигации, и любая информация о компании разбросана по углам. Такая компоновка дает место для четкого снимка продукта, как видно на обуви.Текст заголовка, небольшое количество описательного текста, ящик электронной почты и кнопка предварительно разработаны в макете. Пользователи также могут связать свои учетные записи в социальных сетях со значками под кнопкой «Уведомить меня».
12. Целевая страница Lead-Gen
Доступно на Wix
Этот шаблон кажется специализированным для продуктов B2B. Он позволяет пользователям редактировать и настраивать текст и изображения через Wix. Пользователи также могут размещать в макете фоновые видеоролики. Страница должна быть длинной, с формой и призывом к действию в верхней части страницы, за которой следуют разделы, в которых подробно описываются различные аспекты компании или компании, например информация о персонале.
13. Фагри
Доступно на WordPress.org
Fagri был разработан для различных целей и отраслей. В соответствии с описанием виджеты темы, такие как контактная форма, можно настраивать. Пользователи также могут изменять текст и изображения. Несмотря на наличие панели навигации, дизайн макета по-прежнему привлекает внимание к тексту, кнопкам с призывом к действию и форме обратной связи.
14. Ралли
доступен исключительно с бесплатным конструктором целевых страниц HubSpot
Отлично подходит для электронных книг, Rally устанавливает формат из трех столбцов вверху, чтобы помочь посетителям веб-сайта визуализировать предложение, усвоить его суть и конвертировать в верхней части страницы.Если им нужна дополнительная информация — например, если вы предлагаете подробный технический документ или отчет — можно добавить дополнительные модули, чтобы еще больше убедить их принять участие. Также помогает то, что дизайн формы великолепен, предлагая место для разработать истинное ценностное предложение, которое передает то, что они извлекут из информации.
15. Real Estate Landing Page
Доступно на Wix
Хотя этот шаблон не предлагает ресурса для информации, его можно отредактировать и настроить, чтобы включить предложение.При прокрутке страницы вниз фоновое изображение может оставаться статичным. При текущем дизайне страницы есть место для добавления информации о компании в нижней части страницы. В самом низу также есть вторая форма, поэтому у посетителей будет еще один шанс конвертировать.
16. Строительные и юридические посадочные страницы
Оба доступны на WordPress.org
WordPress также предлагает два похожих шаблона Lawyer Landing Page и Construction Landing Page .Хотя оригинальные дизайны предназначены для двух областей работы, их можно настроить для других брендов и отраслей. У обоих есть изображение заголовка, наложенный текст и стрелка, указывающая на форму приличного размера над сгибом. Они также оба предлагают посетителю бесплатное предложение.
17. Сумерки
Доступно исключительно с бесплатным конструктором целевых страниц HubSpot
Еще одна целевая страница с универсальностью и гибкостью в отношении макета, Nightfall — отличный вариант, если вы хотите создать захватывающий рассказ вокруг своей копии.Имея достаточно места для описания предложения перед представлением элемента преобразования и возможности перетаскивания дополнительных модулей, этот шаблон можно адаптировать для длинного контента или короткой, быстрой и четкой копии.
18. Садовый домик
Доступно на MailChimp
В этом шаблоне нет панели навигации, которая заставляет посетителя сосредоточиться на данном предложении. Внизу страницы его можно настроить для включения логотипов или другой информации о компании.Как и все темы целевой страницы MailChimp, этот макет оптимизирован для мобильных устройств и автоматически подстраивается под разные размеры экрана.
19. Участники группы
Доступно на MailChimp
Этот шаблон также довольно прост и имеет место для настройки. Он аналогичным образом удаляет навигацию и сохраняет логотип компании, текстовое описание и форму подписки над сгибом.
Пользователи также могут перетаскивать в дизайн дополнительные элементы, такие как текст или поля форм. Чуть ниже формы пользователи могут добавить снимок продукта или другое изображение.Синий фон позволяет отображать форму и кнопку с призывом к действию, но эти цвета также можно настроить в соответствии с вашим брендом.
20. О-книга
Доступно на Unbounce
МакетыUnbounce идут вместе с подпиской, но вот одна из целевых страниц, которую вы можете протестировать с помощью бесплатной 14-дневной пробной версии. Этот шаблон ориентирован на привлечение потенциальных клиентов к конкретной книге. Есть свободное место для изображения продукта, заголовков, текста подробного описания и поля формы.
Верхняя панель навигации минимальна, но включает кнопки социальных сетей. Поскольку этот макет предоставляется бесплатно только в течение пробного периода, это может быть лучшим вариантом для компании, которая уже получила доход от целевых страниц и хочет протестировать более подробный, но доступный дизайн.
Рекомендации по созданию посадочных страниц
Приведенные выше шаблоны уже соответствуют ряду передовых методов работы с целевыми страницами. Например, во многих из них отсутствует панель навигации, которая может отвлекать внимание или отвлекать от предложения на странице.Большинство из них также оставляют место для фото или видео. В то время как фотографии предлагают отличное представление о продукте, также было замечено, что видео увеличивают конверсию на 86%.
Чтобы узнать о других передовых методах работы с целевыми страницами, ознакомьтесь с этим руководством.
Примечание редактора: этот пост был первоначально опубликован в мае 2019 года и был обновлен для полноты.
110 примеров целевых страниц, которые нельзя пропустить
Когда дело доходит до разработки эффективной маркетинговой стратегии, многие из нас ориентируются на лидеров отрасли, мы можем сделать то же самое с примерами целевых страниц.
Мы исследуем верхнюю часть их воронки, чтобы выяснить, как они подписывают людей на свою информационную рассылку и превращают потенциальных клиентов в потенциальных клиентов. Мы смотрим на нижнюю часть, чтобы узнать, как они подписывают посетителей на пробную версию своих услуг и как они убеждают этих клиентов совершить покупку.
Сегодня, однако, куда бы вы ни посмотрели — будь то небольшое агентство или такой гигант, как PayPal, — вы обнаружите, что все эти задачи все чаще выполняются платформой целевой страницы.
Эти ориентированные на действия, автономные веб-страницы используются предприятиями любого размера для продвижения людей на всех этапах пути к покупке.
Ниже вы найдете 100 примеров некоторых из лучших и худших целевых страниц в Интернете после кликов с полной критикой. Просмотрите их, чтобы узнать, что делать, а чего не делать, чтобы создать собственную высокоэффективную целевую страницу после клика.
(Приведенные ниже примеры отображались так, как показано в определенный момент времени. Некоторые примеры с тех пор были изменены, но критика по-прежнему актуальна для снимков экрана. Имейте в виду, что для более коротких страниц мы показывали всю страницу.Для более длинных страниц мы отображаем только верхнюю часть сгиба.)
110 Примеры целевой страницы после клика
1. Casper
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок рассказывает посетителям, почему им стоит купить матрас Casper.
- Изображение создает очень домашнюю, семейную атмосферу, которая идеально подходит для бренда.
- Отзывы влиятельных брендов , таких как Time & Good Housekeeping, являются социальным подтверждением предложения.
- Bullet point copy упрощает чтение и перечисляет причины, по которым Casper является разумным выбором для посетителя.
- Отзывы клиентов от обычных людей убеждают пользователя, что другим людям, как и они, тоже нравится спать на матрасе Casper.
- Предложение без риска на 100 ночей повышает доверие к странице.
- Таблица цен помогает посетителю решить, следует ли ему нажимать кнопку CTA.
- 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-тест:
- «Отправить» столь же ленив и ничем не примечателен, как и CTA.
- Многочисленные исходящие ссылки , включая логотип LinkedIn и кнопки социальных сетей, предоставляют посетителям слишком много возможностей покинуть страницу без предварительной конвертации.
- Заголовок не дает явного преимущества. Он также использует жаргон, кто именно такие «искушенные маркетологи»?
16. Forrester Research
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Цвет кнопки CTA контрастирует с белым фоном, делая кнопку более заметной для посетителей.
- Изображение отчета имеет отношение к предложению и дает посетителям возможность заглянуть в суть отчета.Однако изображение могло быть больше.
Что проводить 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, цвет выделяется на белом фоне.
- Слово «сейчас» в CTA использует стремление посетителей к мгновенному удовлетворению.Если вы нажмете кнопку, вы сразу же прочтете отчет.
Что проводить A / B-тест:
- Заголовок здесь мог бы быть сильнее. Берст упускает возможность использовать похвалу авторитетной компании в качестве заголовка социального доказательства. «Узнайте, почему компания Gartner назвала Birst одной из лучших платформ бизнес-аналитики на рынке». Помните — вы можете охарактеризовать свой продукт как «лучший», если кто-то сказал это о вас, но не можете сказать это о себе.
- Мелкий шрифт здесь должен идти.Если вы на самом деле найдете время, чтобы прочитать это, вы поймете, что здесь нет ничего подозрительного. Но проблема в том, что не все будут. Они увидят мелкий шрифт и решат, что в этом есть загвоздка. Выделите его курсивом и увеличьте, чтобы посетители могли его прочитать. Берсту здесь нечего скрывать.
- Светло-серые метки в каждом поле формы могут расстроить посетителей, когда они исчезнут.
28. Domo
покажите мне, как работает 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-тест:
- Цвет кнопки призыв к действию уже широко используется на странице, поэтому ее легко пропустить.
- Нижний колонтитул навигации не имеет никакого смысла на целевой странице после клика.
40. Домо
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Копирование, разделенное на небольшие части. делает чтение этой страницы менее утомительным.
- Кнопка CTA, цвет появляется на фоне этой формы.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
- Эта кнопка с призывом к действию может быть больше, чтобы привлечь больше внимания.
- Многословие этой страницы можно сократить с помощью нескольких простых пунктов.
- Заголовок можно переместить на несколько позиций вверх. Он не выглядит по центру страницы.
41. Пользовательское тестирование
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Слово «бесплатно» подчеркивает бесплатное предложение.
- Яркая кнопка цвета привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок мог бы передать более сильную выгоду.
- Политика конфиденциальности или значки доверия могут сделать посетителей более удобными при конвертации.
42. ACT
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип не связан с главной страницей, что означает, что посетители не могут уйти, пока не совершат конверсию.
- Текст дает предварительный просмотр содержания электронной книги.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Два боевых призыва к действию снижают конверсию друг друга.
- Тонны текста делают эту страницу пугающей для чтения.
43. Университет Вилланова
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип Виллановы не содержит гиперссылок, что удерживает посетителей на странице и фокусирует внимание на цели целевой страницы после клика.
- Индикатор выполнения показывает, на каком шаге в данный момент находится посетитель и сколько всего шагов включено в процесс преобразования.
- Значки органов власти демонстрируют высокую оценку программы.
- Маркированная копия быстро расскажет о преимуществах регистрации.
Что проводить A / B-тест:
- Изображение на самом деле не передает преимущества онлайн-программы MBA Виллановы.
- CTA-кнопка не похожа на кнопку, а выглядит как простой индикатор выполнения.Где потенциальные клиенты должны щелкнуть, чтобы продолжить процесс регистрации?
44. WordStream
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Слово «бесплатно» появляется на двух разных целевых страницах после клика, что подчеркивает бесплатный характер предложения.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает наше желание найти немедленные решения наших проблем.
- Маркированная копия быстро сообщает о преимуществах преобразования.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу без конвертации.
- Два разных связанных логотипа в заголовке служат для исходящих выходов со страницы.
45. Microsoft Power BI
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок приносит посетителю выгоду.
- Копия усиливает значение, представленное в заголовке, утверждением: «Анализ данных — это профессиональный атрибут высокого спроса. Фактически, это один из 10 лучших навыков, которые сегодня ищут многие компании ».
- Маркированная копия объясняет преимущества загрузки электронного журнала.
- Полужирные буквы создают визуальную иерархию, привлекающую внимание к важным фразам.
- Ссылки на политику конфиденциальности и товарные знаки включены в качестве ресурса для любопытных потенциальных клиентов, но они также имеют тусклый цвет, чтобы не отвлекать внимание от более важных элементов страницы.
Что проводить A / B-тест:
- Два логотипа с гиперссылкой в верхнем и нижнем колонтитулах привлекают пользователей на домашнюю страницу, прежде чем они смогут совершить конверсию.
- Светло-серые метки в полях формы могут запутать и расстроить перспективы, как показывают исследования.
46. Marketo
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип, не связанный с главной страницей , не позволяет потенциальным клиентам уйти без конвертации.
- Заголовок «Как сделать» дает читателю очевидную пользу.
- Содержание относится к читателю.
- Беглый текст с маркированными точками упрощает просмотр этой страницы.
- Текст «Загрузите электронную книгу, чтобы узнать больше» с соответствующими стрелками направляет взгляд посетителей к форме.
- Инструкции к форме позволяют людям точно знать, как получить электронную книгу.
Что проводить A / B-тест:
- CTA «Загрузить» мог бы быть гораздо более убедительным.
- CTA-кнопка привлекла бы больше внимания, если бы была больше.
47. Google Cloud Platform
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный бесплатный ресурс.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Маркированная копия передает преимущества преобразования.
- Раздел часто задаваемых вопросов помогает ответить на любые вопросы посетителей о платформе.Однако включение внешних ссылок позволяет легко покинуть страницу, не позволяя посетителю сначала совершить конверсию по предложению.
Что проводить A / B-тест:
- Логотип в верхнем левом углу представляет собой гиперссылку на домашнюю страницу Google Cloud, которая отвлекает посетителей от нажатия на CTA и «бесплатного ознакомления».
- Переполненный нижний колонтитул позволяет посетителям покинуть страницу без преобразования.
48. Shopify
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы убедить потенциального клиента совершить конверсию.
- Слово «Сегодня» в CTA подчеркивает мгновенную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , служит выходом для потенциальных клиентов.
49. Перколат
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Цвет кнопки CTA хорошо контрастирует с белой страницей.
- Несколько кнопок с призывом к действию работают вместе, чтобы конвертировать потенциального клиента.
- Призыв к действию адаптирован к предложению. Здесь написано «См. Перколат», а не что-то вроде «просмотреть демонстрацию».
- Контент размером с кегль упрощает чтение этой страницы, чем если бы она была покрыта текстовым блоком.
- Скриншоты изнутри Percolate дают посетителям представление о том, как это работает.
Что проводить A / B-тест:
- Многочисленные ссылки в верхнем и нижнем колонтитулах служат для выхода со страницы, позволяя потенциальным клиентам уйти до того, как они конвертируются.
- Подзаголовок утверждает, что Percolate является платформой №1 для контент-маркетинга в мире, но где доказательства? Подобные фразы на самом деле делают противоположное тому, что задумано. Подумайте об этом — сколько раз вы видели надпись «Лучшая чашка кофе в мире» на внешней стороне кафе? И сколько раз вы этому верили?
- Эти отзывы предоставлены безымянными покупателями. Без имен, названий или фотографий они менее убедительны для читателей.Посетители должны решить, верят ли они, что они были написаны клиентами Percolate или самой командой Percolate.
50. SAP
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Нет навигации означает, что не видно выхода за пределы страницы.
- Ссылки на странице могут заставить вас думать, что они направляют потенциального клиента в другое место, но на самом деле они просто приводят вас в конец страницы к форме.
Что проводить A / B-тест:
- Изображение не имеет ничего общего с предложением и нисколько не усиливает его.
- Заголовок не ориентирован на получение выгоды. Зачем посетителю скачать его?
51. Whitman Syracuse University
Что у них хорошо получилось:
- Процесс регистрации разбит на этапы, что снижает трение, связанное с преобразованием.
- Маркированная копия сообщает о преимуществах участия в программе.
Что проводить A / B-тест:
- Цвет кнопки CTA позволяет легко пропустить эту кнопку.
- В заголовке отсутствует четкое уникальное торговое предложение.
52. Академия онлайн-торговли
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок обращается к читателю, играя на его желаниях: они хотят зарабатывать деньги, которые мог бы получить трейдер с Уолл-стрит, не будучи таковым или не становясь им благодаря длительному, продолжительному формальному образованию.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Несколько взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента.
- Эта кнопка 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 «Отправить» настолько же лишен воображения, насколько это возможно.
- Этот заголовок может передать больше пользы.
- Представление ораторов кажется неполным без хедшотов.
58. TapClicks
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Слово «бесплатно» в этом заголовке дает понять, что предложение предоставляется бесплатно.То же самое и с текстом «Кредитная карта не требуется» в подзаголовке.
- Копия «Начни через 30 секунд» сообщает посетителю, что начать пробную версию легко и быстро.
Что проводить A / B-тест:
- Логотип, связанный с главной страницей , позволяет посетителям легко покинуть эту страницу.
- Отсутствие содержания делает маловероятным, что посетители заполнят эту форму.
- Форма из 9 полей может запугать посетителей и заставить их быстро покинуть эту страницу.
- Светло-серые ярлыки формы могут расстроить посетителей, поскольку они исчезают, когда посетители нажимают внутри каждого отдельного поля.
- Цвет кнопки CTA сливается со страницей, делая саму кнопку почти невидимой.
- Призыв к действию «Отправить» не вызовет у посетителей энтузиазма по поводу конверсии.
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-тест:
- Основная кнопка с призывом к действию «Подписаться сейчас» не предназначена для посетителей, у которых нет учетной записи AdEspresso, но они не узнают об этом, пока не нажмут кнопку. Новые пользователи могут подписаться на предложение, только если они нажмут CTA «Войти» вверху страницы. Это сбивает с толку и немного вводит в заблуждение.
66.Кентико
покажите мне, как работает 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. MasterClass
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок использует авторитет известного сценариста Аарона Соркина для увеличения числа подписчиков.
- CTA-кнопка появляется с черной страницы.
- Липкая полоса позволяет красному призыву к действию «Take the Class» всегда быть доступным и готовым к нажатию.
- Видео быстро объясняет, почему этот курс того стоит.
Что проводить A / B-тест:
- Ссылки на другие страницы позволяют посетителям уйти без конвертации.
77. Tokyo Cheapo
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображения дают представление о том, на что на самом деле похоже использование продукта.
- Отзывы подкрепите предложение социальным доказательством.
- Логотипы известных брендов соотносят компанию с проверенными брендами.
Что проводить A / B-тест:
- Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.
78. Salesforce
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Слово «сейчас» в призыве к действию подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Этот цвет кнопки CTA уже использовался на странице несколько раз. Следовательно, это не так привлекает внимание, как могло бы быть.
79. Zurple
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- В заголовке используются такие слова, как «эксклюзивный» и «бесплатный», чтобы соблазнить читателей.
- Минимальная копия делает эту страницу удобной для чтения.
- Фотография показывает, как выглядит электронная книга.
- Маркированная копия предназначена для предварительного просмотра содержания книги.
- Логотипы компаний демонстрируют известные компании, использующие Zurple по всей стране.
Что можно улучшить:
- Логотип, связанный с домашней страницей , позволяет пользователям выйти перед преобразованием.
- Копию кнопки «Отправить» можно было бы заменить на что-нибудь более убедительное.
80. Adaptiva
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Скорость отклика этой страницы означает, что когда окно настраивается или страница просматривается на устройстве с меньшим экраном, она все равно будет отображаться безупречно.
- Ярлыки над каждым полем формы не запутают потенциальных клиентов, как исчезающие в каждом поле формы.
Что проводить A / B-тест:
- Ссылка «домой» и логотип уводят пользователей со страницы, прежде чем они успеют нажать кнопку CTA.
- Отсутствие содержания на этой странице означает, что посетители не знают о преимуществах загрузки отчета.
- «Отправить» как CTA не заставит многих потенциальных клиентов скачать.
81. Серена
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Слова, выделенные жирным шрифтом , создают визуальную иерархию, привлекая внимание к важным фразам.
- Ориентированная на выгоду копия описывает преимущества выбора Серены.
Что проводить A / B-тест:
- Заголовок слишком сфокусирован на «мне» и не очень хорошо подчеркивает пользу для читателя. Почему потенциальные клиенты должны использовать Серену? Чего добились с этим другие предприятия?
- Термин ITSM используется на странице много раз, но потенциальному клиенту не совсем понятно, что он означает.
- Гиперссылка на логотип служит для посетителей выходом, прежде чем они обратятся.
- Многочисленные исходящие ссылки в нижнем колонтитуле побуждают пользователей покинуть страницу.
- Значок PDF со стрелкой, направленной вниз, выглядит так, будто это может быть кнопка, и это может даже сбить с толку потенциальных клиентов, заставив их подумать, что именно это они должны щелкнуть, чтобы загрузить. Кроме того, даже если это не так, стрелка указывает на ссылки выхода в нижнем колонтитуле. Ваши визуальные подсказки должны направлять потенциальных клиентов к кнопке с призывом к действию, а не от нее.
- Призыв к действию не дает понять, что пользователю нужно щелкнуть, чтобы запросить отчет.Там написано «Щелкните здесь», но для чего?
- CTA-кнопка может больше походить на кнопку. Некоторое затенение по краям, чтобы придать ему трехмерный вид, или более закругленные углы могут сделать его более интерактивным.
82. Propel Marketing
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Слово «сейчас» основано на нашем стремлении к мгновенному удовлетворению.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» слишком общий.
- Слишком много ссылок на социальные сети , которые могут увести посетителей со страницы.
83. Outskirts Press
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок дает сильное преимущество.
- Логотипы крупных компаний добавляют привлекательности предложению, объединяя бренд с некоторыми известными компаниями.
- Этот CTA основан на нашем желании получить что-то даром, используя слово «бесплатно».
Что проводить A / B-тест:
- Множественные конкурирующие призывы к действию работают друг против друга, рекламируя несколько предложений.
84. GKIC
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок цитирует известного копирайтера, который заработал миллионы долларов на написании кампаний прямой почтовой рассылки для больших и малых компаний, и предлагает ресурс всего за 11 долларов.
- Эта кнопка с призывом к действию, цвет , появляется на фоне этой страницы.
- Этот CTA написан от первого лица.
- Слово «сейчас» в CTA использует наше стремление к мгновенным решениям наших проблем.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Вторичная ссылка с призывом к действию чуть ниже первой может сбить с толку посетителей. На что они нажимают, чтобы получить предложение? Почему два рядом друг с другом?
- Меню навигации дает потенциальным клиентам возможность покинуть страницу перед преобразованием.
85. GrowthLab
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе, используя статистические данные, чтобы сделать его еще более убедительным: «Это принесло 400,10 долларов.”
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- CTA написано от первого лица.
- Изображение служит визуальным представлением предложения.
- Краткая форма упрощает преобразование на этой странице.
- Логотипы крупных брендов повышают авторитет, объединяя эту компанию с надежным бизнесом.
Что проводить A / B-тест:
- Гиперссылка на логотип позволяет потенциальным клиентам покинуть эту страницу перед конвертацией.
86. ProBlogger
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок и подзаголовок вместе обещают преимущество тем, кто совершает конверсию: эксклюзивный доступ к 180 идеям сообщений в блогах, отправленных непосредственно на их почтовый ящик.
- CTA-кнопка «Да, пожалуйста» использует яркий цвет, чтобы привлечь внимание.
- Форма с двумя полями упрощает преобразование для потенциальных клиентов.
Что проводить A / B-тест:
- Желтый текст плохо читается на фоне страницы.
- Ярлыки в полях формы могут запутать и расстроить посетителей, как показывают исследования.
87. KlientBoost
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Все CTA написаны от первого лица.
- Эти призывы к действию основаны на нашем желании получить что-то даром, используя слово «бесплатно» прямо в нем.
- Изображение служит визуальным представлением предложения.
- Дополнительные изображения позволяют заглянуть в руководство.
- Отзывы служат социальным доказательством, повышая доверие к предложению.
Что проводить A / B-тест:
- Копия «+1 бонусный трюк, который нельзя пропустить» обведена прямоугольником, что делает его похожим на кнопку, хотя на самом деле это не так. Подобный дизайн может запутать потенциальных клиентов и заставить их думать, что страница загружена не полностью или кнопка не работает.
- Исходящие ссылки в биографии Джонатана Дейна могут отводить трафик со страницы.
88. Ангельская терапия и университет Hay House
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах предложения.
- CTA основывается на нашем желании получить что-то даром, добавляя слово «бесплатно».
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Этот цвет кнопки CTA мог бы привлечь больше внимания.
- Занятый нижний колонтитул , содержащий ссылки на другие веб-страницы, позволяет потенциальным клиентам покинуть страницу до конверсии.
- Копию можно было бы сократить, сейчас страница выглядит слишком перегруженной копией.
89. Skilljar
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» дает явное преимущество.
- Нумерованная копия быстро передает преимущества скачивания.
- Эта кнопка CTA, цвет , хорошо контрастирует с остальной частью страницы.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Кнопки социальных сетей показали, что они лучше работают на страницах с благодарностью после того, как преобразованные потенциальные клиенты прочитали ваш ресурс и решили, стоит ли им делиться.
90. Джейсон Свенк
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» дает явное преимущество, связанное с мощной статистикой.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Эта кнопка CTA, цвет , хорошо контрастирует с остальной частью страницы.
- CTA написано от первого лица.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
- Текст «Куда мне отправить ваше видео» кажется ненужным, копии кнопки CTA кажется достаточным.
91. 180fusion
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Значки от Google, Inc 500 и Yahoo объединяют 180fusion с некоторыми влиятельными брендами.
- Отзывы рассказывают о преимуществах работы с этим агентством.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
слово
- «Занятость» этой страницы привлекает внимание потенциальных клиентов со всех сторон. Куда же им смотреть со всеми красочными и привлекающими внимание элементами?
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
92. Linkfluencer
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок вопроса непосредственно привлекает читателя.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Эта кнопка CTA, цвет , хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы конвертировать посетителей.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , является потенциальной утечкой на этой целевой странице после клика.
- Видео с автоматическим воспроизведением заставляет посетителей смотреть, даже если они не хотят.
- Навигационные ссылки в нижнем колонтитуле могут увести трафик с этой целевой страницы после клика.
93. Кашурба Веб-дизайн
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок кейса предлагает пошаговое решение для приземления «Клиентов с высокими требованиями к веб-дизайну».
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Цвет кнопки CTA выделяется на белом фоне страницы.
- Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Большой кусок мелкого шрифта в нижнем колонтитуле может заставить потенциальных клиентов усомниться в обоснованности предложения.
94. Метод Флетчера
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Кнопку с призывом к действию здесь невозможно пропустить.
- Заголовок подчеркивает, что решение быстрое и простое.
- Изображение показывает потенциальным клиентам, что они получат, когда они конвертируются.
- Сообщение о конфиденциальности сообщает посетителям, что их информация на 100% защищена и не будет передана другим компаниям.
Что проводить A / B-тест:
- Заглавные буквы заставляет читателя почувствовать, что на него кричат. Он также кричит «продажный». Вы никогда не захотите производить впечатление продавца, даже когда продаете.
- Заголовок грамматически неверен. Что должно быть в цитатах? Если это и заголовок, и слова «Tech Overwhelm», тогда он должен выглядеть так: «Используйте этот новый шаблон, чтобы быстро настроить автоматическую воронку для генерации лидов с нулевым« Tech Overwhelm »». Но почему заголовок даже в цитаты все равно?
- Символы на кнопке CTA должны означать, что именно? Это стрелки?
95. Измеряется просто
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок «Как сделать» — это классический способ дать понять, что читатель что-то узнает из предложения.
- Цвет кнопки CTA появляется со страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- Длинная форма со множеством обязательных полей делает эту страницу пугающей для конверсии.
- Призыв к действию «скачать» может быть обновлен до чего-то гораздо более привлекательного.
96. Связанные продажи
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Два взаимодействующих CTA работают вместе, чтобы убедить потенциальных клиентов перейти на новую версию.
- Оба CTA написаны от первого лица.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Таймер предупреждения и обратного отсчета использует дефицит для повышения конверсии.
Что проводить A / B-тест:
- Добавление биографии докладчиков может убедить посетителей записаться на семинар.
- Ссылки на социальные сети в правом столбце страницы не нужны и уводят посетителей со страницы.
97. Даторама
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Логотип без гиперссылок в верхнем левом углу не дает потенциальным клиентам уйти через него на главную страницу.
- Краткая форма не удерживает посетителей от предоставления своей личной информации.
- Пуленепробиваемая копия быстро передает преимущества преобразования.
- Яркая жирная кнопка CTA привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок ориентирован на «меня», но он должен быть больше сосредоточен на посетителе и на том, как продукт решает их проблему.
- Вся копия на этой странице эгоцентрична: «Что мы делаем по-другому», почему маркетологи «должны учитывать нас.«Эта страница не о вас, а о вашем посетителе.
98. Sam Ovens
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок кейса предлагает явное преимущество — подробный анализ того, как один человек получает 30-50 клиентов-консультантов каждый месяц.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Кнопка большая , что привлекает к себе внимание потенциального клиента.
- CTA написано от первого лица: «Зарезервировать место MY » вместо «Зарезервировать ВАШЕ место ».”
- Слово «Сейчас» в CTA передает немедленное преимущество, которое приходит с нажатием кнопки.
Что проводить A / B-тест:
- Автовоспроизведение видео было показано, что количество конверсий снижается. Если посетители захотят посмотреть ваше видео, они нажмут кнопку воспроизведения.
99. Lurn
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе, предлагая «удобное для новичков» предложение.
- Эта кнопка с призывом к действию, цвет , появляется со страницы, привлекая внимание потенциальных клиентов.
- Этот CTA написан от первого лица.
- Стрелка служит наглядным пособием, чтобы направить взгляд потенциального клиента к кнопке с призывом к действию.
- Отзывы от известных людей усиливают убедительность этой целевой страницы после клика.
- Слово «бесплатно» подчеркивает бесплатный характер предложения.
Что проводить A / B-тест:
- Этот загруженный нижний колонтитул дает потенциальным клиентам слишком много способов покинуть страницу.
100. Класс интернет-маркетинга
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Маркированная копия быстро демонстрирует преимущества преобразования.
- Изображение показывает потенциальному клиенту, что он получит, нажав кнопку «Загрузить сейчас».
- Заголовок предлагает пошаговый метод генерации трафика.
Что проводить A / B-тест:
- Ссылку на страницу контактов в нижнем колонтитуле можно заменить номером телефона или адресом электронной почты, чтобы потенциальные клиенты оставались на этой странице.
- Несколько форматов шрифтов затрудняет чтение этой страницы. Заголовок выделен красным жирным шрифтом, фраза выделена синим, текст в маркированном тексте выделен жирным шрифтом и т. Д. Упрощение формата может устранить трение и удерживать посетителей на странице дольше, поощряя их к конверсии.
101. Больше клиентов Больше результатов
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок кейса предлагает очевидное преимущество: пошаговое руководство по привлечению клиентов.
- Копия рядом с зелеными галочками передает преимущества просмотра видео.
- CTA написано от первого лица.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Скриншоты показывают довольных покупателей.
Что проводить A / B-тест:
- Нижний колонтитул со ссылкой на домашнюю страницу позволяет потенциальным клиентам покинуть эту целевую страницу после клика.
102.Pepperdata
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA-кнопка может быть больше и включать персонализированную копию.
- Форма действительно длинная, учитывая, что предлагается всего одна бесплатная глава из книги. Обязательны ли для этой страницы поля «Заголовок», «Роль» и «Телефон»?
- Занятый нижний колонтитул со ссылками позволяет потенциальным клиентам покинуть эту страницу без преобразования.
103. Закон притяжения мира
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- CTA использует слово «бесплатно» и позволяет посетителям точно знать, где им нужно щелкнуть, чтобы получить предложение.
Что проводить A / B-тест:
- Заголовок сенсационен и совершенно неправдоподобен. «Как получить все, что угодно»? Да правильно.
- Фоновое изображение создает впечатление, что изображение парит в пространстве.Что общего у солнечной системы с электронной книгой?
- Кнопка «Мне нравится» в Facebook дает посетителям возможность покинуть страницу до конвертации и никогда не вернуться.
104. Тренерская тактика футбола
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок представляет собой ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок в цитатах — почему?
- В этом CTA используются убедительные слова, такие как «Бесплатно» и «Мгновенный доступ», но без глагола действия не совсем понятно, является ли большой желтый блок кнопкой, которую можно нажимать.Добавление такого слова, как «Получить» в начале этого слова, или фразы, например, «Настаивать», сделает ситуацию более очевидной для потенциального клиента.
105. Midas Media
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Неортодоксальный заголовок привлекает внимание читателя.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет , привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Поля формы можно переупорядочить, чтобы добавить к визуальной иерархии страницы и центрировать кнопку CTA.
106. Infusionsoft
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок предлагает ценный ресурс и использует слово «бесплатно».
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Этот CTA написан от первого лица.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- Ссылки социальных сетей позволяют посетителю покинуть страницу, что никогда не способствует конверсиям.
107. Мастера сайта членства
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Не кликабельный логотип позволяет посетителям сосредоточиться на конверсии.
- Телефонный номер в правом верхнем углу страницы дает людям возможность связаться с компанией, не покидая страницы.
- Предложение — это «окончательный список» со 114 нишевыми идеями. Список из 20 — это хорошо. Список из 50 лучше. 114 звучит даже более ценно для читателя.
- На вопрос «Ищете идею ниши для членского сайта?» напрямую обращается к читателю.
- Маркированная копия подчеркивает преимущества преобразования.
- Несколько кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
- Текст в форме позволяет людям узнать, куда ведет ссылка и сколько времени потребуется, чтобы она туда попала.
- CTA-кнопка под формой написана от первого лица.
- Форма с двумя полями делает преобразование легким для посетителей.
Что проводить A / B-тест:
- Ссылка в нижнем колонтитуле направляет потенциальных клиентов на главную страницу сайта.
- Телефонный номер не является интерактивным, поэтому связаться с компанией сложнее, чем это необходимо.
- Всплывающее окно выхода — это то же предложение, что и предложение целевой страницы после щелчка. Если кто-то покидал вашу страницу, потому что решил, что не хочет претендовать на ваше предложение, зачем вам предлагать им тот же контент, что и последняя попытка получить их адрес электронной почты?
108. Формула социального масштабирования
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок вопроса привлекает читателя.
- Экземпляр обещает раскрыть тайну.
- Эта кнопка CTA, цвет , хорошо контрастирует с остальной частью страницы.
- Призыв к действию написан от первого лица.
Что проводить A / B-тест:
- Размытое изображение выглядит ненужным. Вместо того, чтобы оставлять место для изображения, которое на самом деле ничего не показывает посетителям, было бы намного лучше, если бы они добавили больше текста и больше писали о своей структуре таргетинга.
109. StubGroup
покажите мне, как работает Instapage ➔Что у них хорошо получилось:
- Заголовок передает сильное преимущество и использует слово «бесплатно».
- Маркированная копия подчеркивает быстрые и легкие преимущества подачи заявки.
- Кнопка CTA цвета появляется на фоне формы.
- Это поясняющее видео быстро описывает услугу простым языком.
- CTA извлекает выгоду из нашего врожденного желания получить что-то даром, используя слово «бесплатно.”
- Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
Что проводить A / B-тест:
- В первой строке копии говорится о «недавнем новостном сообщении», но не упоминается дата, поэтому посетители не знают, насколько недавно это было. Конечно, внизу формы есть ссылка, но было бы лучше, если бы они прояснили ситуацию и добавили дату.
110. Сброс воина
- Кнопку с призывом к действию легко обнаружить.
- Форма с тремя полями упрощает преобразование.
- Заголовок подчеркивает бесплатное предложение.
Что проводить A / B-тест:
- Заголовок, состоящий только из заглавных букв, и призыв к действию читаются так, как будто они кричат на потенциального клиента.
- Эта страница проста. Слишком просто. Что в книге? Зачем нам его скачивать?
- Это видео не слишком длинное, но и не слишком интересное. Две минуты письма? Это полностью противоречит цели создания видео.
- Ссылка на страницу автора в Facebook отталкивает потенциальных клиентов, прежде чем они успеют совершить конверсию.
Насколько оцениваются ваши целевые страницы после клика?
Совершали ли вы какие-либо ошибки, допущенные указанными выше брендами? Как в сравнении выглядят ваши целевые страницы после клика?
Сообщите нам об этом в комментариях, а затем используйте полученные знания для создания оптимизированной целевой страницы с высокой конверсией после клика с помощью удобной для дизайнеров платформы Instapage.
12 лучших примеров посадочных страниц
Позвольте задать вам вопрос…
Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам?
С точки зрения бизнеса, вам не следует идти ни на что.
Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией.
Потому что, если люди покупают, то это нравится им обоим, и вы можете безопасно и предсказуемо масштабировать свой бизнес.
Многие люди попадают в ловушку, создавая дизайн, который им нравится, в то время как их идеальный аватар клиента сильно отличается от того, что они могли себе представить.
И это легко заметить, когда вы нажимаете на рекламу, которую видите в социальных сетях.
Вам может понравиться само объявление, но в большинстве случаев целевая страница на другой стороне — это не то, что вы хотите видеть.
Связь между вашим трафиком и целевой страницей называется точным сообщением для соответствия рынку .
Вы хотите, чтобы ваше сообщение идеально соответствовало вашему рынку, чтобы вы могли начать с выигрышной воронки, которая только оттуда пойдет вверх.
Потому что, если вы там напортачите, вы будете оптимизировать и настраивать небольшие компоненты, которые едва ли приведут к безубыточности.
Но если вы закрепите свое сообщение, вы будете получать клиентов направо и налево, даже не зная, почему и как они пришли к вам.
Это ваше самое мощное оружие, и большинство предприятий делают его совершенно неправильно.
Итак, чтобы помочь вам и гарантировать ваш немедленный успех, мы рассмотрим 12 лучших примеров целевых страниц, которые вы должны использовать для расширения своего бизнеса.
Мы рассмотрим сильные и слабые стороны каждого из них, и убедимся, что вы найдете тот, который подходит именно вашему бизнесу.
После этого поста вы сможете создавать целевые страницы с высокой конверсией, как по волшебству.
Но прежде чем мы это сделаем, мы должны пройти через…
Что делает отличную посадку СтраницаЭтот вопрос зависит исключительно от ваших потребностей.
Итак, позвольте мне задать вам пару вопросов, которые помогут вам очистить свой разум и думать в правильном направлении.
# 1 Чего вы хотите достичь с помощью целевой страницы?Наиболее распространенные варианты:
- Привлечение людей к участию в обмене на бесплатную ценность предмета
- Прямая продажа недорогого продукта, такого как книга или мини-курс
- Предложение бесплатной пробной версии для ежемесячного обслуживания или программного обеспечения
- Предложение бесплатно + доставка где вы рассчитываете на дополнительные продажи для получения прибыли
Вы должны точно знать, какое предложение вы хотите разместить на своей целевой странице, прежде чем создавать ее.
И, конечно же, вы можете сделать и другие предложения, но идея здесь состоит в том, чтобы уточнить, какое из них вы хотите использовать для своего бизнеса.
Если вы не уверены, ниже по тексту будет несколько примеров.
Теперь следующий вопрос, вы должны задать себе …
# 2 Вы привержены этому проекту или просто пробуете предложение?Создание целевой страницы с высокой конверсией — это не малая суета.
Возможно, вам придется несколько месяцев оптимизировать неприбыльную целевую страницу, прежде чем она начнет приносить реальную прибыль.
И если вы не готовы к этому, я рекомендую вам бросить курить еще до того, как вы начнете.
Да, вы можете получить удачный выстрел и попасть в хоумран с первой попытки, но рассчитывать на это — бред.
Будьте готовы к длительной игре, чтобы получить долгосрочные выгоды, которые намного слаще сиюминутного удовлетворения.
И последний вопрос…
# 3 Каков ваш бюджет?Прежде чем вы начнете создавать свою целевую страницу с высокой конверсией, вам необходимо подготовить солидный бюджет.
Вы не можете ожидать, что все пройдет гладко на протяжении всего процесса.
Проблемы будут возникать, и в большинстве случаев самый простой и быстрый способ их решения — заплатить тому, кто является экспертом в этой области.
Это может быть разработчик, конструктор / построитель воронки, специалист по рекламе или консультант по CRO.
В любом случае, вы должны быть готовы заплатить кому-то, чтобы тот делал все правильно, чтобы не сталкиваться с одними и теми же проблемами снова и снова.
В маркетинге и в жизни существует эмпирическое правило, согласно которому вы должны закончить свою работу, а затем позволить кому-то другому судить.
Очевидно, что для целевых страниц можно запустить рекламу и посмотреть, конвертируется ли трафик.
Если это так, вы увеличиваете рекламный бюджет и пытаетесь его увеличить.
Если изначально он не конвертируется, позвольте профессионалу взглянуть на него.
И даже если вы уже наняли кого-то, кто построит его для вас, не ждите, что он вам здесь поможет.
Да, он может оптимизировать вашу страницу, но вы должны помнить, что люди эмоционально привязаны к своей работе.
Вот почему вам нужна помощь третьего лица.
И особенно когда дело доходит до оптимизации целевой страницы для конверсий, вы должны подумать о найме агентства.
В настоящее время у крупных маркетинговых агентств есть сотни, если не тысячи клиентов, которые были именно в вашей ситуации.
Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию.
А если говорить о CRO (оптимизации коэффициента конверсии), то нет лучшего выбора, чем NP Digital.
Это просто лучшее маркетинговое агентство как для SEO, так и для CRO.
Если вы находитесь на той стадии, когда хотите оптимизировать существующую целевую страницу, но не знаете, как это сделать…
Тогда вам следует позвонить профессионалу, чтобы узнать секретные методы оптимизации конверсии, необходимые вашему бизнесу.
А теперь главное событие…
12 лучших примеров посадочных страницЭто 12 лучших примеров посадочных страниц, которые мы смогли найти.
Мы будем оценивать их по конверсиям, предложениям, дизайну и впечатлениям клиентов.
# 1 Получить ответGet Response — это простой, но интерактивный пример целевой страницы.
Как видите, команда Get Response выделена жирным шрифтом, поскольку это единственное программное обеспечение в отрасли, в котором используется интерактивный заголовок.
Желтый знак, который вы видите на изображении ниже, меняется между словами «рост», «лиды» и «продажи».
Таким образом, заголовок привлекает внимание и заставляет читать дальше.
Кроме того, они используют дружелюбное, позитивное лицо, которое мы не очень часто видим в бизнесе, не связанном с личным брендом.
Это, конечно, неплохо. Это автоматически укрепляет доверие и упрощает подписку на программное обеспечение.
# 2 SlackSlack всегда на высоте, когда дело касается целевых страниц.
Они постоянно оптимизируют конверсии, и это лучший способ найти вашу успешную целевую страницу.
Их текущая версия снова является чрезвычайно интерактивной, имеет большой сногсшибательный заголовок, а также показывает, насколько легко использовать программное обеспечение с быстрой 5-секундной подсказкой.
С самого начала вы можете увидеть, что они ценят удовлетворенность клиентов, и если вы все еще не уверены, прокрутка вниз приведет к безостановочному доверию и результатам, доказывающим их авторитет на рынке.
# 3 Домофон Основная цельIntercom на этой целевой странице — заставить вас подписаться на рассылку по электронной почте.
Оставить его только для электронной почты — отличный способ увеличить количество подписок.
Большой позитивный заголовок, который поможет вам действовать прямо сейчас.
Изображения, которые они используют, идеально представляют главное УТП заголовка.
Вы можете видеть в целом дружественную среду, и вам просто нужно зарегистрироваться, если вы попали на эту страницу.
# 4 LyftLyft в последние годы поднимается вверх в чартах, и их веб-сайт, целевая страница и общая онлайн-воронка не отстают.
Они сосредоточены на привлечении новых водителей, которые хотят контролировать свою жизнь.
И обещание вашим сотрудникам свободы во время работы на вас — лучший способ выделить лучших кандидатов среди ваших конкурентов.
Мы знаем, что Lyft использовала несколько целевых страниц в прошлом, но их текущая страница демонстрирует настоящий профессионализм.
И снова мы видим гигантский, привлекающий внимание заголовок. На этот раз с вопросом, чтобы предвосхитить любопытство и мыслительный процесс в их перспективах.
И проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ». Это означает, что нет 100% уверенности в том, что вы сможете получить позицию.
Если ваши клиенты должны соревноваться, чтобы завладеть вашим вниманием, они заставляют их усерднее стараться в самой работе.
# 5 Zoho Целевая страницаZoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями.
Они используют больше текста, чем среднее программное обеспечение в отрасли, но это не обязательно плохо.
В их конкретном случае им необходимо убедить потенциального клиента начать бесплатную пробную версию, которая автоматически создает напряжение в потенциальном клиенте, потому что он знает, что придет время, когда ему придется заплатить.
И заставить кого-то платить намного сложнее, чем просто получить его электронную почту.
Вот почему использование большего количества текста в их сообщениях делает их мощным копирайтерским ударом, который максимально увеличивает количество регистраций бесплатных пробных версий.
# 6 SquarespaceSquarespace возглавляет список с наименьшим количеством текста в дизайне целевой страницы.
Сначала вы можете подумать, что этого недостаточно, чтобы кого-то обратить.
Но как только вы увидите, что это конструктор веб-сайтов, вы поймете, что дизайн и быстрый и эффективный обмен сообщениями — все, что вам нужно для регистрации.
Они знают, что их потенциальные клиенты в основном борются со сложными кодами и хотят показать безопасное пространство, где они могут расслабиться и перетащить свой выигрышный дизайн веб-сайта.
# 7 ActiveCampaignActiveCampaign фокусируется исключительно на том, чтобы показать вам, как их программное обеспечение обеспечивает наилучшее качество обслуживания клиентов.
И если вы владелец бизнеса, вы оба хотите, чтобы к вам относились хорошо, и помогать своим клиентам в трудные времена.
Их заголовок поражает двух зайцев одним выстрелом, и снова нет бесполезного текста или дизайна.
Все приводит к большой зеленой кнопке, и вы запускаете бесплатную пробную версию.
# 8 HubspotHubspot — еще одна CRM, которая сегодня возглавляет список.
Они, как и ActiveCampaign, показывают вам, что использование их программного обеспечения поможет вам и вашим клиентам чувствовать себя лучше на протяжении всего процесса.
Знание того, что их идеальный клиент возражает главным образом о том, что изучение полностью новой CRM с нуля может быть трудным, утомительным и, возможно, даже невозможным, помогает им сузить свое сообщение до сути.
# 9 Shopify ПлюсShopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают.
Поскольку они стремительно росли на протяжении многих лет, они смогли протестировать несколько дизайнов целевых страниц, чтобы найти тот, который принесет пользу.
И целевая страница Shopify Plus показывает это.
Их основная цель — заказать консультацию со своими потенциальными клиентами, которая займет больше, чем пара слов.
У них есть бюджет, чтобы снимать профессиональные видеоролики для всех своих продуктов и услуг, которые помогают передавать ценную информацию потенциальным клиентам самым быстрым способом — видео.
Внизу вы видите мощный авторитет, и если вы потратите время на просмотр видео, вы, скорее всего, закажете им звонок.
Видео — смертельное оружие в руках правильного бизнеса, и Shopify доказывает это здесь и практически всем, что они делают.
# 10 WebflowWebflow показывает всю информацию о программном обеспечении сразу же, как только вы попадаете на их целевую страницу.
Вы можете мгновенно увидеть доверие со стороны крупных веб-сайтов, которые воспользовались их услугами, а также можете начать бесплатно.
Это снимает любое напряжение, которое может быть у потенциального клиента.
Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop.
Итак, если вы когда-либо использовали продукты Adobe, вы сразу знаете, что эта работа будет для вас легкой задачей.
# 11 ClickFunnelsClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию.
И даже если у вас есть какой-либо скептицизм, вы можете поиграть со страницами и кнопками воронки, чтобы увидеть, насколько быстро реагируют современные воронки.
Вы можете видеть, что они используют больше текста, чем средний веб-сайт / конструктор воронок.
Но они снова пытаются убедить людей начать 14-дневную бесплатную пробную версию, что является непростой задачей.
Они также используют мощные видеоролики, которые продают напрямую своим идеальным клиентам.
И самое лучшее — это аналитика, которую они добавили на свою целевую страницу.
Это смелый и мощный ход, если все сделано правильно.
Эта аналитика создается благодаря тому, что она постоянно обновляется, и это не просто более 100 000 пользователей, как вы могли бы видеть на других платформах.
ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат.
Это один из самых сложных дизайнов целевой страницы, но если вы это сделаете, ваши конверсии резко возрастут.
# 12 Лаборатория конверсииConversion Lab уже много лет использует этот дизайн целевой страницы.
Мы заметили, что они тестируют разные кнопки с призывом к действию, такие как «заказать звонок», получить бесплатную консультацию и многое другое.
Сохранение своего основателя на главной странице веб-сайта способствует установлению долгосрочных отношений, которые сегодня упускают многие компании.
Они четко заявляют о своих услугах в убедительных заголовках, и даже если вы не готовы записаться на консультацию с ними, появится всплывающее окно, в котором будет собрана ваша электронная почта.
Электронная почта — отличный способ гарантировать, что высокий процент потенциальных клиентов, которые попадают на ваш веб-сайт, в конечном итоге закажут вам звонок.
Это все для нашего сегодняшнего списка.
В заключение, что вам нужно знать при создании целевой страницы…
- Найдите то, с чем ваши лучшие клиенты борются больше всего, а затем сразу же опровергните это возражение с помощью короткого и резкого заголовка.
- По возможности используйте достоверность и видео.
- Знайте свои цели — получить их электронную почту, телефон, позвонить, начать бесплатную / платную пробную версию или что-то еще?
- Ясный и простой призыв к действию
И всегда, всегда оптимизируйте процесс.
Невозможно быть идеальным с первого дня. Каждый бизнес в этом списке тестирует свои страницы десятки, если не сотни раз, прежде чем определить победителя.
И даже тогда они все равно оптимизируются.
Вы пытались создать целевую страницу раньше? Как все прошло — хорошо ли оно конвертировалось и какие были ваши самые большие открытия в этом процессе?
Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт
- SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
- Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
- Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.
Заказать звонок
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: маркетинг)
- Создатель класса (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 вверху, давая посетителям уверенность и любопытство при переходе по ссылкам. Их удостоенная наград электрическая зубная щетка не только заслужила впечатляющие отзывы, но также доступна по цене и имеет гарантию возврата денег.Теперь это стоит улыбки!
Отрасль : Стоматология
Почему это вдохновляет…
- Анатомия зубной щетки: Ознакомьтесь с разделом на странице, в котором разбирается каждый элемент зубной щетки. Вместо того, чтобы просто рассказывать об этих особенностях в тексте, посетители могут собственноручно увидеть «мягкую щетину премиум-класса» и «качающуюся головку щетки».
- Сообщение о социальном воздействии: Покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и приносят пользу сообществу.Вот почему мы копаем в нижней части страницы раздел, в котором рассказывается, как Гоби жертвует процент от каждой продажи программе 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 понимает, что это может быть проблемой для офис-менеджеров, поэтому их целевая страница сразу убеждает вас, что вы попали в нужное место. Их услуги позволяют быстро и легко разработать, доставить и установить вашу офисную мебель.
Промышленность : Офисная мебель
Почему это вдохновляет…
- Яркий заголовок: «Офисная мебель — просто». Всего в четырех словах вы понимаете, на кого нацелена эта целевая страница и каково их уникальное торговое предложение (УТП).Вы же не хотите строить 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 из Австралии использует эту целевую страницу 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. Их служба подписки предлагает еду человеческого качества для ваших кошачьих друзей. Ни подделки, ни наполнителя. Существуют влажные и сухие разновидности, которые дадут вашей кошке более свежее дыхание всего за один месяц — а это значит, что вы, наконец, можете увидеть, как пахнет ваша кошка изо рта, когда оно не пахнет кормом для кошек. Industry : Корм для домашних животных / Коробки для подписки Почему это вдохновляет… Когда вы владеете недвижимостью, которая устарела или повреждена, иногда вы просто хотите продать ее как можно быстрее (конечно, за как можно большие деньги). Вот где эта целевая страница от Sundae облегчает вам задачу — их услуги помогут вам быстро продать свой дом по самой выгодной цене. Промышленность : Недвижимость Почему это вдохновляет… Созданная Everett Andrew Marketing, эта блестящая целевая страница объединяет безопасность и веселье благодаря тщательно подобранным визуальным эффектам и ясным, кратким сообщениям.По словам Марка Чепмена, основателя и президента Everett Andrew, этот дизайн был полностью выделен: Наша цель при создании страницы заключалась в том, чтобы пробиться сквозь беспорядок и переполненный рынок предприятий здесь, в южной Калифорнии, предлагающих уроки серфинга — как Google и Facebook. Перенести каждый важный компонент конверсии (например, социальное доказательство, срочность, выстрел героя, CTA и т. Д.) На страницу, в основном в верхней части страницы, было непросто, но в конце концов мы нашли способ сегментировать их, чтобы каждая часть привлекала внимание. Отрасль: Уроки серфинга Почему это вдохновляет… Эта целевая страница от Woolx использует фото и видео фоны с высоким разрешением, чтобы посетители могли поближе познакомиться с их свитером Rory Sweater. Изделие изготовлено из 100% шерсти австралийского мериноса (это разновидность овцы, к вашему сведению), что делает его стильным, дышащим и ультра-удобным предметом одежды. Теперь, кажется, я наконец понимаю, что такое «апре-ски шик». Промышленность : Одежда / Одежда Почему это вдохновляет… Я не очень хорошо справляюсь с большинством упражнений. У меня действительно нет танцевальных навыков. И у меня, конечно же, нет хорошего ритма. Но по какой-то причине… Думаю, я, может быть, хочу сейчас стать инструктором Zumba? Вот насколько хороша эта целевая страница для обучения зумбе (созданная агентством MuteSix).Они заставляют казаться полностью доступным (и очень весело), чтобы выучить шаги и начать преподавать. Промышленность : Фитнес Почему это вдохновляет… Вот и все.Это одни из лучших примеров целевых страниц, с которыми мы сталкивались здесь, в Unbounce, выбранные для представления широкого спектра отраслей с множеством различных целей конверсии. Они не следуют всем лучшим практикам, но мы надеемся, что вы нашли в каждом из них какие-то качества, которые вдохновят вас. Но у нас есть последний совет: ни одна страница не бывает идеальной — или, что более важно, каждая страница может быть лучше . И то, что работает для одной страницы (с одним целевым рынком), не обязательно сработает для вас.Имея это в виду, вы должны всегда тестировать свои целевые страницы. Если у вас есть страница, над которой вы уже собираетесь поработать, попробуйте запустить ее с помощью нашего анализатора целевых страниц, чтобы узнать, какие действия вы можете предпринять. Когда я учился в средней школе, у меня был друг, который бросил играть в баскетбол после просмотра Майкла Джордана в финале НБА. «Я никогда не смогу приблизиться к его уровню, — сказал он мне, — так какой в этом смысл?» Хорошие примеры целевой страницы, подобные приведенным выше, должны вас вдохновить.Но иногда видение того, что другие люди великолепны, может иметь противоположный эффект . Но не сдавайтесь! Хорошая новость заключается в том, что большинство этих примеров были созданы с помощью конструктора перетаскивания Unbounce. Хотя многие используют пользовательские сценарии, чтобы поднять его на ступеньку выше, почти все эти примеры начинались с того же места, что и вы — с бренда, пустой страницы и большой идеи. Черт возьми, некоторые из этих вдохновляющих целевых страниц даже начинались как шаблоны целевых страниц Unbounce, хотя вы никогда не узнаете об этом, взглянув на них.И мы не говорим. Так что выделите несколько идей из этих примеров, загрузите свой любимый шаблон и, да… станьте Майклом Джорданом целевых страниц. Если у вас есть целевая страница, которой вы хотите похвастаться — ваша или даже чья-то еще, — поделитесь ею ниже. Вы ищете примеры целевых страниц? Целевая страница, вероятно, одна из самых важных страниц вашего веб-сайта. Небольшое изменение коэффициента конверсии может означать огромную разницу между борьбой с заработной платой или потягиванием мохито на пляже. И все же… создать целевую страницу с высокой конверсией — непросто. Есть и так много элементов, которые нужно правильно понять: копия, дизайн, изображения, структура и так далее. Это невероятно сложно. Хорошая новость в том, что вам не нужно разрабатывать целевые страницы с нуля. Вы действительно можете смоделировать примеры целевой страницы других людей. Узнайте, что они сделали правильно, проанализируйте, что они могут улучшить, и примените это к своим собственным целевым страницам. Я выделил 30 различных целевых страниц, которые можно «украсть» и от которых можно почерпнуть вдохновение. Наслаждайтесь. «Основной текст заголовка короткий и убедительный, с подзаголовком, который делает тяжелую работу (рискуя казаться кликабельной).Цвет и шрифт CTA кажутся правильными, и их не так много, чтобы отвлечь посетителя. Социальное доказательство с логотипами — это хорошо, но его можно расширить, добавив отзывы реальных пользователей. Основной текст объясняет преимущества, но может быть разбит на разделы для лучшего понимания. Наконец, разница между хорошим первым впечатлением и отличным сводится к более тонким аспектам. Используйте логотипы с лучшим разрешением! » «Мне нравится использование« каскада да »в первом разделе под отрядом героя.Третий вопрос мог бы быть более эффективным. Вместо того, чтобы провоцировать чувство неуверенности с помощью «Мечты о создании собственного дела, но не знаете, как этого добиться», спросите : «Готовы взять на себя ответственность за свою карьеру, открыв собственное дело?» «Вопрос о принятии на себя ответственности имеет смысл как мотиватор для тех, кто борется за свое карьерное направление. «Дополнительный комментарий — есть четкое повествование о том, что« мы »можем помочь« вам »начать свой бизнес. Мне нравится, что на всей странице много внимания уделяется «вам».Мы могли бы улучшить это еще больше, используя «мы» для обозначения и пользователя, и ConvertKit примерно на середине страницы. Это тонкое заверение в том, что мы здесь для вас, и пользователь почувствует уверенность независимо от того, осознает он это или нет ». «Удвойте свои потенциальные возможности в течение следующих 90 дней с помощью этого полного руководства для начинающих по капельнице (стоимость 197 долларов, БЕСПЛАТНО)» должен появиться над «Начало работы с капельницей», и с более жирным шрифтом. Он передает более полезную информацию о том, что делает Drip, и поэтому должен в первую очередь привлекать внимание, чтобы удерживать внимание при приземлении пользователя. «Я бы также перефразировал его на« БЕСПЛАТНОЕ полное руководство по капельнице для новичков (стоимостью 197 долларов) », исходя из того, что в первую очередь заинтересует читателей. «Отказ от традиционного позиционирования также повысит эстетическую новизну и привлечет внимание. Например, размещение логотипа Drip в разделе «Начало работы» — меньше слов, больше изображений, больше новых мест размещения. Раздел «Что вы найдете в своем курсе» хорошо написан, краток, но информативен. Формат контрольного списка и выделенные ключевые слова очень хорошо подходят для передачи легко усваиваемой информации. «Для этого раздела (рисунок выше) отлично подходят панели со значками и функциями.Однако приведенная выше точка повторяет информацию. Было бы лучше, если бы тексты в виде точек размещались под баннерами значков, просто чтобы разбить текстовые визуальные эффекты выше. «В разделе « Зачем мы создали этот курс из 11 частей » текст намерения является фантастическим, но если бы это был кусок текста, он ухудшал читаемость. «Я бы посоветовал разбить текст на визуальные эффекты — помещать цитаты в иллюстрации рамок для цитат, может быть, даже иметь векторные иконки с человеческими головами, дающими эти отзывы. «В целом, текст хорошо написан, лаконичен. Единственная повторяющаяся проблема — слишком много текста и слишком мало визуальных элементов, чтобы побудить меня читать дальше. Надеюсь, приведенные выше предложения будут вам полезны ». «Этот тип страниц прославил Рассел Брансон из ClickFunnels.Это страница, которая служит одной цели — заставить посетителей нажать на большой CTA в центре экрана и переместить их на следующий шаг в последовательности. «Преобразование посетителей в Aura с помощью объясняющего видео, усиленного социальным доказательством — выигрышная комбинация. «Все, что я сделал бы, чтобы улучшить эту страницу, — это добавить к видео субтитры, чтобы сделать его пригодным для использования на мобильных устройствах без звука, и настроить шрифт, используемый для отзыва, чтобы он выделялся на белом фоне.” «Все, что я здесь предлагаю, нужно протестировать. Трудно сказать, не оценив существующие данные, но у меня есть несколько гипотез: «Как правило, целевая страница не должна предоставлять доступ к остальной части веб-сайта.Это самостоятельный пункт назначения. Пользователь получает то, что ему нужно — что бы это ни было — например, демонстрацию продукта или подписку на веб-семинар, электронную книгу или, в данном случае, чтобы узнать, «как это работает», в обмен на данные посетителя (например, адрес электронной почты и т. Д.) .) «Опасность в том, что навигационные ссылки предоставляют посетителю возможность покинуть целевую страницу без их конвертации. Исследования ConversionXL показывают, что удаление навигационных ссылок из середины целевых страниц воронки приводит к увеличению конверсии на 16% и 28%, в то время как на верхних частях целевых страниц конверсии наблюдается незначительное увеличение коэффициента конверсии на 0–4%. «Удаление навигационных ссылок может улучшить соотношение внимания, например количество действий, которые посетитель может делать на сайте, по сравнению с количеством действий, которые посетитель должен делать на странице. «С учетом сказанного, однако, можно включать навигационные ссылки, если основная цель состоит в том, чтобы заинтересовать посетителя, направить его в путешествие, чтобы открыть для себя ваш продукт и оптимизировать их опыт. «Вот еще несколько мыслей, которые пришли в голову: – 1. Используйте липкую панель навигации: «Липкая» панель навигации может помочь людям изучить «Эдгар» удобным и контролируемым образом.Людям нравится изучать веб-сайты, не чувствуя, что они теряют контроль. Даже если они никогда не используют панель навигации, она все равно может положительно повлиять на общее впечатление. Отсутствие контроля может потенциально вызвать чувство стресса, которое может заставить людей покинуть сайт и, следовательно, увеличить показатель отказов. (Подумайте об аналогии с GPS в вашей машине) “ 2. Добавьте основной призыв к действию на панель навигации: В зависимости от основной цели, которую должен выполнить посетитель, Эдгар также может добавить основной призыв к действию на панель навигации, и в идеале он должен находиться в отчетливый цвет. “ 3. Мне нравится, как на веб-сайте отображаются точные показатели того, как Эдгар привлекает больше просмотров. Я предполагаю, что они могли бы еще больше усилить это, показывая эти элементы интерфейса своего продукта, чтобы в дальнейшем передать эту информацию посетителю. « 4. Мне нравится раздел FAQ. Хорошо всегда помнить о своей персоне и о том, какие вопросы у нее могут возникнуть по поводу продукта. Раздел часто задаваемых вопросов может быть отличным местом для их облегчения, например — Что такое Эдгар? — Что с этим делать? — Что-нибудь новенькое? Как это работает? — Это проблема для компаний / людей вроде меня? — Мне это нужно? — Что еще мне нужно? — Какие услуги вы предлагаете для решения моей проблемы? — Вы можете показать мне решение в действии? — Как тебе лучше? — Для кого? — Кто этим пользуется? — Можно попробовать? — Мои данные в безопасности? — Что эксперты говорят о вашем бренде? — Вы можете показать мне доказательства? — Как это сравнить? — Могу ли я получить предложения? — Какое влияние на мою репутацию оказывает использование вас «Это типичные вопросы, которые могут иметь в виду посетитель или покупатель B2B, и на которые Эдгар может попытаться ответить. «Хотя в значительной степени ориентирован на открытие (что может быть очень эффективным как призыв к действию), мне не нравится« Посмотрите, как это работает ». Я действительно собираюсь дать свой адрес электронной почты в обмен, чтобы узнать больше, как Эдгар работает? А как насчет «Бесплатной пробной версии» или предложения контента «Секретной формулы ведения блога». Всегда помните, что это обмен ценностями! «Я протестировал форму и был перенаправлен на другую страницу, где теперь могу посмотреть 12-минутное видео с плохим качеством звука, которое знакомит меня с продуктом.Я вижу дополнительные отзывы. Не лучший опыт или ВАУ-фактор. «Кроме того, на этой странице есть два разных призыва к действию, которые сбивают с толку и вызывают трения (« Начать работу и получить нашу бесплатную электронную книгу »). Я бы посоветовал вместо этого изменить призыв к действию в навигации на «Начать» ». Рекомендации по использованию целевой страницы «На веб-сайте« Дурак »целевая страница должна быть четкой и не отвлекаться. «Однако, что касается копии, я бы изменил текст CTA. В нем написано «Продолжить», что намекает читателю на то, что шагов больше, чем это. «Многих пользователей это отпугнет. Поэтому я бы проверил слово «Продолжить» с помощью А / Б другой фразы, например «Дайте мне инструменты» или «Я хочу войти» ». «Начну с меда.На странице используется прочная структура убеждения, что более важно, чем думает большинство людей. Они также хорошо справляются с задачей дать простое и понятное объяснение того, что они получают. Наконец, сама страница выглядит заслуживающей доверия и удобной для чтения. Как читатель я понимаю, что происходит. «Теперь об уксусе. Начнем с заголовка. Если создание заголовков было пустой тратой времени, зачем мне вообще этот продукт? И зачем вообще писать заголовки? Действительно ли их клиенты говорят себе (в своих головах): «Это пустая трата времени?» Скорее всего, нет.Они говорят что-то вроде «Я не хочу этого делать», «Я не умею это делать» или «Я ненавижу писать». Большая разница. Они пытались обозначить проблему, но в этом случае произошел большой разрыв связи, и он отрицательный без какой-либо реальной причины. Вместо этого, если они хотят обозначить проблему, им нужно выбрать ту, с которой связан рынок. «Еще одна серьезная проблема заключается в том, что существуют сотни бесплатных сообщений в блогах с тысячами бесплатных заголовков, которые все утверждают, что конвертируются и публикуются надежными источниками в сообществе копирайтинга / CRO.В этом предложении нет ничего особенного, чего я еще не мог получить бесплатно с помощью быстрого поиска в Google. Другими словами, это предложение требует УТП. Без этого у меня практически нет причин, по которым я хотел бы получить это по сравнению со всеми бесплатными материалами, которые я мог бы получить от сайтов / авторов, которым я доверяю. «Далее, о них слишком много копий по сравнению с копиями для покупателя, и эта история ничего не делает для повышения уверенности в качестве продукта. На самом деле, похоже, что они сделали то же самое, что и все остальные, чтобы создать бесплатную запись в блоге, но они решили взимать деньги просто так.Если они такие эксперты по CRO, почему бы не поговорить о поиске решения, например, о создании более 200 лучших заголовков, которые они использовали для клиентов, которые помогли повысить коэффициент конверсии в реальном мире? Это лишь один из множества возможных вариантов. «Продолжаем, отсутствие доказательств. Есть всего 1 сплит-тест. Остальное — это то, где они были представлены, слишком быстрое объяснение их опыта и 2 отзыва. Короче говоря, им нужны более серьезные доказательства, связанные с результатами, которые включают сплит-тесты / тематические исследования, а также то, насколько «реальное» количество людей экономит время, работает более продуктивно и т. Д. «И наконец, самая большая проблема. Предложение. В принципе, это не очень убедительно. 29 долларов за 200+ заголовков? Для меня это не кажется чем-то особенным, особенно учитывая, что нет никаких УТП или каких-либо серьезных доказательств, которые заставили бы меня выбрать это среди всех бесплатных онлайн-материалов. Начните с продвижения функций и преимуществ каждой части пакета. Не объединяйте их, пока не обсудите все части пакета. Подумайте, как это делают рекламные ролики. Каждой части продукта нужна своя мини-торговая площадка.Тогда дайте мне бонусы. Подтвердите удивительную гарантию. Покажи мне, как много я буду полным идиотом, если куплю сегодня. Заставьте меня мечтать о том, насколько лучше была бы моя жизнь с этим продуктом и насколько ужасно было бы, если бы я не сделал заказ сегодня. Есть еще кое-что, что можно улучшить, но я считаю, что это самое важное ». «Вступительная копия в порядке. Я бы сказал это в двух коротких предложениях. Может быть, призыв к действию мог бы быть более интересным. «Контрольный список / список задач справа мне непонятен.Я вроде как понял, чем они занимаются, но список мне не очень помогает. Может быть, тестирование с реальным текстом и примерами задач? «С точки зрения дизайна мне нравится выбор цветов, а не столько акварельные изображения животных. Он не кажется таким уж правильным и не совпадающим с копией. Но это только я 🙂. «Текст раздела о преимуществах / функциях ясен и по существу. Может быть, тестирование с большим упором на преимущества? Например, «помогает развить деловую культуру сотрудничества и подотчетности» или «всегда быть в курсе».Легко устраняйте препятствия и препятствия ». «Кроме того, в« Management 2.0 »есть версия 2.0 с другим шрифтом? Не знаю, специально ли это, но это отвлекает. «В конце концов, я снова предпочитаю более сильные призывы к действию (что угодно, а не« подписка »)». «Есть еще области для улучшения, и в целом мне было бы трудно доверять сайту, который использует нестандартный дизайн, неработающие цветовые контрасты и бессмысленные призывы к действию. «В качестве быстрого взлома я рекомендую поиграть с внешним видом, используя плагины браузера, такие как встроенный в Chrome инструмент Inspect.За несколько минут я создал дизайн, который, хотя и далек от совершенства, произвел бы гораздо лучшее первое впечатление на нового посетителя: « «Эстетика: С точки зрения внешнего вида целевая страница, посвященная Хэллоуину, чрезвычайно привлекательна и соответствует« жуткому »сезону. Графические изображения создают более свежий вид по сравнению с большинством целевых страниц, на которых используются стандартные изображения. “Макет: Кнопка CTA вверху и внизу целевой страницы позволяет посетителю веб-сайта выполнять желаемые действия. Кроме того, форма с одним полем сводит к минимуму трение от заполнения формы до отправки. «Содержание: Отличный заголовок. Заголовок в стиле списка представляет очевидную ценность для посетителей сайта. Кроме того, такая информация, как количество страниц, создает впечатление, что контент загружен с огромной ценностью, а оценка временных затрат гарантирует им, что для их завершения требуется минимальные затраты (время).Отзыв предоставляет конкретное социальное доказательство, которое дает посетителю вашего сайта уверенность, прежде чем он почувствует себя спасенным, чтобы передать вам свой адрес электронной почты. “Скорость загрузки: Скорость загрузки можно улучшить. По данным GT Metrics, время загрузки составляет 2,4 секунды, что считается быстрым. Тем не менее, для тех, кто одержим скоростью загрузки, они могут рассмотреть возможность сжатия изображений без потерь для некоторого «лежачего полицейского». «Критические проблемы: Обнаружены повторяющиеся теги Google Analytics и ремаркетинга, что приводит к завышению данных.Найдено два набора пикселей Facebook. Если возможно, унифицируйте и используйте один набор пикселей, чтобы не загружать страницу слишком большим количеством JavaScript. Управление тегами Google станет отличным инструментом для лучшего управления всеми пикселями и поможет сократить время загрузки JavaScript ». «Хорошее»: «Единственное, что я могу сказать об этой целевой странице, — по крайней мере, она существует.Многие люди никогда не предпринимают шагов, чтобы разместить свой продукт в сети, поэтому тот факт, что эта страница была создана, является отличным первым шагом, и со временем его можно улучшить с помощью сплит-тестирования. «Плохой»: «Эта целевая страница подходит только для потенциальных клиентов, которые готовы принять меры по предложению. Первое впечатление наверху предполагает, что вы уже хорошо знакомы с миром Дэна Кеннеди и уже хотите его книгу. Любой, кто не входит в эту аудиторию, ничего не понимает в верхней части страницы и, скорее всего, уйдет со страницы, за исключением оппортунистов, которые подпрыгнут, потому что это книга за 1 доллар. «Помимо этих фундаментальных проблем, на странице полно проблем с дизайном. Строка заголовка занимает 1/4 экрана с логотипом GKIC, который не имеет значения для тех, кто еще не знаком с миром Дэна Кеннеди. Изображение книги слишком большое и имеет низкое качество, а в тексте отсутствуют акценты в форматировании, что затрудняет чтение. В то время как «уродливый дизайн» может понравиться горячей аудитории, плохой дизайн, такой как эта страница, только подорвет доверие к ней. «Проблемы с контентом и дизайном довольно серьезны, но есть также несколько фатальных технических проблем, таких как логотип и политика конфиденциальности, ведущая к Leadpages.” «Одна из вещей, которые они сделали хорошо, — это наличие множества социальных доказательств, обзоров и отзывов. (Может многовато ??) «Мы заметили целый список вещей, которые они могут улучшить или протестировать, но самое главное — внешний вид и (как результат) ощущение сайта. Глядя на отзывы / обзоры, я думаю, что это хорошая книга. «Визуально он просто ничего мне не говорит.На самом деле все наоборот, и это уводит от книги. «На этой странице много чего происходит, текст с разными шрифтами, стилями и цветами. И жирный, и крупный, и мелкий размер шрифта. Я насчитал 3 разных типа шрифта, 14 разных размеров шрифта: нормальный, курсив, полужирный, черный и красный. Неудивительно, что вместо этого он кажется беспокойным. Кроме того, психология говорит нам, что чем лучше что-то выглядит или чем легче что-то обрабатывать, тем больше мы этому доверяем. Так что, если бы мне пришлось назвать одну вещь, я бы начал с ее внешнего вида. «Я прочитал описание книги на Amazon. Я был полностью поражен, узнав, что эта книга о чем-то другом, чем то ценностное предложение, которое в настоящее время говорится в верхней части страницы. Как генерировать 52 000 подписчиков по электронной почте в день. Каково же было мое удивление 🙂 «Работа на мобильных устройствах полностью отличается от настольных. Он сразу начинается с призыва к действию. Никакого ценностного предложения, никакого напоминания, почему вам нужна бесплатная копия. Такое ощущение, что кто-то заставляет тебя сказать «да», я хочу… на что моя немедленная реакция — «нет».. Я не говорил, что хочу этого … Даже не знаю, хочу ли я еще. «Мне не хватает части того, что это такое, для кого она нужна и нужна ли мне (и зачем) эта книга. Итак, я бы проверил, изменив здесь порядок блоков. Сначала объясните, а затем покажите призыв к действию. «Люди склонны сканировать страницу, чтобы понять, о чем эта история и страница. Когда я просмотрел страницу, мне показалось, что трудно понять план. «С помощью разделителей, разделов и заголовков вы можете отделить различные части друг от друга.Это наглядно направляет людей через историю и упрощает ее обработку. Здесь также поможет использование полужирного шрифта для выделения определенных частей для повышения читаемости. «Удаление (или уменьшение) отзывов с правой стороны (люди склонны игнорировать то, что справа) уменьшит количество копий, которые человек видит при сканировании страницы, увеличивая вероятность того, что они прочтут основную копию. «Короче говоря, я бы попробовал привнести больше структуры как в рассказ (текст), так и в различные разделы. «Я думаю, что в различных местах страницы их можно переписать, чтобы сделать их более мощными. “Т.е. Под 1-м Да! Мне нужна моя бесплатная копия «Спросите», вы можете изменить ее на «Розничные продавцы продают ее за 12,99 доллара, сегодня это БЕСПЛАТНО для вас» «В настоящее время призыв к действию стоит сам по себе. Нигде не сказано, почему я должен нажимать на это. Добавление чего-то вроде «Вы хотите достичь XYZ?» Над ним и изменение копии кнопки на «Получите БЕСПЛАТНУЮ копию сейчас!» Может помочь. «Люди получают большую дополнительную ценность, когда покупают эту книгу. По сути, они раздают книгу, которая стоит 12,99 доллара, и просят только расходы на публикацию и доставку. К тому же они добавили кучу бонусов (может быть, даже слишком много). «Мне не хватает сводки или обзора всего, что я получаю! «При использовании дефицита или неопределенности полезно усилить его, сделав дефицит / неопределенность больше или более заметным.Используйте таймер, установите дату, установите ограничение на количество оставшихся книг. Упомяните об этом с самого начала и напомните им об этом. Кроме того, предложите им способ легко решить эту проблему … поэтому добавьте призыв к действию рядом с местом, где вы это делаете. «Визуальные эффекты бонусов мне мало что говорят. Я должен это прочитать. Они могли бы лучше поместить текст в заголовок и использовать реальный визуальный элемент или, что еще лучше, значок, улучшающий заголовок. «Еще больше бонусов, я как бы запуталась со всеми бонусами.Постарайтесь взять читателя за руку и указать ему, как читать сайт (стрелки помогают). «Используйте хорошие заголовки, объясняющие, почему им следует продолжать чтение. «Гарантия возврата денег очень сильна. На данный момент это похоже на сертификат. Это можно было бы разместить где-нибудь над сгибом в лучшем дизайне. «Итак, вам может быть интересно…» для всех маркеров вы можете добавить заголовок. Вы должны иметь возможность отсканировать ее и узнать, почему вы раздаете книгу бесплатно ». «Эта страница подписки на информационный бюллетень от Джимми Дейли имеет много общего, но есть и несколько больших возможностей для улучшения. «С другой стороны, очень урезанный дизайн с упором на удобочитаемость. «Подзаголовок над почтовым ящиком использует социальное доказательство с призывом к действию« Присоединяйтесь к 4600+ подписчикам »- это всегда сильная тяга, и идея сообщества очень сильна. «Дополнительный призыв к действию« Подпишитесь ниже, чтобы получать порцию вдохновения каждую пятницу утром ». Хороший, он дает вам представление о том, что это не будет шквал продаж электронных писем и что автор достаточно организован, чтобы придерживаться к расписанию. «Хотя это может быть связано с некоторым ужесточением, так это общее предложение информационного бюллетеня. «Мета-заголовок провозглашает« Лучший маркетинговый информационный бюллетень в мире ». В заголовке страницы его называют« Информационный бюллетень по смахивающему файлу », и он обещает творческий подход и продуктивность. «Я немного запуталась. Поможет ли это моему творчеству, продуктивности или маркетингу? «Моя первая рекомендация — проверить несколько заголовков и посмотреть, какие из них действительно нужны вашим клиентам, и придерживаться их, как клея. «Следующим шагом будет тестирование страницы с очень конкретными преимуществами, такими как« 5 советов, которые дадут вам 45 минут в день »или« 3 способа, которыми творческие профессионалы практикуют иное мышление ». «Повышение планки того, насколько конкретно вы представляете свое предложение или обещание своим потенциальным клиентам, почти всегда повышает конверсию, и это может быть разницей между целевой страницей, управляемой большим трафиком (сообщения в блогах на том же сайте) и холодный платный трафик, который действительно позволит вам масштабироваться. «После того, как я отправил свое электронное письмо, появляется предупреждение о проверке вашего почтового ящика на наличие двойного согласия, но оно попадает на стандартную страницу подтверждения трясины. «Это тупик в отношениях и упущенная возможность сохранить импульс. «Некоторый тщательно подобранный контент из предыдущих информационных бюллетеней или более существенная часть контента поможет укрепить отношения с читателем, который на самом деле еще не получил никакой пользы от Джимми. В меню есть ссылка на бесплатный курс электронной почты, который может стать хорошим началом, или другие идеи могут заключаться в том, чтобы побудить читателей использовать ваш контент по другим каналам. «Через несколько минут я получил дополнительное электронное письмо, но его легко могли пропустить в загруженном почтовом ящике. Страница благодарности — это пустая трата денег для многих компаний. «Само по себе электронное письмо действительно стоит того, и оно приходит в то время недели, когда большинство людей более восприимчивы к новым идеям. «Несколько настроек и некоторое тестирование, и Джимми может значительно расширить этот список». «В целом страница отлично справляется с поддержанием соответствия с остальной частью сайта. Минималистичный дизайн гарантирует, что люди, которые действительно подписываются, будут иметь отношение к теме писем. «Я предполагаю, что страница выполняет свою задачу по привлечению подписчиков, однако я хотел бы увидеть некоторые аспекты, позволяющие сегментировать людей, которые подписываются по определенным интересам. «Я бы протестировал 3 вещи на этой странице: «К сожалению, на этой странице больше плохого, чем хорошего. Как только вы загрузите его, у вас будет четкий заголовок, который ведет к четкому описанию и призыву к действию. Отлично. Однако в видео отсутствуют субтитры, и невозможно узнать, сколько оно длится. Это не особенно захватывающее и увлекательное видео, оно не слишком много рассказывает мне о том, что я получу, оно больше о них. «Эта тема действительно продолжается на всей странице. Есть масса информации о том, почему они такие выдающиеся, об их достижениях и т. Д. «У вас есть отзывы чуть ниже сгиба, и это здорово, и это ведет к довольно сильному разделу о проблемах потенциальных клиентов, но… тогда в конце этого раздела нет призыва к действию. «К сожалению, затем он переходит в длинный, насыщенный текстом раздел, посвященный основателю, не представляющий никакой ценности для читателя, а затем превращается в очень длинный список целей и этапов, очень немногие из которых представляют ценность для читателя. Есть несколько хороших социальных доказательств, но большинство из них просто «я, я, я».Он больше похож на резюме или колоду инвестора, чем на целевую страницу для потенциальных клиентов. «Следующие разделы о том, что включено и что задействовано, в целом довольно хороши, но должны быть выше по странице, что дает мне ценность. Мой единственный комментарий здесь касается 12-месячного плана действий, который вызывает шумиху, говоря о Virgin, а затем приводит вас к краху со словами «ну, это не мы, но поверьте нам, мы тоже довольно хороши». Я понимаю то, что они здесь пытаются сделать, но на самом деле для меня результат был противоположным. «Бонусы — это хорошо, но политика перепродажи потенциально открывает их людям, покупающим курс исключительно с целью сорвать его и перепродать. «Раздел тематических исследований хорош, но потом я нашел раздел стипендий довольно странным. Это хорошая идея, но впервые намекают на стоимость программы, и она огромна. Его также называют «ценностью нашей программы», но на самом деле они означают цену. «В целом, для такой программы с такой высокой ценой на билеты, страница на удивление мало ценится для читателя.Самые маленькие разделы описывают саму программу, в то время как самые длинные разделы почти полностью посвящены основателям и компании ». «Первая мысль, которую я подумал, когда попал на эту страницу, — это то, что я НЕ хочу заполнять все эти поля формы.Почему? Потому что это не стоит моего времени, и я определенно не хочу, чтобы продавец связывался со мной на столь раннем этапе цикла покупки. Это еще до того, как я узнаю, что это за предложение. «А теперь поговорим об этом предложении. Что именно я получу здесь? Как представлено это «руководство»? Это инфографика? Видео? Целая книга? Результат неясен, и изображение не помогает. «Заголовок никого не вызывает. Не знаю, для меня этот материал или нет. Я также не уверен, какие решения в социальных сетях поможет мне принять это руководство, почему мне нужно делать их быстрее или как эта вещь, что бы она ни была, будет делать все это. «1. Лучше, детальнее, заголовок, указывающий на точный целевой рынок и конкретную выгоду. (сколько времени и почему это важно?) «2. Используйте форму только с полями для имени и электронной почты ». «1-я — я считаю, что 1-я страница должна быть о посетителе — заявления« Превратите нас в ВАС ». т.е. Вы… Вы против нас… «2-й — вместо изображения Аарона Агуиса и Нила Пателя — используйте видео.30 секунд или меньше. «3-е место — Любите эстетику, визуальные эффекты и достоверность. «Комплименты были бы №1, НО сайт начинался с WE. Читатели, что нужно знать, КАК вы помогаете, а затем кто вы ». «Целевые страницы с наибольшей конверсией обычно ориентированы на одну конверсию. Одна страница, одно предложение. Вы мало или совсем не отвлекаетесь. Этого удалось достичь этой целевой странице. Я бы разделил тест с нижним колонтитулом и полностью удалил его, чтобы увидеть, повысит ли это вашу конверсию. «Еще одна вещь, которую вам следует попробовать, — это сместить фразу« примите меры сегодня »немного ниже. Лучшим заголовком было бы «Готовы построить финансовую…» Как всегда, тестируйте, тестируйте и тестируйте ». «Наконец, лид-магниту не хватает специфичности. Никто не хочет, чтобы еще один набор инструментов и советов помог ему достичь своей конечной цели. Если преимущества перечислены в таком формате, как «точные инструменты, которые я использовал, чтобы вывести свой бизнес из точки А в точку Б» и т. Д., Вы сможете превратить больше посетителей в потенциальных клиентов.” «Целевая страница Infusionsoft делает несколько вещей правильно, например, изображение, основное сообщение и призыв к действию, но страница могла бы быть гораздо более привлекательной. «Давайте сосредоточимся на одной из наиболее важных характеристик целевой страницы: Заголовок . «Заголовок пытается, но никого не побуждает к действию. Единственное, что он делает правильно, — это слово «бесплатно». Кроме того, есть возможности для улучшения.Например, какие результаты может дать это руководство? Или каковы преимущества использования этого руководства? Примером может быть что-то вроде: “Бесплатное руководство показывает точные шаги для закрытия большего количества потенциальных клиентов за меньшее время с помощью автоматизации или Бесплатное руководство показывает вам, как использовать автоматизацию, чтобы уменьшить усилия по закрытию потенциальных клиентов. «Другими словами, заголовок — это ваш первый (а иногда и единственный) шанс привлечь потенциальных клиентов и ввести их данные, так что используйте его по максимуму и загрузите его.« «На сайте есть понятные сообщения и понятный призыв к действию. Шрифт и кернинг в абзаце «Вы выучите точно…» можно было бы сделать четче / шире, чтобы его было легче читать. Красивое, четкое, симпатичное изображение Ноя и гармоничная цветовая схема делают веб-сайт понятным с основными элементами, которые легко понять ». «Сайт Эндрю Чена выполнен в стиле минимализма; он знает, что основное внимание на сайте уделяется контенту, социальному обеспечению и, конечно же, привлечению людей к подписке на его информационный бюллетень, что является основной целью конверсии.Однако планировка не использует недвижимость выше сгиба, как это должно быть. Такие элементы, как узкое поле текста, отсутствие вертикального выравнивания, нечеткие 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
Будьте Майклом Джорданом на целевых страницах
30 лучших примеров целевых страниц для кражи и получения прибыли от
30 примеров целевых страниц, которые можно смоделировать после
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
5. MeetEdgar
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
11. GKIC
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
12. Райан Левеск
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
мобильный
Копирование, переходы и структура
Ценностные предложения
Призыв к действию
Значение
Дефицит
Бонусов
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
15. LinkInfluencer
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Они должны тестировать:
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
Что хорошо сделано
Что можно было проверить / улучшить
Экспертный анализ
и неправильное использование пробелов, могут снизить коэффициент конверсии при неправильном использовании «.
Что хорошо сделано
- Хороший заголовок — сразу передает то, что должен получить потенциальный клиент.
- Использование «500 долларов» немедленно передает сумму ценности, которую потенциальный клиент получает бесплатно.
- Использование отзывов клиентов усиливает социальное доказательство.
Что можно было проверить / улучшить
- Текст слишком мелкий, его трудно читать.
- Я бы попробовал удалить номер телефона и посмотреть, улучшит ли это преобразование.
Экспертный анализ
«Вещи, которые мне нравятся:
- Хороший заголовок
- В подзаголовке нет слова «Учиться».
- Вопросы и открытия с образованием.
- Как интро.
- Призыв к действию есть все, что хорошо, включая подробный план.
«Предлагаемые изменения:
- Измените заголовок «Узнайте, как получить бесплатную оценку рекламы в Facebook сегодня»
- Сделайте подзаголовок крупнее и точнее: «Узнайте, на что вы тратите рекламные расходы, найдя прибыльную аудиторию и в конечном итоге получите аудит стоимостью 500 долларов США бесплатно…»
- Я поместил видео и 7 шагов вверху, затем StubGroup, а затем отзывы «.
23. GrowthLab
Что хорошо сделано
- Заголовок сразу привлекает внимание и обращается к потенциальным болевым точкам.
- Copy решает возражение многих потенциальных клиентов.
Что можно было проверить / улучшить
- Я бы попробовал раздавать лид-магнит вместо получения обновлений.
Экспертный анализ
«В зависимости от цели эта целевая страница может выполнять свою работу, а может и не выполнять ее.
«Это прямо и всего в нескольких словах, это говорит вам о кульминации. Это хорошо, но проблема в том, что призыв к действию довольно слабый.
«Для целевой страницы, которая говорит о копировании, я чувствовал, что ей нужен более сильный призыв к действию, чем то, что было у них.Что касается дизайна, ему не хватает цвета, чтобы нарушить узор. Навигация по меню уже черная, а затем весь текст ниже черный, и только крошечная голубая кнопка является единственным другим цветом.
«Наличие чего-то, что может нарушить узор, и более сильные цветные кнопки (возможно, также более крупные), могут творить с ними чудеса.
«В целом, целевая страница в порядке, когда дело доходит до копирования и потока — можно улучшить, но это нормально. Больше всего нужно улучшить призывы к действию, в том числе кнопки и панели выбора.Он должен выделяться и вызывать у меня отчаянное желание раскрыть свои подробности ».
Что хорошо сделано
- Заголовок обращается к конкретному потенциальному клиенту.
- Зеленая кнопка CTA появляется со страницы.
- Хорошее использование его биографии для обозначения социальных доказательств.
Что можно было проверить / улучшить
- Непонятно, на что подписывается потенциальный клиент. Я бы попробовал раздать какую-то ценность или свинец в копии.
Экспертный анализ
- «Мне нравится чистый дизайн, отсутствие отвлекающей навигации, которая уводит пользователя в другое место, кроме двух основных призывов к действию.
- Сообщение в копии выделяется, потому что оно не соответствует тому, о чем кричат все на рынке. Тем не менее, подтекст можно разбить на более мелкие или «иконизировать» для облегчения чтения.
- Последние сообщения выглядят немного сжатыми и сгруппированными, помогло бы небольшое расстояние между ними. Также было бы здорово иметь призыв к действию после каждого поста, например «читать дальше…», но я предполагаю, что это противоречит подходу бренда к «чистому виду», поэтому я полагаю, что это необязательно.
- В целом, чрезвычайно простая целевая страница с четким призывом к действию и уникальным позиционированием «без ерунды» делает ее действительно хорошей целевой страницей ».
Что хорошо сделано
- Логотипы известных медиа-компаний являются социальным доказательством.
- Отзывы известных людей в отрасли предоставляют еще больше социальных доказательств.
- Призыв к действию «Присоединяйтесь к 52 134 людям» демонстрирует конкретность и делает информационный бюллетень популярным.
Что можно было проверить / улучшить
- Непонятно, что означает «умнее» в растущих стартапах.
- Непонятно, что подразумевается под самым захламленным рынком в истории.
Экспертный анализ
«Что они сделали хорошо:
- логотипы социальных доказательств
- социальных доказательств с хедшотами
- социальное доказательство на кнопке CTA
Что они могут улучшить (тест):
- первая строка (я не знаю, кто такой Али, поэтому для меня ничего не значит, использование этого имени подойдет только для теплой аудитории, которая знает Али)
- Заголовок мог бы быть более сильным (я бы использовал заголовок, который соответствует заголовку главной статьи Али, и отдал бы его как первое эссе) Строка описания
- не дает ощутимой выгоды, которую люди получат прямо сейчас (я бы описал преимущество №1 от чтения главной статьи Али о росте стартапов) »
26.HubSpot
Что хорошо сделано
- Слово «бесплатно» заманчиво.
- Подзаголовок сообщает о пользе.
- Синяя кнопка CTA появляется со страницы.
- Bullets обладают преимуществами, которые легко потреблять.
Что можно было проверить / улучшить
- Я бы попробовал предложить загрузку сразу в виде двухэтапного всплывающего окна, а не просто «продолжить».
- Я бы протестировал снятие флажка, чтобы увидеть, увеличиваются ли конверсии.
Экспертный анализ
«Я считаю, что это здорово, что как только мы переходим на эту целевую страницу, мы сразу понимаем, что предлагает HubSpot. И h2, и h3 выделены жирным шрифтом, что немного отвлекает. При просмотре целевой страницы на iPhone текст основного заголовка идеально подходит под верхний gif, что выглядит очень аккуратно. В целом, контент отлично демонстрирует, почему нам нужны эти шаблоны электронных книг. Самая большая проблема сейчас в том, что я не могу прочитать оранжевый текст в FAQ, примеры электронных книг расплывчаты, а изображение за формой внизу отвлекает от кнопки CTA.Я беспокоюсь, что людям будет сложно найти эту кнопку с призывом к действию. Я также беспокоился бы, что люди не смогут видеть стрелки для навигации по примерам электронных книг и захотят проверить наличие менее размытых примеров электронных книг. Я также думаю, что стоит протестировать отсутствие кнопок совместного доступа на целевой странице, так как это также может отвлекать посетителей ».
- Дэниел Уоллок , вице-президент (агентские услуги), BlitzMetrics
Что хорошо сделано
- Заголовок дает сильное преимущество.
- Форма захвата свинца очевидна и привлекает внимание.
- Таймер обратного отсчета указывает на срочность.
- Использование вкладов экспертов передает достоверность.
Что можно было проверить / улучшить
- Я добавлю еще немного описания того, что влечет за собой весь курс.
Экспертный анализ
«Мысли о том, что бы я тестировал на Email1k, для меня нет« готовой »целевой страницы, всегда есть место для тестирования и улучшения.
«Тестирование должно проводиться на всех устройствах, чтобы убедиться, что преимущества очевидны, и пользователь может легко предпринять действия на каждом устройстве.Например, на мобильном устройстве страница загружает видимую форму, поэтому пользователь не видит «Бесплатный 30-дневный курс по УДВОЕНИЮ СПИСКА ЭЛЕКТРОННОЙ ПОЧТЫ» — важное сообщение, которое дает пользователю повод ввести свой адрес электронной почты.
«Понятно, что цель на этой странице — заставить кого-то оставить свой адрес электронной почты, но есть многое, что их отвлекает, самая первая ссылка -« Powered by SumoMe »в самом верху страницы, социальная значки общего доступа — это наложение, которое появляется после загрузки страницы. Вам нужно проверить все это: сколько людей нажимают на них, сколько репостов в социальных сетях вы получаете с помощью виджета общего доступа, насколько ценны доказательства того, что многие люди поделились страницей — стоит ли отвлекаться.Сколько людей нажимают SumoMe и не заполняют форму — все это вам расскажет тестирование.
«Я вижу, что« Знакомство с экспертами по электронному маркетингу »призвано придать курсу серьезность. Эти имена слышала и уважает ваша аудитория? Если нет, то какой цели они служат? Если в курсе есть комментарии от Сета Година, я буду ценить это имя по сравнению с кем-то, о ком я никогда не слышал.
Протестируйте логотипы компаний, с которыми работали ваши эксперты, или, что еще лучше, отзывы людей, загрузивших документ, поскольку в них меньше необходимости, чтобы они были узнаваемыми именами.
«Итак. Проверьте каждое устройство, ключевые сообщения ясны и видны. Избавьтесь от отвлекающих факторов, которые отвлекают людей от вашей основной цели, и убедитесь, что доказательства качества находят отклик у аудитории, проверьте здесь другое доказательство ».
- Дэниел Леннокс , руководитель отдела цифрового маркетинга, Riverford
Что хорошо сделано
- Фотографии до и после демонстрируют доказательство того, что она знает, о чем говорит, и помогла и себе, и своим клиентам добиться результатов.
- Слово «бесплатно» заманчиво.
- Идея похудеть с помощью специй вызывает большое любопытство.
- Хорошо справляется с возражениями, показывая, что потенциальные клиенты все еще могут есть свою любимую еду.
- Правильное использование логотипов для обозначения социальных доказательств.
- Отзывы помогают дополнительно указать социальное доказательство.
Что можно было проверить / улучшить
- Я бы попробовал придерживаться одного предложения вместо двух.
Экспертный анализ
«Как только вы открываете этот конкретный веб-сайт, владелец не теряет времени, чтобы сразу перейти к делу.Непосредственная выгода от быстрой потери веса очевидна. Упомянутые бренды и рецепты немедленно подкреплены обширными социальными доказательствами, свидетельствующими о том, что Нагина фигурирует в таких журналах, как Forbes, Huffington post и Time.
«Один элемент, который выделяется на остальной части целевой страницы, — это заголовок. В то время как остальная часть целевой страницы выглядит превосходно, кажется, что заголовку не было уделено достаточно внимания. Хотя это не то, что сразу же повлияет на конверсии или показатель отказов, о нем следует помнить в будущем.
«Двигаясь дальше вниз, показаны 3 специи, которые, как было« научно доказано », сжигают жир. Цитата специалиста по питанию или врача, хотя это и не является необходимостью, укрепит ценность Nagina и ее бренда.
«Переход к изображениям до и после показывает недавний успех Нагины у других участников. Выделение их успеха другим цветом привлечет внимание читателя к результатам, которых можно ожидать еще больше. Целевая страница заканчивается очень хорошим обзором Нагины и другими отзывами.
«У Masala Body очень интересная и прямая целевая страница. Индустрия, часто связанная с мошенничеством или любителями, дающими правильное сообщение, как никогда важна. С некоторыми дополнительными (необязательными) настройками его можно еще больше оптимизировать, что повысит коэффициент конверсии ».
- Мориц ван Концен , основатель и генеральный директор, Avenik
29. Ударная
Что хорошо сделано
- Предложение отличное — 10 бесплатных электронных книг на один адрес электронной почты.
- Правильное использование стрелки для указания на CTA
Что можно было проверить / улучшить
- Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации.
- Я бы протестировал удаление кнопок социальных сетей, чтобы избежать путаницы.
Экспертный анализ
«Маркетологи склонны чрезмерно усложнять свои целевые страницы за счет причудливого дизайна и длинных текстов (нарушая принцип KISS), но не эту целевую страницу. Простой и минималистичный дизайн позволяет посетителям сосредоточиться на самом важном: на предложении.
«Поскольку маркетинг — это широкая дисциплина, я бы упаковал предложение для определенной аудитории (например, для входящих маркетологов) или упорядочил предложения в обучающем путешествии, чтобы уменьшить наводнение; текущее сообщение слишком широкое.
«Добавление нескольких отзывов определенно поможет вызвать доверие и повысить конверсию. Нет. полей формы должны быть соизмеримы со значением, что в данном случае оправдано ».
Что хорошо сделано
- Слово «бесплатно» заманчиво.
- «Формирование бицепсов, которые кружат голову» — хорошее пособие, привлекающее потенциальных клиентов.
Что можно было проверить / улучшить
- Я бы попробовал сфокусировать целевую страницу, удалив другие элементы с веб-сайта.
- неясно, что означает «Черная книга бицепса».
Экспертный анализ
«На целевой странице есть отличное видео и четкий призыв к действию. У них также есть HTTPS перед URL-адресом, чтобы посетители чувствовали себя в безопасности.Но есть несколько простых способов превратить эту целевую страницу в ад.
- Добавьте социальное доказательство — отзывы и обзоры людей, которые уже использовали книгу.
- Постарайтесь как можно больше убрать отвлекающие факторы. Например, нижний колонтитул слишком большой для целевой страницы и отводит слишком много внимания от основного CTA. Верхнее меню слишком «переполнено», а под основным призывом к действию есть еще одно с просьбой подписаться на рассылку новостей. Постарайтесь придерживаться всего одного призыва к действию.
- Используйте наложение с намерением выхода, чтобы привлечь больше посетителей, которые покидают страницу без регистрации.
- Измените заголовок HTML-тега страницы с «бесплатный подарок» на «Получите« The Biceps Black Book »бесплатно».
- Если вы долго покидаете свою страницу, не забудьте повторить CTA или добавить плавающую кнопку «зарегистрироваться», которая будет следовать за посетителями при их прокрутке ».
- Томер Аарон , соучредитель Poptin
Лучшие примеры целевых страниц в 2018 году — не начинайте с нуля
Необязательно создавать целевые страницы с чистого листа.
Посмотрите на приведенные выше образцы целевой страницы и смоделируйте выигрышные элементы. Затем посмотрите, что говорят эксперты, и систематически тестируйте, настраивайте и анализируйте различные способы улучшения своих собственных.
А затем наблюдайте, как ваш коэффициент конверсии взлетает до небес.
Об авторе: Онг Си Куан (Ong Si Quan) — менеджер по контент-маркетингу в CandyBar, приложении для цифровых карт лояльности. Используйте CandyBar, чтобы запустить целую программу лояльности со своего устройства и узнать, кто ваши лучшие клиенты.Попробуйте CandyBar бесплатно в течение 30 дней здесь сегодня.
Эта статья написана сегодня Daily Eggspert.
Последние сообщения Today’s Eggspert (посмотреть все)32 лучших целевых страницы от популярных брендов
Эффективная целевая страница привлекает внимание посетителей благодаря тексту и визуальным эффектам. Он передает посетителю всю необходимую информацию об услуге или продукте бренда и говорит им: «Эй, вам это нужно, вам нужны мы».
Короче говоря, лучшие целевые страницы убедительны и пронзительны.Они созданы для того, чтобы красиво передать ценность бренда и призыв к действию (CTA), а также повысить коэффициент конверсии и вовлеченность потребителей.
32 дизайна целевой страницы от популярных брендов
Вот список из 32 дизайнов целевой страницы, которые могут вдохновить:
1. Страница «О программе» Medium
Целевая страница «О программе» Medium — прекрасный пример простой, но заполненной целевой страницы. до краев информацией для любознательного посетителя.
Они рассказывают историю.Играя с типографикой и копированием в качестве основного мотива дизайна, Medium рассказывает историю вдохновения и празднования любопытства от верха страницы до последнего сгиба внизу страницы.
Medium удается тщательно создать целевую страницу, которая оригинально оформлена и визуально надежна. В нем явно указывается их призыв к действию и ценность практически в каждом заголовке. И они делают это в манере, которая невероятно привлекательна для их целевой аудитории, состоящей из читателей, писателей, идейных лидеров, журналистов — самопровозглашенных «любознательных умов» в целом.
Medium знает, как общаться и продавать свой бренд, сообщения и ценностные предложения своей аудитории.
К тому времени, когда посетитель достигает последней страницы, этот призыв к действию «Начни работу» становится еще более привлекательным. О, мы уже упоминали, эта целевая страница была создана в Webflow!
2. Регистрация Dasher от DoorDash
Иногда ключом к созданию отличной целевой страницы является отправка сообщений. Страница регистрации 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
Целевая страница нашего дизайнера — отличный пример дизайна целевой страницы. В частности, это отличный пример для 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 — привлеките внимание вашей целевой аудитории, вызовите интерес и желание вашего решения их проблемы и убедите посетителя принять меры.