Лендинг примеры сайтов: Продающие лендинги —примеры, структура, как сделать

лучшие примеры [и критический разбор]

Мы собрали 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 примеров посадочных страниц с высокой конверсией и просто необычных лендингов.

Самое время подводить итоги. Какие плюсы и минусы нам встречались чаще всего?

Плюсы хороших лендингов

1. Лаконичность в тексте и дизайне.
2. Стильная анимация.
3. Нестоковые фотографии.
4. Оригинальные рисунки.
5. Человеческий язык, уместный юмор.
6. Понятные кнопки CTA, встречающиеся на странице несколько раз.
7. Нестандартный подход к стандартной тематике без ущерба содержанию.
8. Апелляция к эмоциям.
9. Четко обозначенные преимущества, акции, скидки.
10. Нешаблонные отзывы.
11. Максимально простые формы регистрации.

Минусы ну таких лендингов

1. Невнимание к мелочам (огрехи в верстке, отсутствие фавиконов, контраст шрифта и подложки и т. д.).
2. Недостаточно CTA.
3. Слишком большой объем информации, длинный лендинг.
4. Неинтересные и некачественные видео.

11 примеров Landing Page с высокой конверсией

Эта статья о том, что для успеха Landing Page важна не только визуальная привлекательность. От лендингов ждут высоких конверсий. Эффективность лендингового сайта особенно актуальна при проведении кампании. Когда создают целевую страницу (пр. оформив главную как лендинг), то задают конкретные конверсионные цели под таргетированное торговое предложение (услуги, товар). Универсальные советы не решают главных проблем посадочных страниц. Достойные лендинг пейдж для каждой цели конверсии практикуют индивидуальный подход с уникальностью в дизайне / оптимизации текста.

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

Что отличает Landing Page?

(Да-да, перейти к лендинговым страницам с высокой конверсией!)

---

Высококонверсионный Landing Page:

• Сначала, мощное Hero-изображение. Высококонверсионный лэндинг – страница с которой не хочется уходить. Тематичная картинка, видео в главном экране: 1) Фокусирует внимание 2) Увлекает. Представьте продукт / сервис в контексте применения: как работает, насколько прост. Покажите преимущества и пользующихся ими людей.
• Один призыв к действию, ориентированный на взаимодействие с клиентом. После мощного визуального воздействия на посетителя, вам нужно получить лид или конвертацию, верно? Сделайте CTA-посыл заметным (с точки зрения дизайна) и убедительным (с точки зрения копирайтинга). Упрощайте навигацию – только важные ссылки, чтобы не отвлекать посетителя до совершения конверсии.
• Ценностное предложение – убеждайте заголовком и тематическим подзаголовком. Почему вообще надо следовать призыву к действию? Заголовком & подзаголовком аргументируйте веско и ясно. Укажите выгоду для потребителя и что выделяет вас из толпы.
• Охарактеризуйте ваши особенности, заостряя внимание на преимуществах.
  Конечно, важно знать из чего продукт и что с ним делать. Только, осознающий полезность охотнее действует (нажмет CTA-кнопку или заполнит лид-форму). Выгодо-ориентированный оффер – лучшая мотивация к конверсии.
• Включите отзывы или другие социальные доказательства. Люди скорее воспользуются предложением, увидев, как это сделали другие. Благодарственные слова, неподдельная заметка довольного клиента, партнерские логотипы или значки брендов укрепляют доверие потребителей. Это доступный способ оптимизации конверсии.

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

Примеры лендингов с высокой конверсией

У оптимизированных для высокой конверсии LP: посещаемость, как минимум 500 посетителей, а у некоторых – более 100,000. Коэффициент конвертации 30-60%. Влияют и внешние факторы, конверсия сильно зависит:

• От индустрии
• От качестве трафика

Трафик, нагоняемый нецелевой рекламой конвертируется хуже, чем живой и заинтересованный. Мало-информативная реклама, также не будет обоснованно мотивировать к CTA-действию на вашем лэндинге. А убеждающие в преимуществах товара / сервиса / предложения страницы со ссылкой (страницы-фильтры) конвертируют лучше лидо-генерирующих (продающих страниц) т.к. их цели конверсии намного проще. Учитывайте это, когда сурово оцениваете эффективность лендинговой странички.

Со всеми оговорками и нюансами, 11 примеров высококонверсионных Landing Page от Unbounce заказчиков (экспертные советы от компаний, самостоятельно создавших свой лендинг).

---

1. Promo

Индустрия: Социальные медиа / Коэффициент конверсии 46.94%

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

Видео способно увеличить конверсию Landing Page на 80%. Стратегия оправдана, даже если обходится недешево – считает Promo. Вот почему на лендинге много видеоконтента – от хедера, до поясняющих Coub роликов в превью и видео, которым посетители смогут воспользоваться для своего маркетинга.

Главный контент-специалист Promo, отмечает:

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

Впрочем, видео – лишь составляющая успешной конвертации на LP-сайте. Вам нужно, чтобы посетитель следовал призыву Call-to-Action. Контент-стратег об этом: «Ни один лендинг пейдж не обходится без обычного текста и CTA-кнопки, привлекающей взгляды выше линии сгиба».

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

---

2. edX

Индустрия: Образование / Коэффициент конверсии 52.68%

edX советует для высококонверсионного LP: упрощайте ценностное предложение, будьте предельно ясны и конкретны показывая выгодность.

Маркетологи edX максимально приближены к продукту & сервисам и могут запросто перегрузить вас информацией. Да, наше основное предложение это X. На лендинговых страничках мы урезали основные моменты посыла пользователям онлайновых курсов. Чтобы не увязнуть в деталях, простыми тезисами сообщаем, что их ожидает. Ясность и недвусмысленность заголовка с подзаголовком поддержана социальными доказательствами.

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

---

3. Later

Индустрия: Социальные медиа / Коэффициент конверсии 57.92%

Later совет для высококонверсионного LP: предоставьте удобные конверсионные пути до цели (никаких преград или ограничений!) и сбалансируйте побудительные факторы.

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

Интуитивный путь к конверсии – это «текстово-визуальный гид», подсказывающий маршрут потребителю. На это и сделали ставку в лидогенерирующей кампании Later. Руководитель коммуникационного дизайна Chin Tan, поясняет:

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

Cмотрите, как Later прокладывает «интуитивный» маршрут к конверсии, применяя единообразие.

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

---

4. The Listings Lab

Индустрия: Недвижимость

Высококонверсионный совет о Listings Lab: используйте простой «прямолинейный» дизайн и сконцентрируйтесь на оффере.

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

Гайд для скачивания дает почувствовать обычным людям – тут все тщательно подготовлено. Жирный рубленый шрифт, крупные поля форм и смелые контрастные кнопки СТА – они создают эмоциональный настрой для целевого действия.

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

Этот лендинг «спокойным тоном» вселяет уверенность.

---

5. Twillory 

Индустрия: Одежда / Коэффициент конверсии 46.85%

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

Не надо объяснять, почему мобильные пользователи сейчас в приоритете. С 2017-го, мобайл трафик начал доминировать (50.3%), его доля постоянно растет (сейчас 52.2%). Компании тоже приспосабливаются к миру, в котором потребители часто используют свои телефоны:

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

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

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

---

6. TyresOnTheDrive

Индустрия: Автомобильная

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

Когда дело доходит до текстов Лендинг Пейдж, надо понимать: ясность ведет к конверсии. Посетитель хочет в секунды понять оффер, думая: «Ближе к делу, что именно мне предлагают? Зачем я с этим разбираюсь?». И, если что не так — отказ!

Такой заголовок сразу понятен и отражает суть делового предложения: «Экспертная установка шин у вас на дому или рабочем месте». Мы сразу видим ключевое отличие – не надо идти к механикам шиномонтажа, они работают с выездом к вам. Принятию решения способствуют быстрые «how-to», подгружаемые клиентские отзывы из онлайн-сообщества отзывов Trustpilot и фирменный логотип (коллаж из ключевых слов).

Результат? Конверсия зашкаливает.

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

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

---

7. ooba

Индустрия: Финансы / Коэффициент конверсии 35.57%

Ooba советует для высокой конверсии: применяйте описательные призывы Call-to-Action, говорящие посетителю что произойдет далее.

Каждому, кто попал на страничку лэндинга не терпится узнать, что тут предлагают? Это так, но как правило посетитель понимает каких действий от него ждут, а что будет потом – не совсем ясно. Главная страница ooba это отличный пример эффективности call to action.

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

Формы запрашивают достаточно много данных, но это можно рассматривать как фактор укрепляющий доверие: «Тут занимаются жилищными займами, а не рассылкой новостей». Мы должны информировать глубже, если вы ждете компетентного описания оффера.

---

8. ClaimCompass

Индустрия: Юриспруденция. право / Коэффициент конверсии 30.02%

ClaimCompass создателю лендинга: вы предоставили достаточно информации для совершения конверсионного действия? Еще и еще раз убедитесь.

Как так обычно говорят? Если не получается что-то сразу, не унываем и продолжаем в том же духе. (Стоп, возможно, это неверный подход. Не посоветуйте никому). Иначе считал Альберт Эйнштейн:

Это просто безумство: делать одно и то же раз за разом, при этом ожидая иного результата

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

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

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

«Вся Landing Page разработана так, чтобы нажимались три CTA-кнопки» – поясняет Alex. «Если предложение показалось привлекательным, дальше скроллить уже не надо. Если нет – секция ниже внесет ясности (изображениями, описаниями выгод и социальными подтверждениями). На посадочной страничке все должно приближать к клику по CTA-кнопке».

---

9. onX

Индустрия: GPS-навигация / Коэффициент конверсии 61.15%

onX совет для повышения конверсии: стимулируйте желание пользователей изучать / исследовать текстовым и визуальным контентом.

Можете не искать лучшего примера лендинг пейдж с конверсией на 50% выше, чем обычно бывает в спортивной тематике. В чем секрет успеха onX, отвечает менеджер по привлечению новых клиентов Райан Уотсон:

Наш лендинг показывает пользователям именно то, что они искали и хотели видеть, кликая по PPC рекламе Google Ads.

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

Райан отмечает пользу A/B тестов. Мы тестировали различные CTA-призывы и это дало отличный CTR. Лучшие практики никогда не навредят.

---

10. MyTutor

Индустрия: Образование / Коэффициент конверсии 55.29%

MyTutor раскрывает секрет высокой конверсии: делайте нужный оффер – выгодное предложение нужным людям и в нужное время.

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

Менеджер Gemma Pearson: «Запуская однодневные кампании мы тестировали landing page. Наш оффер – репетиторское подтягивание студентов до получения нужного бала». Еще, Gemma хочет реализовать на лендинге поучительный нагоняй для неуспевающих.

Актуальный позитивный месседж в нужное время и четкий CTA-призыв — ключевые факторы успеха. Это посыл сочувствия провалившимся студентам с предложением ясного решения

Вот как можно добиться отклика от этой аудитории.

---

11. FilterEasy

Индустрия: ремонт жилья / Коэффициент конверсии 34.52%

FilterEasy о лендинговой конверсии: Не всегда ясна причина успешности Landing Page, и это вполне естественно.

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

«Если честно, до сих пор выясняем тестами: чем особенна наша лендинговая страничка? Рианна поясняет: попытались повторить этот результат несколько раз. И безуспешно. Даже когда учли все моменты».

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

Примеры Лендинг пейдж | Примеры одностраничных сайтов

Гармоничный дизайн, понятная и логичная структура, полезная информация, написанная доступным языком — вот что отличает крутой лендинг от обычного. Если ваша цель завоевать доверие читателя, “зацепить” его своей компетентностью и заинтересовать акциями и бонусами, рекомендуем изучить примеры работ на нашем сайте. Вы поймете, как выглядит хороший landing page и какой должна быть его структура.

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

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

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

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

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

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

Лендинг Пейдж Шаблоны | Landing Page Templates |TemplateMonster

Адаптивный дизайн

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

Bootstrap

Некоторые составляющие наших Landing Page шаблонов используют Bootstrap, именно поэтому вам будут доступны все опции этого фреймворка, скрипты и компоненты. Лэндинг позволит привлекать внимание пользователей.

Кроссбраузерность

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

Иконки шрифтов

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

PSD файлы включены

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

TM дополнения

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

Необходимая документация

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

Что такое лендинг и для чего он нужен

При поиске информации о том, как создать сайт, мы часто сталкиваемся с термином «лендинг» aka одностраничный сайт, посадочная страница или landing page. Названий много, смысл один. Давайте разберемся.

Что такое лендинг?

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

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

Посадочная страница может быть частью существующего многостраничного сайта или иметь другой URL-адрес. Пользователи попадают на лендинг пейдж через контекстную, баннерную или таргетированную рекламу в Google или Яндексе, email-рассылку или в результате поиска. Главная задача landing page — превратить посетителя в лида, то есть того, кто уже готов к покупке или сразу в покупателя — такого, кто совершит требуемое действие на сайте и нажмет кнопку.

Зачем нужен лендинг?

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

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

Предположим, вы любите активный отдых и туризм. Как-то раз, листая фейсбук, вы видите рекламу «Поход на Алтай в небольших группах». Вы нажимаете на пост и попадаете на лендинг.

Теперь у авторов сайта есть всего несколько секунд, чтобы захватить ваше внимание, ведь таких походников на один Алтай еще штук 20 наберется. Цель страницы — доказать, что выбрать следует именно этого гида и потратить энное количество денег. В противном случае, вы сразу вернетесь к ленте новостей, ведь там интереснее или найдете другой туристический клуб.

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

Структура лендинга

• Первый блок — знакомство с пользователем. Чаще всего состоит из заголовка с уникальным торговым предложением и кнопкой с призывом к действию. Здесь же можно разместить логотип компании, контакты и якоря для более удобной навигации по странице;

• Информация о продукте — кратко и по делу расскажите о своем предложении и покажите фотографии, чтобы у будущего клиента сложилось полное представление о товаре или услуге;

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

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

• Цены — здесь раскройте информацию о ценах и тарифах. Дополните этот блок формой заказа или кнопкой быстрой покупки.

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

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

• Контактная информация — разместите здесь свои номер телефона, почту и ссылки на соцсети. Важно — берите трубку и отвечайте на звонки. Укажите время, в которое клиенты могут получить ответ — так вы избежите лишнего негатива, если кто-то не дозвонится в 23:47.

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

• Первый блок — красивые фотографии тайги, горы Актуру и прозрачных озер. Поверх заголовок «Походы по Алтаю в небольших группах для любого уровня подготовки». Здесь и привлекательные изображения и четко сформулированное, понятное УТП;

• Информация о каждом маршруте — каждое описание расположено в отдельной плашке. Текст содержит описание маршрута, живые фотографии, сделанные гидами и участникам, а также сведения об уровне сложности и гиде;

• Отличительные особенности — небольшая группа до 10 человек, все снаряжение предоставляется. Есть несложные, но красивые и интересные маршруты, которые осилят даже новички;

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

• Спецпредложения — при регистрации на сайте (помните нашу заветную кнопку?), клиент получает скидку 15% на участие;

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

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

Целевое действие лендинга — нажать на кнопку «Оставить контакты». Звучит хорошо. Оставляете свои контактные данные, чтобы узнать более подробную информацию и получить скидку 15%. Возвращаетесь на фейсбук.

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

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

Лендинг полезен тогда, когда предложение можно поместить на кнопку.

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

• Яркий запоминающийся заголовок, который точно описывает цель страницы.

• Краткое описание продукта или услуги, без воды и лишних слов, ведь вы не хотите, чтобы пользователь утонул в потоке информации. Пишите по принципу «чем проще, тем лучше».

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

• Структура. Расставьте акценты — просмотр страницы должен быть плавным, а элементы располагаться в логическом порядке.

• CTA aka «призыв к действию» должны быть заметными с первого взгляда, ведь они главные элементы лендинга. Используйте простые и понятные призывы, например «подписаться», «скачать», «купить» и т. д.

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

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

Как работают одностраничники?

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

• Email-рассылка. Отправьте подписчикам свою посадочную страницу по электронной почте.

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

• Добавьте ссылку на страницу в блоге. Если блога нет, может быть это это тот самый момент, когда стоит его завести?

• Создайте таргетированную рекламу в поисковиках и соцсетях.

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

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

Куда ведет лендинг?

Посадочная страница последовательно приводит вас к действию и ее конечная цель — заставить посетителей нажать на кнопку. А куда ведет эта кнопка?

Подумайте, куда лучше перенаправить пользователя — в корзину, онлайн-форму или на одну из страниц вашего основного сайта.

Возьмем все те же кухни. Он оставляет свой номер в форме обратной связи, а позже консультант перезвонит, расскажет о вариантах и ценах и пришлет несколько примеров.

Когда используют лендинги?

Лендинг будет полезен тогда, когда вы точно знаете что и кому продаете. Знать свою аудитория — значит понимать ее желания и потребности, задачи, с которыми сталкиваются эти люди. Например, женщины, 25-35 лет, замужем — это очень размытая характеристика. Те, кто самостоятельно подбирают билеты и бронируют отели — уже точнее.

1. Продажа товаров и услуг. Лендинг подходит для продажи чего угодно. главное условие — товаров должно быть мало. Если у вас больше 10 позиций, лучше завести интернет магазин.

2. Собирать лиды. Лид это посетитель, который может превратиться в покупателя. Например, на сайт пришли 15 человек, 10 прочитали его до конца, 3 оставили контакты. Эти трое и есть лиды, с которыми вы будете работать — отправлять письма, звонить и продавать свои услуги.

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

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

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

Вместо заключения

1. Лендинг — это страница с одним действием. У него должна быть одна цель. Например, оставить телефон, подписаться на обновления или купить билет.

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

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

Примеры дизайна лендингов — 10 примеров необычного дизайна лендингов

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

Отличительные особенности лендингов

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

1. Лендинг, как правило, одностраничный сайт. На ресурсе могут быть несколько разделов, но все они расположены на одном макете.
2. Лендинги обычно посвящены продаже конкретного товара или услуги, презентации продукта, мероприятия. Иногда лендинги делают для описания компании (которое ограничивается только одной страницей). Таким образом, данный ресурс предназначен только для одного целевого действия — продажи, подписки на рассылку, регистрации на мероприятие и прочее.
3. Также одной из отличительных особенностей лендингов является выделенный блок с призывом к действию или веб-формой для заполнения контактных данных.

Подробнее о лендингах и их отличиях от остальных сайтов мы говорили в нашем блоге.

Примеры лендингов для вдохновения

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

Плоский дизайн

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

Плоский дизайн в дизайне лендингов — способ эффектно представить компанию и выделиться стильным и современным дизайном. Отличительные особенности данного направления — плоские иллюстрации, тщательно подобранная типографика и цветовая гамма (обычно предпочитают чистые цвета), стильные изображения. Несмотря на то, что на примере используются стандартные блоки (преимущества, отзывы клиентов), дизайн в стиле flat делает лендинг «свежим» и интересным.

Минимализм

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

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

Большие изображения

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

Яркие элементы

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

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

Иллюстрации

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

При использовании иллюстраций в дизайне лендингов стоит учитывать:

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

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

Типографика

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

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

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

Композиция и структура

Также в лендингах можно реализовать интересные приемы по расположению элементов. Например:

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

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

Навигация

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

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

Что касается стандартной навигации — скроллинга, кнопок с перенаправлением на формы заказа — здесь можно использовать стандартные проверенные решения. Как правило, клиенты ожидают от лендинга нескольких приемов:

• вертикальный скроллинг. Горизонтальный скорее всего не будет хорошо принят клиентами, так как лендинг — одностраничный сайт, который не подразумевает переходов на другие страницы;
• разнесение блоков и ссылки на них из традиционного меню. Лендинг часто является достаточно длинной страницей, поэтому разработчики делят его на части и ставят на эти блоки ссылки вверху страницы. Таким образом клиент может сразу перейти к интересующему разделу, без пролистывания всего сайта. Иногда меню скрывают с помощью значка «гамбургера»;
• формы и кнопки для заказа в отдельных блоках и на самых видимых частях страницы. Также кнопки в меню в верхней части сайта.

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

Анимации и другие спецэффекты

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

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

Что нужно учесть при проектировании анимации для лендингов:

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

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

Интерактивность

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

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

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

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

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

Студия дизайна IDBI пользуется различными приемами и создает дизайн лендингов, основываясь как на правилах юзабилити, так и на разнообразных интересных решениях. В своих работах мы используем анимацию, интерактивные элементы, видеоконтент, интересную типографику и уникальные иллюстрации. Мы следим за трендами в веб-дизайне и можем создать сайт в различных стилях: от flat-дизайна до гранж. Примеры наших работ доступны в разделе «Портфолио».

Лучшие Лендинги — примеры превосходства минимализма над масштабностью

Лендинги: минимум страниц, максимум эффективности

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

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

​

Как создаются лучшие лендинги

Для создания продуктивного лендинга необходимо наличие «тройки»:

• объект. Товар, услуга или какой-либо другой продукт, который планируется предложить пользовательской аудитории;
• уникальное предложение. Объект лендинга необходимо представить как нечто необыкновенно нужное потребителю, с чем его жизнь станет легче, ярче и интереснее;
• профессиональный разработчик. Команда специалистов, которая воплотит идею уникального предложения в реальность и создаст продуманный эффективный веб-ресурс.

Сам объект для лендинг пейдж может являться совершенно обычным товаром или распространённой услугой, главное – желание его продавать. Кстати говоря, профессиональные разработчики могут взять на себя и разработку самой идеи представления товара, если у Вас нет на это времени.

​

Лучшие лендинги – разработанные профессионалами

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

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

​

Все, что вам нужно знать о дизайне посадочной страницы

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

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

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

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

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

Ответ: отличный дизайн целевой страницы.

Дизайн посадочной страницы

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

Адаптивный дизайн

Возможно, вы слышали раньше об адаптивном дизайне или адаптивном веб-дизайне.

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

Источник

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

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

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

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

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

Как создать посадочную страницу

1. Определите вашу целевую аудиторию и ее потребности.
2. Убедитесь, что целевая страница имеет конкретную цель.
3. Выберите программу для дизайна целевой страницы.
4. Напишите привлекательные заголовки целевой страницы.
5. Сделайте целевую страницу красивой и полезной.
6. Опубликуйте и протестируйте дизайн целевой страницы.

1. Определите вашу целевую аудиторию и ее потребности.

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

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

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

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

2. Убедитесь, что целевая страница имеет определенную цель.

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

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

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

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

3. Выберите программу для дизайна целевой страницы.

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

4. Напишите привлекательные заголовки для первых страниц.

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

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

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

Например, посмотрите на целевую страницу генератора личности покупателя HubSpot.Заголовок гласит: «Сделайте мою персону… Генератором персональной информации покупателя от HubSpot». Благодаря заголовку посетители знают, где они находятся и что они получат от посещения целевой страницы.

Источник

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

Источник

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

.

5. Сделайте красивую целевую страницу

и полезными.

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

Сделайте свою посадочную страницу красивой с помощью:

• Использование согласованных фирменных цветов и шрифтов
• Поддержание порядка на вашей странице
• Вспоминая меньше значит больше при проектировании
• Включая эстетически привлекательные визуальные эффекты (изображения и / или видео)
• Создание очевидных и захватывающих призывов к действию

Сделайте вашу целевую страницу полезной с помощью:

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

6.Опубликуйте и протестируйте дизайн целевой страницы.

Когда ваш дизайн установлен, самое время опубликовать и протестировать его среди членов вашей аудитории. После публикации целевой страницы вы можете A / B протестировать различные элементы дизайна (например, цвета, кнопки CTA, фразы, шрифт и т. Д.), Чтобы увидеть, какие варианты приводят к наибольшему количеству конверсий.

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

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

Рекомендации по дизайну посадочных страниц

1. Определите вашу целевую аудиторию и ее потребности.
2. Напишите убедительный и полезный заголовок.
3. Включите уникальные и привлекательные визуальные эффекты.
4. Будь проще.
5. Убедитесь, что у него адаптивный дизайн.
6. Держите его под маркой.
7. Оптимизируйте его с помощью призывов к действию.
8. Добавьте свою контактную информацию.
9. Включить онлайн-чат на целевую страницу.
10. Используйте A / B-тестирование, чтобы определить, какой дизайн работает лучше всего.

При рассмотрении следующих передовых практик мы будем ссылаться на следующее аннотированное изображение целевой страницы HubSpot:

1.Помните свою аудиторию на протяжении всего процесса проектирования.

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

2. Напишите убедительный и полезный заголовок.

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

Например, на целевой странице HubSpot написано: «Есть лучший способ расти». Этот заголовок заставляет посетителей думать, что HubSpot — это то, что им нужно для улучшения и расширения своего бизнеса.

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

3. Включите уникальные и привлекательные визуальные эффекты.

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

Визуальный контент целевой страницы HubSpot уникален для компании — анимированный дизайн и цвета являются фирменными. Они также не отвлекают внимание от письменного содержания на странице.

4. Будьте проще.

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

Помните: Меньше значит больше , когда речь идет о дизайне вашей целевой страницы (и всего вашего веб-сайта в этом отношении). Это сохраняет вещи чистыми, организованными и простыми для понимания и навигации для ваших посетителей.

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

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

5. Убедитесь, что у него адаптивный дизайн.

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

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

Источник

6. Держите марку.

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

Целевая страница

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

7. Оптимизируйте свою целевую страницу с помощью призывов к действию.

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

Кнопка CTA

HubSpot — одна из самых очевидных функций на целевой странице. Кнопка CTA четко указывает, что посетители получают от конверсии. Поскольку в кнопке CTA есть слово «бесплатно», она становится еще более заманчивой… кто не любит бесплатные? Наконец, она расположена над сгибом страницы, поэтому ее видят все в тот момент, когда они ее открывают.

8. Добавьте свою контактную информацию.

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

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

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

9.Включите онлайн-чат на целевую страницу.

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

На целевой странице

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

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

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

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

Программа для дизайна посадочных страниц

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

1. Конструктор бесплатных посадочных страниц HubSpot

Бесплатный конструктор целевых страниц

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

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

2. Instapage

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

3. Разблокировать

Unbounce имеет создателя целевой страницы с более чем 100 шаблонами на выбор, чтобы ваш дизайн дополнял ваш бренд и контент.Шаблоны организованы по типу бизнеса и включают варианты для SaaS-компаний, агентств и предприятий электронной коммерции. Целевые страницы Unbounce адаптивны и полностью настраиваются.

4. Mailchimp

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

5. Leadpages

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

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

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

Начните проектировать свою посадочную страницу

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

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

Примечание редактора: этот пост был первоначально опубликован в августе 2017 года и был обновлен для полноты.

30 лучших примеров целевых страниц для кражи и прибыли от

Ищете примеры целевых страниц?

Целевая страница, вероятно, одна из самых важных страниц вашего веб-сайта.

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

И все же… создать целевую страницу с высокой конверсией — непросто.

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

Хорошая новость в том, что вам не нужно разрабатывать целевые страницы с нуля.

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

Я выделил 30 различных целевых страниц, которые можно «украсть» и от которых можно почерпнуть вдохновение.

Наслаждайтесь.

30 примеров целевых страниц, которые можно смоделировать после

Что хорошо сделано

• Таргетинг на перспективу ясен.Заголовок и подзаголовок явно нацелены на новичков, поскольку наиболее продвинутые маркетологи и предприниматели знают, что такое список адресов электронной почты.
• Выгода очевидна — если вы подпишетесь, он научит вас, как получить первых 100 подписчиков.
• Зеленая кнопка CTA контрастирует с синим фоном и выделяет его.
• Социальное доказательство внизу работает для установления доверия — NBC News, ESPN, Lifehacker и Moz — огромные авторитетные сайты.

Что можно было проверить / улучшить

• Слова, передающие выгоду «получите первых 100 подписчиков», раздражают и плохо отображаются на синем фоне.
• Я бы проверил другой заголовок вроде «Хотите начать свой бизнес?» чтобы посмотреть, работает ли это лучше.

Экспертный анализ

«Текст основного заголовка короткий и убедительный, с подзаголовком, который выполняет тяжелую работу (рискуя показаться кликабельным). Цвет и шрифт призывов к действию кажутся правильными, и их не так много, чтобы отвлекать посетителя. Социальное доказательство с логотипами — это хорошо, но его можно расширить, добавив отзывы реальных пользователей. Основной текст объясняет преимущества, но может быть разбит на разделы для лучшего понимания.Наконец, разница между хорошим первым впечатлением и отличным сводится к более тонким аспектам. Используйте логотипы с лучшим разрешением! »

Что хорошо сделано

• Обещание «запустить свой первый веб-сайт через 30 дней» является сильным, граничащим с немного «невероятным», но вызывает большое любопытство.
• Слово «бесплатно» заманчиво. Учитывая, что промышленность взимает тысячи долларов за переработанную информацию, бесплатный месячный курс является интересным.

Что можно было проверить / улучшить

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

Экспертный анализ

«Мне нравится использование« да каскад »в первом разделе под отрядом героя. Третий вопрос мог бы быть более эффективным. Вместо того, чтобы провоцировать чувство неуверенности с помощью «Мечты о создании собственного дела, но не знаете, как это осуществить», спросите : «Готовы взять на себя ответственность за свою карьеру, открыв собственное дело?» »

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

«Дополнительный комментарий — есть четкое повествование о том, что« мы »можем помочь« вам »начать свой собственный бизнес. Мне нравится, что на всей странице много внимания уделяется «вам». Мы могли бы улучшить это еще больше, используя «мы» для обозначения и пользователя, и ConvertKit примерно на середине страницы. Это тонкое заверение в том, что мы здесь для вас, и пользователь почувствует уверенность независимо от того, осознает он это или нет ».

Что хорошо сделано

• Слово «бесплатно» заманчиво.Курс стоимостью 197 долларов раздается бесплатно? Запишите меня!
• Мне нравится использование «197 долларов». Это сообщает потенциальному клиенту, какую ценность он или она ожидает получить при регистрации.
• «Удвойте количество потенциальных клиентов в течение следующих 90 дней» — хороший заголовок, который передает явную выгоду с хорошей специфичностью.
• Мне нравится, как они четко изложили, что получат потенциальные клиенты, если они подпишутся. Полностью прозрачный, без хз.
• Раздавать контент без согласия — интересная концепция.

Что можно было проверить / улучшить

• Они могли протестировать удаление кнопки «Нравится» в Facebook рядом с логотипом Drip, чтобы сократить количество действий, которые могут выполнять пользователи.

Экспертный анализ

«Удвойте свои потенциальные возможности в течение следующих 90 дней с помощью этого полного руководства для новичков по капельнице (стоимость 197 долларов, БЕСПЛАТНО)» должен появиться выше и над «Начало работы с капельницей», и с более жирным шрифтом. Он передает более полезную информацию о том, что делает Drip, и поэтому должен в первую очередь привлекать внимание, чтобы удерживать внимание при приземлении пользователя.

«Я бы также перефразировал его на« БЕСПЛАТНОЕ полное руководство по капельнице для новичков (стоимостью 197 долларов) », исходя из того, что в первую очередь заинтересует читателей.

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

Раздел «Что вы найдете в своем курсе» хорошо написан, краток, но информативен.Формат контрольного списка и выделенные ключевые слова очень хорошо подходят для передачи легко усваиваемой информации.

«Для этого раздела (рисунок выше) отлично подходят панели со значками и функциями. Однако приведенная выше точка повторяет информацию. Было бы лучше, если бы тексты в форме точек размещались под баннерами значков, просто чтобы разбить текстовые визуальные эффекты выше.

«В разделе « Зачем мы создали этот курс из 11 частей », текст с намерением является фантастическим, но если бы это был кусок текста, он ухудшал читаемость.

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

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

• Вэйцин Тан , аналитик по маркетингу и убеждению, PlusMargin

Что хорошо сделано

• Желтая кнопка CTA появляется на странице.
• Слово «бесплатно» заманчиво.
• Хорошая польза — Дэвид хорошо знает свою аудиторию и знает, что им нужна помощь, чтобы уверенно разговаривать с женщинами.
• Очень подробный отзыв, используемый для демонстрации опыта Дэвида.

Что можно было проверить / улучшить

• Я бы тестировал видео против отсутствия видео. У людей мало времени, и они могут не захотеть смотреть видео, пока не сделают выбор.
• Я бы протестировал новый набор заголовков. Формулировка «вовлечение без усилий» больше подходит для компании, занимающейся социальными сетями, чем для компании, обучающей навыкам знакомств.

Экспертный анализ

«Этот тип страниц прославил Рассел Брансон из ClickFunnels. Это страница, которая служит одной цели — заставить посетителей нажать на большой CTA в центре экрана и переместить их на следующий шаг в последовательности.

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

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

• Том Осман , основатель, The Growth People

5. MeetEdgar

Что хорошо сделано

• Фантастический заголовок. MeetEdgar хорошо знает их перспективы и понимает, что люди скептически относятся к рентабельности инвестиций в социальные сети. Он рассматривает их возражения и описывает их проблему одним утверждением.
• Я люблю обещание. «Экономия времени» — большое преимущество, которое нравится каждому.
• Красная кнопка CTA выделяется на синем фоне.

Что можно было проверить / улучшить

• Я бы протестировал наличие дополнительной копии, ведущей в CTA. Из предыдущей копии не очевидно, что после регистрации они увидят, как это работает.

Экспертный анализ

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

«Как правило, целевая страница не должна предоставлять доступ к остальной части веб-сайта.Это самостоятельный пункт назначения. Пользователь получает то, что ему нужно — что бы это ни было — например, демонстрацию продукта или подписку на веб-семинар, электронную книгу или, в данном случае, чтобы узнать, «как это работает», в обмен на данные посетителя (например, адрес электронной почты и т. Д.) .)

«Опасность здесь в том, что навигационные ссылки предоставляют посетителю возможность покинуть целевую страницу без их конвертации. Исследования ConversionXL показывают, что удаление навигационных ссылок из середины целевых страниц воронки приводит к увеличению конверсии на 16% и 28%, в то время как на верхних частях целевых страниц конверсии наблюдается незначительное увеличение коэффициента конверсии на 0–4%.

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

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

«Вот еще несколько мыслей, которые пришли в голову:

– 1. Используйте липкую панель навигации: «Липкая» панель навигации может помочь людям изучить «Эдгар» удобным и контролируемым образом.Людям нравится изучать веб-сайты, не чувствуя, что они теряют контроль. Даже если они никогда не используют панель навигации, она все равно может положительно повлиять на общее впечатление. Отсутствие контроля может потенциально вызвать чувство стресса, которое может заставить людей покинуть сайт и, следовательно, увеличить показатель отказов. (Подумайте об аналогии с GPS в вашей машине)

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

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

“ 4. Мне нравится раздел FAQ. Хорошо всегда помнить о своей персоне и о том, какие вопросы у них могут возникнуть по поводу продукта. Раздел часто задаваемых вопросов может быть отличным местом для их облегчения, например

— Что такое Эдгар?

— Что с этим делать?

— Что-нибудь новенькое? Как это работает?

— Это проблема для компаний / людей вроде меня?

— Мне это нужно?

— Что еще мне нужно?

— Какие услуги вы предлагаете для решения моей проблемы?

— Вы можете показать мне решение в действии?

— Как тебе лучше?

— Для кого?

— Кто этим пользуется?

— Можно попробовать?

— Мои данные в безопасности?

— Что эксперты говорят о вашем бренде?

— Вы можете показать мне доказательства?

— Как это сравнить?

— Могу ли я получить предложения?

— Какое влияние на мою репутацию оказывает использование вас

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

«Хотя в значительной степени ориентирован на открытие (что может быть очень эффективным как призыв к действию), мне не нравится« Посмотрите, как это работает ». Я действительно собираюсь дать свой адрес электронной почты в обмен, чтобы узнать больше о том, как Эдгар работает? А как насчет «Бесплатной пробной версии» или предложения контента «Секретной формулы ведения блога». Всегда помните, что это обмен ценностями!

«Я протестировал форму и был перенаправлен на другую страницу, где теперь могу посмотреть 12-минутное видео с плохим качеством звука, которое знакомит меня с продуктом.Я вижу дополнительные отзывы. Не лучший опыт или ВАУ-фактор.

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

• Карстен Плейзер , основатель и директор, основатели и создатели

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы попробовал заменить слово «гарантировать» на «безопасное», чтобы добавить больше эмоционального удара.

Экспертный анализ

Передовой опыт работы с целевой страницей «На веб-сайте« Дурак »нужно следить за тем, чтобы целевая страница была четкой и не отвлекала.

«Однако, что касается копии, я бы изменил текст CTA. В нем написано «Продолжить», что намекает читателю на то, что шагов больше, чем это.

«Многих пользователей это отпугнет. Поэтому я бы проверил слово «Продолжить» с помощью другой фразы, например «Дайте мне инструменты» или «Я хочу войти» ».

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы еще раз проверил эту целевую страницу на предмет ошибок. Есть несколько грамматических ошибок, которые делают чтение неприятным.
• Я бы протестировал копию на кнопке, выбрав «заказать копию» или «получить больше конверсий».
• Я бы попробовал удалить «просмотреть примеры заголовков» рядом с кнопкой CTA — это отвлекает пользователей от нажатия кнопки.

Экспертный анализ

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

«Теперь об уксусе. Начнем с заголовка. Если создание заголовков было пустой тратой времени, зачем мне вообще этот продукт? И зачем вообще писать заголовки? Действительно ли их клиенты говорят себе (в своих головах): «Это пустая трата времени?» Скорее всего, нет.Они говорят что-то вроде «Я не хочу этого делать», «Я не умею это делать» или «Я ненавижу писать». Большая разница. Они пытались обозначить проблему, но в этом случае произошел большой разрыв связи, и он отрицательный без какой-либо реальной причины. Вместо этого, если они хотят обозначить проблему, им нужно выбрать ту, с которой связан рынок.

«Еще одна серьезная проблема заключается в том, что существуют сотни бесплатных сообщений в блогах с тысячами бесплатных заголовков, которые все утверждают, что конвертируются и публикуются надежными источниками в сообществе копирайтинга / CRO.В этом предложении нет ничего особенного, чего я еще не мог получить бесплатно с помощью быстрого поиска в Google. Другими словами, это предложение требует УТП. Без этого у меня практически нет причин, по которым я хотел бы получить это по сравнению со всеми бесплатными материалами, которые я мог бы получить от сайтов / авторов, которым я доверяю.

«Далее, о них слишком много копий по сравнению с копиями для покупателя, и эта история ничего не делает для повышения уверенности в качестве продукта. На самом деле, похоже, что они сделали то же самое, что и все остальные, чтобы создать бесплатную запись в блоге, но они решили взимать деньги просто так.Если они такие эксперты по CRO, почему бы не поговорить о поиске решения, например, о создании более 200 лучших заголовков, которые они использовали для клиентов, которые помогли повысить коэффициент конверсии в реальном мире? Это лишь один из множества возможных вариантов.

«Продолжаем, отсутствие доказательств. Есть всего 1 сплит-тест. Остальное — это то, где они были представлены, слишком быстрое объяснение их опыта и 2 отзыва. Короче говоря, им нужны более серьезные доказательства, связанные с результатами, которые включают сплит-тесты / тематические исследования, а также то, насколько «реальное» количество людей экономит время, работает более продуктивно и т. Д.

«И наконец, самая большая проблема. Предложение. В принципе, это не очень убедительно. 29 долларов за 200+ заголовков? Для меня это не кажется чем-то особенным, особенно если учесть, что нет никаких УТП или каких-либо серьезных доказательств, которые заставляли бы меня выбирать это среди всех бесплатных онлайн-материалов. Начните с продвижения функций и преимуществ каждой части пакета.

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

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

Что хорошо сделано

• Использование слов «более 160 000 человек» передаёт социальное доказательство — многие люди его используют, так что вы должны тоже!
• Заголовок дает простое для понимания преимущество.
Подзаголовок
• упрощает понимание продукта.
• Регистрация с помощью Google упрощает регистрацию людей.

Что можно было проверить / улучшить

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

Экспертный анализ

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

«Контрольный список / список задач справа мне непонятен.Я вроде как получил представление о том, чем они занимаются, но список мне не очень помогает. Может быть, тестирование с реальным текстом и примерами задач?

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

«Текст раздела о преимуществах / функциях ясен и по существу. Может быть, тестирование с большим упором на преимущества? Например, «помогает вам развить более ответственную и ответственную деловую культуру» или «всегда быть в курсе».Легко устраняйте препятствия / узкие места ».

«Кроме того, в« Management 2.0 »есть версия 2.0 с другим шрифтом? Не знаю, специально ли это, но это отвлекает.

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

Что хорошо сделано

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

Что можно было проверить / улучшить

• CTA должен сказать «получите бесплатную электронную книгу» вместо «получите бесплатную информацию»
• Им следует сместить ту часть, где говорится «узнайте, как раскрыть тайну и труды самопубликации с помощью этой бесплатной электронной книги», чтобы подчеркнуть загрузку электронной книги

Экспертный анализ

1. «Я ищу целевые страницы, чтобы понять,« что »и« почему »о продукте / услуге.Этот сайт действительно передает то, что «публикует вашу книгу» и почему «сохраняет 100% прибыли», но я не могу понять, как именно то, что приносит, и почему. Так что я мог бы ожидать чего-то вроде «Помогу вам самостоятельно опубликовать вашу книгу и сохранить 100% вашей прибыли!»
2. «Черный текст на синем не контрастирует достаточно хорошо и вместо этого вызывает небольшую задержку для беглого чтения — помните, что у вас очень мало времени, чтобы убедить кого-то в том, что эта страница достойна их времени. Рассмотрение использования 5-секундного теста для дальнейшего анализа.
3. «Я просмотрел несколько секунд видео, но графика была действительно не очень хорошей, поэтому больше не смотрел. Люди действительно судят о сайтах по их обложке, поэтому я бы обновил дизайн видео, упростил анимацию и постарался лучше сосредоточиться на сообщении.
4. «На моем первом проходе я действительно пропустил логотипы в верхней части. Затем, возвращаясь назад, я на самом деле не знал, почему там были логотипы — социальное доказательство работает, когда оно подключено, поэтому я бы добавил заголовок вроде « Как показано на » или что-то еще, что уместно. Также подумайте об использовании цветов бренда — верьте, или не разум связывает цвет с формой — так что видя арки Макдональдса, желтый цвет поражает вашу сохраненную память быстрее, чем форма…
5. «Первый призыв к действию очень неясен.Сделайте CTA намеком на то, что они получают, как «Получите мое бесплатное руководство в формате PDF» и выделите его. Это помогает привлечь внимание к вашей самой важной цели.

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

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

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы еще раз посмотрел на слово «чудовищный». Хотя это соответствует теме Хэллоуина, в нем ничего не говорится об электронной книге.

Экспертный анализ

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

“Макет: Кнопка CTA вверху и внизу целевой страницы позволяет посетителю веб-сайта выполнять желаемые действия. Кроме того, форма с одним полем сводит к минимуму трение от заполнения формы до отправки.

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

“Скорость загрузки: Скорость загрузки можно улучшить. По данным GT Metrics, время загрузки составляет 2,4 секунды, что считается быстрым. Тем не менее, для тех, кто одержим скоростью загрузки, они могут рассмотреть возможность сжатия изображений без потерь для некоторого «лежачего полицейского».

“Критические проблемы: Обнаружены повторяющиеся теги Google Analytics и ремаркетинга, что приводит к завышению данных.Найдено два набора пикселей Facebook. Если возможно, унифицируйте и используйте один набор пикселей, чтобы не загружать страницу слишком большим количеством JavaScript.

Управление тегами Google станет отличным инструментом для лучшего управления всеми пикселями и поможет сократить время загрузки JavaScript ».

11. GKIC

Что хорошо сделано

• Дэн Кеннеди — огромный бренд в этой сфере (плюс автор нескольких бестселлеров), так что это помогает с социальным доказательством.
• Отличное предложение — 1 доллар за бесплатную книгу для многих — убийственная сделка.
• Ограниченное время помогает создать срочность.
• Слово «доставка включена» добавляет и делает «выгодную сделку» еще более заметной.

Что можно было проверить / улучшить

• Разрешение изображения могло быть лучше.
• 2 CTA вместе — это излишне. Рассмотрите возможность удаления одного.
• Подумайте об удалении меню вверху и сосредоточьтесь на получении большего количества конверсий.

Экспертный анализ

«Хорошее»:

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

«Плохой»:

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

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

«Помимо этих фундаментальных проблем, страница переполнена проблемами дизайна. Строка заголовка занимает 1/4 экрана с логотипом GKIC, который не имеет значения для тех, кто еще не знаком с миром Дэна Кеннеди.

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

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

12. Райан Левеск

Что хорошо сделано

• Использование логотипов СМИ является социальным доказательством и укрепляет доверие.
• Отличный заголовок сочетает в себе социальное обоснование, специфичность и любопытство.
Подзаголовок
• представляет покупателя как «героя» и говорит ему, что он тоже может это сделать.
• Отзыв автора бестселлеров указывает на большее социальное доказательство.
• Хорошее использование стрелки, чтобы указать, где взять книгу.

Что можно было проверить / улучшить

• Дизайн страницы можно было бы улучшить.
• Слишком много элементов социального доказательства может оказаться излишним.

Экспертный анализ

«Одна из вещей, которые они сделали хорошо, — это наличие множества социальных доказательств, обзоров и отзывов. (Может многовато ??)

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

«Визуально он просто не говорит мне об этом.На самом деле все наоборот, и это уводит от книги.

«На этой странице много чего происходит, текст, написанный разными шрифтами, стилями и цветами. И жирный, и крупный, и мелкий размер шрифта. Я насчитал 3 разных типа шрифта, 14 разных размеров шрифта: нормальный, курсив, полужирный, черный и красный. Неудивительно, что вместо этого он кажется беспокойным.

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

«Я прочитал описание книги на Amazon. Я был полностью поражен, узнав, что эта книга о чем-то другом, чем то ценностное предложение, которое в настоящее время говорится в верхней части страницы. Как получать 52 000 подписчиков по электронной почте в день. Каково же было мое удивление 🙂

мобильный

«Работа на мобильных устройствах полностью отличается от настольных. Он сразу начинается с призыва к действию. Никакого ценностного предложения, никакого напоминания, почему вам нужна бесплатная копия. Такое ощущение, что кто-то заставляет тебя сказать «да», я хочу… на что моя немедленная реакция — «нет».. Я не говорил, что хочу этого … Даже не знаю, хочу ли я еще.

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

Копирование, переходы и структура

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

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

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

«Короче говоря, я бы попробовал привнести больше структуры как в рассказ (текст), так и в различные разделы.

Ценностные предложения

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

“Т.е. Под 1-м Да! Мне нужна моя бесплатная копия «Спросите», вы можете изменить копию на «Розничные продавцы продают ее за 12,99 доллара, сегодня это БЕСПЛАТНО для вас»

Призыв к действию

«В настоящее время призыв к действию стоит сам по себе. Нигде не сказано, почему я должен нажимать на это. Добавление чего-то вроде «Вы хотите достичь XYZ?» Над ним и изменение копии кнопки на «Получите БЕСПЛАТНУЮ копию сейчас!» Может помочь.

Значение

«Люди получают большую дополнительную ценность, когда покупают эту книгу. По сути, они раздают книгу, которая стоит 12,99 доллара, и просят только расходы на публикацию и доставку. Еще они добавили к этому много бонусов (может быть, даже слишком много).

«Мне не хватает сводки или обзора всего, что я получаю!

Дефицит

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

Бонусов

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

«Еще больше бонусов, я как бы запуталась со всеми бонусами.Постарайтесь взять читателя за руку и указать ему, как читать сайт (стрелки помогают).

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

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

«Итак, вам может быть интересно…» для всех маркеров вы можете добавить заголовок. Вы должны иметь возможность отсканировать ее и узнать, почему вы раздаете книгу бесплатно ».

• Омар Ловерт , специалист по конверсии и развитию, NightMonkey

Что хорошо сделано

• Хорошее использование социального доказательства — более 4600 подписчиков делают информационный бюллетень популярным.
• Использование известных брендов, таких как Google, Apple и Spotify, заставляет вас чувствовать себя принадлежащим к эксклюзивному клубу.
• Каждое утро пятницы дает понять читателю, когда он получит электронное письмо.

Что можно было проверить / улучшить

• Я бы перепроверил копию. «Хотите большего от своей работы» — расплывчато и не несет особой выгоды.

Экспертный анализ

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

«С другой стороны, очень урезанный дизайн с упором на удобочитаемость.

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

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

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

«Мета-заголовок провозглашает« Лучший маркетинговый информационный бюллетень в мире ». В заголовке страницы его называют« Информационный бюллетень по смахивающему файлу », то есть он обещает творческий подход и продуктивность.

«Я немного запуталась. Поможет ли это моему творчеству, продуктивности или маркетингу?

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

«Следующим шагом будет тестирование страницы с очень конкретными преимуществами, такими как« 5 советов, которые дадут вам 45 минут в день »или« 3 способа, которыми творческие профессионалы практикуют иное мышление ».

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

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

«Это тупик в отношениях и упущенная возможность сохранить динамику.

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

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

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

«Несколько настроек и некоторое тестирование, и Джимми может значительно расширить этот список».

Что хорошо сделано

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

Что можно было проверить / улучшить

• «Получать обновления» на самом деле ничего не значит. Вместо этого я бы попробовал что-нибудь связанное с электронными книгами, например «Загрузите свои бесплатные электронные книги!»
• Я бы протестировал наличие рекапчи, а не рекапчу.

Экспертный анализ

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

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

«Я бы протестировал 3 вещи на этой странице:

1. Удаление предложения бесплатных книг — на сайте много сообщений, где эти книги можно предлагать индивидуально, чтобы помочь сегментировать список, я бы, возможно, попробовал предложить одну книгу и вести список по определенной теме, чтобы упростить продажу возможный продукт.
2. Объясните, в чем заключаются преимущества — я бы попытался создать отдельную страницу для подписки на каждую книгу и объяснить некоторые из того, что содержится или будет изучено в отдельных книгах.
3. Еще более минимально — я бы предположил, что люди, попавшие на эту страницу, уже прочитали часть контента Джеймса, я бы поэкспериментировал с удалением большого количества со страницы, возможно, используя простую форму регистрации с сообщением «получить обновления». . »

15. LinkInfluencer

Что хорошо сделано

• Хорошее использование социальных доказательств.Цитата из одного из ведущих деловых изданий выделяет его.
• Определенные имена, изображения и отзывы создают социальное доказательство и укрепляют доверие.
• Заголовок сразу затрагивает актуальную проблему.
Подзаголовок
• делает потенциального клиента «героем» — он получит тот же план, который принесет им 1,3 миллиона долларов.
• Желтая кнопка CTA делает его всплывающим.

Что можно было проверить / улучшить

• Я бы проверил формулировку «стипендия», поскольку не совсем понятно, о чем идет речь.

Экспертный анализ

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

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

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

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

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

Мой единственный комментарий здесь касается 12-месячного плана действий, который вызывает шумиху, говоря о Virgin, а затем приводит вас к краху со словами «ну, это не мы, но поверьте нам, мы тоже довольно хороши». Я понимаю то, что они здесь пытаются сделать, но на самом деле для меня результат был противоположным.

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

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

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

Что хорошо сделано

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

Что можно было проверить / улучшить

• Заголовок неясен — что означает более быстрые решения в области социального маркетинга?
• Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации

Экспертный анализ

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

«А теперь поговорим об этом предложении. Что именно я получу здесь? Как представлено это «руководство»? Это инфографика? Видео? Целая книга? Результат неясен, и изображение не помогает.

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

Их надо проверять:

«1. Лучше, детальнее, заголовок, указывающий на точный целевой рынок и конкретную выгоду. (сколько времени и почему это важно?)

«2. Используйте форму только с полями для имени и электронной почты ».

Что хорошо сделано

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

Что можно было проверить / улучшить

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

Экспертный анализ

«1-я — я считаю, что 1-я страница должна быть о посетителе — заявления« Превратите нас в ВАС ». т.е. Вы… Вы против нас…

«2-й — вместо изображения Аарона Агуиса и Нила Пателя — используйте видео.30 секунд или меньше.

«3-е место — Любите эстетику, визуальные эффекты и достоверность.

«Комплименты были бы №1, НО сайт начинался с WE. Читатели, что нужно знать, КАК вы помогаете, а затем кто вы ».

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы протестировал новый заголовок. Заголовок «Примите меры сегодня» кажется преждевременным, прежде чем говорить об обещании.

Экспертный анализ

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

«Еще одна вещь, которую вы должны попробовать, — это сместить фразу« действуйте сегодня »немного ниже. Лучшим заголовком было бы «Готовы построить финансовую…» Как всегда, тестируйте, тестируйте и тестируйте ».

«Наконец, лид-магниту не хватает специфичности. Никто не хочет, чтобы еще один набор инструментов и советов помог ему достичь своей конечной цели. Если преимущества перечислены в таком формате, как «точные инструменты, которые я использовал, чтобы вывести свой бизнес из точки А в точку Б» и т. Д., Вы сможете превратить больше посетителей в потенциальных клиентов.”

• Ойекунле Дамола , консультант по цифровому маркетингу, DPTrax

Что хорошо сделано

• Хорошее использование отзыва, чтобы подчеркнуть мощь Infusionsoft.
• Маркированная копия упрощает демонстрацию преимуществ.

Что можно было проверить / улучшить

• Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации.
• Я бы протестировал новый заголовок, поскольку In The Pipeline мало что говорит о том, что аудитория ожидает получить.

Экспертный анализ

«Целевая страница Infusionsoft делает несколько вещей правильно, например, изображение, основное сообщение и призыв к действию, но страница могла бы быть гораздо более привлекательной.

«Давайте сосредоточимся на одной из наиболее важных характеристик целевой страницы: Заголовок .

«Заголовок пытается, но никого не побуждает к действию. Единственное, что он делает правильно, — это слово «бесплатно». Кроме того, есть возможности для улучшения.Например, какие результаты может дать это руководство? Или каковы преимущества использования этого руководства? Примером может быть что-то вроде:

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

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

Что хорошо сделано

• Минималистичная целевая страница помогает потенциальному клиенту сосредоточиться на единственном доступном действии — регистрации.
• Зеленая кнопка CTA появляется на странице.
• Copy передает преимущества и сообщает потенциальным клиентам именно то, что они ожидают узнать.
• Хорошее использование отзыва от известного имени в качестве социального доказательства.

Что можно было проверить / улучшить

• Непонятно, что означают 85% моих самых популярных бизнес-хакерских атак.
• Я бы протестировал другой призыв к действию вместо того, чтобы «приправить меня».

Экспертный анализ

«На сайте есть четкие сообщения и простой для понимания призыв к действию. Шрифт и кернинг в абзаце «Вы выучите точно…» можно было бы сделать четче / шире, чтобы его было легче читать. Красивое, четкое, симпатичное изображение Ноя и гармоничная цветовая схема делают веб-сайт понятным с основными элементами, которые легко понять ».

• Элеонора Тэй , менеджер по маркетингу, CandyBar

Что хорошо сделано

• Минималистичная целевая страница делает призыв к действию ориентированным.
• Копия прозрачно говорит о том, что получит потенциальный клиент.
• Хорошее использование социальных доказательств в таких местах, как New York Times и Fortune.
• Отзывы являются социальным доказательством.
• Feature image представляет социальное доказательство того, что он работает в престижном стартапе (Uber).

Что можно было проверить / улучшить

• Вместо @andrewchen он мог бы протестировать что-нибудь более заманчивое с правильным заголовком, ориентированным на выгоду.

Экспертный анализ

«Сайт Эндрю Чена выполнен в стиле минимализма; он знает, что основное внимание на сайте уделяется контенту, социальному обеспечению и, конечно же, привлечению людей к подписке на его информационный бюллетень, что является основной целью конверсии.Однако планировка не использует недвижимость выше сгиба, как это должно быть. Такие элементы, как узкое поле текста, отсутствие вертикального выравнивания, нечеткие

и неправильное использование пробелов, могут снизить коэффициент конверсии при неправильном использовании «.

Что хорошо сделано

• Хороший заголовок — сразу передает то, что должен получить потенциальный клиент.
• Использование «500 долларов» немедленно передает сумму ценности, которую потенциальный клиент получает бесплатно.
• Использование отзывов клиентов усиливает социальное доказательство.

Что можно было проверить / улучшить

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

Экспертный анализ

«Вещи, которые мне нравятся:

• Хороший заголовок
• В подзаголовке нет слова «Учиться».
• Вопросы и открытия с образованием.
• Как интро.
• Призыв к действию есть все, что хорошо, включая подробный план.

«Предлагаемые изменения:

• Измените заголовок, чтобы «Узнайте, как получить бесплатную оценку рекламы в Facebook сегодня»
• Сделайте подзаголовок крупнее и точнее: «Узнайте, на что вы тратите рекламные расходы, находя свою прибыльную аудиторию и в конечном итоге получите аудит стоимостью 500 долларов США бесплатно…»
• Я бы поместил видео и 7 шагов вверху, затем StubGroup, а затем отзывы «.

23. GrowthLab

Что хорошо сделано

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

Что можно было проверить / улучшить

• Я бы попробовал раздавать лид-магнит вместо получения обновлений.

Экспертный анализ

«В зависимости от цели эта целевая страница может выполнять свою работу, а может и не выполнять ее.

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

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

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

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

Что хорошо сделано

• Заголовок вызывает особую перспективу.
• Зеленая кнопка 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-адресом, чтобы посетители чувствовали себя в безопасности.Но есть несколько простых способов превратить эту целевую страницу в ад.

1. Добавьте социальное доказательство — отзывы и обзоры людей, которые уже использовали книгу.
2. Постарайтесь как можно больше убрать отвлекающие факторы. Например, нижний колонтитул слишком большой для целевой страницы и отводит слишком много внимания от основного CTA. Верхнее меню слишком «переполнено», а под основным призывом к действию есть еще одно с просьбой подписаться на рассылку новостей. Постарайтесь использовать только 1 призыв к действию.
3. Используйте наложение с намерением выхода, чтобы привлечь больше посетителей, покидающих страницу без регистрации.
4. Измените заголовок HTML-тега страницы с «бесплатный подарок» на «Получите« The Biceps Black Book »бесплатно».
5. Если вы долго покидаете свою страницу, не забудьте повторить CTA или добавить плавающую кнопку «зарегистрироваться», которая будет следовать за посетителями при их прокрутке ».

• Томер Аарон , соучредитель Poptin

Лучшие примеры целевых страниц в 2018 году — не начинайте с нуля

Необязательно создавать целевые страницы с чистого листа.

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

А затем посмотрите, как резко возрастает ваш коэффициент конверсии.

Об авторе: Онг Си Куан (Ong Si Quan) — менеджер по контент-маркетингу в CandyBar, приложении для цифровых карт лояльности. Используйте CandyBar, чтобы запустить целую программу лояльности со своего устройства и узнать, кто ваши лучшие клиенты.Попробуйте CandyBar бесплатно в течение 30 дней здесь сегодня.

Более 20 примеров посадочных страниц для вдохновения вашего дизайна [+ шаблоны]

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

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

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

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

Вот что будет рассказано в этом руководстве (нажмите, чтобы пропустить):

1. Примеры целевой страницы программного обеспечения
2. Примеры посадочных страниц продукта
3. Примеры целевых страниц электронной торговли
4. Примеры целевых страниц приложения
5. Скоро будет Примеры посадочных страниц
6. Примеры посадочных страниц для консалтинговых агентств и агентств
7. Примеры целевых страниц для электронных книг

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

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

Как вы используете наши шаблоны целевых страниц?

Есть много способов использования наших шаблонов целевых страниц. Вот их три:

1. Мокап для вашей собственной целевой страницы: Сообщать дизайнерам или инженерам, как должны выглядеть ваши целевые страницы, может быть непросто, если вы не создадите макет целевой страницы для визуализации и передачи ваших идей.
2. Привлечь финансирование для своего стартапа: Возможно, у вашего стартапа еще нет домашней страницы, но это не значит, что вы не можете собрать деньги.Самодельный макет целевой страницы, включенный в вашу колоду для инвесторов, может воплотить вашу идею в жизнь и убедить инвесторов поддержать вас.
3. Привлекайте новых клиентов для своего агентства: Хотите заключать больше сделок и увеличивать продажи? Сосредоточьтесь на шоу, не говорите. Настройте шаблон целевой страницы, чтобы показать клиентам, как могла бы выглядеть их новая целевая страница, если бы они работали с вами. Приложите его к своему предложению или бизнес-презентации.

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

СОЗДАТЬ ШАБЛОН

Однако это всего лишь один вариант использования.Вы также можете создать целевые страницы на:

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

Давайте нырнем.

1. Примеры целевой страницы программного обеспечения

Целевая страница ПО Stripe

Что касается программных целевых страниц, я был ошеломлен недавним изменением дизайна целевой страницы Stripe.

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

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

Источник

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

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

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

Понедельник зарегистрироваться целевая страница

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

Кого лучше показать в качестве примера, чем понедельник? Их целевая страница регистрации чистая, минималистичная и приятная для глаз:

Источник

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

Шаблон целевой страницы программного обеспечения Venngage

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

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

Отредактируйте этот шаблон целевой страницы программного обеспечения прямо сейчас:

СОЗДАТЬ ШАБЛОН

2.Примеры целевой страницы продукта

Интерактивная целевая страница TransferWise

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

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

Источник

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

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

Если вы уже уверены, все, что вам нужно сделать, это нажать «начать». Хотите узнать больше? Нажмите кнопку «Узнайте, что мы делаем», и появится поясняющее видео.

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

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

Ваши ресурсы можно было бы лучше потратить на что-то другое (например, на разработку стратегии интернет-маркетинга). Особенно, если вы малый и средний бизнес или только начинаете.

Целевая страница продукта Astra

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

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

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

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

Источник

Шаблон целевой страницы продукта Venngage

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

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

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

СОЗДАТЬ ШАБЛОН

Совет для профессионалов: Беспокоитесь, что дизайн вашей целевой страницы не будет отражать бренд? С помощью нашей функции «Мой брендовый комплект» вы можете мгновенно применить брендинг своей компании ко всем своим дизайнам (включая наши целевые страницы).Импортируйте свои фирменных цветов , логотипы и шрифты и примените их к любому дизайну одним щелчком мыши. Это так просто. Узнайте больше о фирменном наборе здесь.

3. Примеры целевой страницы электронной торговли

Целевая страница Casper ecommerce

Еще один пример правильного дизайна целевой страницы — от мастера по матрасам Каспера.

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

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

Источник

Совет для профессионалов: Если вы хотите увеличить конверсию целевой страницы, используйте социальное доказательство в ваших интересах. Вы попали в журнал TIME? Получили восторженные отзывы от влиятельных лиц? Получили оценку 5/5 от клиентов? Покажите их на своей целевой странице.

Dollar Shave Club вирусная целевая страница

Компания, известная своим гениальным маркетингом, опирающимся на серьезный подход, трудно оспаривать монументальный успех запуска продукта Dollar Shave Club.

Несмотря на то, что по сравнению с большинством примеров целевой страницы электронной коммерции она довольно проста с точки зрения дизайна, эта целевая страница в сочетании с их вирусным видео помогла Dollar Shave Club привлечь около 12000 новых клиентов всего за 48 часов.

Поговорим о том, чтобы стать вирусным.

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

Источник

Спустя почти десять лет, после приобретения, материнская компания Unilever решила пойти по традиционному маршруту целевой страницы электронной коммерции с Dollar Shave Club:

Источник

Шаблон целевой страницы электронной коммерции Venngage

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

В этом шаблоне целевой страницы электронной коммерции, которым я поделился ранее, есть стильный главный раздел с контрастирующим призывом к действию, простое торговое предложение в трех пунктах и ​​социальное доказательство в виде упоминаний в СМИ и отзывов клиентов:

СОЗДАТЬ ШАБЛОН

4. Примеры целевой страницы приложения

Целевая страница приложения Hopper

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

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

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

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

Источник

Целевая страница мобильного приложения AnyList

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

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

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

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

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

Источник

Шаблон целевой страницы приложения Venngage

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

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

СОЗДАТЬ ШАБЛОН

Предпочитаете что-то более простое? Наши дизайнеры даже создали версию целевой страницы приложения в верхней части страницы, которая включает заголовок, описание, изображение приложения, а также ссылки для скачивания:

СОЗДАТЬ ШАБЛОН

5.Скоро примеры посадочных страниц

Playdate скоро будет целевая страница

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

Panic Inc. использовала ближайшую целевую страницу для своего нового продукта. Их цель? Сделайте ажиотаж вокруг выпуска их новой портативной игровой консоли: Playdate.

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

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

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

Источник

Целевая страница предварительного запуска приложения Brainfood

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

В первую очередь Brainfood фокусируется только на трех элементах:

• Заголовок: Четкое и понятное торговое предложение. Минус словечки.
• Изображение главного героя: Демонстрация приложения в действии с поясняющим видео.
• CTA: Спрятан в правом верхнем углу Приглашение пользователей зарегистрироваться.

Если вы, как и я, любите простые вещи, я уверен, что вы оцените этот дизайн целевой страницы, который скоро появится:

Источник

Venngage скоро появится шаблон целевой страницы

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

Лучшая часть? Поскольку они обычно располагаются чуть выше сгиба, создать их довольно просто.

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

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

СОЗДАТЬ ШАБЛОН

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

СОЗДАТЬ ШАБЛОН

6. Примеры целевых страниц для агентств и консультантов

Целевая страница блога Роба Соберса

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

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

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

Источник

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

Целевая страница агентства короткого списка

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

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

Источник

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

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

Шаблон целевой страницы агентства Venngage

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

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

СОЗДАТЬ ШАБЛОН

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

7. Примеры целевой страницы электронных книг

Unbounce Целевая страница электронной книги

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

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

Источник

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

Целевая страница электронной книги по маркетингу для разработчиков

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

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

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

И хотя это не совсем пример целевой страницы электронной книги, он соответствует стандартному дизайну целевой страницы электронной книги, с которым я слишком хорошо знаком:

Источник

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

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

Шаблон целевой страницы захвата электронной почты Venngage

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

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

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

СОЗДАТЬ ШАБЛОН

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

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

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

Ваша очередь создавать свои лучшие целевые страницы

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

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

Как сделать ваш сайт REALER

• Обычный> Вычурный
• Лица> Иллюстрации
• Социальное доказательство при каждой возможности pic.twitter.com/gO4tY3LQWz

— Примеры маркетинга (@GoodMarketingHQ) 16 июля 2020 г.

Прежде чем создавать свою целевую страницу, запомните следующие советы:

• Будь простым, глупым (KISS): Лучшие конверсионные целевые страницы приятны для глаз и легко читаются.
• Используйте социальное доказательство: Новые посетители должны доверять вам, прежде чем совершить покупку. Избавьтесь от их скептицизма, демонстрируя упоминания в СМИ, цитаты влиятельных лиц и отзывы таких же клиентов, как они.
• Говорите по-человечески: Меньше «Платформа конверсии посетителей AI» и больше «Как небольшие бренды продают больше в Интернете» Ваша копия должна говорить, как человек.
• Не повторяйтесь (СУХОЙ): Целевые страницы имеют ограниченное пространство, используйте его с умом.Отточите свое сообщение и не повторяйтесь, чтобы убедиться, что вы эффективно передаете ценность своего предложения.
• A / B тестируйте все: A / B тестируйте ваши целевые страницы часто, чтобы определить, что работает лучше всего. Тестируйте отдельные элементы, такие как дизайн, текст, торговое предложение, призывы к действию, социальное доказательство, и получайте оттуда детализацию.

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

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

СОЗДАЙТЕ ЦЕЛЕВУЮ СТРАНИЦУ!

Хотите узнать больше? Вот еще несколько материалов по маркетингу и дизайну, подобранных специально для вас:

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

20+ удивительных шаблонов электронных книг + советы по дизайну для начинающих

Маркетинг веб-сайтов для малого бизнеса: полное руководство

---

32 лучших целевых страницы от популярных брендов

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

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

32 дизайна посадочных страниц от популярных брендов

Вот список из 32 дизайнов целевых страниц, которые могут вдохновить:

1.Страница «About» Medium

Целевая страница «About» Medium — прекрасный пример упрощенной целевой страницы, наполненной до краев информацией для любознательного посетителя.

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

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

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

К тому времени, когда посетитель достигает последней страницы, этот призыв к действию «Начни работу» становится еще более привлекательным. О, мы уже упоминали, эта целевая страница была создана в Webflow!

2.Подпишитесь на DoorDash’s Dasher

Иногда ключом к созданию отличной целевой страницы является выполнение обмена сообщениями. Страница регистрации Dasher на DoorDash является подтверждением этой идеи. Он разработан для обеспечения высоких показателей конверсии.

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

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

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

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

3. Целевая страница пользовательского интерфейса Figma

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

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

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

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

4. Целевая страница Apple Mac Pro

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

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

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

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

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

5. ShareCalmly

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, мы добавили мощь прокрутки, чтобы раскрыть возможности конструктора простым движением пальца.

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

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

И, конечно же, эта целевая страница была сделана в Webflow.

10. Shef

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

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

Целевая страница Shef завершается соответствующим разделом часто задаваемых вопросов и тем же призывом к действию с момента открытия их страницы, связывая все это воедино.

11. Stripe для торговых площадок

Целевая страница торговой площадки Stripe — потрясающе красивая веб-страница!

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

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

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

По сути, это сводная презентация питча и ценностного предложения, преобразованная в веб-страницу, и она работает в пользу Stripe.

12. Nightwatch

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

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

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

13. Совместная работа над контентом в Dropbox

По аналогии с DoorDash и Shef Dropbox использует проверенный подход к дизайну целевой страницы для совместной работы над контентом.

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

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

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

14. Преимущества Gusto

Целевая страница Gusto доказывает, что иногда лучше отказаться от стереотипов и создать выдающуюся веб-страницу, которая отличает ваш бренд от конкурентов. Дизайн целевой страницы Gusto очень интересен.Их интерактивный дизайн затрагивает такие банальные темы, как льготы сотрудникам (без обид), и вызывает ощущение игры.

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

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

15. Wise

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

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

При прокрутке посетителю показывается плотная демонстрация, которая расширяется во вводной части TransferWise. Целевая страница завершается последней кнопкой с призывом к действию «Узнать больше», рядом с изображениями реальной потребительской базы, заставляя их целевую аудиторию думать: «Эй, это похоже на меня!» и убедить их использовать Wise.

16. Keeper Tax

Целевая страница Keeper Tax доказывает, что рассказывание историй на целевой странице не имеет границ, независимо от вашего продукта, услуги или бренда — если вы мечтаете об этом, это возможно.Вам просто нужен подходящий дизайнер. (И платформу для дизайна — это тоже вам предоставил Webflow!)

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

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

17. Slack

Если вы не жили под камнем, вы слышали о Slack и, возможно, даже использовали его.

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

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

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

18. Езжайте с Uber

Мы все знакомы с этой службой каршеринга. Однако нельзя упускать из виду целевую страницу Uber «Поездка с Uber».

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

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

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

19.Mailchimp Email marketing

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

Люди знают, что Mailchimp работает, и бренд знает об этом. Они используют свою целевую страницу как подробное руководство, а не как подробное объяснение того, «почему».

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

Эта целевая страница, мягко говоря, обширна и не оставляет камня на камне от посетителя.

20. Хостинговые дома Airbnb

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

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

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

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

21. Proof Pulse

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

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

Контент плотный, но его необходимо включить на целевую страницу. Современные и красочные визуальные эффекты демонстрируют интерфейс платформы. В середине страницы находится исчерпывающий список ее функций, таких как A / B-тестирование, аналитика и т. Д., А также поддержка заявления платформы о том, что она является инструментом социального доказательства номер один для SaaS-компаний.

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

22. Kajabi

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

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

Добавление пояснительного видеоролика, размещенного точно рядом с кнопкой «Начать бесплатную пробную версию» с призывом к действию, — еще один тонкий, но разумный выбор в дизайне их целевой страницы. Эта страница также была сделана в Webflow!

23. Gemnote

Gemnote, еще один веб-сайт, созданный с помощью Webflow, имеет довольно впечатляющую целевую страницу.

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

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

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

24. Ткацкий станок для маркетинга

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

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

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

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

Они завершают свою очередь впечатляющей клиентурой, эффективно демонстрируя посетителям ценность Loom.

25. Buffer

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

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

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

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

26. Взаимодействие с клиентами Intercom

Еще один отличный пример передачи ценности сложного продукта или услуги через дизайн можно найти на целевой странице Intercom «Взаимодействие с клиентами».

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

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

27. Lattice Grow

Lattice понимает силу прокрутки, и они включили эту силу в дизайн своей целевой страницы в Webflow!

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

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

28. AngelList Venture

AngelList Venture переосмыслил, как использовать целевую страницу для продвижения новых предприятий и привлечения новых инвесторов (и они сделали это с помощью Webflow)!

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

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

29. Talkspace для бизнеса

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

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

30. VanMoof S3

Apple установила новый стандарт для дизайна веб-страниц продуктов, и команда дизайнеров VanMoof приняла вызов, создав дизайн целевой страницы для VanMoof S3.

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

Просматривая эту целевую страницу, вам нужен не просто велосипед, вам нужен VanMoof S3 следующего поколения. И все это благодаря безупречному веб-дизайну.

31. Misfits Market

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

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

32. Пример использования целевой страницы Webflow

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

Целевая страница Webflow о целевых страницах — это обширное подробное руководство по началу работы над созданием собственной целевой страницы с помощью нашей платформы веб-конструктора.

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

А благодаря трем выбранным кнопкам CTA, подробным ресурсам на странице и ряду самых популярных шаблонов Webflow начать работу можно одним щелчком мыши.

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

Ваша целевая страница — это ваше коммерческое предложение

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

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

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

21 отличный пример целевой страницы (+ Как сделать свою собственную!)

Этот блог Пост обновлен на 2020 год.

Что такое целевые страницы? Целевая страница — это страница, на которую посетитель попадает на ваш веб-сайт после нажатия на объявление (например, текстовое объявление Google или медийное объявление). Неопытные маркетологи часто направляют весь свой PPC-трафик на свою домашнюю страницу, но это может быть большой ошибкой.Конкретные целевые страницы, адаптированные к различным предложениям, необходимы для обеспечения качественного обслуживания посетителей и увеличения конверсии с помощью целевого сообщения, которое соответствует потребностям каждого пользователя.

Но не стоит просто проверять полученные рекомендации по работе с целевыми страницами. Что делает отличной целевой страницей? Как сделать отличные целевые страницы с необычными показателями конверсии? Мы расскажем, что вам нужно знать, чтобы это произошло.

Перед созданием целевой страницы

Прежде чем создавать свою целевую страницу, сначала спросите себя…

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

2. С кем я соревнуюсь? На самом деле это три вопроса: с кем я соревнуюсь, как они преуспевают и как я могу скопировать их успех? Подражание — это самая искренняя форма лести, поэтому, если ваши конкуренты делают что-то, что работает, вы должны идти вперед и следовать тому же принципу.Они будут вам благодарны (хотя это не обещание…)!

Вы можете попробовать Кирби. Ты можешь попробовать.

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

4. Как они попали на мою целевую страницу? Подумайте о том, чтобы изменить свое сообщение в зависимости от того, откуда приходят ваши пользователи — для пользователей, которые перешли на вашу целевую страницу, может быть подходящее сообщение из Google, а не из Twitter или Facebook. Компании с большим количеством целевых страниц (30+) привлекают в 7 раз больше потенциальных клиентов, чем компании с небольшим количеством, поэтому их ценность нельзя отрицать. В идеале вам нужна индивидуальная целевая страница для каждой группы объявлений, но это довольно сложная задача, так что начните с того, где можете.Попробуйте начать с одной настраиваемой целевой страницы для каждой кампании и добавлять оттуда для отдельных групп объявлений, когда позволяют ресурсы.

Как создавать отличные целевые страницы, конвертирующие

Теперь, когда мы рассмотрели основные вопросы перед целевой страницей, давайте обсудим, как сделать потрясающих убедительных целевых страниц. Вы также можете посмотреть выпуск подкаста по этой теме! Подкаст Head to Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.

Отличные целевые страницы…

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

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

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

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

Сделайте преобразование простым. Цель состоит в том, чтобы сделать конверсию посетителей как можно проще, обеспечивая минимальное расстояние и минимально возможное количество препятствий между точками A и B. Следующий шаг всегда должен быть очевиден. Эта стратегия варьируется в зависимости от желаемой конверсии. Если это отправка форм, сделайте ее неотразимой конфеткой для глаз. Если он загружается, сделайте кнопку, на которую нужно щелкнуть.

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

Очень крутая иллюстрация Tell-Tale Heart от Daniel Horowitz .

Имейте четкий призыв к действию. Призыв к действию может присутствовать в тексте заголовка, а также в тексте кнопки (например, «отправить» или «загрузить бесплатное руководство по маркетингу»). Не должно быть никаких вопросов относительно того, какие дальнейшие шаги необходимы — расскажите вашим посетителям, что именно вы хотите, чтобы они делали, большим жирным шрифтом. Для Kajabi изменение текста кнопки с «Посмотреть планы и цены» на «Начать работу сегодня» увеличило конверсию на 252%!

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

Содержат привлекательную копию. Kiss Metrics предлагает использовать определенные «гипнотические» слова входящим посетителям. Использование слова «вы» заставляет посетителей воспринимать вашу копию как личную и позволяет вести интимную беседу.Слово «воображать» побуждает читателей визуализировать использование вашего продукта и увеличивает желание. Включение слова «потому что» объясняет посетителям, почему они должны предпринять определенные действия. Попробуйте эти умопомрачительные слова на своей целевой странице.

Сделайте это о посетителе. Не надоедайте посетителю, слишком много рассказывая о себе (это правило применимо ко многим сферам жизни). По правде говоря, посетителей не волнуют ваши цели или стремления. Они ищут только №1. Продемонстрируйте , что вы можете для них сделать, и как вы можете улучшить их жизнь.В конце концов, мы эгоистичные существа.

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

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

Легко сканировать с первого взгляда. Крайне важно, чтобы посетители могли уловить суть вашего предложения с первого взгляда. По оценкам, у вас есть около 8 секунд, чтобы убедить пользователей остаться на вашей странице, поэтому ценностное предложение должно быть быстрым и убедительным. При создании целевой страницы упростите сканирование, выделив основную мысль в заголовке, используя подзаголовки и маркеры для дополнительной информации. Используйте шрифты и цвета для обозначения иерархии информации. Как отмечает Якоб Нильсен, посетители вашей страницы — это дикие обезумевшие животные, которые ищут быстрой еды, так что подавайте ее быстро!

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

Выглядят великолепно и ведут себя стильно. Внешний вид — это еще не все, но он имеет значение в дизайне целевой страницы. Почему привлекательный мужчина может поладить с женщиной, используя ту же фразу, которая может назвать менее эстетичного парня «ползучим»? На самом деле, несмотря на то, чему мы учим детей, внешний вид меняет восприятие.Ваша целевая страница не должна выглядеть жутко, она должна выглядеть супер классно. Если посетитель — цыпочка в баре, вы хотите поразить ее и отвезти домой…. для увлекательной игры в Эрудит!

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

Спрашивайте только ту информацию, которая им нужна. Этот совет также появляется в нашем посте по созданию убийственных целевых страниц «в ближайшее время». Чем больше полей вы просите посетителей заполнить в вашей форме, тем меньше у вас шансов, что они заполнят ваше предложение. Если для вашего преобразования требуется форма, получите минимум того, что вам нужно — вы всегда можете запросить дополнительную информацию на странице с благодарностью, как только дело будет сделано.Хотя у большинства пользователей нет проблем с указанием своего имени и адреса электронной почты, запрос информации о номерах телефонов и дате рождения может привести к резкому увеличению числа отказов до 50%. Практическое правило — не включать более семи полей в форму для генерации лидов на целевой странице.

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

Похоже ли это на картину, написанную кем-то, кто любит жизнь?

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

Имеют интерактивные кнопки общего доступа. Многие люди более чем счастливы публиковать сообщения о недавней покупке или делиться ресурсом, который они сочли полезным. Добавление кнопок общего доступа увеличивает ваши шансы на распространение вашего контента в социальном пространстве, а на отличных целевых страницах эти кнопки широко используются. Также разумно добавить кнопки социальных сетей на страницу благодарности, поскольку пользователи с большей вероятностью поделятся вашим отличным предложением с другими после того, как они сами зарегистрируются.В качестве дополнительного бонуса отображение ваших «лайков» и подписок также может служить подтверждением из уст в уста.

Показать восторженные отзывы. Молва была и всегда будет движущей силой успеха. Виртуальная молва приходит в виде лайков, +1 и отзывов клиентов в Интернете (желательно из надежных источников, таких как крупные бренды). Если в прошлом ваша компания получала блестящие комплименты, не забудьте их продемонстрировать.

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

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

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

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

Фото Джейсон Голдинг

Пройдено много раундов A / B-тестирования. Тестирование и исправление — это то, как мы учимся и становимся лучше.A / B-тестирование вашей целевой страницы (настройка отдельных элементов и проверка их эффективности по сравнению с предыдущей настройкой), вероятно, является самым мощным инструментом для создания отличных целевых страниц. Не уверен, где начать? «Сигнал против шума» — прекрасный пример хорошего A / B-тестирования, который легко читать. Всегда есть вещи, которые можно улучшить, так что никогда не прекращайте тестирование!

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

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

21 пример отличных посадочных страниц

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

Short Stack помогает компаниям организовывать и управлять рекламными акциями Facebook и другим персонализированным контентом Facebook. Посмотрим, что здесь хорошо выглядит.

• Яркие цвета, хорошо сочетающиеся друг с другом
• Эта страница чистая и не загромождена минимальным количеством текста, но все же объясняет ценностное предложение.
• Содержит интерактивное видео с более подробным описанием Short Stack.

Прочтите этот пост, чтобы получить более подробные советы по целевым страницам Facebook.

Gift Rocket — еще один сайт с хорошей целевой страницей. Что делает Gift Rocket правильно?

• Сильный графический элемент привлекает внимание
• Заголовок объясняет в нескольких коротких словах, что такое Gift Rocket.
• Небольшие маркированные информационные блоки под заголовком можно легко просканировать
• Кнопка CTA ясна и удобна для нажатия
• Социальные кнопки присутствуют
• Дополнительную информацию можно найти, прокрутив страницу под сгибом
• Сигналы доверия и отзывы существуют ниже сгиба

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

• Четкий заголовок, объясняющий коммерческое и ценностное предложение
• Минималистичная форма, запрашивающая только адрес электронной почты
• Яркая красочная кнопка
• Множество сигналов доверия

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

• Сильный заголовок, объясняющий, что такое Social Sprout, без всякой ерунды.
• Визуально привлекательный дизайн, подчеркивающий эстетику самого программного обеспечения с помощью снимков экрана
• Отзывы представлены в нижней зеленой полосе
• Зеленая пробная кнопка расположена по центру и доминирует на странице, с заманчивым призывом к действию и пометкой «кредитная карта не требуется» под кнопкой для дополнительного поощрения.

С программным обеспечением, аналогичным Social Sprout, HootSuite — еще один веб-сайт с хорошей целевой страницей, хотя и использует другой подход.Это хорошо работает, потому что это:

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

Подход

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

• Легко начать — просто нажмите одну из двух кнопок
• Pinterest подчеркивает, насколько легко зарегистрироваться, говоря, что это занимает всего 45 секунд
• Использует базу пользователей как фактор доверия. Любой сайт с более чем 25 миллиардами элементов пользовательского контента должен что-то делать правильно

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

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

Lyft — альтернатива Uber для совместного использования пассажиров.

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

Constant Contact — это программное решение, которое помогает малым предприятиям проводить маркетинговые кампании по электронной почте.

• Облегчает преобразование super — все, что требуется, — это адрес электронной почты
• CTA-кнопка гарантирует посетителю сайта, что конверсия не будет стоить ему денег
• Хотя копии немного, она отправляет очень заманчивое сообщение.

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

• Кратко обращается к общей проблеме в заголовке
• Короткое анимационное видео дает посетителям сайта увлекательный способ узнать больше
• Цитата из общенациональной газеты является убедительным социальным доказательством
• Форма не слишком длинная, поэтому преобразовать

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

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

Blue Apron — это служба подписки на питание, которая доставляет ингредиенты прямо к дверям потребителей.

• Заголовок посвящен распространенной проблеме недостатка времени, необходимого для приготовления хорошей еды
• Кнопка CTA предлагает конкретную скидку, а копия прямо под ней создает дефицит
• Таблички справа и слева от кнопки CTA привлекают посетителей возможностями
• Нижняя половина страницы демонстрирует простоту процесса

Flock — это приложение, которое упрощает общение между сотрудниками, работающими в одной компании.

• Заголовок подчеркивает необходимость централизованной и эффективной коммуникации на рабочем месте \
Подзаголовок
• подчеркивает разнообразные функции, доступные в приложении
• С одним информационным полем преобразование не может быть проще

Squarespace, как и Wix, помогает частным лицам и компаниям создавать веб-сайты.

• Изящный креативный дизайн и минимальное количество копий для очень приятного визуального восприятия
• Заголовок устанавливает авторитет в отрасли
• Посетителям сайта не нужно предоставлять какую-либо информацию перед началом работы
• Пример встроенного веб-сайта приглашает посетителей представить собственные возможности

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

• Заголовок и подзаголовок кратко и точно соответствуют намерениям посетителя сайта
• Визуальный креатив показывает 1) что покупатели Shopify могут создавать и 2) что магазины Shopify работают на всех устройствах
• Относительно долгий период бесплатного пробного предложения заманчиво
• Для запуска процесса требуется только адрес электронной почты

Trendy Butler — это служба подписки на одежду, которая использует машинное обучение для индивидуализации гардероба потребителей.

• Заголовок выделяет специальное предложение
• F-образный узор направляет взгляд посетителя на кнопку CTA
Подзаголовок
• усиливает болевую точку, которую решает Trendy Butler
• Информация для начала работы не требуется

Harry’s — это служба подписки на туалетные принадлежности, которая доставляет потребителям на дом все необходимое для бритья.

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

Exact Data представляет собой программное решение, которое централизованно хранит маркетинговые данные предприятий.

• Обратный отсчет до окончания действия специального предложения создает ощущение срочности
• Наиболее заметная часть заголовка отражает то, что ищет посетитель сайта
• Резкий контраст между цветом фона и цветом кнопки CTA
• Форма не требует много информации

Smart Sheet помогает частным лицам и компаниям добиться максимальной эффективности с помощью программного решения для планирования.

• Заголовок сразу обращается к цели посетителя сайта
• Для запуска бесплатной пробной версии требуется только адрес электронной почты
• Статистика клиентов и логотипы служат убедительным социальным доказательством

Bloomsy Box — это служба подписки для дома и сада, которая доставляет собранные вручную цветы к дверям потребителей.

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

34 лучших примера целевых страниц 2021 года (чтобы вдохновить вас)

Вот наш исходный принцип:

Совершенная профессиональная целевая страница может повысить коэффициент конверсии. (А грязный может им навредить.)

Довольно просто, правда? Вы наверняка слышали нечто подобное раньше.Но что, черт возьми, значит быть «отполированным» и «профессиональным» на целевой странице? А когда дело доходит до конверсий, какой магический x-фактор отличает исключительных маркетологов?

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

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

Что делает целевую страницу эффективной?

Прежде чем переходить к примерам, стоит выделить некоторые качества, которые присущи большинству хороших целевых страниц. (У вас нет на это времени? Забегайте вперед и рассмотрим примеры верхних целевых страниц.)

Вот несколько основных практик создания целевых страниц с высокой конверсией:

• Используйте четкое и краткое изложение ценности (вверху сгиба), чтобы посетители сразу понимают цель вашей страницы.
• Сопоставьте свой основной заголовок с объявлением, которое ваш посетитель нажал, чтобы попасть на страницу в первую очередь (или, например, кнопку электронного письма с призывом к действию).
• Включите социальные доказательства и отзывы, чтобы подкрепить свои утверждения.
• Сосредоточьте всю страницу на одном предложении с одним основным призывом к действию (CTA).
• Используйте макет, ориентированный на конверсию, чтобы выделить ваш CTA (подумайте о пробелах, цвете, контрасте и указателях направления).
• Проверяйте новые идеи с помощью A / B-тестирования.Иногда то, что работает, вас удивит.

Не уверены, что ваши целевые страницы достигают цели? Попробуйте Unbounce’s Landing Page Analyzer, чтобы получить индивидуальный контрольный список тактик, которые могут повысить конверсию.

Лучшие примеры посадочных страниц [обновлено для 2021 года]

1. Netflix (SaaS: развлечения)
2. LinkedIn (SaaS: профессиональные услуги)
3. Goby (электронная торговля: здоровье и благополучие)
4. DoorDash (SaaS: доставка еды)
5. SEM Rush (SaaS: маркетинг)
6. Coco Village (электронная торговля: мебель)
7. Grass Roots (электронная торговля: продукты питания и питание)
8. Amazon (SaaS и электронная торговля)
9. Филиал (электронная торговля: мебель)
10. Western Rise ( Электронная торговля: одежда и одежда)
11. Университет Атабаски (образование)
12. Бариатрическое питание (продукты питания и питание)
13. blow LTD.(Красота)
14. Blue Forest Farms (электронная торговля: каннабис)
15. Border Buddy (путешествия и доставка)
16. Bouquet Bar (электронная торговля: велнес и подарки)
17. Монитор кампании (SaaS: маркетинг)
18. Создатель класса (SaaS: образование )
19. Fast Mask (электронная торговля: одежда и одежда)
20. Good Eggs (электронная торговля: продукты питания и питание)
21. HomeLoanGurus (SaaS: финансы и страхование)
22. Jet Pet (услуги для домашних животных)
23. Mooala (электронная торговля: продукты питания и питание) )
24. NANOR (электронная торговля: здоровье и подарки)
25. Panda7 (SaaS: финансы и страхование)
26. Pared (SaaS: рестораны и персонал)
27. Perfect Keto (электронная торговля: продукты питания и питание)
28. Twinwoods Adventure (путешествия и отдых) )
29. Roomeze (SaaS: недвижимость)
30. Smalls (электронная торговля: еда и питание)
31. Sundae (SaaS: недвижимость)
32. Wavehuggers (путешествия и отдых)
33. Woolx (электронная торговля: одежда и одежда)
34. Zumba (Здоровье и фитнес)

---

1.Netflix

Изображение с Netflix. (Щелкните, чтобы увидеть все.)

Помните, когда вы впервые услышали о Netflix? Служба потоковой передачи казалась слишком хорошей, чтобы быть правдой с неограниченным количеством фильмов и телешоу менее чем за 10 долларов в месяц. Что за убийственное ценностное предложение… неудивительно, что они вытеснили конкуренцию из бизнеса. (RIP, Blockbuster.) Эта целевая страница усиливает эти наиболее важные преимущества, не делая ее слишком сложной или трудной для регистрации. И, очевидно, эта стратегия работает — недавние отчеты показывают, что у Netflix в настоящее время насчитывается более 192 миллионов подписчиков по всему миру.

Отрасль: SaaS / Развлечения

Почему это вдохновляет…

• Единая форма — большая устрашающая форма на этой странице может легко отпугнуть людей, не разбирающихся в технологиях. Но Netflix хочет обратиться ко всем * и * их бабушкам и дедушкам. Вот почему они делают первый шаг очень простым — просто введите свой адрес электронной почты, чтобы начать.
• Раскрывающийся список часто задаваемых вопросов — За прошедшие годы Netflix несколько раз поднимал цены.Вот почему они переместили эту часть своего ценностного предложения в раскрывающийся список часто задаваемых вопросов внизу страницы. Они по-прежнему сообщают вам эту информацию на странице, чтобы вы не нажимали на нее, но они больше не придают этому большого значения.
• Краткое содержание — Хотя многие шоу Netflix долго разматываются, вы можете переварить эту целевую страницу всего за несколько секунд. Здесь меньше 200 слов текста, и каждое пособие содержит только пару строк вспомогательного текста.Это разумно, поскольку, согласно отчету о сравнительном тестировании конверсии за 2020 год, целевые страницы мультимедиа и развлечений, содержащие менее 350 слов, как правило, лучше конвертируются.

---

2. LinkedIn

Изображение из LinkedIn. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / профессиональные услуги

Почему это вдохновляет…

• Люди по продукту — В SaaS всегда сложно найти баланс между тем, нужно ли сначала показывать снимок экрана своего продукта или фотографию покупателя, который на самом деле его использует. Вот почему мне очень нравится подход, который применяет здесь LinkedIn, смешивая индивидуальные фотографии улыбающихся соискателей (кто так счастлив, когда они подают заявку на работу ?!) с 3D-изображениями, демонстрирующими функции Premium.Поистине лучшее из обоих миров.
• Ссылки для перехода — Для более длинных целевых страниц, подобных этой, может быть полезно разместить якорные ссылки вверху страницы. Таким образом, посетители могут сразу перейти к наиболее интересным для них частям.
• Мощная статистика — На этой странице нет реальных социальных доказательств (было бы неплохо увидеть отзыв пользователя LinkedIn Premium), но есть мощный бит данных. «InMail в 2,6 раза эффективнее, чем одна только электронная почта». Это ОГРОМНО для соискателей, которые хотят связаться с менеджерами по найму или рекрутерами, и я предполагаю, что это, вероятно, одна из основных причин, по которым посетители подписываются на Premium в первую очередь.Я бы порекомендовал провести A / B-тест, чтобы увидеть, приведет ли добавление этой статистики в заголовок страницы к дальнейшему увеличению конверсии.

---

3. Бычок

Изображение любезно предоставлено Гоби. Щелкните, чтобы увидеть все.

«Чистка безупречна». Это то, что обещает эта целевая страница от Goby вверху, давая посетителям уверенность и любопытство при переходе по ссылкам. Их удостоенная наград электрическая зубная щетка не только заслужила впечатляющие отзывы, но и является доступной по цене и подкреплена гарантией возврата денег.Теперь это стоит улыбки!

Промышленность : Стоматология

Почему это вдохновляет…

• Анатомия зубной щетки: Ознакомьтесь с тем разделом страницы, который раскрывает каждый элемент зубной щетки. Вместо того, чтобы просто рассказывать об этих особенностях в тексте, посетители могут собственноручно увидеть «мягкую щетину премиум-класса» и «качающуюся головку щетки».
• Сообщение о социальном воздействии: Покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и приносят пользу сообществу.Вот почему мы копаем в нижней части страницы раздел, в котором рассказывается, как Goby жертвует процент от каждой продажи программе Global Student Outreach Стоматологического колледжа Нью-Йоркского университета.
• Фото в Instagram: На странице есть множество отличных социальных доказательств, но карусель фотографий из Instagram внизу действительно ставит вишенку наверх. Мало того, что каждое фото каким-то образом заставляет зубную щетку выглядеть прямо-таки прямо модной , но и ручки Instagram также прямо здесь, если вы хотите лично увидеть, что сказал каждый влиятельный человек.Отлично!

---

4. DoorDash

Изображение от DoorDash. (Щелкните, чтобы увидеть все.)

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

Отрасль: SaaS / Доставка еды

Почему это вдохновляет…

• Сфокусированный на вас заголовок — В чем самое большое преимущество работы с доставкой еды? Дело не в том, что вы узнаете все короткие пути в вашем городе, и не в том, что ваш автомобиль пропитан восхитительным запахом еды (спустя 10 лет, а моя машина все еще пахнет пиццей пепперони).Самое большое преимущество — это свобода, которую вы получаете. Вы можете работать в свое свободное время и быть самим себе боссом. И эта целевая страница передает это чувство прямо в заголовок.
• Это тоже все о деньгах — Если свобода — это главное преимущество работы водителем DoorDash, то другим преимуществом должны быть деньги. Посмотрите на график, на котором показан ваш потенциальный еженедельный доход. (Неплохо для езды по городу с несколькими тако в багажнике!)
• Квалификационные требования — DoorDash не хочет, чтобы все претендовали на должность и перегружали свой отдел кадров.Вот почему они стараются перечислить требования здесь, на первой странице процесса регистрации. Так что, если у вас нет машины или вам еще не исполнилось 18 лет, вы знаете, что не стоит надеяться.

---

5. SEM Rush

Изображение из SEM Rush. (Щелкните, чтобы увидеть все.)

Если вы специалист по цифровому маркетингу, вы, вероятно, уже знакомы с SEM Rush. Их платформа предлагает универсальный набор инструментов для SEO, контент-маркетинга, PPC, социальных сетей и исследования рынка.Но вместо того, чтобы пытаться продать вам все эти вещи одновременно, эта целевая страница фокусируется только на одном: как вы можете использовать их платформу, чтобы узнать больше о своих конкурентах.

Отрасль: SaaS / Маркетинг

Почему это вдохновляет…

• Ультра-убедительный CTA — CTA на этой странице отражает врожденное желание каждого маркетолога следить за конкурентами. (Подождите, это только я?) В форме с одним полем вас попросят ввести * любое * доменное имя, прежде чем вам будет предложено нажать большую кнопку и «Get Insights.«И вспомогательный текст в разделе героев действительно помогает вам понять идею:« Посмотрите, откуда идет их трафик и насколько вовлечены их пользователи ».
• Сильное социальное доказательство — Эта целевая страница поражает почти все типы социальных доказательств. Панель с логотипами узнаваемых брендов? Проверять. Отраслевые награды и достижения? Проверять. Отзывы реальных маркетологов? Проверять. А если и этого было недостаточно, внизу есть карусель твитов, демонстрирующих недавнюю болтовню о платформе в Интернете.
• Информация для аудитории, копия — Чтобы создать целевую страницу с высокой конверсией, вы должны знать свою аудиторию и рассказывать о преимуществах, о которых они больше всего заботятся. Текст здесь сосредоточен на больших данных и алгоритмах машинного обучения, потому что они нужны маркетологам, ориентированным на данные. Умный.

---

6. Coco Village (Агентство: J7 Media)

Изображение любезно предоставлено Coco Village и J7 Media. Щелкните, чтобы увидеть все.

Даже будучи взрослым взрослым мужчиной, я все еще визжал от восторга, когда видел некоторые кровати и комплекты постельного белья на этой целевой странице для Coco Village.(Двухъярусная кровать в домике на дереве ?! Мой внутренний ребенок умирает от зависти.) Маркетологи J7 Media, рекламного агентства Facebook, проделали феноменальную работу, продемонстрировав на этой целевой странице коллекцию различных продуктов, но при этом сосредоточив внимание на ней. единственная цель по переходу по клику.

Промышленность : Постельное белье

Почему это вдохновляет…

• Акцент на распродаже: Когда вы предлагаете большую распродажу или скидку, вы хотите, чтобы * все * знали об этом. И посетители этой целевой страницы не могут пропустить тот факт, что они предлагают «50% скидку на кровати и комплекты постельного белья.Это не только основной заголовок, но он также повторяется под каждым продуктом при каждом призыве к действию. Они даже вычеркивают исходные цены, чтобы показать, сколько денег вы сэкономите. Отлично!
• Демонстрирует товары: С целевыми страницами электронной коммерции не всегда лучший выбор сосредоточиться только на одном продукте или элементе. На этой странице показано, как можно продемонстрировать посетителям несколько различных вариантов, в то же время сосредоточив их на одной цели CTA.
• Дополнительные продукты: Хорошо, может быть, вы похожи на меня и думаете, что кровати выглядят круто, но прямо сейчас вам не нужна одна из них.Именно тогда на странице появляется несколько очаровательных подушек, выставленных на продажу по гораздо более низким ценам. (Я могу покупать или не покупать ту, которая выглядит как улитка для себя.)

---

7. Grass Roots (Агентство: MuteSix)

Изображение любезно предоставлено Grass Roots и MuteSix. Щелкните, чтобы увидеть все.

Спрос на мясо травяного откорма постоянно растет, и здесь сочетается эта целевая страница от Grass Roots Farmers ’Cooperative и агентства MuteSix. Прокручивая страницу, вы совершаете полный путь к покупателю — от осознания проблемы (понимание того, почему мясо травяного откорма лучше), через рассмотрение (понимание того, почему вы должны выбрать травяной корень в качестве поставщика протеина), до принятия покупка («Получите скидку 30 долларов США»).

Industry : Food and Nutrition

Почему это вдохновляет…

• Видеообзор: Вверху страницы находится минутное видео с участием основателя и генерального директора Bulletproof Дэйва Эспри. Он объясняет, насколько сложно найти высококачественное мясо травяного откорма и почему Дейв использует корни травы для мяса, которое он не может найти в продуктовом магазине. Это задает приятный тон остальной части страницы и настроит вас на совершение покупки.
• Подход к повествованию: Вся страница использует повествование аналогичным образом, действительно заставляя вас покупать больше мяса травяного откорма в качестве образа жизни. Прокручивая страницу, вы невольно чувствуете, что упускаете этот более полезный (и более вкусный) вариант из говядины, курицы и бекона.
• Сильное социальное доказательство: Эта страница не только демонстрирует, что Grass Roots является единственной компанией по доставке мяса, одобренной Bulletproof, но и способствует тому, что у них более 500 5-звездочных отзывов и 7000 довольных клиентов.(«У меня будет то, что у них есть».)

---

8. Amazon

Изображение с Amazon. (Щелкните, чтобы увидеть все.)

Вот целевая страница, на которой на бумаге , похоже, вообще не работает. Цвета здесь невероятно разрозненные. Есть несколько разных художественных стилей. Кажется, что контент повсюду. Черт возьми, на странице даже есть несколько ссылок на другие страницы и точки выхода. (Ужас!) Но Amazon каким-то образом удается избежать наказания за нарушение всех этих правил, потому что они знают, что их предложение слишком хорошее, чтобы отказаться от него.

Промышленность : Электронная торговля / 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

Изображение любезно предоставлено Class Creator. (Щелкните, чтобы увидеть все.)

Class Creator из Австралии использует эту целевую страницу Unbounce, чтобы проникнуть на рынок США (и, надеюсь, помочь компании найти партнеров в США), когда школа находится в перерывах между занятиями в их родной стране.На странице представлены многие функции продукта, а также основные преимущества. Он нацелен на руководителей высокого уровня, которым перед покупкой нужно как можно больше информации.

Отрасль: Образование / SaaS

Почему это работает ..

• Нарушение правил: Я знаю, что вы собираетесь сказать. «Это не целевая страница. Это домашняя страница. Это нарушает все правила. Вы только посмотрите на эту панель навигации! Посмотрите на все эти разные ссылки. Коэффициент внимания выходит из-под контроля! » Ворчать, ворчать, ворчать.Но здесь есть урок для тех, кто ищет вдохновение для целевой страницы: оставайтесь гибкими . Тим Боуман, генеральный директор Class Creator, сказал мне, что эта домашняя страница добилась большего успеха, чем традиционная целевая страница, ориентированная на конверсию. Я хотел включить это здесь как пример того, что вы можете сделать.
• Плавающая панель навигации: Если вам необходимо добавить панель навигации, лучше держать ее на виду всегда. Это также позволяет Class Creator держать основной призыв к действию («Демонстрационная школа») вверху страницы, чтобы посетителям не требовалась прокрутка, чтобы найти его.
• Цифры не лгут: В верхней части страницы Создатель класса приводит довольно серьезные цифры в качестве социального доказательства. Они привлекают более 10 000 преподавателей в 13 странах, которые уже используют их программное обеспечение как мощный инструмент убеждения.
• Легкий доступ к демонстрации продукта: В сфере SaaS очень часто можно увидеть, как компании ставят слишком много барьеров между потенциальными клиентами и демонстрацией своего продукта. («Отправьте своего первенца, чтобы получить доступ к нашей 5-минутной бесплатной пробной версии.Class Creator знает, что потенциальным клиентам очень важно запачкать руки с демонстрационной или пробной версией программного обеспечения. Это гарантирует, что они смогут оценить продукт в действии, генерируя квалифицированных потенциальных клиентов (с помощью простой формы электронной почты) и продвигая их дальше по воронке продаж.
• Разумное использование лайтбоксов: Эта целевая страница (действующая как домашняя) уже может многое рассказать о Class Creator. Помещение любой дополнительной информации в лайтбоксы помогает не мешать ей.Несомненно, им стоит протестировать разные версии этой страницы, в которых функции заменены преимуществами или отзывы помещены в более привычном месте.

Примечание редактора. Если вы ищете свободу творчества, чтобы создавать все, что захотите, Unbounce Builder предлагает такую ​​гибкость, независимо от того, хотите ли вы создать всплывающее окно или липкую панель, длинную целевую страницу или страницу, оптимизированную для SEO. Узнайте больше здесь.

---

19. Fast Mask (Агентство: J7 Media)

Изображение предоставлено Fast Mask и J7 Media.Щелкните, чтобы увидеть все.

Вот еще один пример от J7 Media, который слишком своевременен. Fast Mask создает и продает банданы и маски для лица, которые предназначены для использования на мотоцикле, квадроцикле или во время езды на велосипеде. (Хотя я могу придумать еще одну причину, по которой вам может понадобиться такая маска.) Эта страница предназначена для любителей острых ощущений и демонстрирует некоторые из ярких дизайнов, которые вы можете выбрать для своей маски, а также некоторые из различных способов их ношения.

Отрасль : Одежда и одежда

Почему это вдохновляет…

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

---

20. Good Eggs

Изображение предоставлено Good Eggs. (Щелкните, чтобы увидеть все.)

Хорошие люди в Good Eggs знают, как использовать изящный маркетинг (просто посмотрите на их домашнюю страницу!). На самом деле, я думаю, что многие их целевые страницы отлично подошли бы для этого поста о дизайне целевой страницы. Этот конкретный пример, который продвигает бесплатную кокосовую воду, не является исключением, но он также предлагает мастер-класс по сдержанности. Он показывает, как использовать промо, чтобы получать конверсии, не становясь при этом властным.

Отрасль: Доставка продуктов питания

Почему это вдохновляет…

• Халява: Бесплатность кажется универсальной. Но в данном случае обещание бесплатности делает больше, чем просто апелляцию к нашей инстинктивной любви к , не платя за вещи . Он создает доброжелательность, предоставляет образец продукта, который предлагает Good Egg, и быстро устанавливает соответствие стилю жизни между услугой и посетителем. Что я имею в виду под соответствием образу жизни? Что ж, если вы в восторге от получения бесплатной кокосовой воды от Harmless Harvest, вы уже знаете, что Good Eggs отлично подойдет вам.
• Добавленная стоимость: Сначала меня озадачил этот заголовок, потому что я подумал, что вы получите больше удовольствия от всего бесплатного (например, я не знаю, «Бесплатная кокосовая вода» может сработать?). Но вполне вероятно, что средний покупатель Good Eggs думает о большем, чем просто заключить сделку. Здесь продвижение помогает продемонстрировать ценности бренда, такие как благополучие, экологичность и этические нормы труда. Так что это не просто бесплатно, это еще и хорошо, .
• Отзывы: Упоминать конкурентов может быть немного рискованно, но Good Eggs решает эту проблему, позволяя клиенту делать это за них.Иногда отзывы могут быть немного похожими, если одно и то же повторяется разными голосами. (Это не всегда плохо.) Однако здесь они были тщательно отобраны, чтобы усилить три ценностных предложения, перечисленных выше.

---

---

21. HomeLoanGurus (Агентство: ConversionLab)

Изображение любезно предоставлено HomeLoanGurus и ConversionLab. Щелкните, чтобы увидеть все.

Вот еще один пример целевой страницы от опытных маркетологов из ConversionLab. HomeLoanGurus — это служба, которая связывает покупателей жилья с кредиторами, даже если у вас плохой кредитный рейтинг.(У 670 плохой кредитный рейтинг? Я спрашиваю друга.) Эта целевая страница отлично объясняет, как работает их сервис, простым языком и побуждает посетителей подавать онлайн-заявку на получение первой ссуды.

Отрасль : Финансы и страхование

Почему это вдохновляет…

• Сосредоточение внимания на проблеме: Заголовок здесь не об услугах, а о посетителях. «Плохой кредитный рейтинг?» Вы сразу знаете, с какой ситуацией вы имеете дело, и страница сразу же выражает сочувствие, прежде чем предлагать HomeLoanGurus в качестве решения.
• Ориентировано на процесс: Получение ипотечного кредита может быть чрезвычайно сложным. Есть много документов, терминологии и правил, с которыми вам придется разбираться. Эта целевая страница описывает процесс в виде простых шагов и помогает сделать его намного проще для посетителя, который может беспокоиться о том, чтобы сделать первый шаг.
• Будьте краткими: Финансовые целевые страницы различаются по длине, но данные из Отчета о конверсии за 2020 год показывают, что лучше всего конвертируются страницы, содержащие менее 200 слов.Этот пример показывает, как можно много говорить, не делая страницу слишком длинной.

---

22. Jet Pet

Изображение предоставлено Jet Pet. (Щелкните, чтобы увидеть все.)

На каждого человека, живущего в Ванкувере, должно быть не менее шести собак. Jet Pet понимает любовь этого города к собакам, и они большие поклонники использования Unbounce Builder для рекламы своих премиальных услуг по размещению собак и трех мест для местных жителей. Мы включили его сюда, потому что эта целевая страница является источником вдохновения для всех, кто ориентируется на выбранный географический регион.

Отрасль: Уход за домашними животными

Почему это работает…

• Четкое указание значения: Простой заголовок («Dog Boarding Vancouver») позволяет пользователю узнать, что он сорвал джекпот. Для платных кампаний Jet Pet также может использовать функцию Dynamic Keyword Replacement (DTR) Unbounce, чтобы заменить ключевое слово в поиске («Dog Kennels Vancouver») для улучшения соответствия сообщений. Затем, когда потенциальный клиент нажимает на объявление в Google, он попадает на страницу с заголовком, который соответствует их ожиданиям.
• Двухэтапная форма: Как правило, использование многоступенчатых форм может привести к более высоким показателям конверсии, чем одиночная длинная форма. Здесь двухэтапная форма снижает психологическое трение двумя способами. Во-первых, это сводит к минимуму предполагаемые усилия при подписке на услугу. (И даже если вторая форма окажется разочаровывающей, кто-то, кто уже заполнил первую форму, будет инвестирован и с большей вероятностью продолжит работу. Ошибка невозвратных затрат FTW.) Во-вторых, двухэтапная форма может задержать запрос более «деликатных» вопросов до тех пор, пока потом.
• Дружелюбие: Говоря о форме, мне нравится, что первое, что вас спрашивают (и единственное обязательное поле на первой странице), это имя вашей собаки . Я ожидал этого вопроса, если бы зашел в одно из их мест со своим щенком на поводке, но, увидев здесь тот же вопрос, я улыбнулся. Страница Jet Pet полна дружеских жестов, которые делают их запоминающимися.
• Построение доверия: Доверие своей собаке другому требует значительного душевного спокойствия.Поэтому важно, чтобы Jet Pet использовал копию, которая укрепляет это доверие и дает клиентам чувство уверенности в том, что они покинули Фидо с «любящими экспертами», которые заботятся о его интересах. Ободряющий язык, который Jet Pet использует на странице, усиливает это сообщение, включая эмоционально нагруженные термины, такие как «забота», «безопасность» и «любовь».
• Видео-отзывы: Вам не всегда нужно видео, чтобы иметь эффективный отзыв, но в случае с Jet Pet я думаю, что это разумный шаг.Существует множество сомнительных свидетельств, поэтому демонстрация реальных владельцев собак, говорящих в камеру, помогает укрепить доверие к ним. (Я тоже хотел бы увидеть собак на этих видео.)

---

23. Муала (агентство: BuzzShift)

Изображение любезно предоставлено Mooala. (Щелкните, чтобы увидеть все.)

Итак, оказывается, вы можете доить банан. Кто знал? (Mooala Organic, вот кто.) Целевая страница, созданная BuzzShift, отражает игривость и чувство веселья бренда, воплощенные в их талисмане.Кроме того, он прост и вселяет большое доверие к их продукту. Кэмерон Гоули, соучредитель и генеральный директор BuzzShift, рассматривает варианты выбора в контексте всей воронки:

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

Отрасль: Напитки / альтернативы молочным продуктам

Почему это вдохновляет…

• От целевой страницы до офлайн-покупки: Как отмечает Гоули, обещание купона выполняет двойную функцию по сравнению с мягкой конверсией. Он создает почтовую рассылку и поощряет покупки в магазине. Поскольку дегустация верна, это важный компонент стратегии цифрового маркетинга Mooala.
• Встреча возражений в лоб: Ненавистники бананов собираются ненавидеть бананы.Но следует похвалить Муала за то, что тот немедленно отказался от одного возможного возражения против бордюра: «Что такое бананамилк, спросите вы? Это не сладко-сладкий банановый смузи, как вы могли подумать. Смело решая эту проблему, текст помогает изменить ожидания и продвигать продукт как «легкую, молочную альтернативу, которой вы можете наслаждаться без чувства вины».
• Грамотно размещенная анимация: Видео и анимация могут быть чрезвычайно полезными, но они также могут отвлекать внимание, если их неправильно расположить.Мне нравится включение анимации внизу страницы, где она привлекает внимание к призыву к действию, а не отвлекает от основного сообщения Муала.
• Очереди в соцсетях: Поощрение посетителей следить за аккаунтами бренда в социальных сетях увеличивает возможности быть восхитительными и оставаться в центре внимания.

---

24. NANOR (Агентство: Webistry)

Изображение любезно предоставлено NANOR и Webistry. Щелкните, чтобы увидеть все.

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

Промышленность : Велнес / Подарки

Почему это вдохновляет…

• Темный фон : Эта целевая страница мгновенно выделяется из-за черного фона.Раскраска создает высококлассную атмосферу премиум-класса на странице, которая действительно помогает привлечь внимание к продукту как к предмету роскоши.
• Изображения, которые вы практически чувствуете по запаху: Некоторые предметы, как известно, сложно продать в Интернете. Свечи, например, кажутся той вещью, которую большинство людей хотели бы понюхать перед покупкой. (И до тех пор, пока кто-то не изобретет заново запах-о-видение для современной эры рекламы — это будет трудно осуществить.) Эта страница отлично справляется с описанием аромата каждой свечи и демонстрацией прекрасных изображений грейпфрутов, цветов, трав и т. Д. специи для обозначения каждого аромата.
• Кнопка «Добавить в корзину»: Чтобы посетители могли легко совершать покупки прямо на целевой странице, Webistry использовала пользовательские кнопки «Добавить в корзину». Ознакомьтесь с их публикацией в сообществе Unbounce, чтобы узнать, как добавить кассу Shopify на свою целевую страницу.

---

25. Panda7 (Агентство: Webistry)

Изображение любезно предоставлено Panda7 и Webistry. Щелкните, чтобы увидеть все.

Кому-нибудь действительно нравится процесс страхования автомобиля? (Если вы не говорящий геккон, ответ, вероятно, будет отрицательным.) Вам нужно связаться с несколькими разными страховщиками, сравнить их ставки, а затем тщательно просмотреть контракты на предмет скрытых комиссий. Но эта целевая страница для Panda7 (еще одна, созданная Webistry) обещает значительно упростить жизнь водителям — их сервис позволяет вам сравнивать расценки всех основных страховщиков и покупать автострахование за считанные минуты. Да, пожалуйста.

Отрасль : Финансы и страхование

Почему это вдохновляет…

• Явные преимущества : На странице ясно показано, что использование услуги дает два основных преимущества.Во-первых, это экономит ваше время, позволяя сравнивать лучшие цены в Интернете. Во-вторых, это экономит ваши деньги (в некоторых случаях до 30%). Эти два момента повторяются снова и снова по-разному, так что вы можете уловить их, даже если просматриваете беглый просмотр.
• Фирменные визуальные эффекты : страница органично интегрирует королевский фиолетовый цвет бренда по всей странице, во всем, от иллюстраций до цветов фоновой части. Очень сплоченный и очень профессиональный вид.
• Плавающий заголовок CTA : Обратите внимание на этот плавающий заголовок.При прокрутке кнопка быстро меняется с номера телефона в верхней части страницы на основной CTA «Сравнить цитаты». Очень круто.

---

26. Pared

Изображение любезно предоставлено компанией Pared. (Нажмите, чтобы увидеть все.)

Мы рады продемонстрировать эту красивую целевую страницу от Pared, приложения, которое подбирает (или, кстати, объединяет) рестораны с предварительно квалифицированным кухонным персоналом. Как и в примере из Class Creator, Pared не нужен сложный веб-сайт, чтобы донести свою идею до людей. Конструктор перетаскивания Unbounce дает им возможность вносить изменения и отслеживать конверсии.По словам Дэйва Лу, президента и соучредителя Pared, это оказалось эффективным даже три года спустя:

С первого дня я смог быстро собрать воедино веб-сайт и целевую страницу для своего стартапа. Благодаря Unbounce я могу выполнять итерацию и A / B-тестировать изменения без необходимости привлечения дизайнера или разработчика. Это невероятно раскрепощающий и мощный инструмент для любого маркетолога.

Сфера деятельности: Рестораны / Персонал

Почему это вдохновляет…

• Говорит о своей нише: Pared — это услуга не для всех, и они это знают.Вместо этого у них есть конкретная клиентура, потребности которой они полностью соответствуют. Эта целевая страница начинается с одной конкретной проблемы, с которой сталкиваются эти люди: «Больше никогда не будет нехватки персонала», и идет оттуда. (Они используют другие веб-ресурсы для набора Pared Pros.)
• Разъясняющее видео: Целевая страница включает в себя краткое объяснение, которое на простом, доступном языке знакомит зрителей с проблемой и их решением. Целевые страницы приложений, в частности, выигрывают от таких видео.
• Крупные имена и логотипы: На странице представлены логотипы самых разных узнаваемых закусочных и ресторанов, которые пользуются данной услугой. Он также включает в себя убойные отзывы от владельцев шеф-поваров в таких заведениях Сан-Франциско, как Little Gem, Octavia и Jaridiniere (ныне, к сожалению, исчезнувшие).

---

27. Perfect Keto (Агентство: Webistry)

Изображение предоставлено Perfect Keto и Webistry. Щелкните, чтобы увидеть все.

Вот еще один пример протеиновых батончиков Perfect Keto от Webistry.На странице эти батончики не только продаются как вкусные угощения, но и подчеркиваются их полезность для здоровья и питания. (Всего три грамма чистых углеводов в каждом батончике? Это означает, что вы можете получать шесть батончиков в день, не выходя из состояния кетоза!)

Промышленность : Продукты питания

Почему это вдохновляет… : На странице представлены отзывы различных влиятельных лиц и авторов кето-диеты. (Включая… Джо Рогана? Конечно, почему бы и нет.) Но есть и другое социальное доказательство: они хвастаются, что у них более 2500 отзывов, а их бренд появляется в таких публикациях, как Women’s Health, Reader’s Digest и Popsugar.

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

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

---

28. Twinwoods Adventure (агентство: Bluespark Digital)

Изображение любезно предоставлено Twinwoods Adventure. (Щелкните, чтобы увидеть все.)

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

Отрасль: Приключения

Почему это вдохновляет…

• Сохранение опыта: Twinwoods Adventure продают впечатления, поэтому социальное доказательство имеет решающее значение для продвижения посетителей по золотой линии от любопытства к конверсии. (В конце концов, вы можете вернуть паршивый продукт, но плохие впечатления останутся с вами на всю жизнь.) Эта страница поражает вас двойным ударом отзывов и оценок от Google, Facebook и TripAdvisor.
• Hype video: Некоторые концепции требуют видео. Прыжки с парашютом в помещении — одно из них. Видео в середине страницы делает невероятную работу по созданию шумихи для опыта, демонстрируя ряд уровней навыков. Если вы думали, что аэродинамическая труба — это не что иное, как негабаритный фен, мальчик, вы ошибались.
• Держите номер под рукой: Как и на многих страницах, которые мы представили, дизайн поощряет прокрутку вниз (нажатие на стрелку под CTA приведет вас к преимуществам).Но Twinwoods, вероятно, часто бронируют по телефону, поэтому плавающий номер телефона позволяет отображать этот конкретный призыв к действию независимо от того, где люди попадают на страницу.
• Дополнительная информация: Прежде чем надеть комбинезон, у меня есть еще вопросы. (Например, где вы вообще взяли аэродинамическую трубу?) Вот почему я с облегчением обнаружил, что нужная мне информация спрятана на странице. Возможно, эти разделы могут быть немного более заметными в виде кнопок, но Twinwoods Adventure умно включает эту дополнительную информацию, не растягивая страницу.

---

29. Roomeze (Агентство: Snap Listings)

Изображение любезно предоставлено Roomeze и Snap Listings. Щелкните, чтобы увидеть все.

У меня была своя доля плохих соседей по комнате, поэтому меня сразу же заинтересовала эта целевая страница Roomeze от Snap Listings. Их служба обещает подобрать вас с проверенными соседями по комнате в Нью-Йорке и поселиться в квартире менее чем за 1000 долларов в месяц. Интересно, есть ли способ убедиться, что ваши будущие соседи по комнате не играют на тромбоне? (Потому что поверьте мне.Вам не нужен сосед по комнате, который играет на тромбоне.)

Отрасль : Недвижимость

Почему это вдохновляет…

• Стиль на многие мили: Перемещение может быть стрессовым, но может и много весело. Яркие иллюстрации на этой странице отражают последнее чувство, заставляя вас воодушевляться перспективой начать все сначала с новыми соседями по комнате.
• Убедительный призыв к действию: Главный призыв к действию на странице задает вопрос: «Что вы можете получить за 1000 долларов в месяц?» Если вы хоть немного знакомы с недвижимостью Нью-Йорка, то знаете, что многие места взимают плату за руку и ногу даже за квартиру размером с коробку из-под обуви.Идея, что вы можете найти потенциально хороших квартир за эту цену, очень убедительна.
• Визуальная форма: Посмотрите внизу страницы, где вас просят заполнить простую форму, чтобы сделать первый шаг. UX здесь довольно хорош, первые два вопроса — это простые флажки (включая визуальные иллюстрации), которые помогут вам начать работу.

---

30. Smalls

Изображение любезно предоставлено Smalls. Щелкните, чтобы увидеть все.

Вы когда-нибудь пробовали корм для кошек? (Нет, я тоже.Это было бы странно.) Я полагаю, что большая часть этого не имеет хорошего вкуса, и, вероятно, это не слишком хорошо для вас. Но именно поэтому мое внимание привлекла эта целевая страница Smalls Food for Cats. Их служба подписки предлагает еду человеческого качества для ваших кошачьих друзей. Ни подделки, ни наполнителя. Существуют влажные и сухие разновидности, которые дадут вашей кошке более свежее дыхание всего за один месяц — а это значит, что вы, наконец, можете увидеть, как пахнет ваша кошка изо рта, когда оно не пахнет кормом для кошек .

Industry : Корм ​​для домашних животных / коробки для подписки

Почему это вдохновляет…

• Купоны: Для коробок для подписки купон или скидка могут иметь большое значение для того, чтобы убедить посетителей попробовать. На этой странице подчеркивается, что вы можете получить скидку 25% на свою первую коробку, используя липкую полосу вверху страницы.
• Цвета: Оранжевый! Желтый! Синий! На странице каждый раздел разбит на разные цвета фона, что придает игре веселый и игривый вид.(Посмотрите также на эти очаровательные иллюстрации в разделе преимуществ.)
• Кошки : На этой целевой странице представлено более 11 забавных фотографий кошек, которые наслаждаются продуктом, находятся на руках у их владельцев и любуются собой в зеркало (без сомнения, созерцают) вкусная еда, которую они только что съели). В отзывах даже изображены кошки вместо людей! Тоже. Много. Симпатичность.

---

31. Мороженое

Изображение любезно предоставлено Sundae. Щелкните, чтобы увидеть все.

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

Отрасль : Недвижимость

Почему это вдохновляет…

• Минималистичный дизайн: Эта целевая страница убирает почти все фотографии, анимации, видео и отвлекающие факторы, которые вы найдете на других страницах.Он использует много пустого пространства, чтобы дать вам передышку во время чтения, что важно в отрасли, которая часто загромождает вас информацией и тактикой продаж с высоким давлением.
• Самоидентифицирующаяся копия: У кого-то есть множество причин использовать такую ​​услугу, как Sundae, и эта страница разумно вызывает их прямо в верхней части. Если вы унаследовали старую собственность, которую не можете оставить, обнаружили ли вы структурные проблемы или пострадали от стихийного бедствия, Sundae специализируется на том, чтобы помочь вам продать свой дом вне рынка в любом состоянии.
• Убедительная сравнительная таблица: Иногда бывает рискованно напрямую сравнивать ваш сервис с другими вариантами или конкурентами, но эта страница делает это очень хорошо. Они даже подчеркивают два своих самых больших преимущества, заключая их заглавными буквами: «НУЛЕВОЙ ПЛАТЕЖ» и «ПРОДАВАТЬ КАК ЕСТЬ».

---

32. Wavehuggers (Агентство: Everett Andrew Marketing)

Изображение любезно предоставлено Wavehuggers. (Щелкните, чтобы увидеть все.)

Созданная Everett Andrew Marketing, эта блестящая целевая страница объединяет безопасность и веселье благодаря тщательно подобранным визуальным эффектам и ясным, кратким сообщениям.По словам Марка Чапмена, основателя и президента Everett Andrew, этот дизайн был полностью выделен:

Наша цель при создании страницы заключалась в том, чтобы прорваться сквозь беспорядок и переполненный рынок предприятий здесь, в южной Калифорнии, предлагающих уроки серфинга — как на Google и Facebook. Перенести каждый важный компонент конверсии (например, социальное доказательство, срочность, выстрел героя, CTA и т. Д.) На страницу, в основном в верхней части страницы, было непросто, но в конце концов мы нашли способ сегментировать их, чтобы каждая часть привлекала внимание.

Отрасль: уроков серфинга

Почему это вдохновляет…

• Оценка Yelp: Даже самые убогие продукты или услуги могут собрать воедино несколько положительных отзывов. («Мама генерального директора считает, что мы крутые».) Вот почему высокие оценки от Yelp, TripAdvisor, Amazon или Google могут дополнять отзывы, как и здесь. Гораздо сложнее поддерживать высокие оценки на этих сайтах. (Только помните, что посетители всегда могут проверить ваш счет самостоятельно.)
• Специальное предложение с ограниченным сроком действия: Как и многие из приведенных здесь примеров, Wavehuggers добавляют срочности целевой странице с помощью ограниченного по времени продвижения. Может показаться, что это не так уж много — на данный момент подобные вещи являются почти маркетинговым клише, — но даже небольшие изменения, такие как добавление «только на ограниченное время» в промокод, могут повлиять на ваши коэффициенты конверсии.
• Безопасность, комфорт, развлечения: Потенциальные клиенты, вероятно, будут искать уроки, чтобы чувствовать себя более комфортно на воде. Все на этой целевой странице сосредоточено на обещании положительных впечатлений.Текст на этой целевой странице убеждает их, что серфинг «не так страшен, как вы могли подумать».
• Реальные клиенты: Фотографии здесь не так отполированы, как некоторые из других в этом списке (см. Western Rise ниже), но знаете что? Они не должны. Потрясающая стоковая фотография профессионального серфера, вешающего десять человек, была бы гораздо менее эффективной, чем эти изображения детей, веселых на своих досках. От курсивного шрифта до нарисованных от руки стрелок — стиль Wavehuggers отражает непринужденную атмосферу серферской культуры.

---

33. Woolx

Изображение предоставлено Woolx и Заком Дунканом. Щелкните, чтобы увидеть все.

На этой целевой странице Woolx используются фотографии и видеофоны с высоким разрешением, чтобы посетители могли ближе и индивидуально взглянуть на свой свитер Rory. Изделие изготовлено из 100% шерсти австралийского мериноса (это разновидность овцы, к вашему сведению), что делает его стильным, дышащим и ультра-удобным предметом одежды. Теперь, кажется, я наконец понимаю, что такое «апре-ски шик».

Промышленность : Одежда / Одежда

Почему это вдохновляет…

• Привлекающая внимание фотография: Фотографии здесь занимают всю ширину целевой страницы, а это означает, что вы не можете не восхищаться деталями свитер и представьте себя в нем снежным зимним днем.(Они также заставляют меня хотеть завести симпатичного щенка хаски, но, возможно, это было непреднамеренно.)
• Рекламная акция на липкой полосе: Обратите внимание на эту липкую полосу вверху страницы, предлагающую 10% скидку для посетителей. Подобные ограниченные по времени предложения — отличный способ улучшить ваш рейтинг кликов и заставить людей переключиться с просмотра на покупки.
• Видеообзор: С такой одеждой важно не только продавать сам продукт, но и стиль жизни бренда.На видео на странице изображена женщина, которая готовится к утренней велопрогулке, зашнуровывая туфли и застегивая свитер. Это тонкий способ укрепить целевую аудиторию.

---

34. Zumba (Агентство: MuteSix)

Изображение предоставлено Zumba и MuteSix. Щелкните, чтобы увидеть все.

Я не очень хорошо справляюсь с большинством упражнений. У меня действительно нет танцевальных навыков. И у меня, конечно же, нет хорошего ритма. Но по какой-то причине … Думаю, я, может быть, хочу сейчас стать инструктором Zumba? Вот насколько хороша эта целевая страница для обучения зумбе (созданная агентством MuteSix).Они делают вид, что выучить шаги и начать преподавать совершенно доступно (и доставляет массу удовольствия).

Промышленность : Фитнес

Почему это вдохновляет…

• Активная фотография : Zumba — это движение, и эта целевая страница передает эту кинетическую энергию с фотографиями в высоком разрешении людей, прыгающих, танцующих и смеющихся . Энергия практически исходит от страницы, заставляя вас начать онлайн-обучение.
• Вдохновляющая копия : С такими словами, как «тряска попой» и «свежая музыка», используемыми на всей странице, копирайтинг здесь также помогает привлечь внимание посетителей.Более того, они обещают, что вы «преуспеете в качестве инструктора» и «станете частью чего-то большого», когда зарегистрируетесь.
• Вспомогательные видеоролики: При работе с фитнес-программами всегда важно показывать видеоконтент, чтобы посетители могли почувствовать, каково это на самом деле попробовать сами. На странице используется сочетание профессиональных видео и материалов, созданных инструкторами, чтобы вы могли заглянуть в мир Zumba изнутри.

---

ABT: Always Be Testing

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

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

Будьте Майклом Джорданом на целевых страницах

Когда я учился в средней школе, у меня был друг, который бросил играть в баскетбол после просмотра Майкла Джордана в финале НБА. «Я никогда не смогу приблизиться к его уровню, — сказал он мне, — так какой в ​​этом смысл?»

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

Но не сдавайтесь!

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

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

Если у вас есть целевая страница, которой вы хотите похвастаться — свою или даже чью-то еще, — поделитесь ею ниже.

44 примера целевых страниц, которые вдохновят вас в 2021 году [Обновлено]

Целевая страница — это не обычная территория веб-сайта.

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

У вас есть новое предложение, возьмите шаблон перехода, клонируйте ту же форму, которую используете снова и снова. … Где чувство приключения? Где творческое исследование, которое заставляет посетителя на самом деле захотеть, чтобы конвертировал?

🎓 Бесплатный урок IMPACT +: 19 предложений по конверсии и содержанию, которые генерируют лиды

Примеры целевых страниц, которые я привожу ниже, охватывают линии B2B, B2C, а также широкий спектр отраслей и предложений.

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

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

Что должна включать целевая страница?

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

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

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

• Пояснительное видео, в котором подробно описывается предложение и его стоимость. (Это часть видеороликов «Семь продаж», которые должны быть включены в стратегию каждого бизнеса.)

  🎓 Бесплатный урок IMPACT +: Как создать видео на целевой странице, конвертирующее

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

Как вы должны структурировать свою целевую страницу? Это может варьироваться, поэтому используйте A / B-тестирование для экспериментов.

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

Отличные примеры целевых страниц на 2021 год

1. Amazon

Как они это сделали:

• Лидеры с четким и кратким ценностным предложением и призывом к действию.
• Позволяет видео говорить, прежде чем разбирать вещи в копии.
• Copy фокусируется на ценности для пользователя / покупателя.
• Несколько дружелюбных и близких друг другу изображений, показывающих самую разную аудиторию.
• Выделяет ключевые особенности с отзывами, подтверждающими их утверждения.
• Социальное доказательство включает в себя реальные фотографии и метки социальных сетей для подтверждения подлинности.
• Заранее отвечает на часто задаваемые вопросы.

2. Billy Ragan Roofing *

* Примечание редактора: Billy Ragan Roofing является клиентом IMPACT

Как они это сделали:

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

3. Убер

Как они это сделали:

• Заголовок включен, который говорит об общей болевой точке пользователя — гибкости рабочего графика.
• Форма размещается высоко на странице, чтобы ее не пропустили, а также дает посетителям возможность сразу же совершить конверсию, если они того пожелают.
• Включает ясную и краткую копию.
• Выделяет три основные причины конверсии.
• Использует большой образ дружелюбного, отзывчивого человека.

4. EF Ultimate Break

Как они это сделали:

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

5. Snapchat

Как они это сделали:

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

6. Наклейка Mule

Как они это сделали:

• Использует динамическую анимацию, чтобы привлечь внимание и направить вниз по странице.
• Использует шутливую копию фирменного стиля, чтобы объяснить ценность предложения.
• Включает призыв к действию на уровне глаз, когда вы заходите на страницу.
• Содержит высококачественный развлекательный видеоролик с дополнительными сведениями о продукте.
• Включает социальное доказательство в виде отзывов покупателей. В них даже есть настоящие фотографии.
• Дает «следующие шаги» в виде предлагаемых рецептов.

7. MasterClass

Как они это сделали:

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

8. HelloFresh

Как они это сделали:

• Включает высококонтрастный призыв к действию в разделе героев.
• Использует романтические штрихи, которые совпадают с предложением «свидания», чтобы направлять взгляд вниз по странице.
• Сообщает вам, как именно работает процесс, и что вы найдете в коробке для устранения трения.
• Использует совместный маркетинг / маркетинг влияния в своих интересах, включая фотографии и цитаты Джессики Альбы, чтобы побудить людей к конверсии.
• Effective использует блокировку для разделения важных разделов страницы и, опять же, для направления вашего взгляда.
• Использует реальные, связанные изображения, которые идеально сочетаются с сообщениями.

9. Amazon Prime

Как они это сделали:

• Призыв к действию размещен вверху страницы, поэтому его нельзя пропустить.
• Использует видео, чтобы очеловечить предложение и более динамично объяснить его ценность (см. Выше).
• звезд из фильма, представленных в качестве маркетингового акцента.
• Messaging использует эксклюзивность и стимулы для поощрения конверсии. Он также напрямую обращается к пользователям Prime.
• Страница заканчивается перенаправлением посетителей к сопутствующим продуктам (альтернативные возможности конверсии).

10. Sheffield Metals International *

* Примечание редактора: Sheffield Metals International является клиентом IMPACT

Как они это сделали:

• Ведет с видео, показывающим реального члена команды.
• Копия краткая и заостренная.
• Удаляет все, что отвлекает, включая ссылки и всплывающие окна.
• Смелая кнопка с призывом к действию выделяется на странице и привлекает внимание.

11. Zenefits

Как они это сделали:

12. Офисные интерьеры *

* Примечание редактора: Office Interiors является клиентом IMPACT

Как они это сделали:

13.Базовый лагерь

Как они это сделали:

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

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

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

• Общие вопросы и задачи, рассмотренные выше.

Бонус базового лагеря:

Как они это сделали:

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

14. ТБС

Как они это сделали:

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

• Позволяет видео говорить, показывая его в области героя. Он отлично справляется с очеловечиванием предложения за счет миниатюры человека. (К счастью для них, это тоже знаменитость.)

• Показывает, что именно вы получите, если заполните форму на странице.

15. Прикладные образовательные системы *

* Примечание редактора: прикладные образовательные системы — это IMPACT Client

Как они это сделали:

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

16. Codecademy

Как они это сделали:

• Дизайн в верхней части страницы прост и не отвлекает, с использованием четкого заголовка, релевантного изображения и формы с ярко-красной кнопкой CTA.

• Функция входа через Facebook или Google+ снижает барьер для конверсии.

• Использует видео от настоящего студента, чтобы ответить на распространенный вопрос: «Как кодирование может вам помочь?»

17. Страхование ягод *

* Примечание редактора: Berry Insurance является клиентом IMPACT

Как они это сделали:

18. Патреон

Как они это сделали:

19.Строители Личфилд *

* Примечание редактора: Litchfield Builders — это клиент IMPACT

Как они это сделали:

20. УДАР

Как они это сделали:

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

21. Todoist

Как они это сделали:

• Сказание «более 2 миллионов человек делают удивительные вещи с помощью Todoist» является социальным доказательством и исследует вопрос «Почему не вы?»

• При нажатии ярко-красной кнопки появляется форма с надписью «Зарегистрируйтесь за секунды», позволяющая войти в существующую учетную запись Google+.Это дает понять, что конвертация проста и не пугает.
  

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

22. Речные бассейны и спа *

* Примечание редактора: River Pools & Spas является клиентом IMPACT

Как они это сделали:

23.Вивино

Как они это сделали:

• Использование красного выделяется на черном фоне и подчеркивает психологическую связь с вином, основным продуктом Vivino.