Close

Идеальный лендинг пример: Идеальный лендинг, 7 примеров продающих Landing Page

Содержание

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

Мы собрали 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. Неинтересные и некачественные видео.

Идеальный лендинг пример | ЗЕКСЛЕР

Структура: посетители ценят простоту

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

Создание профессионального прототипа — первый шаг в правильном направлении.

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

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

Контент: интернетом правит информация

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

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

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

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

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

​ ​

Оптимизация и продвижение: нет пределов совершенству

Как ни крути, а создание эффективного landing page немыслимо без поискового продвижения. В противном случае пользователи интернета его просто не увидят.

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

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

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

 ​

Landing page примеры: идеальный лэндинг пейдж пример

Принципы эффективности
Психологические аспекты
Вместо заключения

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

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

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

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

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

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

Примеры конечных целей определяют специфику landing page. Можно выделить три группы:

  • Подписной лендинг. Такая страница преследует конкретную цель – гость должен подписаться на рассылки. Наглядный пример – блог. На начальном этапе его раскручивают, увеличивая базу подписчиков, а затем переходят к монетизации.
  • Регистрационный лендинг. Он стимулирует пройти регистрацию в сервисе. Зачастую роль такой landing page выполняет главная страница сайта. Примеры легко найти в Сети. По такому принципу построена социальная сеть «ВКонтакте».
  • Продающий лендинг. Это один из наиболее востребованных вариантов, который оказывает воздействие напрямую на объемы продаж и финансовые показатели.

Видео здесь: https://youtu.be/4fI8Xbv_1kI

Принципы эффективности

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

Есть ряд факторов, которые позволяют определить правильность landing page на этапе подготовки.

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

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

Психологические аспекты

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

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

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

Повысить уровень доверия можно разными способами. Например, если вы продвигаете новый товар известного бренда, не забудьте упомянуть его. Пользователи еще не пробовали новинку, но предыдущая линейка им знакома. Используйте сертификаты, награды, ссылки авторитетных ученых и исследовательских центров. Весомый аргумент – гарантии. Например, предоставьте клиентам право вернуть товар в утвержденный срок без объяснения причин. Это повышает уровень доверия к landing page и вашей фирме в целом.

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

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

Высоких вам конверсий!

image source: gnuckx

27-12-2015

экспертная выборка. Спортивный корсет “Loni-corset”

Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

  • сразу дает посетителю понять, куда он попал;
  • показывает ему уникальность вашего предложения.

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

От заголовка зависит показатель отказов.

Вот примеры заголовков лучших лендингов нашей компании.

2. Дескриптор

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

В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

  • реальный номер телефона;
  • электронную почту;
  • кнопку «Обратный звонок».

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

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

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

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

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

7. Отзывы клиентов

Блок с отзывами – ключевой в лендинге.

На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.

Каждый отзыв:

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

Вот примеры блоков с отзывами на лучших лендингах нашей студии.

8. Тарифы или пакеты услуг

Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.

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

9. Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

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

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

Также тут размещается заключительная форма захвата.

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

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

1. Nest Thermostat

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

2. Boy-Coy

Сайт дизайнерской студии, после которого вы вряд ли захотите даже искать предложения конкурентов. Четырехэкранный лендинг способен убедить обратиться именно к этим ребятам, даже если вы не прочитаете ни отзывов, ни списка компаний, с которыми сотрудничала студия. Скорее всего, вы просто пролистаете, любуясь эффектом параллакса и сами того не заметите, как начнете вносить свои данные в симпатичную форму обратной связи.
http://boy-coy.com

3. Водка «Валенки»

Еще один пример красивого landing page с эффектом параллакса. Сугубо имиджевая страница, не заставляющая немедленно совершить покупку, но создающая положительный образ у целевой аудитории. Заметьте, информация о качестве продукта представлена в достаточном объеме, но её можно и упустить, наблюдая за тем, как красиво плавают кубики льда. Тем не менее, нужный эффект уже достигнут. Этот сайт слишком красив, чтобы предлагать что-то некачественное – такой подсознательный вывод возникнет у каждого посетителя любого со вкусом сделанного сайта.
http://www.valenkivodka.com

4. Интернет-магазин плюшевых медведей

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

5. Smart Progress

Красивый landing page популярного сервиса постановки и достижения целей. Во-первых, зайдите и посмотрите, как это работает, во-вторых, оцените дизайн, олицетворяющий движение к поставленной цели. В совокупности с очень грамотным наполнением блоков он действительно мотивирует сделать все, что запланировано, но откладывалось в долгий ящик.
https://smartprogress.do

Примеры продающих лендингов с высокой конверсией

1. Производство и монтаж деревянных окон

Как известно, лендинг не должен перегружать посетителя, а сразу давать ему то, за что можно зацепиться и оформлять заявку. Спорить не будем, но некоторые товары требуют тщательного выбора, и одним-двумя блоками тут не отделаешься. Лендинг данного производителя окон пошел по программе максимум и коснулся таких подробностей, о которых мы при выборе окон и не задумываемся. И хотя в паре блоков, как нам кажется, случился информационный перегруз, все равно эта страница является хорошим примером большого лендинга.
http://goodwin-nnov.ru/

2. Страхование КАСКО

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

http://простокаско.рф

3. Франшиза развлекательных аквариумов-автоматов

Хороший пример продающего лендинга, обеспечивающего высокую конверсию за счет того, что четко объясняет выгоды потенциальному клиенту, но и оставляет интригу, желание узнать подробности бизнес-плана, обещающего пассивный доход. Дизайнеру – наша отдельная похвала.
http://morewishes.ru

4. Ремонт ноутбуков

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

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

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

Примеры одностраничных лендингов:

1. Дом на бульваре — жилой комплекс

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

Дизайн у страницы отличный. Приятная пастельная цветовая гамма ассоциируется с уютом и, кстати, примерно соответствует цветовой схеме отделки жилого комплекса, судя по фото. Гармонично получилось, всё в едином стиле. Фотографии подобраны отличные, они дают выгодно позиционируют проект. Описания планировок квартир чёткие, понятные. Доводы для преимуществ выбраны весомые, текст лаконичный и качественный. Без воды и пространных утверждений, каждая фраза несёт полезную информацию потенциальному клиенту. Страница существует уже около 2-х лет — перед вами лендинг-долгожитель. Это связано со спецификой ниши — привлекать клиентов начали ещё в начале застройки. Интересный одностраничник.

2. Viaresto — цифровое оборудование для кафе и ресторанов

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

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

3. Re: content — страница веб-студии

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

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

4. Печатниковъ — лендинг типографии

Печатниковъ.рф — симпатично оформленная страница типографии. Характерный логотип с отсылкой к старославянским первопечатникам, намекающий на аутентичность ремесла и повышающий его значимость в наше цифровое время. Шапка атмосферно выглядит, хотя элементы в ней расположены ассиметрично. В мобильной версии этого не видно. Есть меню для быстрой навигации по секциям. Кстати, этот лендинг многостраничный: иконки с изображениями услуг содержат ссылки на страницы с их описаниями. Это не противоречит идее лендинга, они тоже бывают многостраничные. Суть оффера сводится к обращению в типографию. На одной странице нельзя выкладывать два десятка услуг — она получится слишком длинной, не дочитают. Поэтому создание дополнительных статических страниц здесь вполне оправдано.

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

5. Страница производителя кабин для переводчиков

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

Структура страницы крайне простая: чередующиеся секции с описанием нескольких моделей синхрокабин. Характеристики везде практически одинаковые, по ним трудно понять отличия между моделями, зато можно отметить несколько полезных свойств. Тем не менее, они не являются информативными. Главный посыл страницы в том, что существует компания, которая производит столь специфический товар, у неё есть адрес, телефон, почта и даже профиль VK. Можно звонить и узнавать подробнее.

Подводим итоги

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

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

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

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

99 фишек с примерами

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

1. Сайт – Dogstudio.com


Dogstudio.com

Интерактивная смена цветов

Цветовой окрас 3D элементов и фона изменяется с прокручиванием колесика мыши.


Интерактивная смена цветов

Интерактивный 3D дизайн

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


Интерактивный 3D дизайн

2. Сайт – Stuart.com


Stuart. com

Фоновое видео

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


Фоновое видео

Бегущие контент-элементы

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


Бегущие контент-элементы

Несколько кнопок

Такая уловка, как две кнопки с целевым действием на одном экране, способна значительно повысить конверсию. В данном случае эта возможность реализована тремя кнопками “Get started”, “Get in touch” и “Request a delivery”.


Несколько кнопок

Расширенная форма


Палитра цветов

Анимационные линейки

Интересное решение – анимированные линейки для отображения размеров товара.


Анимационные линейки

Модифицирующийся экран

Все элементы экрана меняют свое положение, исчезают или появляются новые при прокручивании колесика мыши.


Модифицирующийся экран

15. Сайт – Оснащение фитнес клубов


Оснащение фитнес клубов

Кнопка с подсветкой

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


Кнопка с подсветкой

Рамка вокруг целевых слов

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


Рамка вокруг целевых слов

Интерактивная шкала

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


Интерактивная шкала

Переключатель опций

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


Переключатель опций

16.

Сайт – Maze.design
Maze.design

Изометрический дизайн

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


Изометрический дизайн

Анимация

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


Анимация

17. Сайт – Gyrosco.pe


Gyrosco.pe

Интерактивная схема

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


Интерактивная схема

18. Сайт – Unbounce.com


Unbounce.com

Инфографика

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


Инфографика

Анимированные скрины

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


Анимированные скрины

19. Сайт – Гриль-зона


Гриль-зона

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


Элемент в форме речевого облака

Размытый и легкий фон

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


Размытый и легкий фон

20. Сайт – Лайк Кар


Лайк кар

Треугольные элементы

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


Треугольные элементы

21.

Сайт – Sundaybreakfast.org
Sundaybreakfast.org

Рукописный шрифт


Рукописный шрифт

22. Сайт – Tweakr.io


Tweakr.io

Общее фото и описание команды – статичные элементы

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

Общее фото и описание команды – статичные элементы

23. Сайт – Majortom.com


Majortom.com

Проявляющиеся надписи

Надписи проявляются постепенно, сверху вниз: вначале рисуется контур, затем плавно заполняется цветом.


Проявляющиеся надписи

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


Вертикально ориентированные шрифты

Интерактивная анимационная кнопка

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

Интерактивная анимационная кнопка

Загружающийся круг

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


Загружающийся круг

Логотип

Отображаемый лого при загрузке сайта – эффективное использование этого времени.


Логотип

24. Сайт – Embacy.io


Embacy.io

Цветные плоские плашки

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


Цветные плоские плашки

Смена направления прокрутки

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


Смена направления прокрутки

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


Индикация количества просмотренных экранов

25. Сайт – DK-SPORT


DK-SPORT

Градиентное затемнение фото

Особенно удобно в случае, если на фото нужно поместить надпись – с одной стороны и ее будет видно и фото останется в достаточной степени распознаваемым.


Градиентное затемнение фото

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


Фото в миниатюре-превью для слайдера

Интерактивный выбор цвета

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


Интерактивный выбор цвета

Такой прием позволяет одновременно передавать информацию о компании (на фото), с другой – колорировать лендинг фирменными цветами.


Затенение цветом фонового изображения

Светло-серый фон на фото

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


Светло-серый фон на фото

26. Сайт – Airbase.com


Airbase.com

Иллюстрации, выполненные в упрощенной технике и с применением узнаваемых символов.


Иллюстрации в стиле инфографики

Акцентирование цветом

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


Акцентирование цветом

Бегущая строка из логотипов

Непрерывно бегущая горизонтальная строка (слева направо или наоборот) – необычное и не заезженное решение.


Бегущая строка из логотипов

27. Сайт – Dotphotonraw.com


Dotphotonraw.com

Белый шрифт на темном фоне

Благодаря цветовому решению ставится акцент на возможности работы софта (размер файла до сжимания и после) и, соответственно, повышается к нему доверие.


Белый шрифт на темном фоне

2D иллюстрации

Плоские иллюстрации (особенно в соединении с плоским дизайном сайта) смотрятся интересно и еще долго будут сохранять свою популярность.


2D иллюстрации

28. Сайт – Absurd.design


Absurd.design

Юмористические элементы

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


Юмористические элементы

Плавное появление контента

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


Плавное появление контента

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


Прозрачная плашка с кнопками меню

29. Сайт – Boni corset


Boni corset

Совмещение фото и схемы

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


Совмещение фото и схемы

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


Двухстороннее фото в стиле “было” и “стало”

Счетчик обратного отсчета

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


Счетчик обратного отсчета

30. Сайт – Edu.pixton.com


Edu.pixton.com

Яркие насыщенные цвета

Яркие цвета – один из трендов в веб-дизайне. Применяя данную фишку Вы точно выделитесь на фоне конкурентов.


Яркие насыщенные цвета

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

Плоский дизайн (упрощение форм и линий, отсутствие теней и объема) с одной стороны – достаточно прост, с другой – выразителен и по-прежнему популярен.


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

31. Сайт – Drift.com


Drift.com

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


Плитки-посты из социальных сетей

32. Сайт – Couple.co


Couple.co

При наведении курсора мыши на фото – всплывает ник клиента в Instagram. При клике на фото – происходит переход на страницу компании в Instagram.


Коллаж из фотографий от клиентов

33. Сайт – Salesforce.com


Salesforce.com

Плейлист из видео-отзывов

Видео-отзывы, организованные в плей-лист – неожиданное и редкое решение.


Плейлист из видео-отзывов

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


Видеоколлаж, как заставка плей-листа

34. Сайт – Йога


Йога

Аудио отзывы

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

Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.

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

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

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

Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.

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

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

Развлекательные сайты

Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.

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

Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.

В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.

Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.

Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.

Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.

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

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

Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.

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

Лендинги-портфолио

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

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

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

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

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

Пример необычного плиточного дизайна.

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

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

Иконки и ничего лишнего. Хороший пример минималистичного дизайна.

Страница-портфолио отображает самое главное — примеры работ.

Розничная торговля

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

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

Ничто не отвлекает посетителя от созерцания прекраснейших часов.

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

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

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

Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.

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

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

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

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

Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.

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

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

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

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

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

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

Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».

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

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

Заключение

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

примеры + секреты высокой конверсии

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

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

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

с чего начать

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

По теме:  Отличие лендинга от сайта: кто победит?

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

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

  1. Провести анализ рынка и конкурентов;
  2. Выявить ожидания, стереотипы, страхи, боли и возражения целевой аудитории;
  3. Разделить ЦА на сегменты и определить их критерии выбора.

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

Поэтому, если Вы еще этого не делали и не знаете, как, то скорее бегите изучать наш блог.

Нужен готовый Landing page?

Закажите разработку
в нашем агентстве

Посмотреть стоимость

Сделайте сами
на конструкторе

Перейти в конструктор

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

После подготовительного этапа, следующее, на чём будет строиться наш сайт, это “теплота” трафика. Да что уж, от этого будет зависеть все!

И наполнение, и фото, и тексты, и инфографика. На этом моменте многие допускают ошибку, но мы ведь не такие? 😉

Настоящей находкой для тех, кто задумался о создании лендинга станет, так называемая, “Лестница узнавания: Бена Ханта”. Выглядит схема следующим образом:

Лестница Ханта

Согласно этой схеме, клиент должен “созреть” и пройти все 5 этапов от отсутствия потребности до готовности купить. Конкретный пример, как применять Лестницу Ханта, мы разобрали в этом видео:

Для того, чтобы не объяснять все “на пальцах”, далее все будет основано на реальных событиях, а именно на примере landing page одного из наших клиентов – компании по чистке ковров “Чистый квадрат”.

Конверсия компании по чистке ковров “Чистый квадрат”

К слову, средний результат всего трафика – 6% конверсии в заявку, которая в их нише можно назвать покупкой. Много это или мало? Читайте об этом в нашей статье.

По теме: Средняя конверсия сайта: миф разрушен.

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

Этап 1: Нет проблемы

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

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

Чаще всего это клиенты, которые его только-только купили. Поэтому в этом случае весь наш сайт будет пропитан структурой PMPHS.

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

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

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

Важно. Продавайте больше, информируя клиентов через E-mail, Viber, SMS, Web-push рассылки. Для этого рекомендуем надежный сервис UniSender. Кликайте и тестируйте -> UniSender

Этап 2: Есть проблема, нет решения

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

Используйте эту информацию на своём сайте, что есть решение этой неприятной ситуации.

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

И тут мы показываем решение только в рамках нашей услуги. Не показывая другие решения. Чем отличается данный этап от третьего.

НАС УЖЕ БОЛЕЕ 32 000 чел.
ВКЛЮЧАЙТЕСЬ

Этап 3: Решение есть, сравниваем варианты

Если Ваш потенциальный клиент ещё не на этом этапе, что возможно при условии, что Вы продаёте новое или редкое решение, о котором люди не слышали, то Вам нужно вернуться на 1 и 2 этап. Но если же клиент уже находится на этой стадии, то он знает, что:

  1. Нужно чистить ковер, чтобы продлить его срок службы;
  2. Необходимо проводить профилактику для избежания скопления бактерий;
  3. Ковёр чистить нужно специальной химией и оборудованием, а не мылом и пылесосом;
  4. Можно вывести даже самые ужасные пятна.

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

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

Сравнение с конкурентами

Но надо понимать, что эти люди еще не готовы купить, они довольно “холодные” и еще размышляют:

– Может, всё-таки на автомойку или самостоятельно?

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

Этап 4: Выбор продукта

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

На этой стадии докажите, что Ваша компания самая лучшая и предоставляет наилучшие условия среди всех других.

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

Результат до/после

Этап 5: Уверенность и намерение

Клиенты, которые приходят по таким запросам как “чистка ковров чистый квадрат” ищут конкретную компанию.

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

Такие клиенты, что называется, “горячее” некуда. Все, что им нужно предоставить – наши контакты и call to action.

А Вы откуда

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

И я не уделяла бы столько внимания этому, если бы структура landing page не зависела от “Лестницы Ханта”.

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

Когда лендинг создается с нуля, ответ получается очень размытый, в стиле “Да мы все попробуем…Хотя, наверное что-то одно, либо таргетинг, либо контекстную рекламу… Еще не решили”.

Почему это так важно?

1. Таргетированная реклама. С нее придут люди, которые находятся на Этапе 1 – 2. Редко 3. И почти никогда 4.

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

2. Контекстная реклама. С нее скорее всего придут те, кто находится на этапе 4 или 5. И наверняка у них в браузере будет открыто сразу несколько сайтов конкурентов помимо вашего.

Поэтому очень важно уделить достаточно внимания УТП, сделать его лучше, чем у других.

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

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

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

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

Пример структуры

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

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

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

  1. Заголовок;
  2. Выгоды;
  3. Преимущества перед конкурентами;
  4. Сравнение с услугами/аналогами;
  5. Пример результата;
  6. Условия работы;
  7. Этапы чистки;
  8. Почему нам доверяют;
  9. Футер (карта с адресом и контакты).

Задачи блоков

При создании и наполнении блоков и элементов landing page, мы опирались на то, чтобы каждый из них выполнял одну из трёх задач:

  1. Привлечение внимания. Скажу честно, в 95% случаев на эту задачу закрывают глаза, только если нет 100% крутого факта о компании или вашем продукте.
  2. Донесение выгод. То, что чаще всего мы видим на всех сайтах. А именно информация о себе любимых или почему нужно выбрать нас.
  3. Отработка возражений. Например, отработка возражения “Что будет, если мне испортят ковер?”
Обработка возражений

Важно. Допиливать сайт до идеала, конечно, хорошо, но многие забывают про самое главное – систему оплаты. И наш выбор – Yookassa. Внедряется легко и есть решение для отправки чеков в налоговую. Кликайте -> Yookassa

Прототип сайта

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

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

Вот вам пример прототипа, структура лендинг пейдж со схемами. Этот прототип я честно украла с нашего сайта, посвященного созданию landing page 😉

Прототип

Коротко о главном

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

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

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

По теме:
Дизайн лендинга: 99 фишек с примерами
Landing page картинки: 14 ТОПовых примеров

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

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

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

Дизайн landing page: от старого к новому

Лендинг пейдж умер. Да здравствует лендинг пейдж!

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

Старые одностраничники, кричащие нам: Купи! Сейчас! Срочно! и заставляющие нас нервно дергаться: «а успеем-то срочно?» отжили свое. И пусть.

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

  • Блочная подача контента, облегчающая его восприятие
  • Яркая графика и лаконичный дизайн навигационных элементов 

Все мы по сути своей — жутко ленивые создания. Ладно-ладно, львиную часть времени занимает работа, а быстрый темп жизни не оставляет нам времени на разжевывание материала. Старое и важное правило дизайна гласит: «Не заставляйте меня думать». Это правило было придумано Стивом Кругом (гуру юзабилити, написавшим много бестселлеров на тему веб-дизайна) в 2000, и остается по-прежнему актуальным в 2017 году.

  • Краткость — сестра таланта

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

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

  • Список ваших преимуществ

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

Структура лендинга: что еще должно быть?

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

  1. Интересный и цепляющий заголовок, часто содержащий УТП — ваше уникальное торговое предложение;
  2. Форма для заказа товара или для отправки вашего электронного адреса;
  3. Отзывы ваших клиентов (Мы советуем размещать правдивые отзывы в виде скриншотов из соц сетей или переписки, по которым вашим клиентам будет понятно, что перед глазами не подделка) ;
  4. Блок: вопрос-ответ с информацией о товарах/услугах;
  5. Контактная информация.

Чего быть не должно: 4 ошибки, которые убивают конверсию вашего сайта

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

Гоните в шею разработчика, если вам навязывают:

1. Безликий шаблон, стянутый с чужого ресурса

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

2. Дизайн не соответствует содержимому

Hand-made дизайнер уверяет вас, что тяжелые блоки, золотые вензеля на черном фоне — идеальное решение для сайта детской одежды? А сами как думаете? Мы говорим однозначное: нет! Дизайн должен помогать пользователю понять ваш продукт. Чтобы этого избежать, четко определитесь со своей целевой аудиторией. Нельзя угодить всем: выберите свою нишу, а остальное доверьте хорошей веб студии.

3. Безобразные шрифты и бестолковый текст

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

А теперь о тексте. Не пишите простыни. Мы уже говорили о лаконичной подаче информации. Напоминаем еще раз: не перегружайте людей текстом. Большинство из нас легче воспринимает визуальную информацию.

4. Не используйте чужие фото в разделах «О компании» и прочее.

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

Landing page: дизайн, который работает на вас

Переходим от теории к практике. За время существования нашей студии мы создали несколько современных и эффективных лендингов.

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

Первый пример лендинг пейдж:

Графические блоки с интересной идеей подачи продукта

Бывает: взглянешь на то, как представлен продукт, — а оно не цепляет. Ну вот никак.

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

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

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

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

Второй пример лендинг пейдж:

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

Мы разработали сайт для NUMBER PLATE KEY RING —компании, специализирующейся на продаже брелков в Великобритании.

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

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

Хотите узнать стоимость такого дизайна? Цена дизайна лендинг пейдж зависит от поставленных задач, сложности проекта, количества привлеченных сотрудников и других факторов.

 

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

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

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

Строительный лендинг: 15 примеров оформления

Пример 1.

Аренда машин дорожной разметки

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


Пример лендинга по аренде машин дорожной разметки

В оставшейся части лендинга находятся характеристики техники. Прописаны они тезисно; дополнительная информация есть в видеоролике:


Обзор характеристик в видеоформате

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

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


Форма заявки

Пример 2. Продажа газона

Газон — товар для широкого круга потребителей. Упор на таком лендинге нужно делать на визуал и преимущества покупки. Вот как выглядит первый экран:


Пример лендинга компании по продаже газона

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


Неуместный для лендинга каталог товаров

И это еще один большой минус. На сайте не соблюдается правило «1 страница — 1 товар». Газон — товар универсальный, выбрать нужный сорт можно уже после оформления заявки. Здесь же кнопки «Купить» под каждой единицей товара ведут на одну и ту же форму. Эта ошибка может стать причиной низкой конверсии.

Пример 3. Продажа кровельных материалов и монтаж кровли

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


Многотоварность — не лучшее решение для лендинга

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

При всем этом дизайн лендинга и его структура выполнены идеально. Вот первый экран:


Пример лендинга компании по монтажу кровли

А вот часть с преимуществами компании:


Преимущества компании

Есть блок с примерами работ:


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

Ближе к футеру лендинга размещена форма заявки:


Интересно оформленная форма заявки

Пример 4. Продажа строительного угля

На этом лендинге хорошо читается первый экран с описанием товара и кнопкой «Оставить заявку»:


Пример лендинга поставщика угольной продукции

Ниже в довольно интересной форме представлены преимущества товара:


Нестандартное для данной ниши оформление преимуществ товара

Такая подача привлекает внимание пользователя.

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


Форма заявки и прайс-лист

Представление всех характеристик товара на одной странице, как правило, здорово влияет на конверсию.

Пример 5. Ремонт квартир

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


Пример лендинга компании по ремонту квартир

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

Под главным экраном находится баннер с акцией:


Блок акций

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

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


Пример оформления преимуществ компании по ремонту квартир

Пример 6. Продажа накопителей электроэнергии

На первом экране — описание товара и форма заявки. Внимание привлекает задний план, на котором вместо статичной картинки загружается видеоролик:


Пример лендинга компании по продаже бесперебойников

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

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


Нестандартное оформление преимуществ товара

Часто такой подход срабатывает лучше, чем обычный список преимуществ.

Низ страницы оформлен без особенностей: отзывы, видеообзор, информация о доставке и т.д.

Пример 7. Установка заборов

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


Пример лендинга компании по установке заборов

Ниже расположен блок с акциями:


Акции

В середине страницы — список товаров с описанием и ценами:


Список товаров

И только в конце появляется форма заявки:


Форма заявки

Лендинг очевидно плохой из-за отсутствия форм связи в начале страницы и нелепого дизайна.

Пример 8. Перевозка грузов

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

Главный экран фактически отсутствует. На верхней полосе есть только название услуги:


Пример лендинга компании по перевозке грузов

Ниже перечислены виды услуг; для каждой — свое изображение:


Перечень услуг

Есть карта, на которой отмечен адрес компании, и еле заметная кнопка «Заказать звонок»:


Пример футера лендинга

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

Пример 9. Стяжка пола

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


Пример лендинга компании по монтажу напольного покрытия

Ниже находится информация по типам помещений и кнопка, ведущая на калькулятор:


Расчет стоимости

Далее располагается развернутое описание действий специалистов:


Вариант оформления этапов работы строительной компании

В конце есть форма заявки:


Пример оформления формы заявки

Пример 10.

Монтаж деревянных окон

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


Пример лендинга компании по монтажу окон

Далее — слайдер с товарами:


Оформление каталога товаров в формате слайдера

Преимущества перечислены в следующем блоке:


Не очень удачное оформление преимуществ компании

В конце располагается форма заявки:


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

Пример 11. Остекление веранд и террас

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


Пример лендинга компании, занимающейся остеклением веранд и террас

Ниже находится галерея со списком услуг:


Оформление списка услуг в виде портфолио

В конце располагается кнопка для связи с менеджером. Вместо привычной надписи «Связаться» здесь указано целевое действие — «Получить расчет стоимости»:


Слайдер с примерами выполненных проектов и кнопка призыва к действию

Пример 12. Остекление балконов

На главном экране располагаются заголовок, описание услуги и форма заявки:


Пример хорошо оформленного лендинга компании по остеклению балконов

Далее перечислены преимущества компании и гарантии:


Преимущества компании по остеклению

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


Блок с портфолио

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


Список клиентов и форма заявки

Пример 13. Остекление и отделка балконов

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


Пример лендига компании по остеклению и отделке балконов

Далее идет прайс-лист:


Прайс-лист

В середине лендинга — список преимуществ:


Преимущества компании по остеклению и отделке балконов

В конце находятся форма заявки и призыв к действию:


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

Пример 14.

Дизайн интерьеров

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


Пример лендинга компании, занимающейся дизайном интерьеров

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


Некорректная форма заявки

Затем пользователь видит портфолио:


Портфолио


Портфолио

Потом снова появляется форма заявки с целевым действием:


Повторная форма заявки

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

Пример 15. Монтаж окон

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


Пример лендига компании по монтажу окон

Чуть ниже находится блок с преимуществами:


Оформление списка преимуществ

В конце располагается список товаров и форма заявки:


Перечень товаров и форма заявки

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

13 отличных примеров посадочных страниц, которые вы захотите скопировать в 2021 году

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

Какова цель целевой страницы?

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

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

Совет: Хотите простой способ добавить форму на свою целевую страницу? Бесплатный инструмент для создания форм HubSpot поможет вам наполнить CRM лидами с вашего веб-сайта.

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

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

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

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

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

Каков хороший коэффициент конверсии целевой страницы?

Согласно WordStream, средний коэффициент конверсии целевой страницы равен 2.35% в разных отраслях, при этом верхний 25-й процентиль целевых страниц достигает 5,31% или выше.

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

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

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

Хотите вдохновиться? Ознакомьтесь с великолепными примерами целевых страниц ниже.

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

13 отличных примеров дизайна посадочной страницы

1. Lyft

Нам нравится, что на целевой странице Lyft они сосредоточены на главной мотивации своих водителей: легко зарабатывать деньги.

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

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

2.Профессиональный Wingman

Хорошо, поэтому сама идея иметь профессионального ведомого, который поможет вам найти свидания и содержательные отношения, уже довольно крута. Но когда вы сталкиваетесь с перспективой найма одного из сотрудников, это также вызывает вопросы. Как это работает? Сколько это стоит? Это действительно поможет мне?

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

После того, как вы нажмете эту кнопку, вы не попадете на новую страницу. Вместо этого сразу появляется межстраничная форма. И хотя он запрашивает много информации — частично личную, — он также дает понять, что The Professional Wingman отнесется к этому серьезно, но только если вы тоже.

3. Стойка для мусора

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

Самое интересное в этой целевой странице то, что она может понравиться обеим аудиториям Muck Rack. Верхняя часть страницы разделена на две части, в которых представлены две разные службы рядом. Когда посетитель наводит курсор мыши на CTA «найти журналистов» или «создать бесплатное портфолио», появляется очень простая форма — и это важно, чтобы не отвлекать пользователя от текущей задачи.

4. Цифровой

Есть несколько вещей, которые заставляют работать эту целевую страницу Cigital. В нем простые и актуальные образы. Заголовок прост, а описание электронной книги информирует зрителей о конкретной ценности, которую они получат, загрузив ее. Есть только один призыв к действию — «ПРОЧИТАЙТЕ ЭЛЕКТРОННУЮ КНИГУ», который выделяется на странице благодаря ярко-желтой кнопке CTA.

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

5. Академия Хана

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

Остальная часть страницы предназначена для зрителей, которые не совсем знакомы с Khan Academy. В нем красочно и подробно описаны ключевые преимущества использования обучающей платформы, которые легко просканировать и понять. Также есть повторяющийся призыв к действию: «Начни учиться сейчас». Как только зрители почувствуют, что у них достаточно информации, они могут щелкнуть призыв к действию, чтобы вернуться к форме в верхней части страницы без необходимости прокрутки.

6. Club W

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

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

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

7. Codecademy

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

Сама форма проста и требует только адреса электронной почты, имени пользователя, пароля и подтверждения того, что вы не робот для создания учетной записи. Или вы можете просто использовать свою учетную запись Facebook или Google Plus, что еще больше сократит путь конверсии.

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

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

8. Пашот

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

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

9. Сапун

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

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

10. Институт стартапов

Посетители вашего сайта не будут передавать свою личную информацию, не зная, что они получат взамен. На своей целевой странице Startup Institute подробно разъясняет, что произойдет после того, как вы подадите заявку, разместив вопросы и ответы рядом с формой. Это может побудить некоторых людей сказать: «Они читают мои мысли!»

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

11. Edupath

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

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

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

12. Клуб дегустаторов

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

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

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

13. Microsoft IT Showcase

Целевая страница ниже использовалась для продвижения и привлечения потенциальных клиентов для одного эпизода серии веб-семинаров Microsoft IT Showcase.

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

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

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

Готовы создать свою целевую страницу?

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

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

Первоначально опубликовано 18 января 2021 г. 9:47:00, обновлено 26 января 2021 г.

Темы:

Дизайн целевой страницы

Не забудьте поделиться этим постом!

12 лучших примеров посадочных страниц

Позвольте задать вам вопрос…

Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам?

С точки зрения бизнеса, вам не следует идти ни на что.

Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией.

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

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

И это легко заметить, нажав на рекламу в социальных сетях.

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

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

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

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

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

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

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

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

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

Но прежде чем мы это сделаем, мы должны пройти через…

Что делает отличную посадку Страница

Этот вопрос зависит исключительно от ваших потребностей.

Итак, позвольте мне задать вам пару вопросов, которые помогут вам очистить разум и думать в правильном направлении.

# 1 Чего вы хотите достичь с помощью целевой страницы?

Наиболее распространенные варианты:

  • Привлечение людей к участию в обмене на бесплатную ценность по предмету
  • Прямая продажа недорогого продукта, например книги или мини-курса
  • Предложение бесплатной пробной версии для ежемесячного обслуживания или программного обеспечения
  • Предложение бесплатно + доставка где вы рассчитываете на дополнительные продажи, чтобы получить прибыль

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

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

Если вы не уверены, ниже по почте будет несколько примеров.

Теперь следующий вопрос, вы должны задать себе …

# 2 Вы привержены этому проекту или просто пробуете предложение?

Создание целевой страницы с высокой конверсией — это не малая суета.

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

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

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

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

И последний вопрос…

# 3 Каков ваш бюджет?

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

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

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

Это может быть разработчик, проектировщик / построитель воронки, специалист по рекламе или консультант по CRO.

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

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

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

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

Если изначально он не конвертируется, позвольте профессионалу взглянуть на него.

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

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

Вот почему вам нужна помощь третьего лица.

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

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

Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию.

И говоря о CRO (оптимизации коэффициента конверсии), нет лучшего выбора, чем NP Digital.

Это просто лучшее маркетинговое агентство как для SEO, так и для CRO.

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

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

А теперь главное событие…

12 лучших примеров посадочных страниц

Это 12 лучших примеров посадочных страниц, которые мы смогли найти.

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

# 1 Получить ответ

Get Response — это простой, но интерактивный пример целевой страницы.

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

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

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

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

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

# 2 Slack

Slack всегда на высоте, когда дело касается целевых страниц.

Они постоянно оптимизируют конверсии, и это лучший способ найти вашу успешную целевую страницу.

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

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

# 3 Домофон Основная цель

Intercom на этой целевой странице — помочь вам подписаться на рассылку по электронной почте.

Оставить его только для электронной почты — отличный способ увеличить количество подписок.

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

Изображения, которые они используют, идеально представляют главное УТП заголовка.

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

# 4 Lyft

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

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

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

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

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

И проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ». Это означает, что нет 100% уверенности в том, что вы сможете получить позицию.

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

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

Zoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями.

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

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

И заставить кого-то платить намного сложнее, чем просто получить его электронную почту.

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

# 6 Squarespace

Squarespace возглавляет список с наименьшим количеством текста в дизайне целевой страницы.

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

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

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

# 7 ActiveCampaign

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

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

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

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

# 8 Hubspot

Hubspot — еще одна CRM, которая сегодня возглавляет список.

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

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

# 9 Shopify Плюс

Shopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают.

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

И целевая страница Shopify Plus показывает это.

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

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

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

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

# 10 Webflow

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

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

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

Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop.

Итак, если вы когда-либо использовали продукты Adobe, вы сразу знаете, что эта работа будет для вас легкой задачей.

# 11 ClickFunnels

ClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию.

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

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

Но они снова пытаются убедить людей начать 14-дневную бесплатную пробную версию, что является непростой задачей.

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

И самое лучшее — это аналитика, которую они разместили на своей целевой странице.

Это смелый и мощный ход, если все сделано правильно.

Благодаря тому, как создается эта аналитика, она постоянно обновляется, и это не просто более 100 000 пользователей, как вы могли бы видеть на других платформах.

ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат.

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

# 12 Лаборатория конверсии

Conversion Lab уже много лет использует этот дизайн целевой страницы.

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

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

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

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

Это все для нашего сегодняшнего списка.

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

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

И всегда, всегда оптимизируйте процесс.

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

И даже тогда они все равно оптимизируются.

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

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 секунд, чтобы убедить пользователей остаться на вашей странице, поэтому ценностное предложение должно быть быстрым и убедительным. При создании целевой страницы упростите сканирование, выделив основную мысль в заголовке и используя подзаголовки и маркеры для дополнительной информации. Используйте шрифты и цвета для обозначения иерархии информации. Как отмечает Якоб Нильсен, посетители вашей страницы — дикие, обезумевшие животные, которые ищут быстрой еды, так что подавайте ее быстро!

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

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

Соответствует тексту объявления. Хорошие целевые страницы используют те же ключевые слова из текста объявления 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-образный узор направляет взгляд посетителя на кнопку с призывом к действию
  • Подзаголовок подчеркивает проблему, которую решает Trendy Butler
  • Информация для начала работы не требуется

Harry’s — это служба подписки на туалетные принадлежности, которая доставляет потребителям на дом все необходимое для бритья.

  • Заголовок подчеркивает чувство собственного достоинства посетителя сайта
  • Subhead гарантирует удобство по запросу, необходимое потребителям.
  • Минимальная копия позволяет использовать изображения продуктов для обмена сообщениями
  • Невероятно легко преобразовать

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

  • Обратный отсчет до конца специального предложения создает ощущение срочности
  • Наиболее заметная часть заголовка отражает то, что ищет посетитель сайта
  • Резкий контраст между цветом фона и цветом кнопки CTA
  • Форма не требует много информации

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Обещание «запустить свой первый веб-сайт через 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, чтобы людям было проще регистрироваться.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15. LinkInfluencer

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Их надо тестировать:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

23. GrowthLab

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

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

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

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

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

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

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

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

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

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

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

  • Заголовок обращается к конкретному потенциальному клиенту.
  • Зеленая кнопка CTA появляется на странице.
  • Хорошее использование его биографии для обозначения социального доказательства.

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

  • Непонятно, на что подписывается потенциальный клиент. Я бы попробовал раздать какую-то ценность или привести копию.

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

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

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

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

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

  • Непонятно, что означает «умнее» в растущих стартапах.
  • Неясно, что подразумевается под самым захламленным рынком в истории.

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

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

  • логотипы социальных доказательств
  • социальных доказательств с хедшотами
  • социальное доказательство на кнопке CTA

Что можно улучшить (тест):

  • первая строка (я не знаю, кто такой Али, поэтому для меня ничего не значит, использование этого имени подойдет только для теплой аудитории, которая знает Али)
  • Заголовок
  • мог бы быть более сильным (я бы использовал заголовок, соответствующий заголовку главной статьи Али, и отдал бы его как первое эссе)
  • Строка описания
  • не дает ощутимой выгоды, которую люди получат прямо сейчас (я бы описал преимущество №1 от чтения главной статьи Али о росте стартапов) ».

26.HubSpot

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

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

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

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

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

«Я считаю, что это здорово, что как только мы переходим на эту целевую страницу, мы сразу понимаем, что предлагает HubSpot. И h2, и h3 выделены жирным шрифтом, что немного отвлекает. При просмотре целевой страницы на iPhone текст основного заголовка идеально подходит под верхний gif, что выглядит очень аккуратно. В целом контент отлично демонстрирует, почему нам нужны эти шаблоны электронных книг. Самая большая проблема сейчас в том, что я не могу прочитать оранжевый текст в FAQ, примеры электронных книг расплывчаты, а изображение за формой внизу отвлекает от кнопки CTA.Я беспокоюсь, что людям будет сложно найти эту кнопку CTA. Я также беспокоился бы, что люди не смогут видеть стрелки для навигации по примерам электронных книг и захотят проверить наличие менее размытых примеров электронных книг. Я также думаю, что стоит протестировать отсутствие кнопок совместного доступа на целевой странице, поскольку это также может отвлекать посетителей ».

  • Дэниел Уоллок , вице-президент (агентские услуги), BlitzMetrics

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

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

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

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

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

«Мысли о том, что бы я тестировал на Email1k, для меня нет« готовой »целевой страницы, всегда есть место для тестирования и улучшения.

«Тестирование необходимо проводить на всех устройствах, чтобы убедиться, что преимущества очевидны, и пользователь может легко принять меры на каждом устройстве.Например, на мобильном устройстве страница загружает видимую форму, поэтому пользователь не видит «Бесплатный 30-дневный курс для УДВОЕНИЯ ВАШЕГО СПИСКА ЭЛЕКТРОННОЙ ПОЧТЫ» — важное сообщение, которое дает пользователю повод ввести свой адрес электронной почты.

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

«Я вижу, что« Знакомство с экспертами по электронному маркетингу »призвано придать курсу серьезность. Эти имена ваша аудитория слышала и уважает? Если нет, то какой цели они служат? Если бы в курсе были комментарии Сета Година, я буду ценить это имя по сравнению с тем, о ком я никогда не слышал.

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

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

  • Дэниел Леннокс , руководитель отдела цифрового маркетинга, Riverford

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

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

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

  • Я бы попробовал придерживаться одного предложения вместо двух.

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

«Как только вы открываете этот конкретный веб-сайт, владелец не теряет времени, чтобы сразу перейти к делу.Непосредственная выгода от быстрой потери веса очевидна. Упомянутые бренд и рецепты немедленно подкреплены обширными социальными доказательствами, показывающими, что Нагина была представлена ​​в таких журналах, как Forbes, Huffington post и Time.

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

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

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

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

  • Мориц ван Концен , основатель и генеральный директор, Авеник

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 дней здесь сегодня.

Эта статья была написана сегодня Daily Eggspert.

Последние сообщения от Today’s Eggspert (посмотреть все)

21 лучший пример целевых страниц для изучения

Этот пост последний раз обновлялся 10 июня 2020 года.

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

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

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

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

21 лучший пример целевых страниц

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

01. Wix.com

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

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

Давайте подробно рассмотрим некоторые из этих элементов.

Что вы можете узнать из целевой страницы Wix:

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

  • Будьте короче, всего два-четыре слова.

  • Используйте ориентированные на действие глаголы, такие как «Get» и «Subscribe».

  • Добавьте легкий намек на убеждение и срочность.

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

  • Говорите прямо, насколько это возможно. Пользователи должны точно знать, чего ожидать после того, как они нажмут на ваш CTA.

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

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

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

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

02.Vimeo for Business

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

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

Что вы можете узнать на целевой странице Vimeo:

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

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

03. Udemy for Business

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

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

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

Что вы можете узнать на целевой странице Udemy:

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

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

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

04. Mondaine

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

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

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

05. Deliveroo

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

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

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

Что вы можете узнать на целевой странице Deliveroo:

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

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

06. Epicurrence

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

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

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

07. Dropbox Paper

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

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

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

Что вы можете узнать из целевой страницы Dropbox:

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

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

08. Синий фартук

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

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

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

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

Что вы можете узнать из целевой страницы Blue Apron:

Представьте заманчивое предложение: Blue Apron представляет предложение, от которого не устоит большинство людей, ищущих простое решение для приготовления пищи.После того, как они объяснили вам все причины, по которым вам нужно попробовать их услуги, Blue Apron предлагает скидку 60 долларов. Под предложением небольшая линия (или легкое подталкивание), объясняющее, что сделка не продлится долго. Строка «Не пропустите» играет на чувстве FOMO (страха упустить что-то), которое эффективно, не будучи слишком настойчивым или продажным.

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

09. Ferretly

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

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

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

10. Spotify для подкастеров

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

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

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

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

11. GT America

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

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

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

12. Uber для бизнеса

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

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

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

Что вы можете узнать на целевой странице Uber:

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

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

Вот как это работает:

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

  • Горизонтальные линии F-шаблона — это области, где вы можете разместить заголовки, которые быстро объясняют читателю, что он может ожидать найти на вашей странице. Uber добивается этого, размещая «Uber для бизнеса» в верхнем левом углу. После этого ваше внимание привлекает призыв к действию, за которым следует следующий фрагмент текста, начинающийся слева: «Работаем вместе, чтобы помочь сдвинуть с места самое важное.’

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

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

Вот как составить целевую страницу с помощью Z-шаблона:

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

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

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

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

13. Ed5M

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

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

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

14. LinkedIn Business Solutions

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

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

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

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

Что вы можете узнать из целевой страницы LinkedIn:

Будьте сосредоточены: Чем точнее ваша страница, тем лучше. Ваша целевая страница должна иметь единственную цель. Здесь речь идет о продвижении рекламы в LinkedIn.Примените тот же принцип к своим собственным целевым страницам: взгляните на свой бизнес-план и определите свою цель для конкретной целевой страницы, следя за тем, чтобы она была последовательной во всем. Избегайте визуального беспорядка и сосредоточьтесь на своем главном призе: желанном призыве к действию (показано здесь с использованием замороженного меню).

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

15. Hootsuite

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

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

Что вы можете узнать из целевой страницы Hootsuite:

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

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

16. Echo Echo

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

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

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

17. ARK (Проявления произвольной доброты)

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

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

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

Что вы можете узнать из целевой страницы ARK:

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

18. Moderne

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

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

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

19. Airbnb

С момента своего запуска в 2008 году Airbnb предлагает проживание в семье, жилье и другие виды туризма по всему миру.

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

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

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

Что вы можете узнать на целевой странице Airbnb:

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

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

20. Незанфоризованный 3sixteen

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

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

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

21. GT Cinetype

Вот еще одна нестандартная целевая страница (или «мини-сайт»), созданная швейцарской литейной фабрикой Grilli Type для демонстрации шрифта GT Cinetype.Вдохновленный ограничениями машины для создания субтитров в кино, лазерная технология которой может двигаться только по прямым линиям, шрифт не содержит кривых.

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

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

Резюме: лучшие практики для создания эффективных целевых страниц

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

  1. Сделайте ваш CTA центром внимания .

  2. Используйте привлекательные изображения.

  3. Свернуть прокрутку.

  4. Знайте свою аудиторию.

  5. Отключить всю остальную навигацию.

  6. Создайте увлекательный опыт.

  7. Убедитесь, что ваша страница удобна для мобильных устройств.

  8. Используйте онлайн-формы.

  9. Включите политику конфиденциальности.

  10. Включить пробелы.

  11. Сделайте заманчивое предложение.

  12. Будьте понятны при обмене сообщениями.

  13. Текст должен быть кратким.

  14. Следуйте F-образному или Z-образному образцу.

  15. Держите свою страницу в фокусе.

  16. Сделайте заказ по вашей информации.

  17. Подчеркните заголовок.

  18. Повторите CTA.

  19. Добавить в социальных сетях.

  20. Включить видео.

  21. Убедитесь, что ваш бренд присутствует.

Проверьте свои целевые страницы для повышения конверсии

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

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

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

Параметры для элементов, которые вы можете настроить, включают:

  • Более короткий или длинный текст

  • Более прямые или срочные сообщения

  • Цвета фона или текста

  • Выбор изображения

  • Неподвижное изображение vs.видео

  • Размер вашего CTA

  • Размещение вашего CTA

  • Общий вид вашей страницы

  • Ваше предложение

By Taira S Writer 9000 Blog3 9000

Автор: Дана Меир

Эксперт и писатель по дизайну

Идеальная целевая страница: примеры целевых страниц и 12 советов

Примеры пользовательских целевых страниц и советы по передовой практике

Обсуждение веб-дизайна в компаниях, которые не знают о возможностях целевых страниц, по-прежнему часто сосредотачивается на главной странице.Но опытные компании, которые эффективно наращивают трафик, знают, что многие посетители попадают на сайт с других целевых страниц. К ним относятся как стандартные шаблоны страниц веб-сайтов, такие как страницы категорий или продуктов, так и настраиваемые целевые страницы, предназначенные для максимальной конверсии потенциальных клиентов при использовании методов входящего маркетинга, таких как SEO, Google Реклама и социальные сети, для привлечения посетителей на сайт. Используете ли вы стандартные шаблоны страниц или специальные целевые страницы, будет зависеть от вашего сектора. Для розничных продавцов или туристических компаний непрактично создавать индивидуальные целевые страницы для каждой категории и продукта.Тем не менее, для предприятий, предлагающих услуги «бизнес-бизнес», и «программное обеспечение как услуга» (SaaS) выделенные страницы по-прежнему широко используются для увеличения конверсии. В других секторах, таких как финансовые услуги, это может быть комбинация с некоторыми специализированными целевыми страницами. В этой статье мы сосредоточимся на этой форме настраиваемых целевых страниц, сосредоточившись на примерах B2B.

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

Доступ к индивидуальному ресурсу участника — шаблон отчета об эффективности веб-сайта

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

Доступ к шаблону отчета об эффективности веб-сайта

Определение целевых страниц

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

Я считаю, что целевые страницы:

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

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

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

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

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

Типичные цели связи в порядке важности:

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

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

Различные типы целевой страницы

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

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

Вот некоторые из плюсов и минусов этих опций.

Вариант 1.Целевая страница (и) интегрирована в архитектуру и стиль сайта

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

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

Вариант 2. Созданные на заказ целевые страницы, не являющиеся частью основной структуры или стиля сайта

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

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

Недостатки в том, что этот подход требует больше усилий и обслуживания и часто приводит к ухудшению взаимодействия с пользователем, поскольку страница будет выглядеть и работать иначе, чем остальная часть сайта. Если это полностью отдельный сайт с отдельным доменом, большой недостаток такого подхода состоит в том, что из-за эффекта песочницы Google он вряд ли будет включен в результаты поиска в течение нескольких месяцев.Учитывая это, сайт должен быть включен в тот же домен — например, www.quotemehappy.com перенаправляет на основной сайт Norwich Union.

Вариант 3. Микросайты с несколькими страницами или целевыми страницами с вкладками

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

Скотт Бринклер, специалист по оптимизации целевых страниц, описывает это в своем посте, в котором он приводит доводы в пользу смерти клише целевой страницы.

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

В своем посте он приводит пример целевой страницы / микросайта с вкладками.

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

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

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

Домашняя страница может быть целевой страницей

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

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

Различные типы рефереров

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

  1. Размещение интернет-СМИ: Посетители могут быть перенаправлены по ссылке из любого онлайн-источника, такого как поисковая система, онлайн-реклама, партнерский сайт или кампания по электронной почте.Для этих мест размещения существует два основных типа целевой страницы:
  2. Размещение в офлайн-СМИ: Офлайн-реклама или прямая рассылка может иметь URL-адрес кампании (CURL), например www.quotemehappy.com.
  3. Посетители, которые переходят из другого места на сайте: Такие посетители не используют страницу (страницы) в качестве «целевой страницы», но их все же необходимо разместить, если вы используете стратегию глубинных ссылок.

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

Чтобы быть эффективными, целевые страницы должны сочетать в себе следующее:

  • Удобство использования
  • Доступность
  • Убеждение
  • Развивайте доверие к бренду

Salesforce.com — пример эволюции целевой страницы B2B SaaS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Во-вторых, помните, что рекомендации зависят от типичной видимой области экрана пользователя. Десять с лишним лет назад целевые разрешения экрана были относительно простыми: минимум 1064 x 768 или даже 800 x 600. Однако последние данные о разрешении экрана показывают, что сегодня оно больше и сложнее: 50% при использовании 1920 x 1080 и 1366. x 768, хотя это искажено аудиторией дизайнеров этого источника, поэтому проверьте свою аналитику.Statcounter имеет статистику разрешения экрана, которая показывает, что мобильные устройства с разрешением 360 x 640 и 375 x 667 являются наиболее распространенными, поэтому их необходимо использовать для просмотра целевых страниц.

Итак, наконец! это мои 12 основных рекомендаций по эффективности целевой страницы:

Загрузить Ресурсы для отдельных участников — 7 шагов к созданию целевых страниц с высокой конверсией

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

Откройте для себя 7 шагов по созданию целевых страниц с высокой конверсией

1. Обеспечьте актуальность

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

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

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

Поскольку переход на целевую страницу часто является первым опытом компании, мы должны ответить на основные вопросы, которые возникают у клиента о компании, такие как «Кто вы?», «Чем вы занимаетесь?», «Где вы? » «Я доверяю тебе?» Эти сообщения могут быть на главной странице, но позволяет ли навигация на целевой странице ответить на эти вопросы? Стандартные параметры меню, такие как «О нас» или «Связаться с нами», позволяют это сделать.

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

2. Интеграция с источниками переходов

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

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

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

3. Предоставьте достаточно подробностей в поддержку решения об ответе.

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

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

4. Начать пользователя с пути

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

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

Формы-подходы для улучшения путешествия:

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

Этот пример целевой страницы благотворительной организации, предоставленный Лиамом в комментариях, соответствует многим из этих полей!

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

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

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

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

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

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

6. Используйте значимую графику

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

7. Удалить пункты меню?

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

8. Рассмотрите возможность использования «текучей» или жидкой компоновки

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

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

9. Помните поисковый маркетинг

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

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

В-третьих, Google отправляет робота «Adbots Google» для тестирования целевых страниц на релевантность и скорость, поэтому убедитесь, что ваш, заголовки и основной текст включают ключевые слова, которые вы используете для показа объявления и включаете в рекламный текст.</p><h5><span class="ez-toc-section" id="10-3"> 10. Запомните неотвечающих. </span></h5><p> Предоставьте выбор тем, кто не отвечает, несмотря на ваши тщательно созданные целевые страницы. Включите достаточно заметный (отслеживаемый) номер телефона или, возможно, вариант обратного звонка / чата. Кроме того, предоставьте им несколько возможностей для просмотра или поиска в другом месте на сайте.</p><h5><span class="ez-toc-section" id="11"> 11. ТИМИТИ </span></h5><p> TIMITI — термин, придуманный Джимом Стерном, автором Web Metrics. Это расшифровывается как «Попробуйте!» Измерьте это! Настроить! то есть эффективность онлайн-контента должна пересматриваться и улучшаться постоянно, а не как периодический или разовый процесс. Поскольку Интернет — это новый носитель, а платформы доступа, поведение пользователей и подход конкурентов — все постоянно меняются, то, что работает в начале года, определенно не будет работать к концу года.</p><p> Сегодня использование AB или инструментов многовариантного тестирования, таких как Google Website Optimizer, является важной частью оптимизации целевой страницы.</p><h5><span class="ez-toc-section" id="12-4"> 12. Учитывайте долговечность целевой страницы </span></h5><p> Целевые страницы часто используются для краткосрочных кампаний. В этом случае вам необходимо тщательно контролировать срок действия их и ссылок на них из навигационной панели. Риски включают устаревшие предложения и посетителей, вводящих URL-адреса, которые больше не действительны. Использование настраиваемой страницы ошибки 404 необходимо для изящного решения этих проблем.</p><h4><span class="ez-toc-section" id="i-178"> Заключительные мысли </span></h4><p> Помните, что всегда есть исключения из правил, и некоторые полагают, что многие из общепринятых рекомендаций по удобству использования являются мифами.Всегда используйте свои данные для информирования о выборе решения для вашей целевой страницы.</p><h2><span class="ez-toc-section" id="42_2020"> 42 лучших примера целевых страниц, которые вдохновят вас в 2020 г. [Обновлено] </span></h2><p> 30 августа 2019 мин чтения</p><p dir="ltr"> Целевая страница — это не обычная территория веб-сайта.</p><p dir="ltr"> Как инопланетянин, открывающий новую планету, потенциальный клиент «приземляется» там, давая вам возможность сделать ему предложение, собрать информацию и «установить контакт».«</p><p dir="ltr"> <em> Это захватывающе — </em>, по крайней мере, для такого ботаника, как я. Тем не менее, несмотря на это волнение, легко и довольно часто увязнуть в суете его создания.</p><p dir="ltr"> У вас есть новое предложение, возьмите свой шаблон, клонируйте ту же форму, которую вы используете каждый раз … <em> Где чувство приключения? </em></p><p dir="ltr"> Где творческие поиски, которые заставят вашего читателя на самом деле <em> захотеть, чтобы </em> конвертировал?</p><p dir="ltr"> Примеры посадочных страниц, которыми я здесь поделюсь, относятся к широкому кругу отраслей и отличаются уникальным дизайном, который гарантированно наполнит ваш творческий поток и вдохновит поколение потенциальных клиентов <em> genius </em>.</p><h3 dir="ltr"><span class="ez-toc-section" id="i-179"> Чем хороша целевая страница? </span></h3><p dir="ltr"> В конце концов, отличная целевая страница — это просто та, которая четко определяет ее ценность для своей аудитории и генерирует потенциальных клиентов, но наиболее эффективный способ сделать это зависит от вашей конкретной аудитории, бренда и отрасли.</p><p dir="ltr"> Многие отличные целевые страницы, включая несколько примеров, приведенных ниже, включают такие функции, как:</p><ul><li dir="ltr"> Пояснительное видео с подробным описанием предложения и его стоимости</li><li dir="ltr"> Интересные фотографии людей, которые помогают посетителю вообразить себя после получения предложения</li><li dir="ltr"> Социальное доказательство, подтверждающее заявления бренда</li><li dir="ltr"> Ответы на часто задаваемые вопросы, чтобы уменьшить возражения и трения</li><li dir="ltr"> Убедительная, лаконичная копия</li><li dir="ltr"> Объяснение того, «чего ожидать» после отправки формы</li></ul><p> Итак, тестируйте разные вещи!</p><p> Под каждым примером целевой страницы в этой статье я включил краткое изложение того, что бренд сделал правильно, чтобы вы могли получить некоторые идеи о том, что включить в свой собственный дизайн, чтобы увеличить конверсию и общий успех.</p><p dir="ltr"> <strong> Когда вы закончите со списком, сообщите нам, какой дизайн понравился вам больше всего и почему в IMPACT Elite! </strong></p><h3 dir="ltr"></h3><strong> Отличные примеры целевых страниц </strong></h3><h3 dir="ltr"><span class="ez-toc-section" id="1_Amazon"> 1. Amazon </span></h3><p></p><p></p><p></p><p> <div class="rll-youtube-player" data-src="https://www.youtube.com/embed/D4jAan6mdWA" data-id="D4jAan6mdWA" data-query=""></div><noscript><iframe allow="autoplay; encrypted-media" xml="lang" src="https://www.youtube.com/embed/D4jAan6mdWA" frameborder="0" allowfullscreen="" data-service="youtube"/> </iframe></noscript></p><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Они размещают призыв к действию прямо вверху страницы, чтобы его нельзя было пропустить</li><li> Он использует видео, чтобы очеловечить предложение и более динамично объяснить его ценность (см. Выше)</li><li> В команду также входят звезды фильма, чтобы немного повлиять на маркетинг</li><li> Обмен сообщениями использует исключительность и стимулы для поощрения конверсии.Он также напрямую обращается к пользователям Prime.</li><li> Страница заканчивается направлением посетителей к сопутствующим товарам (альтернативные возможности конверсии)</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="2-4"> 2. Убер </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Они включают заголовок, который говорит об общей болевой точке пользователя — гибкости рабочего графика</li><li> Форма размещается вверху страницы, чтобы их не пропустили, а также дает посетителям возможность сразу же совершить конверсию, если они того пожелают.</li><li> Страница содержит четкую и краткую копию</li><li> В нем выделены три основные причины конверсии</li><li> Использует большой образ дружелюбного, общительного человека</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="3EF_Ultimate_Break"> 3.EF Ultimate Break </span></h3><p dir="ltr"> <br/></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"> Использует соблазнительные высококачественные изображения, которые идеально сочетаются с предложением и сообщениями</li><li dir="ltr"> Включает социальное доказательство, которое для такого удивительного предложения чрезвычайно важно для борьбы с целями или путаницей.</li><li dir="ltr"> Показывает ответы на часто задаваемые вопросы</li><li dir="ltr"> Создает ощущение срочности за счет ограничения по времени</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="4_Snapchat"> 4. Snapchat </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Включает видео</li><li> Объясняет, что именно вы получаете сверх сгиба</li><li> Полужирный, фирменное использование цвета</li><li> Используйте анимированную графику для демонстрации функциональности</li><li> Показывает логотипы брендов для включения социальных доказательств</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="5-5"> 5.Наклейка Мул </span></h3><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"> Использует динамическую анимацию, чтобы привлечь внимание и направить вниз по странице.</li><li dir="ltr"> Использует шутливую копию фирменного стиля, чтобы объяснить ценность предложения</li><li dir="ltr"> Включает призыв к действию прямо на уровне глаз, когда вы переходите на страницу</li><li dir="ltr"> Имеет высококачественный развлекательный видеосюжет с дополнительными сведениями о продукте</li><li dir="ltr"> Включает социальное подтверждение в виде отзывов покупателей. В них даже есть настоящие фотографии.</li><li dir="ltr"> Дает «следующие шаги» в виде предлагаемых рецептов.</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="6-3"> 6. Мастер-класс </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Использует видео в разделе героев</li><li> Лидирует с четким и кратким ценностным предложением, чтобы вы точно знали, что получаете</li><li> По мере прокрутки отображаются подробные сведения о материальных ценностях</li><li> Включает отзыв с выстрелом в голову</li><li> Включает ссылки для публикации в социальных сетях</li><li> Рекомендует дополнительное содержание</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="7HelloFresh"> 7.HelloFresh </span></h3><p dir="ltr"> <br/></p><p> <strong> Как они это сделали: </strong></p><ul><li> Включает высококонтрастный призыв к действию прямо в разделе героев</li><li> Использует романтические штрихи, которые совпадают с предложением «свидания», чтобы направить ваш взгляд вниз по странице.</li><li> Сообщает вам, как именно работает процесс и что вы найдете в коробке для устранения трения</li><li> Использует совместный маркетинг / маркетинг влиятельных лиц в своих интересах, включая фотографии и цитаты Джессики Альбы, чтобы побудить людей совершить конверсию.</li><li> Эффективно использует блокировку, чтобы отделить важные разделы страницы и, опять же, направлять ваш взгляд</li><li> Использует реальные, связанные изображения, которые идеально сочетаются с сообщениями</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="8HBLOOM"> 8.H.BLOOM </span></h3><p dir="ltr"></p> <br/><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Использует элегантный шрифт и изображения нестандартного оформления дома, чтобы более наглядно объяснить ценность бренда.</p></li><li dir="ltr"><p dir="ltr"> Форма находится над сгибом, а описание дает очень четкое представление о том, что вы получаете.</p></li><li dir="ltr"><p dir="ltr"> «Как это работает» делает процесс менее пугающим, сводя его к трем простым шагам, причем последний шаг является конечным результатом.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="9-4"> 9. Лакмус </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Заголовок дружелюбный и представительный, в нем говорится: «Давайте оставаться на связи» вместо простого «Подпишитесь на мою рассылку».</p></li><li dir="ltr"><p dir="ltr"> Форма имеет только одно поле, что упрощает ее заполнение и гарантирует, что они не запрашивают ненужную информацию.</p></li><li dir="ltr"><p dir="ltr"> Они включают примеры прошлых информационных бюллетеней, чтобы вы точно знали, на какой контент вы подписываетесь.Без сюрпризов!</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="10-4"> 10. Довольно </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Уникально отображает копию во всплывающем окне, привлекая к ней внимание.</li><li> Отведет с характеристикой</li><li> Четкая и лаконичная копия</li><li> Использует простые значки для доставки сообщений</li><li> Минималистичный дизайн выделяет кнопку «Начало работы»</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="11-2"> 11. Стойка для мусора </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Обращается к двум отдельным персонажам, не сбивая с толку и не отвлекая.Для каждой группы в верхней части страницы есть четкий заголовок и призыв к действию.</p></li><li dir="ltr"><p dir="ltr"> Форма изначально скрыта, но она выдвигается, чтобы привлечь ваше внимание, когда указатель мыши проходит по одной из кнопок CTA.</p></li><li dir="ltr"><p dir="ltr"> Каждый раздел ниже сгиба имеет очень четкий и точный заголовок, в котором подчеркивается основное преимущество, за которым следует краткий список соответствующих функций.</p></li><li dir="ltr"><p dir="ltr"> Отзывы отраслевых профессионалов на стороне укрепляют их доверие, а также поддерживают сбалансированный дизайн страницы.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="12-5"> 12. Базовый лагерь </span></h3><h3 dir="ltr"></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Минималистичный дизайн, с привлекательным анимированным персонажем, который исключительно фирменный</p></li><li dir="ltr"><p dir="ltr"> В заголовке используется социальное доказательство, которое сообщает вам, сколько компаний зарегистрировались за последнюю неделю.</p></li><li dir="ltr"><p dir="ltr"> Это снижает трение при конвертации, предлагая 60-дневную бесплатную пробную версию и не требуя кредитной карты для регистрации.</p></li><li dir="ltr"><p dir="ltr"> Они решают общие вопросы и решают задачи в первую очередь</p></li></ul><p></p><h4><span class="ez-toc-section" id="_Basecamp"> Бонус Basecamp: </span></h4><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Показывает, как их платформа может помочь вам повысить эффективность и объединить усилия.</li><li> Использует отзывы клиентов и точные числа.</li><li> Позволяет зарегистрироваться, используя только адрес электронной почты или учетную запись Google.</li></ul><h3 dir="ltr"><span class="ez-toc-section" id="13-2"> 13. ТБС </span></h3><p> <br/></p></h3><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"> Копия короткая и милая.Он дает вам все подробности розыгрыша в как можно меньшем количестве слов.</li><li dir="ltr"><p dir="ltr"> Он позволяет видео говорить, включая его прямо в область героя. Он отлично справляется с очеловечиванием предложения, имея миниатюру человека. (К счастью для них, это тоже знаменитость.)</p></li><li dir="ltr"> Показывает, что именно вы получите шанс выиграть, если заполните форму на странице.</li></ul><p dir="ltr"></p><h3 dir="ltr"><span class="ez-toc-section" id="14_Codecademy"> 14. Codecademy </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Дизайн над сгибом прост и не отвлекает, используя четкий заголовок, соответствующее изображение и форму с ярко-красной кнопкой CTA.</p></li><li dir="ltr"><p dir="ltr"> У них также есть функция входа в систему через Facebook или Google+, что снижает барьер для конверсии.</p></li><li dir="ltr"><p dir="ltr"> Использует видео от настоящего студента, чтобы ответить на распространенный вопрос: «Как кодирование может вам помочь?»</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="15_Groupon"> 15. Groupon </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Заголовок простой, но индивидуализированный — вы можете сэкономить столько денег в городе, в котором вы на самом деле находитесь.</p></li><li dir="ltr"><p dir="ltr"> Форма белого цвета и центрирована на зеленом фоне для отличного контраста. Требуется только одно поле, что максимально упрощает преобразование.</p></li><li dir="ltr"><p dir="ltr"> Они используют соответствующее изображение, чтобы разбить пустой фон, не отвлекая его</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="16-2"> 16. Патреон </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> В тексте использован вдохновляющий язык, который соответствует целям посетителя.Вместо того, чтобы просить вас сделать пожертвование на их дело, они просят вас принять участие в этом процессе, поддерживая художников и взаимодействуя с ними в качестве «покровителей искусств».</p></li><li dir="ltr"><p dir="ltr"> На изображении в заголовке изображен художник, который работает, и вы сразу же сразу поймете, что это за услуга.</p></li><li dir="ltr"><p dir="ltr"> Ярко-оранжевая кнопка CTA находится спереди и по центру, идеально контрастируя с более темным фоном.</p></li><li dir="ltr"><p dir="ltr"> Hero включает всплывающее окно, которое быстро объясняет, что такое Patreon и как он работает.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="17_CampusTap"> 17. CampusTap </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Первое, что вы видите на этой странице, — это поразительное изображение библиотеки, которая напрямую связана с ценностью компании — частной сетью колледжа.</p></li><li dir="ltr"><p dir="ltr"> Объем текста ограничен, что позволяет сосредоточить ваше внимание и минимизировать усилия со стороны пользователя.</p></li><li dir="ltr"><p dir="ltr"> Несмотря на то, что на изображении много чего происходит, они поместили ярко-синюю рамку с призывом к действию над темной областью, чтобы она выделялась.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="18_Todoist"> 18. Todoist </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"> Сказание «более 2 миллионов человек делают удивительные вещи с помощью Todoist» является социальным доказательством и исследует вопрос «почему не вы?»</li><li dir="ltr"><p dir="ltr"> При нажатии ярко-красной кнопки появляется форма с надписью «Зарегистрируйтесь за секунды», позволяющая войти в существующую учетную запись Google+. Это дает понять, что конвертировать просто и нечего бояться.<br/></p></li><li dir="ltr"><p dir="ltr"> Фоновое изображение прокручивает различные короткие видеоролики, демонстрирующие различные сценарии, в которых вы могли бы использовать приложение самостоятельно. Это также дает вам представление о том, как это выглядит на разных устройствах.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="19-2"> 19. Волна </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Использует сильный эмоциональный заголовок. Кто не хочет тратить свое время на то, что любит? Вместо того, чтобы сосредоточиться на функциях программного обеспечения, они выражают конечный результат за вас.</p></li><li dir="ltr"><p dir="ltr"> Изображение работает очень хорошо, потому что оно дает вам представление о реальном покупателе, который смотрит прямо на вас с улыбкой, что добавляет элемент доверия и человечности.</p></li><li dir="ltr"><p dir="ltr"> Форма сохраняет ограниченное количество полей, что снижает барьер для преобразования.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="20-2"> 20. Вивино </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Использование красного здесь выделяется на черном фоне и создает мысленную связь с вином, основным продуктом Vivino.</p></li><li dir="ltr"><p dir="ltr"> Заголовок простой, лаконичный и дает вам основную причину для загрузки приложения.</p></li><li dir="ltr"><p dir="ltr"> Использование трехступенчатой ​​области подчеркивает простоту приложения, что может стать препятствием для входа пожилых людей, которые любят вино, но не разбираются в технологиях.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="21-6"> 21. Последние дни слоновой кости </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Смелый, высококонтрастный дизайн, вызывающий чувство срочности.</p></li><li dir="ltr"><p dir="ltr"> Использование фразы «ПРИНИМАЙТЕ ДЕЙСТВИЕ» в их призыве к действию привлекает и вызывает любопытство. Это означает, что щелчок по этой кнопке действительно имеет значение прямо сейчас.</p></li><li dir="ltr"><p dir="ltr"> Сказание «это терроризм, с которым действительно можно что-то сделать», он обращается к вашим эмоциям, убеждая вас, что ваше время и деньги не потрачены зря и что вы оказываете положительное влияние.</p></li></ul><h3 dir="ltr"><span class="ez-toc-section" id="22"> 22. Трулия </span></h3><p dir="ltr"></p><p dir="ltr"> <strong> Как они это сделали: </strong></p><ul><li dir="ltr"><p dir="ltr"> Копия и форма расположены по центру экрана и хорошо контрастируют с более темным фоном.Это явно в центре внимания.</p></li><li dir="ltr"><p dir="ltr"> Заголовок задает вопрос, который есть у их идеального персонажа, и CTA предлагает ответ.</p></li><li dir="ltr"><p dir="ltr"> На изображении изображена женщина, сидящая на диване с разбросанными по сторонам бумагами и ее ноутбук на коленях. Это означает, что вам не придется возиться с бумагами, если вы просто загрузите свой персональный отчет.</p></li></ul><h3><span class="ez-toc-section" id="23_Shopify"> 23. Shopify </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> «Доверие более 150 000 предприятий по всему миру» и публикации под видео служат отличным социальным доказательством, уменьшающим сомнения и повышающим доверие.</li><li> Пункты списка ясны и легко усваиваются.</li><li> Обсуждающее видео дает им возможность дать посетителям взглянуть на то, что они могут ожидать от Shopify, без необходимости читать тонны плотной копии.</li><li> Форма запрашивает только самое необходимое.</li><li> В призыве к действию используется контрастный цвет и четкая копия, ориентированная на конкретное предложение.</li></ul><h3><span class="ez-toc-section" id="24"> 24. Аплодисменты </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Между заголовком и маркером пользователи точно знают, чего ожидать за формой.</li><li> Форма расположена над сгибом, <em> и </em> она сгруппирована в три столбца, что помогает сократить страницу и сделать ее более управляемой.</li><li> Строка <em> «Не волнуйтесь. Мы уважаем вашу конфиденциальность», </em> обнадеживает и помогает укрепить доверие.</li><li> Сочетание логотипов существующих клиентов и реальных лиц с избранными твитами служит отличным социальным доказательством. Хотя люди часто скептически относятся к отзывам, настоящие твиты предоставляют посетителям контактную информацию тех, кто поддерживает бренд, чтобы они могли связаться с ними, если у них возникнут вопросы об их опыте использования продукта / услуги.</li></ul><h3><span class="ez-toc-section" id="25"> 25. СМЕЩЕНИЕ </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Заголовок конкретен и четко указывает, что предлагается.</li><li> Письменный контент следует «F-образному шаблону», который, как показала визуализация с отслеживанием взгляда, является предпочтительным способом чтения веб-страниц пользователями. (F-образный узор = две горизонтальные полосы, за которыми следует вертикальная.)</li><li> Пуговица одновременно контрастная и манящая. Мир «исследовать» очень похож на слова «обнаружить» и «раскрыть», которые Джоанна Виби из CopyHacker называет «словами с низким уровнем трения».«</li><li> Страница короткая и не требует от посетителя ненужной прокрутки.</li></ul><h3><span class="ez-toc-section" id="26_Tumblr"> 26. Tumblr </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Минималистский подход в значительной степени полагается на изображение, а не на контент для продажи платформы, поскольку Tumblr известен своим привлекательным визуальным контентом.</li><li> Синий призыв к действию контрастирует и выделяется на странице.</li><li> Форма короткая и не требует от посетителя особых обязательств.Согласно Unbounce, 3-5 полей формы идеально подходят для лидогенерации.</li><li> Цифры внизу служат социальным доказательством, повышают доверие и решают очень распространенную проблему — «У меня недостаточно времени». <em> (Присоединение занимает всего 30 секунд.) </em></li><li> Когда пользователи видят, что их изображение размещено на главной странице, вполне вероятно, что они поделятся страницей со своими друзьями и подписчиками. <em> (право хвастовства для пользователя, новый поток трафика для Tumblr.) </em></li></ul><h3><span class="ez-toc-section" id="27_LaborSync"> 27. LaborSync * </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Может быть, заголовок еще четче? Честно?</li><li> Форма соответствует практическому правилу «3-5 полей», чтобы снизить барьер для конверсии.</li><li> Они включили в форму флажок подписки, чтобы увеличить свой список подписчиков. Чтобы узнать больше о том, как это небольшое включение может повлиять на ваш рост, ознакомьтесь с этой статьей на HubSpot.</li><li> Автор биографии работает, чтобы установить доверие и доверие, включив изображение и четко определив свои полномочия.</li><li> Теплая оранжевая кнопка приятно контрастирует с холодным синим фоном, привлекая внимание читателя.</li></ul><p> <em> * Примечание редактора. LaborSync — бывший клиент IMPACT. </em></p><h3><span class="ez-toc-section" id="28"> 28. Дрифт </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Сообщает вам сразу, что их SaaS поможет вашей команде по продажам привлечь больше потенциальных клиентов, запланировать больше встреч или консультаций, а также поможет вам быстрее заключить больше сделок.</li><li> Дает вам возможность попробовать перед покупкой через 14-дневную пробную версию</li><li> Включает характеристику</li><li> Использует собственный инструмент на странице</li></ul><h3><span class="ez-toc-section" id="29-2"> 29.Быстрый росток </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Точно скажите, кто будет вас учить (Нил Патель), чему он вас научит (как увеличить ваш поисковый трафик, как генерировать социальный трафик без использования рекламы и тактики построения ссылок) и как вы можете получить доступ к вебинару (заполнение формы).</li><li> Делает вебинар более интимным и индивидуальным с такими словами, как «Я хочу, чтобы Нил научил меня, как развивать мой бизнес.”</li><li> Короткая и до точки</li></ul><h3><span class="ez-toc-section" id="30_Unbounce"> 30. Unbounce </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Большое изображение точно сообщает вам, что вы собираетесь получить: электронную книгу, которая поможет вам генерировать больше конверсий без увеличения вашего бюджета.</li><li> Подчеркивает ценность быстрым и легким для чтения способом</li><li> Включает социальное доказательство в виде логотипов публикаций, опубликованных его советами и работами.</li></ul><h3><span class="ez-toc-section" id="31"> 31.Синий фартук </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Делает процесс регистрации простым, всего за три простых шага (заполнение панели завершения вверху)</li><li> Устраняет трение, гарантируя отсутствие обязательств</li><li> Показывает свою ценность баллами за персонализированное меню и удобную доставку.</li><li> Включает социальное доказательство в виде логотипов</li></ul><h3><span class="ez-toc-section" id="32_Slack"> 32. Slack </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Лидирует с видео в главном разделе страницы, показывающим, насколько прост Slack.</li><li> Обозначает все основные особенности</li><li> Включает убедительное ценностное предложение</li></ul><h3><span class="ez-toc-section" id="33_LastPass"> 33. LastPass </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Объясняет, насколько легко настроить и начать использовать с помощью трех простых шагов.</li><li> Подробно описывает стоимость продуктов с помощью понятных значков и четкой копии.</li><li> Не включает форму, использует нетрадиционный, менее агрессивный подход.</li></ul><h3><span class="ez-toc-section" id="34Zoom"> 34.Zoom </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Сохраняет форму как можно более минимальной; только одно поле для начала.</li><li> Микротекст дает понять, что им нужны только служебные адреса электронной почты, что помогает очистить базу данных контактов от неквалифицированных потенциальных клиентов.</li><li> Не оставляет камня на камне от того, что включено в их систему веб-конференций.</li><li> Показывает примеры того, как может выглядеть ваш экран во время видеоконференцсвязи; большое отличие Zoom.</li><li> Подобно Drift, Zoom также использует чат, чтобы помочь вам ответить на любые вопросы, которые у вас возникнут при просмотре их страницы.</li></ul><h3><span class="ez-toc-section" id="35"> 35. Гальванический </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Ясно подчеркивает свои планы.</li><li> Позволяет вам легко выбрать, сколько блюд вы хотите получать каждую неделю.</li><li> Включает отзывы, гарантирующие, что то, что вы получаете, будет таким вкусным, как заявляет компания. <br/></li></ul><h3><span class="ez-toc-section" id="36"> 36.Рынок Магнолии </span></h3><p></p><p> Хотя большая часть рынка Магнолии — это торговые площади, у них также есть «Дом Магнолии», где вы можете остановиться в отпуске.</p><p> <strong> Как они это сделали: </strong></p><ul><li> Сообщает вам, какие даты доступны</li><li> Показывайте настоящие, сделанные клиентами фотографии их пребывания, которые помогут вам реалистично представить себя, находящегося в доме и относящегося к нему как к своему собственному.</li><li> Облегчает бронирование проживания</li><li> Также имеет дополнительную точку конверсии, чтобы подписаться на их информационный бюллетень, чтобы узнать больше о Доме и Рынке.</li></ul><h3><span class="ez-toc-section" id="37_Bombfell"> 37. Bombfell </span></h3><p></p><p> Иногда нам всем просто нужен новый гардероб. Целевая страница Bombfell берет эту идею и делает ее частью своей большой ценности.</p><p> <strong> Как они это сделали: </strong></p><ul><li> Делает процесс простым, описывая четыре простых шага.</li><li> Уменьшает трение, давая понять, что вы платите только за понравившуюся одежду, ничего лишнего и никаких сборов за укладку.</li><li> Использует реальные фотографии, демонстрирующие полученную вами коробку, а также некоторые предметы, которые вы также можете получить.</li></ul><h3><span class="ez-toc-section" id="38_Wayfair"> 38. Wayfair </span></h3><p> <em> </em></p><p> <em> Кто знал, что у Wayfair есть свадебная книга, верно? </em></p><p> <strong> Как они это сделали: </strong></p><ul><li> Четко направляет зрителя к следующему шагу, будь то начало работы, управление существующим реестром или поиск друга.</li><li> Добавляет прозрачность, выделяя бренды, которые они представляют.</li><li> Логотипы также служат социальным доказательством.</li><li> Сообщает вам, почему вам следует рассматривать их по сравнению с более крупными, более устоявшимися вариантами, такими как Macy’s или Bed, Bath и Beyond.</li></ul><h3><span class="ez-toc-section" id="39"> 39. Площадь </span></h3><p></p><p> Square эффективно использует свою целевую страницу, чтобы предоставить вам информацию, необходимую для принятия обоснованного решения.</p><p> <strong> Как они это сделали: </strong></p><ul><li> Включает видео</li><li> Дружелюбный, родственный образ героя</li><li> Указывает, что посетители могут самостоятельно квалифицироваться, выбирая, к какому типу бизнеса они относятся и превышает ли их доход 250 000 долларов США.</li><li> Страница будет персонализирована в соответствии с вашими потребностями.</li><li> Содержит отзывы компаний, похожих на отзывы посетителей, что позволяет им легко увидеть, как это может повлиять на вашу компанию.</li></ul><h3><span class="ez-toc-section" id="40_Yale_Appliance"> 40. Yale Appliance * </span></h3><br/></h3><p> <strong> Как они это сделали: </strong></p><ul><li> Использует большие красивые образы героя, чтобы привлечь ваше внимание</li><li> Включает кнопку с призывом к действию прямо на герое</li><li> Облегчить самоидентификацию пользователя и предпринять следующие шаги, соответствующие их потребностям</li></ul><p> * Примечание редактора: Yale Appliance является текущим клиентом IMPACT.</p><p></p><h3><span class="ez-toc-section" id="41_HubSpot"> 41. HubSpot </span></h3><p></p><p> Неудивительно, но в этом примере HubSpot демонстрирует некоторые из наиболее эффективных традиционных методов создания правильной целевой страницы.</p><p> <strong> Как они это сделали: </strong></p><ul><li> Кратко и лаконично</li><li> Точно сообщает, что вы получаете</li><li> Создает эмоциональную ценность («экономит бесчисленные часы») с помощью своей копии.</li><li> Включает канал видео и изображений, позволяющий предварительно просмотреть шаблоны, которые вы собираетесь получить.</li><li> Имеет панель приветствия, которая позволяет легко получить доступ к ресурсу и предоставляет социальное доказательство, говоря: «Присоединяйтесь к другим более чем 75 000 компаний», которые уже загрузили предложение.</li></ul><h3><span class="ez-toc-section" id="42_Salesforce"> 42. Salesforce </span></h3><p></p><p> <strong> Как они это сделали: </strong></p><ul><li> Короткое и сладкое с содержанием</li><li> Делает предложение понятным в ценностном предложении</li><li> Включает социальное доказательство, включая Norton Security, и копию, подобную «CRM №1 в мире»</li><li> Использует вход в социальные сети для упрощения конверсии.</li></ul><p></p> . <script type="text/javascript">jQuery(document).ready(function($) { $.post('https://links4you.ru/wp-admin/admin-ajax.php', {action: 'wpt_view_count', id: '8083'}); });</script><div class='yarpp-related yarpp-related-none'><p>No related posts.</p></div></div><footer class="entry-footer smallPart"></footer></div></article><nav class="navigation post-navigation"><h1 class="screen-reader-text">Post navigation</h1><div class="nav-links"><div class="nav-previous"><a href="https://links4you.ru/raznoe/ekspress-narashhivanie-nogtej-ekspress-narashhivanie-nogtej-kak-bystro-narastit-nogti.html" rel="prev"><div class="meta-nav" title="Экспресс наращивание ногтей – Экспресс наращивание ногтей: как быстро нарастить ногти" aria-hidden="true"><i class="fa fa-angle-left spaceRight"></i><span>Previous Post</span></div> <span class="screen-reader-text">Previous post:</span> </a></div><div class="nav-next"><a href="https://links4you.ru/raznoe-2/kak-samomu-delat-kak-sozdat-sajt-besplatno-samomu-s-nulya-est-3-sposoba-2.html" rel="next"><div class="meta-nav" title="Как самому делать – Как создать сайт бесплатно самому с нуля? Есть 3 способа!" aria-hidden="true"><span>Next Post</span><i class="fa fa-angle-right spaceLeft"></i></div> <span class="screen-reader-text">Next Post:</span> </a></div></div></nav><div id="comments" class="comments-area content-annina"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/idealnyj-lending-primer-idealnyj-lending-7-primerov-prodayushhih-landing-page.html#respond" style="display:none;">Cancel reply<i class="fa fa-times spaceLeft"></i></a></small></h3><form action="https://links4you.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes smallPart">Your email address will not be published. Required fields are marked <span class="required">*</span></p><div class="clear"></div><p class="comment-form-comment"><textarea id="comment" name="comment" rows="8" aria-required="true" placeholder="Comment *"></textarea></p><p class="comment-form-author"><input id="author" name="author" type="text" value="" aria-required='true' placeholder="Name *"/></p><p class="comment-form-email"><input id="email" name="email" type="text" value="" aria-required='true' placeholder="Email *"/></p><p class="comment-form-url"><input id="url" name="url" type="text" value="" placeholder="Website"/></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='8083' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><div id="secondary" class="widget-area"><aside id="search-2" class="content-annina widget widget_search"><form role="search" method="get" class="search-form" action="https://links4you.ru/"> <label> <span class="screen-reader-text">Найти:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Поиск" /></form></aside><aside id="wpt_widget-2" class="content-annina widget widget_wpt"><div class="wpt_widget_content" id="wpt_widget-2_content" data-widget-number="2"><ul class="wpt-tabs has-2-tabs"><li class="tab_title"><a href="#" id="popular-tab">Популярное</a></li><li class="tab_title"><a href="#" id="recent-tab">Последнее</a></li></ul><div class="clear"></div><div class="inside"><div id="popular-tab-content" class="tab-content"></div><div id="recent-tab-content" class="tab-content"></div><div class="clear"></div></div><div class="clear"></div></div> <script type="text/javascript">jQuery(function($) { $('#wpt_widget-2_content').data('args', {"allow_pagination":"1","post_num":"5","title_length":"15","comment_num":"5","show_thumb":"1","thumb_size":"large","show_date":null,"show_excerpt":null,"excerpt_length":"15","show_comment_num":null,"show_avatar":"1","show_love":null}); });</script> </aside><aside id="nav_menu-3" class="content-annina widget widget_nav_menu"><div class="widget-title"><h3>Рубрики</h3></div><div class="menu-1-container"><ul id="menu-1" class="menu"><li id="menu-item-7588" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7588"><a href="https://links4you.ru/category/raznoe">Бизнес-советы</a></li><li id="menu-item-7589" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7589"><a href="https://links4you.ru/category/novye-2">Бизнес-тренды</a></li><li id="menu-item-7590" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7590"><a href="https://links4you.ru/category/dlya-malogo-2">Для малого бизнеса</a></li><li id="menu-item-7591" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7591"><a href="https://links4you.ru/category/idei">Идеи</a></li><li id="menu-item-7592" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7592"><a href="https://links4you.ru/category/otkrytie">Открытие бизнеса</a></li><li id="menu-item-7593" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-7593"><a href="https://links4you.ru/category/raznoe-2">Разное</a></li></ul></div></aside><aside id="custom_html-10" class="widget_text content-annina widget widget_custom_html"><div class="textwidget custom-html-widget"><style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script></div></aside></div><footer id="colophon" class="site-footer"><div class="site-info content-annina-title annDouble smallPart"><div class="text-copy"> <span class="custom"> ©2019. Все права защищены. Полное или частичное копирование материалов сайта без указания источника запрещено</span></div><div id="toTop"><i class="fa fa-angle-up fa-lg"></i></div></div></footer></div></div><style type="text/css">.archive #nav-above,.archive #nav-below,.search #nav-above,.search #nav-below,.blog #nav-below,.blog #nav-above,.navigation.paging-navigation,.navigation.pagination,.pagination.paging-pagination,.pagination.pagination,.pagination.loop-pagination,.bicubic-nav-link,#page-nav,.camp-paging,#reposter_nav-pages,.unity-post-pagination,.wordpost_content .nav_post_link,.page-link,.page-links,#comments .navigation,#comment-nav-above,#comment-nav-below,#nav-single,.navigation.comment-navigation,comment-pagination{display:none!important}.single-gallery .pagination.gllrpr_pagination{display:block!important}</style><link rel='stylesheet' id='yarppRelatedCss-css' href='https://links4you.ru/wp-content/plugins/yet-another-related-posts-plugin/style/related.css' type='text/css' media='all' /><link rel='stylesheet' id='wpt_widget-css' href='https://links4you.ru/wp-content/plugins/wp-tab-widget/css/wp-tab-widget.css' type='text/css' media='all' /><link rel='stylesheet' id='pgntn_stylesheet-css' href='https://links4you.ru/wp-content/plugins/pagination/css/nav-style.css' type='text/css' media='all' /> <script type='text/javascript' src='https://links4you.ru/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-includes/js/masonry.min.js?ver=4.2.2' id='masonry-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b' id='jquery-masonry-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-content/themes/annina/js/jquery.annina.min.js?ver=1.6.7' id='annina-custom-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-content/themes/annina/js/navigation.js?ver=20151215' id='annina-navigation-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-content/themes/annina/js/SmoothScroll.min.js?ver=1.4.9' id='annina-smoothScroll-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-includes/js/comment-reply.min.js' id='comment-reply-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=1.5.5' id='jquery-smooth-scroll-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.0.3' id='js-cookie-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js' defer></script> <script type='text/javascript' src='https://links4you.ru/wp-content/plugins/easy-table-of-contents/vendor/waypoints/jquery.waypoints.min.js?ver=1.9.2' id='jquery-waypoints-js' defer></script> <script type='text/javascript' id='ez-toc-js-js-extra'>/* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"}; /* ]]> */</script> <script type='text/javascript' src='https://links4you.ru/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=1.7' id='ez-toc-js-js' defer></script> <script type='text/javascript' id='wpt_widget-js-extra'>/* <![CDATA[ */ var wpt = {"ajax_url":"https:\/\/links4you.ru\/wp-admin\/admin-ajax.php"}; /* ]]> */</script> <script type='text/javascript' src='https://links4you.ru/wp-content/plugins/wp-tab-widget/js/wp-tab-widget.js' id='wpt_widget-js' defer></script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){return} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){return} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://links4you.ru/wp-content/plugins/wp-rocket/assets/js/lazyload/12.0/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script> </body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->