лучшие примеры [и критический разбор]
Мы собрали 35 крутых лендингов, которые вдохновят вас при разработке своего дизайна. Представлены лучшие примеры посадочных страниц именно на русском языке — поскольку зарубежный опыт не всегда применим в Рунете.
Конечно, нет предела совершенству, поэтому мы обратили внимание не только на преимущества, но и на недостатки, которые можно исправить. В некоторых случаях также предложили гипотезы, которые можно проверить A/B-тестированием. И конечно же, мы никак не комментировали содержимое сайтов — качество услуг и товаров, которые на них предлагаются.
Что же делает дизайн посадочной страницы эффективным?
Можно назвать много факторов, но важнее всего соблюдать фундаментальные правила дизайна, сосредоточенного на конверсии:
- Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы. Именно по такому принципу построены лучшие продающие одностраничные сайты.
- Страница должна выражать одну-единственную идею с одним главным призывом к действию (Call to action, СТА).
- При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).
- При использовании форм для сбора данных старайтесь сбалансировать объем запрошенной информации и ценность предложения, получаемого взамен (отчет, «белая книга» и т.п.)
- Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо перенаправления посетителей на другие страницы (что заставит их свернуть с намеченного вами пути конверсии).
Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.
Система PromoPult — рекламный комплекс для продвижения бизнеса в интернете. Полная автоматизация, готовые чек-листы, точные настройки. Создана для тех, кто хочет высвободить время на действительно серьезную работу.
Содержание
E-commerce
Влюбиться в продукт по фото
Крутой баннер с рисованными продуктами
О сервисе доставки продуктовых наборов
Крутая анимация первого экрана
Милые (как котики) тексты
Теплый ламповый сайт
Мобильные продукты и услуги
Отвечает на вопросы
Забавная графика
Регистрация в 2 строчки
Начать без регистрации
Проще некуда
Все самое главное в одном экране
Финансовые продукты и страхование
Просто о сложном продукте
Люди. Люди. Люди.
Продать страховку в два экрана
Офлайн-услуги
Call to Action с размахом
Продать любой ценой
Связь
Просто как в интернет-магазине
Экспериментальный минимализм
Спецпроекты
Красивое путешествие
Виральный контент для сложной тематики
Сайты B2B
Кнопка на каждом экране
Легкий дизайн посадочной страницы для сложного сервиса
Веселые картинки для B2B
Анонсы мероприятий и курсов
Точечная анимация и живые отзывы
Сначала история — потом продажи
Поиграли со шрифтами
Лендинг как авангардное искусство
Новый модный русский дизайн
HR-лендинги
Определение ЦА
Страница одного удачного элемента
Хайповые лендинги
Мемы и шуточки для своих
Шутки шутками — но не забываем про продукт
Образцово-показательный лендинг
Дочитали до конца? Круто!
Плюсы хороших лендингов
Минусы ну таких лендингов
E-commerce
Влюбиться в продукт по фото
kitchenceremony.com
Плюсы. В первую очередь — очень аппетитные картинки с налетом luxury. Большая привлекательная фотография на весь первый экран. Аккуратное и понятное меню над ней. Динамика при проскролле в следующем экране.
Можно улучшить: блок с самыми популярными товарами в каталоге. Наличие самого блока — очень хорошо, но, субъективно, фотографии могли бы быть более аппетитными (например, добавить насыпанные горкой приправы рядом с баночкой и т. д.). Хотя не поспоришь, качество фото и создание ощущения премиальности — на высоте.
Рекомендуем почитать: «ТОП-35 ошибок юзабилити и дизайна сайта»
Крутой баннер с рисованными продуктами
ji-fruits.ru
Плюсы. Яркий и привлекательный первый экран. Рисунки делают сайт выделяющимся на фоне конкурентов. Короткий текст заголовка четко формулирует, что вы можете найти на этой странице.
Второй экран — фотографии готовых наборов. Вероятно, это наиболее предпочтительный порядок для продавца, поэтому сперва размещаются коробки и только затем — фото отдельных фруктов.
Удачная иллюстрация процесса заказа — переписка в мессенджере:
Об организационных моментах доставки мы писали в статье: «Тише едешь — дальше будешь, или кому нужна срочная доставка»
Можно улучшить: серьезных недочетов мы не видим. В качестве эксперимента можно попробовать добавить небольшие описания к экзотическим фруктам (например, при наведении курсора на картинку).
О сервисе доставки продуктовых наборов
chef.yandex
Плюсы. Прекрасный пример простого лендинга — информации достаточно, чтобы посетитель сразу понял, что ему предлагают. Контраст достигается за счет цвета — ничего лишнего.
Уникальные авторские картинки — всегда хорошо:
Привлекательные фото готовых блюд и понятно организованное меню (выбор набора «Сбалансированное», «Домашнее» и т. д.).
Можно улучшить: все действительно очень хорошо. Можно поэкспериментировать и перенести блок с описанием схемы работы на первый экран (или снять фоновое видео).
Крутая анимация первого экрана
satellite-express.ru
Плюсы. Прекрасный лендинг с хорошими рисунками. Первый экран интересно ведет себя при проскролле.
Все продукты (их четыре) расположены на втором экране:
Процесс использования глюкометра наглядно показан в картинках, выполненных в стилистике сайта:
Что можно улучшить: на лендингах пользователи привыкли видеть навигационную панель в первом экране. Поскольку лендинг не длинный, без этого, конечно, можно обойтись, но все же лучше не отказываться от привычных элементов для такого типа страниц.
Рекомендуем почитать: «На что обратить внимание при оптимизации главной страницы»
Милые (как котики) тексты
www.kotofabrika.com
Плюсы. Этот сайт выделяется отличным копирайтингом. И если он покажется излишне «ми-ми-ми», то стоит вспомнить, кто является ЦА производителя. А это хозяева котиков, которые покупают для них домики. Достаточно ми-ми-ми?
Нестандартно подписанный блок для связи с консультантом (а ведь на 99% сайтов они абсолютно шаблонные, хотя кастомизировать их совсем не сложно):
И в целом стиль коммуникации очень дружелюбный и расслабленный, при этом покупатель найдет ответы на свои вопросы:
Можно улучшить: есть явные проблемы с версткой. Например, как в блоке, который мы показали выше — выровненный по ширине текст с дырками между словами. Немного спорное использование ценного пространства первого экрана:
Теплый ламповый сайт
oknaludyam.ru
Плюсы. Возможно, вы уже видели эту страницу в подборках необычных лендингов. Действительно, она выделяется на общем фоне. При высочайшей конкуренции среди продавцов окон ПВХ крайне сложно сделать сайт, который будут внимательно изучать. А эту страницу действительно интересно рассматривать.
Во втором окне сразу видим кнопку «Рассчитать стоимость» (обратная связь).
Кстати, обратите внимание на стиль подачи информации. Как и в предыдущем примере, несмотря на простоту, здесь можно найти ответы на все вопросы:
Можно улучшить: возможно, это была часть задумки «сделано на коленке», но кнопки (шрифт) выглядят не очень удачно (см. «Рассчитать стоимость» выше). Их можно оформить в стилистике сайта (рисунок ручкой), либо сделать максимально нейтральными.
Карта и Васька прекрасны
Еще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.
Инструменты PromoPult для рекламы в соцсетях: все каналы в одном кабинете, минимальные бюджеты, все делают штатные специалисты системы, вам нужно только дать вводные.
Мобильные продукты и услуги
Отвечает на вопросы
lite.youdrive.today
Плюсы. Видео в первом экране привлекает внимание и отлично «продает эмоцию»: электросамокат — это быстро, стильно, радостно, динамично.
Кнопки приложений для Android и iOS — сразу под видео:
Количество текста сведено к минимуму, вместо повествовательного стиля — короткие ответы по делу:
Что можно улучшить: поскольку это лендинг для приложения, имело бы смысл разместить ссылки на Google Play и AppStore на странице несколько раз, а не один.
Рекомендуем почитать: «40+ гайдов по работе в PromoPult: привлекаем клиентов без помощи агентств»
Забавная графика
molodost.bz/fact/
Плюсы. Основной плюс — интересный подход к визуализации пути к цели. Стильные анимированные иллюстрации с умеренной иронией.
И вот такой баннер на третьем экране:
В целом нет перегруза по цветам (белый фон, черный шрифт, желтый и зеленый для акцентов), текст разбит на мелкие блоки.
Можно улучшить: неудачный первый экран, неубедительный дизайн, непонятна суть продукта. Заголовок «Достижение денежных целей в новой online-системе» не считывается, т. к. остальные элементы значительно активнее.
Решение по оформлению отзывов также кажется не очень удачным. Один отзыв занимает целый экран и… многовато экспрессии:
Ну и маленькое примечание: стоит следить за скидками. Скидка с 12 900 до 12 990 — так себе бонус.
Рекомендуем почитать: «Чек-лист по оптимизации сайта: юзабилити и коммерческие факторы»
Регистрация в 2 строчки
lingualeo.com
Плюсы. Первый экран может показаться слишком простым — так и есть. И это самый главный плюс лендинга. Присутствует емкое описание назначения приложения, но в первую очередь внимание привлекает форма регистрации. Всего два поля (или один клик на кнопку социальной сети) — и вы в деле. В общем, первый экран абсолютно самодостаточен.
Дизайнеры последовательно используют символ продукта — львенка — на всей странице:
Можно улучшить: стоит присмотреться к блоку с ценами. Из плюсов — наиболее выгодное для продавца предложение расположено посередине и выделено цветом, это хороший прием для «продажи» выгодной цены. А вот скидку хотелось бы показать более привлекательно (вынести стоимость со скидкой выше, дополнительно выделить цветом, зачеркнуть полную цену и т. д.).
Начать без регистрации
www.duolingo.com
Плюсы. Еще один сервис для изучения языков — но здесь первый экран еще круче!
Чтобы начать, не нужно даже регистрироваться. Отлично сформулирован основной посыл. Все максимально просто и ничего лишнего.
Кстати, кнопка «Начать» есть не только в самом начале, но и внизу короткого лендинга.
Можно улучшить: в целом лендинг прекрасен, но бросилось в глаза, что в довольно важном смысловом блоке шрифт внезапно стал значительно мельче. С экрана 13-дюймового ноутбука читать оказалось не совсем комфортно.
Проще некуда
https://www.strava.com/
Плюсы. 100% прямолинейность и простота.
Можно улучшить: 0% для улучшения. Можно включать в список лучших лендингов мира в категории минимализм.
Все самое главное в одном экране
ru.bookmate.com
Плюсы. Скидка крупно на первом экране. Здесь же — все нужные кнопки («Получить подписку», «Войти», «Магазины приложений») и краткая формулировка сути сервиса. Все по делу.
Привлекательный блок с бестселлерами — мотивация оформить подписку, чтобы получить к ним доступ.
Можно улучшить: call to action (CTA, призыв к действию) остается в хедере сайта при прокрутке, но, возможно, стоит поэкспериментировать с его размерами и/или добавить кнопки подписки после отдельных блоков.
Модуль SEO в системе PromoPult — для тех, кто ценит эффективную работу. Все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов.
Финансовые продукты и страхование
Просто о сложном продукте
rocketbank.ru
Плюсы. Редкий пример «горизонтального» лендинга — контент скроллится не сверху внизу, а слева направо. Много «воздуха», страница не перегружена ни текстовой, ни визуальной информацией. Удачный первый экран: крупно — изображение карты и шапка блока с тарифами.
Что можно улучшить: не самое удачное описание тарифов — слишком растянуто, пользователю сложно сориентироваться в большой таблице, которую приходится долго листать.
Люди. Люди. Люди.
www.mtsbank.ru/malomu-biznesu
Плюсы. В верхнем баннере прямо под заголовком размещена кнопка «Открыть счет». При нажатии попадаем на форму оформления заявки (а не на форму обратной связи, как это часто бывает).
Скучный банковский продукт максимально очеловечен. И не только в рамках верхнего баннера (это уже привычный прием). В каждом информационном блоке — живая фотография с эмоцией. На этом фоне тем более ярко выделяется изображение кассы (да еще и с пометкой «Акция»).
В целом это очень компактная посадочная страница (3 экрана). Все фотографии выдержаны в одном стиле, нет ощущения «стоковости». Ненавязчивая анимация оживляет сайт: при наведении курсора на блоки услуг они окрашиваются в красный и за счет тени приподнимаются над фоном.
Можно улучшить: мало call-to-action элементов. Возможно, кнопку «Открыть счет» следовало бы разместить не только в верхнем баннере, но и в середине и конце лендинга и сделать ее более очевидной. Также не хватает формы обратной связи/онлайн консультанта или номера телефона в видимой части экрана (телефон можно найти только рядом с навигацией в футере сайта, и это общий колл-центр банка, без привязки к продукту).
Рекомендуем почитать: «Как установить бесплатный онлайн-консультант на сайт [инструкция PromoPult]»
Продать страховку в два экрана
www.tinkoffinsurance.ru/autoinsurance
Плюсы. Отличный лендинг на 2 экрана! Первый — сочетание привлекательной картинки и ключевой информации (часто в угоду дизайну первый экран занимает лишь изображение с заголовком). Здесь же сразу видны основные преимущества, дополнительно выделена финансовая выгода.
И затем — схема из трех шагов:
Два экрана — три СТА (call to action) (Купить полис — Рассчитайте страховку — Позвоните мне). Все максимально лаконично, белый фон, черный шрифт, один цвет для расстановки акцентов, много воздуха, минимум слов, прямолинейный текст на кнопках.
Можно улучшить: пожалуй, все на своих местах. Но если нет предела совершенству — то в первом экране хотелось бы видеть больший контраст между подложкой и графикой/текстом.
Как настраивать контекст на профессиональном уровне — без агентства? В модуле контекстной рекламы PromoPult — автоматический подбор слов, автоматическая генерация объявлений, «умное» управление ставками. Готовые отраслевые решения. Статистика в реальном времени. Для профессионалов — множество точных настроек.
Офлайн-услуги
Call to Action с размахом
moscowfreetour.ru
Плюсы. Бейджи с наградами находятся в первом экране, прямо под навигационной панелью. Все очень ярко и стереотипно — логотип с матрешкой, собор Василия Блаженного, ушанка — в общем, то что нужно, чтобы сразу показать, что посетитель на правильной странице. Огромный заголовок не оставляет сомнений.
Шапка сайта перемещается при проскролле, так что навигационная панель и номер телефона (!) всегда доступны.
Блоки с описанием и расписанием экскурсий оформлены очень лаконично, использование графики позволяет сократить количество текста и делает информацию более наглядной:
А еще это лендинг, который можно включать в списки сайтов с самым большим количеством повторений CTA. При этом текст кнопок очень разнообразный: «Хочу на бесплатную экскурсию», «Задать вопрос», «Посмотреть экскурсии», «Записаться прямо сейчас», «Участвовать в акции», «Записаться на бесплатную экскурсию». Список можно продолжать.
Что можно улучшить: бесконечные лендинги могут быть достаточно трудны для восприятия. Примерно после ⅓ лендинга посетитель рискует забыть о том, что он уже увидел. На этой посадочной мы насчитали 17 смысловых блоков.
Продать любой ценой
qlean.ru
Плюсы. Эта страница создана, чтобы продавать. Дизайн полностью сосредоточен на конверсии. Зайдя на сайт, вы сразу видите специальное предложение со скидкой, которой необходимо воспользоваться в течение 15 минут — запущен обратный отсчет.
Предложение «Рассчитать стоимость» и напоминание о скидке остается с вами при прокрутке:
Цены в блоке с расценками отображаются сразу с 30% скидкой:
… и прежде чем уйти, вы увидите финальное предложение о заказе уборки)
В остальном лендинг тоже весьма хорош, посетитель легко находит ответы на все вопросы, тексты компактные, нет перегруза по цветам.
Интересно реализован блок с описанием, что входит в уборку каждой комнаты, все очень наглядно:
Кажется, можно смело брать в качестве примера лендинга с высокой конверсией.
Можно улучшить: возможно, скидка с обратным отсчетом — постепенно устаревающий прием, но, вполне вероятно, на этом конкретном лендинге он работает.
Запускаете рекламу в системе PromoPult? Не уверены, что все делаете правильно? Хотите сделать лучше, но не знаете как? Обращайтесь за помощью к профессионалам системы. Ваш персональный менеджер в системе PromoPult.
Связь
Просто как в интернет-магазине
moskva.mts.ru/personal/mobilnaya-svyaz/mobilniy-internet/podklyuchit
Плюсы. Все коротко и по делу. Посадочная страница не перегружена, много воздуха, вся информация быстро считывается.
Максимально просто и понятно оформлен блок допродажи:
Обратите внимание, USSD запросы для подключения дополнительного трафика не спрятаны в «Подробнее», а сразу видны в основном блоке. Быстрые ответы на вопросы: «что я получу», «сколько это будет стоить», «как мне это сделать».
Можно улучшить: все очень хорошо, но если уж искать способы улучшения — возможно, использовать фотографии, менее похожие на стандартные стоковые (см. первый скриншот).
Экспериментальный минимализм
www.yota.ru/#/promo
Плюсы. Очень необычный лендинг. Один экран, все что мы видим — 4 ссылки слева и большой голубой баннер справа из трех слайдов: «Реклама интернета для планшета» — «Реклама скидки 50% за привязку карты» — «Реклама Wi-Fi роутера для YOTA». Вот такой смелый минимализм и постмодернизм в действии.
Можно улучшить: не надо ничего улучшать. Идеальный экспериментальный лендинг.
Аудит поискового продвижения сайта в системе PromoPult: прогоните сайт по чек-листу, подготовленному профессионалами. Хотите больше информации — закажите аудит. Выполнение всех рекомендаций после аудита дает кратный рост показателей сайта.
Спецпроекты
Красивое путешествие
www.visit-rogaska-slatina.si/ru
Плюсы. Фишка сайта — красивое фоновое видео. Здесь живые фотографии и анимированные элементы.
Можно улучшить: стоит поработать над шрифтами и дизайном кнопок — они кажутся устаревшими.
Виральный контент для сложной тематики
changes.docplus.ru
Плюсы. Этот лендинг веселый, виральный, качественный как с визуальной, так и с текстовой стороны.
При этом с большинства карточек есть ссылка на основной сайт.
И в конце посадочной — промокод на услугу.
Можно улучшить: ничего. Только радоваться, восхищаться и делать вовлекающие лендинги для спецпроектов.
Профессиональные инструменты PromoPult: быстрее, чем руками, дешевле, чем у других, бесплатные опции.
Съем позиций, кластеризация запросов, парсер Wordstat, сбор поисковых подсказок, сбор фраз ассоциаций, парсер мета-тегов и заголовков, анализ индексации страниц, чек-лист оптимизации видео, генератор из YML, парсер ИКС Яндекса (бесплатно).
Сайты B2B
Кнопка на каждом экране
megaplan.ru/megaplanstart
Плюсы. Сайт 100% заточен под продажи. В первом же экране — форма заявки. Затем кнопка с призывом к действию «Попробовать бесплатно» появляется после каждого блока (1 раз на каждый экран).
Сам продукт продемонстрирован очень подробно, много анимированных элементов, которые показывают, как именно пользователь сможет работать с сервисом.
Очень хороший прием — блок «Зачем Мегаплан руководителю и сотруднику». В зависимости от того, кого вы выбираете, вы видите конкретный набор преимуществ, маркированный иконками.
Можно улучшить: лендинг кажется очень длинным (14 смысловых блоков), при этом нет меню, с помощью которого можно было бы перейти к конкретному разделу. А еще удивило отсутствие фавиконки — так что каким бы масштабным ни был ваш проект, не стоит забывать о мелочах.
Легкий дизайн посадочной страницы для сложного сервиса
www.cloudpayments.ru
Плюсы. Отличный первый экран с рисованными элементами (буквы «пишут» при вас, и это привлекает внимание к провокационным заявлению). Несмотря на крайне малое количество информации, считывается суть услуги (платежный сервис) и подход (рвем шаблоны).
Кнопка «Подключить» на первом же экране — большой плюс.
Хороший подход к блоку отзывов: крупные фотографии в рост, человеческий язык.
Интересно организовано портфолио: логотипы движутся по кругу, их действительно много — и создается ощущение бесконечности. Все лого — в фирменном цвете сервиса, выглядит более стильно, чем стандартные пестрые или серые блоки.
А еще с основного лендинга можно перейти на лендинг 18+… Но мы не можем гарантировать, что среди наших читателей нет 18–, поэтому просто покажем, как организован переход. Любопытно?
Можно улучшить: среди плюсов мы упоминали кнопку «Подключить» в первом экране. К сожалению, это единственное место, где она встречается на странице. Совершенно точно не помешает продублировать ее после нескольких смысловых блоков. Никаких форм/кнопок обратной связи, кроме как в самом низу страницы, мы не нашли.
Веселые картинки для B2B
piratecode.ru
Плюсы. «Мультяшный» дизайн посадочной страницы выделяется на фоне многочисленных сайтов других разработчиков.
Яркие иллюстрации сочетаются с лаконичным текстом на белом фоне, по итогу нет ощущения перегруженности.
Хорошо смотрится параллакс: при прокручивании страницы постепенно появляется новый текст и изображения, создается ощущение истории, которую рассказывают здесь и сейчас.
Можно улучшить: проблема большинства страниц с параллаксом — медленная загрузка, и этот лендинг не исключение. И возможно, стоило бы более плотно поработать с текстовой составляющей. К сожалению, это — один из многих примеров, когда можно просто убрать название компании и разместить описание под любым другим бренднеймом.
Устранить рутину в простановке внешних ссылок можно с помощью модуля «Естественные ссылки» от PromoPult. Мы подберем качественные площадки — и к вам придет заинтересованная аудитория, которая лучше ведет себя на сайте и конвертится в покупателей.
Анонсы мероприятий и курсов
Точечная анимация и живые отзывы
another-georgia.com
Плюсы. Стильный лендинг с ненавязчивой анимацией на отдельных графических элементах. Страница выдержана в цветовой гамме грузинского флага (красные акценты на белом фоне) плюс черный текст и графика, фотографии в теплых тонах.
Нет больших полотен текста, вся информация разбита на мелкие блоки, между которыми достаточно воздуха.
Отличный прием — тексты от первого лица:
На этом лендинге удачно организован блок с отзывами-скриншотами из мессенджеров. Такой формат может вызывать больше доверия (и привлекать больше внимания), чем привычные текстовые блоки с фотографиями клиентов в окошках-кружочках.
Что можно улучшить: сейчас на посадочной странице слишком мало призывов к действию (call to action). Кнопка «Записаться» есть только в шапке сайта, при этом она не очень заметна. Стоило бы попробовать добавить более очевидные и крупные кнопки после отдельных блоков и повторить CTA несколько раз.
А вот в шапку можно добавить номер телефона и email (сейчас они в самом низу лендинга, там же и кнопки социальных сетей).
Сначала история — потом продажи
noboring-finance.ru/planerka
Плюсы. Много юмора, за которым не теряется суть. Забавные иллюстрации, отличный копирайтинг.
Рассказывать истории — хороший прием для привлечения внимания и сближения с аудиторией. Прежде чем начать продавать курс, авторы предлагают…
А далее — три истории вот в такой стилистике:
И только после блока классного сторителлинга посетитель видит описание курса
Можно улучшить: блок с программой курса можно попробовать сделать более привлекательным — увеличить отступы между разделами, добавить несколько графических элементов.
Кому-то может показаться не самой удачной сама идея так далеко прятать описание курса. Но в условиях конкуренции в онлайн-образовании нужно искать способы, чтобы выделяться на общем фоне. Качественный сторителлинг — отличный способ это сделать.
Поиграли со шрифтами
special.meduza.io/storm/2017/
Плюсы. Этот лендинг непохож на сайты других конференций. При всей своей эпатажности он уже на первом экране очень четко отвечает на все вопросы: что это за мероприятие, когда и где оно пройдет, как купить билеты. Крупный курсивный шрифт разных цветов на черном фоне однозначно привлекает внимание.
И вот образец того, как коротко и понятно сформулировать тематику конференции, показать проблемы и определить ЦА:
Для юмора (и котов) тоже осталось немного места:
Отличный блок, стимулирующий не откладывать покупку билетов, а заодно помогающий продать запись предыдущей конференции:
Что можно улучшить: не надо ничего улучшать. Надо учиться 🙂
Лендинг как авангардное искусство
kaskadproject.com
Плюсы. Это не просто лендинг, а произведение концептуального искусства.
Выглядит достаточно безумно, чтобы посетитель не забыл этот сайт. И сбросил ссылку нескольким друзьям. Учитывая целевую аудиторию — это проектная школа для старшеклассников на базе галереи современного искусства — такое смелое решение кажется очень удачным.
Странички, расположенные каскадом — не отдельные вкладки, они передвигаются при обычном проскролле вниз. Очень интересные ощущения, проверьте сами.
Что можно подсмотреть, вне зависимости от смелости ваших взглядов: короткая форма регистрации, никаких лишних вопросов вроде фамилии, города, возраста и т. д.:
Можно улучшить: все прекрасно, это настоящий концепт-арт. Ну и если включить чууууточку занудства — в форме регистрации к посетителю сперва обращаются на «вы», а потом, в поле о любимых художниках — на «ты». Но это такие мелочи.
Рекомендуем почитать: «Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]»
Новый модный русский дизайн
rubyrussia.club/ru
Плюсы. Дизайн верхнего баннера — на острие современных модных трендов, образец landing page «made in Russia» (привет единению советских авангардистов и Гоши Рубчинского):
Как и на лендинге Шторма Медузы, описание конференции отлично уместилось в один экран крупным шрифтом. Динамично и на человеческом языке.
Очень компактно — о каждом из спикеров:
И снова котики — да что ж такое…
(кстати, использование строчных букв в именах обращает на себя внимание).
Можно улучшить: и опять это будет скорее попытка найти соринку в глазу. Промо-видео о конференции на четыре минуты, возможно, немного затянуто. Но в целом этот лендинг — чтобы учиться на хорошем примере, а не критиковать.
Система PromoPult — рекламный комплекс для продвижения бизнеса в интернете. Полная автоматизация, готовые чек-листы, точные настройки. Создана для тех, кто хочет высвободить время на действительно серьезную работу.
HR-лендинги
Лендинги под набор персонала — особый жанр. Их задача — продать место в компании соискателю. Два примера, как это работает.
Определение ЦА
hr.cpeople.ru
Плюсы. Агентство позиционирует себя как команду супергероев, так что страница построена в стилистике комиксов:
Яркий лендинг, который на визуальном и текстовом уровне четко определяет ЦА: смелые, творческие, нескучные. Все смысловые блоки на месте: преимущества работы в компании, лидерство на рынке, проекты, команда, вакансии, фотографии офисной и около-офисной жизни.
Конкретные вакансии расположены относительно далеко внизу, но к ним можно перейти сразу по кнопке «Хочу в команду!».
Что можно улучшить: флажок «работодатель года» можно попробовать сделать чуть заметнее (но что хорошо — он остается при проскролле страницы). И все-таки поэкспериментировать с дополнительными кнопками перехода к вакансиям.
Страница одного удачного элемента
job.alfabank.ru/moskva/#1520
Плюсы. Основной выделяющийся элемент страницы (из-за которого ее часто включают в списки лучших лендингов Рунета) — изображение мужчины, который вместе с посетителям движется по сайту. На уровне блока «Подберите работу по себе» его одежда меняется с кроссовок-джинсов-футболки на туфли-джинсы-рубашку-пиджак. Все эти перемещения героя по сайту смотрятся весьма динамично и привлекают внимание (правда, сперва смещают фокус с содержания на форму).
В отличие от многих подобных страниц, на этой примеры конкретных вакансий размещены в верхней части посадочной. И только потом описываются преимущества работы, истории успеха и т. д. Это разумно, ведь посетитель пришел на сайт с конкретной целью.
Еще один плюс — возможность подбора вакансий по регионам, категориям, ключевому слову:
Можно улучшить: в 2018 году немного странно видеть примечание «используйте колесо мыши для прокрутки сайта».
Более серьезные проблемы — в области верстки. Если стоит задача сделать сайт с необычным дизайном, стоит обращать внимание на любые мелочи. В этом случае есть целый ряд крупных и мелких недочетов:
- крошечное окошко с видео.
Да, есть опция «развернуть», но само видео настолько плохого качества, что лучше этого не делать. Кроме того, длится оно почти 2 минуты, что очень много для имиджевого ролика (да и сам ролик оставляет желать лучшего).
- Фирменная цветовая гамма (сочетание белого и красного) сама по себе прекрасна, но не тогда, когда на ярко-красном фоне размещен мелкий белый шрифт:
- Очередной недочет в верстке — темный шрифт попадает на темный фон и становится практически нечитабельным:
И общее примечание: много воздуха на сайте, широкие поля по бокам — хорошо, но не тогда, когда это оказывается в ущерб основному контенту, который становится очень трудно воспринимать.
Обновленный модуль SEO: для тех, кто ценит эффективную работу. Все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов.
Хайповые лендинги
Мемы и шуточки для своих
yasdelie.ru
Плюсы. Страница повышенной виральности. Кто за этим стоит и насколько лендинг помогает продавать — неизвестно, но не включить его в подборку крутых посадочных было бы несправедливо.
Вся страница построена на картинках-мемах и немного упоротых текстах — невозможно оторваться:
Можно улучшить: ничего. Только расскажите нам, какая конверсия у этого лендинга и кто так тщательно охраняет конфиденциальность калининградского автора.
Шутки шутками — но не забываем про продукт
roltrol.by
Плюсы. Такой лендинг о роль-шторах вы еще не видели — а их в Рунете, пожалуй, тысячи.
Несмотря на общий ироничный формат сайта, есть здесь очень крутой блок — описание разных типов рулонных штор. Все очень понятно, примерно так вы объясняли бы принцип устройства шторы своему знакомому (если бы разбирались в этом).
Лендинг не выглядит совсем уж непродающим — регулярно появляются кнопки с призывом к действию «Заказать звонок» или «Перейти на сайт партнера».
Можно улучшить: можно спорить о том, кому какие шутки нравятся… но лендинг действительно хорош.
Образцово-показательный лендинг
24run.ru
Плюсы. Здесь вы можете найти все обязательные составляющие лендинга (кстати, хорошего лендинга). Но… подвох чувствуется с самого начала.
Все блоки на своих местах, все строго по правилам: маркированные списки, кнопки CTA, иконки, описание процесса, преимущества, отзывы и т. д. И прекрасный ироничный копирайтинг.
Ответ на вопрос, кто за этим стоит — в конце лендинга.
Можно улучшить. Не можно.
Дочитали до конца? Круто!
Поздравляем, теперь вы увидели 35 примеров посадочных страниц с высокой конверсией и просто необычных лендингов.
Самое время подводить итоги. Какие плюсы и минусы нам встречались чаще всего?
Плюсы хороших лендингов
- Лаконичность в тексте и дизайне.
- Стильная анимация.
- Нестоковые фотографии.
- Оригинальные рисунки.
- Человеческий язык, уместный юмор.
- Понятные кнопки CTA, встречающиеся на странице несколько раз.
- Нестандартный подход к стандартной тематике без ущерба содержанию.
- Апелляция к эмоциям.
- Четко обозначенные преимущества, акции, скидки.
- Нешаблонные отзывы.
- Максимально простые формы регистрации.
Минусы ну таких лендингов
- Невнимание к мелочам (огрехи в верстке, отсутствие фавиконов, контраст шрифта и подложки и т. д.).
- Недостаточно CTA.
- Слишком большой объем информации, длинный лендинг.
- Неинтересные и некачественные видео.
54 примера потрясающего дизайна лендингов
В интернете второго шанса произвести впечатление на посетителя просто нет. Именно поэтому дизайн лендинга чрезвычайно важен. Лендинг — это лицо компании, ваше виртуальное представительство; если оно не понравится пользователю, он просто закроет вкладку и забудет о вас.
Чтобы этого не произошло, предлагаем изучить 54 самых лучших дизайна лендинг-пейдж по мнению Hubspot. Для вашего удобства мы разделили все примеры на 6 ниш: электронная коммерция, развлекательные сайты, лендинги-портфолио, розничная торговля, интернет-проекты и сфера услуг.
Надеемся, что среди них вы найдете вдохновение для вашего лендинга.
Примечание редактора: В связи с тем, что оригинальная статья была написана в 2016 году, некоторые ссылки могут не работать.
Содержание статьи
Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг
Электронная коммерция
1. Luhse Tea
Дизайн этой страницы уникален, полностью пропитан индивидуальностью бренда и не похож ни на какие на другие.
2. Fit For A FrameОсобенность этого дизайна в том, что все элементы на виду, но в тоже время очень аккуратно расположены. Также внимание привлекает простое, но красивое слайдшоу.
3. Shop Locket
Простой, но симпатичный дизайн. Плюс в том, что можно войти на сайт через Facebook, не тратя время на регистрацию.
4. White Lotus Aromatics
Отличный пример демонстрации продуктов компании. Каждый месяц компания обновляет список товаров, показываемых на странице.
5. Evel
Понять, что продается на сайте, — не проблема благодаря отлично структурированному контенту, красивым слайдам и крупному шрифту ценников.
6. Lega-lega
Наиболее успешные страницы, посвященные продаже товаров, обязательно содержат понятные и легкие для восприятия примеры продукции.
7. Urban Originals
Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.
8. Scotch & Soda
На странице удачно отображены разные разделы. Для более подробной информации достаточно кликнуть на понравившееся изображение.
Имеет ли смысл создавать лендинг для уже работающего магазина? Конечно, да! Это может быть релиз нового товара или тестирование новой целевой аудитории. В принципе, все переходы вашего потенциального покупателя по рекламе должны закончиться для вас микроконверсией — как минимум, подпиской.
Развлекательные сайты
9. Clouds over cuba
Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.
10. Universeries
Дизайн страницы очень хорошо продуман, он завораживает и буквально гипнотизирует. Отличное сочетание цветов и форм.
11. Jacqui co
Этот сайт выше всех похвал. Блестяще продуманный дизайн и обилие интерактивных элементов никого не оставят равнодушным.
12. Pottermore
В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.
13. Heath Life
Эта страница не только выглядит красиво, она еще и очень функциональна: множество интерактивных элементов, интеграция с Google Maps, использование вкладок.
14. Uncrate
Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.
15. The good man
Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.
16. Silktricky
Отличный пример «плиточного» дизайна, который позволяет стильно расположить большое количество блоков с контентом.
17. Magic Leap
Визуальная составляющая этого видеолендинга потрясающая. Яркие образы мгновенно захватывают внимание пользователей.
18. Life and times
Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.
Несмотря на то, что развлечения и игры часто ассоциируются с чем-то несерьезным, тем не менее, это вполне себе рабочий инструмент, с помощью которого можно решить актуальные бизнес-задачи, связанные с лояльностью и маркетингом, привлечением новых клиентов и мотивацией сотрудников.
Один из способов удержания, да и привлечения, клиентов — создание лендингов, которые формировали бы вовлеченность пользователя. Если вам нужен уникальный интересный дизайн, вы можете оставить заявку на индивидуальную разработку.
Читайте также: 10 примеров лендингов необычных стартаповЛендинги-портфолио
19. Hello monday
На этой странице главенствующая роль вновь отведена изображениям, которые буквально оживают при наведении мыши.
20. Jib
В этом примере очень интересное сочетание цветов. Более того, на странице у всех элементов использована одинаковая структура фонов, под дерево.
21. Ride for the brand
Здесь очень удачно использован «олдскульный» стиль, дизайн каждого элемента продуман до мелочей и уникален. Благодаря бесконечному скроллингу на этом сайте наслаждаться такой красотой можно долго.
22. Andy Patrick design
Понятный и продуманный дизайн помогает странице наиболее эффективно донести главную информацию до посетителей. Цветовая схема соответствует бренду и показывает стиль дизайнера в деле.
23. This is the brigade
Страница представляет собой превосходную презентацию. Каждый баннер посвящен отдельному проекту.
24. Built by buffalo
Данный лендинг представляет собой пример необычного плиточного дизайна.
25. Galpin
На это странице главную роль играет типографика. Применение различных шрифтов помогает в передаче идей.
26. Made by Vadim
Дизайн лаконичен и краток. На странице мы можем увидеть все необходимое: и портфолио, и ссылки на другие разделы.
27. Art&code
Иконки и ничего лишнего. Хороший пример минималистичного дизайна.
28. Riley Cran
Страница-портфолио отображает самое главное — примеры работ.
Нет ничего более важного для карьеры, чем демонстрация ваших лучших работ в привлекательном, профессиональном и доступном виде. И ключевую роль может сыграть качественный лендинг пейдж, который вы можете создать в нашем конструкторе прямо сейчас, взяв за основу готовый бесплатный шаблон из специального раздела.
Розничная торговля
29. Rei
На странице представлено множество фотографий пользователей, которые с помощью скролла и наведения можно легко листать.
30. Austin beerworks
Большие яркие фотографии товара компании так и вызывают желание выпить баночку холодного пива.
31. Jaquet droz
Ничто не отвлекает посетителя от созерцания прекраснейших часов.
32. Italio kitchen
Изюминка этого сайта — слайдшоу в верхней части страницы, на которой продемонстрированы аппетитные кулинарные шедевры.
33. TV safety
Шрифт и графика отлично сочетаются, создавая единое восприятие сайта. Пунктов меню всего три, и их невозможно не заметить.
34. Grey Goose
Элегантный стиль, качественные изображения, прекрасная презентация. От главных элементов ничего не отвлекает.
35. Toyota
Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.
36. Got Milk?
Несмотря на то, что эта страница по высоте вписывается в один экран, на ней присутствует много интересных интерактивных элементов и необычных деталей.
37. Buffalo Wild Wings
Дизайн страницы полностью отражает стиль бренда: цвета, шрифты, картинки сразу ассоциируются именно с этой компанией.
Потенциальные покупатели заходят на ваш лендинг удовлетворить свои потребности. Им без разницы, что за продукт вы производите и каковы его свойства. По сути, лендинг — такой же продукт сегодня, как и сам товар. Обратите внимание покупателей на преимущества, которые они получат. Не расписывайте подробно характеристики продукта, а объясните, зачем он им нужен.
Интернет-проекты
38. Chrome Web Lab
На этой странице использованы потрясающие визуальные эффекты. Вы влюбитесь в многообразие цветов с первого взгляда!
39. Viddy
На этой странице интеграция с Facebook облегчает процесс регистрации и заметно увеличивает количество новых пользователей сервиса.
40. Who is Wildlife?
Это профессиональный интерактивный лендинг с первого взгляда вовлекает посетителей, предоставляя им уникальный пользовательский опыт.
41. Prezi
Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.
42. Impress a penguin
Этот сайт похож на книгу, захватывающую ваше внимание необычным сюжетом и иллюстрациями.
43. СSS piffle
Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.
44. Fannabee
На этом лендинге при скроллинге используется параллакс-эффект, восхищающий посетителей.
Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версиюСфера услуг
45. Captain Dash
Главный баннер в стиле постера для фильма определенно привлекает внимание. Даже если вы не знаете, чем занимается эта компания, вас заинтригует Капитан Дэш, изображенный на постере.
46. Woodwork
Необычная сетка этой страницы позволяет посетителям увидеть сразу много контента в удобном для восприятия виде.
47. Sagmeister walsh
Очень креативный дизайн выбрала для своего сайта эта компания. Нажимая на элементы окон с названиями, мы можем попасть в соответствующий раздел.
48. Madwell NYC
Качественный дизайн страницы говорит о том, что этой компании можно доверять.
49. Ryan Edy
Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».
50. Oliver Rassel
Яркие элементы делают эту страницу очень привлекательной, вместе с тем они ненавязчивы и не отвлекают от главного контента.
51. Quarter Rest Studios
Эта посадочная страница по сути представляет собой одно большое слайд-шоу в сочетании с простой навигацией. Это дает посетителям ограниченный, но достаточный для лендинга набор опций.
52. Fancy Rhino
Еще один пример, демонстрирующий превосходную работу со встроенным видео на посадочной странице. Навигация и боковая панель достаточно просты, чтобы выделиться рядом с видео.
53. Flint Boutique
Шрифт и цвета играют огромную роль в на этом лендинге. Баланс между текстом и изображениями создает отличный пользовательский опыт.
54. Blind Barber
Этот лендинг делает акцент на центре страницы, привлекая внимание посетителей к кнопке «Узнать больше» об этом слепом парикмахере.
Читайте также: 10 примеров лендинг пейдж из сферы рекламных услугЗаключение
В этой статье мы разобралее более 50 абсолютно разных дизайнов лендингов, но каждый из них по-своему хорош и грамотно выражает уникальное предложение. При разработке лендинг пейдж очень важно, чтобы страница соответствовала вашему бренду и была интересна целевой аудитории.
Если у вас нет времени разбираться в тонкостях лендостроения, но при этом вам нужен уникальная страница с гарантированно высокой конверсией, команда LPgenerator с радостью разработает для вас индивидуальный дизайн. Он будет выполнен с учетом всех ваших пожеланий, подчеркнет особенности оффера и позиционирование бренда, а еще — легко масштабируется по мере необходимости.
Высоких вам конверсий!
По материалам: hubspot.net Изображение: freepik.com
18-06-2016
Примеры Лендинг пейдж | Примеры одностраничных сайтов
Гармоничный дизайн, понятная и логичная структура, полезная информация, написанная доступным языком — вот что отличает крутой лендинг от обычного. Если ваша цель завоевать доверие читателя, “зацепить” его своей компетентностью и заинтересовать акциями и бонусами, рекомендуем изучить примеры работ на нашем сайте. Вы поймете, как выглядит хороший landing page и какой должна быть его структура.
Мы предлагаем взглянуть на самые разные примеры — красивые и не очень, чтобы вы понимали по каким законам строится работа с продающей страницей. На этих примерах одностраничного сайта вы узнаете, как правильно подать и продать тот или иной товар или услугу, получить лучшую конверсию, даже если ниша перенасыщена предложениями.
В примерах лендинг сайтов вы увидите, как грамотная работа маркетолога, специалиста по текстам и визуальному оформлению превратили сухую информацию о фирме и ее услугах в привлекательный продукт.
К каждому примеру сайта мы добавили описание: рассказали из каких элементов он состоит, какую информацию обязательно стоит указать на странице, а чего писать не нужно. В разделе с полезными советами поговорили о том, как важна обратная связь и как правильно ее собирать. Разъяснили, нужно ли указывать цены на сайте, если вы продаете автозапчасти, цветы или окна. И почему фото коллектива, размещенные на лендинге, в несколько раз повышают доверие к бизнесу.
Любой сайт можно сравнить с яркой подарочной упаковкой, в которую вы “заворачиваете” бизнес: бренд и услуги. От привлекательности обертки зависит заинтересованность клиента и число заявок. Выберите удачную обертку, которая точно заинтересует аудиторию, и наполните ее качественным содержанием.
Конечно, такую страницу создать не просто, если вы новичок в дизайне и копирайтинге. В этом случае, советуем обратиться к профессионалам, чтобы результат работы отвечал не только вашим представлениям о продающей странице, но и действительно привлекал читателей.
Если в этом разделе вы пока не нашли примеры страниц по вашей тематике, не расстраивайтесь. Мы планируем регулярно обновлять примеры, чтобы охватить все многообразие сфер бизнеса, которым могут понадобиться лендинги для продвижения в сети. Наша цель — чтобы вы увидели и поняли, как можно интересно и выигрышно рассказать о преимуществах фирмы и побудить потенциальных клиентов оставить заявку на сайте.
Примеры дизайна лендингов — 10 примеров необычного дизайна лендингов
Лендинг — сайт, в котором всего одна страница. Такие ресурсы часто используются небольшими компаниями, которые презентуют определенный товар или создают сайт-визитку. В этой статье мы приведем 10 примеров вдохновляющего дизайна лендингов и разберемся, какие элементы лендинга могут стать эффективным инструментом для продаж.
Отличительные особенности лендингов
Прежде чем разбирать примеры лендингов, рассмотрим, какими отличительными особенностями обладают данные сайты:
- Лендинг, как правило, одностраничный сайт. На ресурсе могут быть несколько разделов, но все они расположены на одном макете.
- Лендинги обычно посвящены продаже конкретного товара или услуги, презентации продукта, мероприятия. Иногда лендинги делают для описания компании (которое ограничивается только одной страницей). Таким образом, данный ресурс предназначен только для одного целевого действия — продажи, подписки на рассылку, регистрации на мероприятие и прочее.
- Также одной из отличительных особенностей лендингов является выделенный блок с призывом к действию или веб-формой для заполнения контактных данных.
Подробнее о лендингах и их отличиях от остальных сайтов мы говорили в нашем блоге.
Примеры лендингов для вдохновения
Иногда дизайнеры не хотят следовать стандартным приемам при разработке дизайна сайтов и создают ресурсы, отличающиеся необычными подходами и эффектами. В дизайне лендингов также существуют определенные стандарты: блоки с отзывами клиентов, яркие призывы к действию и веб-формы, описание преимуществ с помощью иконок и прочее. Однако, использование креативных решений может существенно выделить компанию среди конкурентов и повысить узнаваемость компании. Рассмотрим некоторые примеры лендингов, которые не соответствуют стандартам дизайна и, несмотря на это, являются впечатляющими и продающими.
Плоский дизайн
Для начала рассмотрим, как стандартные решения можно представить современно и стильно. На примере представлен лендинг в стиле flat-дизайн — направления, вошедшего в тренды (более подробно о данном стиле мы писали в этой статье).
Плоский дизайн в дизайне лендингов — способ эффектно представить компанию и выделиться стильным и современным дизайном. Отличительные особенности данного направления — плоские иллюстрации, тщательно подобранная типографика и цветовая гамма (обычно предпочитают чистые цвета), стильные изображения. Несмотря на то, что на примере используются стандартные блоки (преимущества, отзывы клиентов), дизайн в стиле flat делает лендинг «свежим» и интересным.
Минимализм
Еще одно популярное направление в веб-дизайне, которое может эффектно представить товар с помощью лендинга — минимализм. Отсутствие лишних деталей, простые элементы, светлые изображения и много пустого пространства — основные отличительные особенности данного стиля.
На примере представлен интернет-магазин растений. Структура макета весьма проста — это привычный главный экран с названием магазина, блок с карточками товаров, блок «О компании» и превью статей для блога. Дизайн блоков выполнен в светлых тонах, есть зеленые акценты на изображениях растений. Страница составляет единую концепцию, запоминается, выглядит свежей и интересной.
Большие изображения
Большие и красочные фотографии — еще один способ подать информацию о компании и привлечь внимание клиента. На примере представлен лендинг, который полностью состоит из ярких изображений. Это создает нужный эффект у клиента — компания представляет путешествие на Бали и фотографии показывают красивые пейзажи. Такой прием эффективен для тех товаров и услуг, которые можно эффектно презентовать с помощью визуального контента. Также большие изображения можно использовать в качестве фона. Подробнее о данном приеме читайте здесь.
Яркие элементы
Визуализировать желания и потребности клиента можно с помощью ярких элементов, иллюстраций, изображений. Так делают дизайнеры на следующем примере:
Яркая цветовая гамма, цветные акценты — с помощью таких элементов можно привлекать внимание пользователя к нужной информации, создавать особую атмосферу на сайте. Красочный дизайн всегда запоминается клиентами, поэтому, используя цветные акценты, можно повысить узнаваемость компании и продажи с сайта.
Иллюстрации
Отличный способ сделать сайт действительно уникальным — создать иллюстрации под конкретный проект. Это позволит выделиться среди конкурентов в смежных тематиках, повысит узнаваемость бренда (особенно если похожие иллюстрации используются в фирменном стиле).
При использовании иллюстраций в дизайне лендингов стоит учитывать:
- уникальность. Чем больше на сайте уникальных элементов, которые не встречаются на стоках или других сайтах смежной тематики, тем лояльнее будет аудитория к компании;
- качество. Также уровень доверия клиентов напрямую зависит от качества контента. Если иллюстрации будут низкого разрешения, не будут соответствовать концепции сайта, клиент разочаруется как в дизайне, так и в самом продукте.
На примере представлен лендинг, в котором иллюстрации являются главной особенностью. Каждый блок представлен отдельным изображением, специально отрисованным для проекта. Все картинки выполнены в одном стиле, цветовая гамма также дополняет концепцию сайта.
Типографика
Лендинг, как правило, является отличным инструментом проявить все идеи дизайнеров в действии. Так как это достаточно легкий (в плане технических возможностей) проект, разработчики воплощают креативные идеи в жизнь. Один из таких способов выделиться — использование интересной типографики, необычных шрифтов и шрифтовых написаний.
Особое внимание при этом нужно уделить заголовкам. Так как лендинг — это своеобразная презентация товаров, важно правильно сформулировать и преподнести текстовый контент.
На примере показан лендинг, в котором дизайнеры выделяют особую роль типографике и цветовой гамме. Сочетание различных написаний и шрифтов выглядят стильно и интересно.
Композиция и структура
Также в лендингах можно реализовать интересные приемы по расположению элементов. Например:
Интересные решения также привлекают внимание клиентов и запоминаются. На примере дизайнеры постарались найти креативные приемы, которые обеспечат гармонию в композиции и, в то же время, будут оригинальными и необычными. Также отдельно можно упомянуть положение текста на последнем блоке — на примере текст выровнен справа, что весьма нетипично для сайтов.
Расположение элементов и блоков в дизайне лендингов играет особую роль. Так как лендинг состоит из одной страницы, все внимание пользователя сосредоточено на главном экране и блоках в соответствии с перемещением по странице. Поэтому дизайнеру важно определить последовательность элементов, расположить призывы к действию таким образом, чтобы они привлекали внимание. Также нужно не забывать о футере: разместить на нем форму для контактов и кнопку «вверх», чтобы клиенту не нужно было перематывать страницу обратно. Более подробно о композиции и структуре ресурсов мы писали в этой статье.
Навигация
Несмотря на то, что лендинг — достаточно простой по структуре сайт, дизайнерам не стоит забывать об элементах навигации. Можно не только создавать обычные элементы — переходы на блоки из меню или кнопки с формами, но и разрабатывать отдельную навигацию для главного экрана и других частей сайта. Например:
На примере для каждого блока предусмотрен свой собственный слайдер, который меняет изображения и демонстрирует продукт со всех сторон. Такой прием создает ощущение, что сайт состоит из нескольких страниц, а его интерактивность позволяет клиентам взаимодействовать с интерфейсом на протяжении долгого времени.
Что касается стандартной навигации — скроллинга, кнопок с перенаправлением на формы заказа — здесь можно использовать стандартные проверенные решения. Как правило, клиенты ожидают от лендинга нескольких приемов:
- вертикальный скроллинг. Горизонтальный скорее всего не будет хорошо принят клиентами, так как лендинг — одностраничный сайт, который не подразумевает переходов на другие страницы;
- разнесение блоков и ссылки на них из традиционного меню. Лендинг часто является достаточно длинной страницей, поэтому разработчики делят его на части и ставят на эти блоки ссылки вверху страницы. Таким образом клиент может сразу перейти к интересующему разделу, без пролистывания всего сайта. Иногда меню скрывают с помощью значка «гамбургера»;
- формы и кнопки для заказа в отдельных блоках и на самых видимых частях страницы. Также кнопки в меню в верхней части сайта.
Такие приемы соответствуют пользовательскому опыту и ожиданиям клиентов. Однако, дизайнерам не обязательно воплощать традиционные подходы в жизнь. Иногда креативные решения наоборот нравятся клиентам и помогают увеличивать продажи.
Анимации и другие спецэффекты
Если на больших сайтах легко отвлечь клиента от целевых действий, в лендинге, благодаря простой структуре и небольшому количеству контента, можно добавить динамики на ресурс и разнообразить страницу спецэффектами.
Такие приемы дополняют лендинг, задерживают пользователя на странице. Также с помощью анимации можно перенаправлять внимание пользователя на целевые действия.
Что нужно учесть при проектировании анимации для лендингов:
- так как лендинг — это, как правило, одна страница, важно использовать динамические эффекты в меру. Лучше сделать упор на качество анимации, а не на ее количество;
- эффекты лучше делать в одном стиле, чтобы не разрушать концепцию сайта;
- лучше отказаться от анимационных переходов в пользу небольших динамических эффектов для отдельных элементов. Переходы усложняют сайт, и клиент может не вернуться на экран с нужной ему информацией и уйти к конкурентам.
Динамика сможет задержать пользователя на сайте и привлечь внимание к целевым действиям — покупке товара, выбору услуги и прочее. Поэтому если у разработчиков есть техническая возможность для внедрения анимации на сайт, лучше ей воспользоваться.
Интерактивность
Чтобы повысить конверсию лендингов и привлечь внимание пользователей, помимо анимации используются различные интерактивные элементы. Например, блоки с выбором, различные тесты, галереи и слайдшоу, мини-игры и прочее.
Студия дизайна IDBI также использовала данный прием при составлении конструктора мороженого.
На данном лендинге мы видим как интерактивные элементы (составление мороженого из ингредиентов), так и призывы к действию — блок для подписки на рассылку, корзину и прочее. Также на сайте расположен блок с описанием алгоритма действий для посетителя сайта — как заказать товар и что может предложить компания. Яркие цветовые акценты выделяют карточки с товарами, акции и преимущества.
Дизайн лендингов всегда является одним из способов воплотить интересные идеи дизайнеров в жизнь. Так как одностраничные сайты простые по структуре, на них можно экспериментировать и использовать различные креативные приемы — анимацию, интерактивные элементы, интересные призывы к действию, видеобэкграунд и прочее.
Однако, не стоит забывать о юзабилити. Даже для таких небольших сайтов работают основные принципы. Например, дизайнерам стоит помнить об основных элементах навигации или удобстве восприятия текстового контента. Больше о юзабилити и креативных решениях можно прочитать в этой статье.
Студия дизайна IDBI пользуется различными приемами и создает дизайн лендингов, основываясь как на правилах юзабилити, так и на разнообразных интересных решениях. В своих работах мы используем анимацию, интерактивные элементы, видеоконтент, интересную типографику и уникальные иллюстрации. Мы следим за трендами в веб-дизайне и можем создать сайт в различных стилях: от flat-дизайна до гранж. Примеры наших работ доступны в разделе «Портфолио».
Одностраничные сайты — лучшие примеры
Лендинг – это сайт, состоящий из одной страницы. Он идеальное решение для продвижения бизнеса в сети Интернет. В отличие от многостраничных сайтов, лендинг концентрирует внимание посетителя строго на одном предложении. Он красочно расписывает выгоды и преимущества, которые получит пользователь, приобретая рекламируемый товар или услугу и плавно подталкивает его к заказу.
Перед тем, как заказать создание лендинга, ответьте на следующие вопросы:
- 1Вы занимаетесь продажей какого-либо товара или услуги?
Если ответ утвердительный, то одностраничный сайт может стать отличной платформой для реализации разнообразных товаров, начиная от книг и заканчивая пластиковыми окнами. - 2Как много будет информации размещено на Вашем веб-ресурсе?
Сайты с объемным контентом — не самое оптимальное решение. Если сайт имеет больше 10 полноценных страниц, то лучше принять решение о создании корпоративного сайта. - 3Есть ли логическая связь между информацией?
Если Вы размещаете несвязанную по смыслу информацию на одной странице, то это только введет пользователя в заблуждение. Нужно максимально четко структурировать текст по смыслу или придется размещать его на отдельных страницах.
Примеры одностраничных сайтов из нашего портфолио
Мы занимаемся созданием лендингов много лет. Сегодня мы хотим поделится своими лучшими примерами, а также рассказать об их создании и используемых техниках.
Лендинг «Худеем всей Беларусью»
Несомненно, одним из самых красочных, ярких примеров наших работ является лендинг, посвященный теме избавления от лишнего веса. Это официальный сайт онлайн-игры, в ходе которой участницы приводят себя в хорошую физическую форму.
Целевой аудиторией является прекрасная половина человечества, поэтому при разработке стилистики лендинга мы ориентировались на привлечение их внимания с первого взгляда.
Насыщенные краски и плавно появляющиеся элементы приковывают взгляд и заинтересовывают пользователя. А далее в ход идут слоганы, факты, отзывы довольных участниц, целью которых является подтолкнуть посетительниц к участию в онлайн-игре.
Экраны постепенно раскрывают перед посетительницами все преимущества участия и постепенно подталкивают к совершению целевого действия. Финальный экран демонстрирует нам Ждуна, одетого в пояс для похудения, призывает «прекратить ждать», и предлагает оплатить участие в проекте.
Лендинг, как и все наши работы, полностью адаптивен и позволяет записаться на проект с любого устройства.
Лендинг свинцово-кислотных аккумуляторов «Yuasa»
Наш постоянный клиент ООО «Кипер Трэйд» обратился к нам для разработки нового сайта.
При создании лендинга для импортера аккумуляторов, мы решили придерживаться минималистического дизайна. Никаких лишних элементов, только самое основное, чтобы не отвлекать внимания посетителей.
- О продукции
- Сфера применения
- Преимущества
- Контакты
Переход между блоками происходит при помощи плавной вертикальной прокрутки.
Лендинг был создан на CMS Joomla. Он включает в себя полноценный каталог продукции с фотографиями и описаниями.
Уведомления с форм обратной связи приходят на электронную почту.
Лаконичный, минималистический, и при этом полнофункциональный лендинг «Yuasa» представил продукцию заказчика в Интернете и значительно повысил продажи.
Лендинг рекламного буклета «Меридиан Пресс»
Для создания движка был взят за основу фрэймворк CodeIgniter. Лендинг очень быстро загружается, благодаря отсутствию в нем лишнего кода и плагинов.
Мы реализовали уникальный адаптивный слайдер в виде журнала. Смена изображений происходит по клику, а сам процесс выглядит, как перелистывание страниц.
Для логотипа и блока с тарифами мы реализовали эффект градиентного перелива, также на сайте используется параллакс. Шапка и левое меню фиксированные, переход между блоками происходит при помощи плавной прокрутки.
Для удобства пользователей мы реализовали возможность скачать прайс, а также подписку на новости компании.
Лендинг салона красоты «Антураж»
При разработке дизайна, мы остановились на черно-белой гамме, что позволило лендингу выглядеть очень стильно.
Мы реализовали современные ховер-эффекты, при которых изображение становится цветным и плавно увеличивается.
На лендинге представлены следующие блоки:
- О салоне
- Услуги
- Фотогалерея
- Новости
- Отзывы
- Наша команда
- Контактная информация
Вся информация о салоне подана просто и доступно. Каждый информационный блок занимает всю высоту экрана.
На лендинге присутствует музыкальное сопровождение, которое можно включить, нажав на соответствующую иконку. Также оно активируется при нажатии на кнопку «наверх», расположенную в футере.
Лендинг производителя окон «Орбита»
При создании дизайна данного лендинга мы ориентировались на широкую аудиторию. Важно было охватить людей всех возрастов и сделать их пребывание на сайте максимально комфортным. Для этого мы использовали крупные элементы и увеличенные шрифты, облегчающие чтение.
Кнопка «заказать звонок» анимирована и находится в постоянном движении, благодаря этому она сразу бросается в глаза.
Сайт выполнен в фирменных цветах компании: белом, розовом и сером.
Лишней информации на сайте нет, все лаконично. Представлены продукция и услуги компании, ее преимущества, фото- и видео галерея, контакты.
Формированию положительного имиджа компании, а также повышению доверия к ее услугам способствуют следующие блоки:
- Отзывы
- Награды
- Сертификаты
Заказать услугу легко на любом типе устройств:
Все работы, проведенные нами по лендингу «Орбита» способствовали существенному увеличению продаж компании.
Мы рассмотрели несколько эффектных примеров наших лендингов. В них использовались следующие приемы:
- 1Чёрно-белая цветовая гамма, позволяющая дизайну выглядеть стильно
- 2Яркие, красочные цвета, привлекающие внимание
- 3Простая и понятная навигация
- 4Плавная прокрутка между блоками
- 5Современные анимации, ховер-эффекты, градиентные переливы
- 6Увеличенные шрифты и элементы для сайтов, ориентированных на охват людей старшего возраста
- 7Полноценный каталог продукции, позволяющий получить исчерпывающую информацию об интересующем товаре
- 8Фиксированное меню, позволяющее осуществлять быстрый переход между блоками, а также постоянно видеть важную информацию (контактные данные, кнопка заказа)
- 9Возможность включить музыкальное сопровождение
- 10Кнопка «наверх», позволяющая осуществить быстрый возврат к началу страницы
- 11Слайдеры с необычными эффектами (например, эффект перелистывания журнала)
- 12Размещение блоков, повышающих доверие пользователя (отзывы, награды, сертификаты)
Вам нужен стильный, красивый, яркий продающий лендинг? Многолетний опыт работы и ориентация на достижение целей клиента помогает нам создавать продукт высшего качества.
Работы над созданием лендинга всегда проходят в тесном сотрудничестве с заказчиком. Мы разработаем уникальную концепцию проекта и создадим продающий дизайн, ориентированный именно на Вашу целевую аудиторию.
В результате Вы получите приток новых клиентов, заинтересованных в Ваших товарах либо услугах.
Назад
Примеры сайтов
Примеры готовых лендингов (landing page) — продающие страницы
(полностью страницы лендингов открываются в новой вкладке при нажатии)
- Мои работы
- Сайт визитка
- Создание по шаблону
- Изготовление сайта по макету или эскизу
- Лендинг пейдж
/ Landing page /
- Одностраничник
- Магазин / Каталог
- Оптимизация
- Наполнение
- Наполнение контентом
- Наполнение товаром
- Карточка товара
- Разработка
-
Контакты
- Форма on-line заявки
- Стоимость сайтов
- Задать вопрос
Сайт визитка | многостраничный сайт
Одностраничный сайт визитка
Лендинг пейдж | landing page
Интернет магазин | сайт-каталог
Стоимость разработки сайтов
Оптимизация сайтов (SEO)
Наполнение сайта контентом
Контактная информация
Примеры лендинг пейдж (landing page)
Любой из представленных примеров можно открыть в отдельном окне и посмотреть в демо режиме| отключены формы заказа и заявок | ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * * * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Главная Сайт-визитка Лендинг / landing page Каталог / интернет магазин Оптимизация и продвижение Наполнение Контакты
Заказать обратный звонок
X Текст сообщенияПолучить консультацию
X Текст сообщенияЗаказать сайт
X Текст сообщенияТелефон: (968) 779-37-09 | E-mail: [email protected] | © 2013 SHU — Сайты для Всех — |
5 примеров landing page в трендах 2015 года
Мы собрали подборку из 5 лендингов, которые отражают дизайнерские тренды 2015 года. За исключением прозрачных кнопок и вездесущего плоского дизайна (мы и так посвятили этой теме не одну статью). Читайте, и вы узнаете самые последние тенденции в дизайне лендинг пейдж.
Клик на картинку, чтобы посмотреть лендинг полностью.
Мобильный веб-дизайн
Рис.1. Пример лендинга для ниши услуг. Здесь можно найти все тренды последних лет: flat-дизайн, невидимую кнопку, видео на первом экране и кнопку меню в виде гамбургера.
Лаконичное меню в виде иконки-гамбургера, а также скрытые кнопки соцсетей (правый верхний угол) — это далеко не полный перечень решений, которые успешно перекочевали из интерфейсов мобильных приложений в лендинги.
Границы между веб-дизайном для мобильных устройств и компьютеров стираются, чтобы один и тот же сайт всегда корректно отображался. И если раньше этого эффекта пытались добиться адаптивной версткой, то сейчас лендинги изначально проектируются, в первую очередь, под мобильные устройства (принцип «Mobile first»).
Пример лендинга выше отлично отражает этот принцип. Японский одностраничник с акцентом на фоновое изображение выглядит одинаково и на компьютере, и на планшете, и на мобильном телефоне. Единственный минус — видео нужно время, чтобы загрузиться, нужно всегда учитывать этот фактор.
Уникальный фотоконтент
Рис. 2. Пример лендинга в нише дизайн-бюро.
Сейчас дизайнеры стараются ограничить использование стоковых фото и выбирают вместо приевшихся картинок красивый авторский контент. Использование собственных фотографий добавляет «очков» компании, повышает статус бренда.
Лендинг Belle Epoque производит незабываемое впечатление за счет качественных фоновых фотографий. Листая сайт, вы будто находитесь в уютном офисе компании. Конечно, свою роль сыграла типографика, и в итоге посадочная страница радует глаз и выглядит завершенной.
Просто представьте себе эту же страницу с обычной стоковой фотографией, весь шарм и харизма сразу потеряются.
Parallax-эффект остается
Рис. 3. Пример лендинга для презентации автомобилей премиум класса
Параллакс продолжает править бал на лендингах с длинной прокруткой, которые рассказывают историю продукта или бренда. Важно понимать одно: что хорошо для дорогого лендинга-визитки, может сыграть злую шутку с продающими страницами. Говоря проще, параллакс не помогает продавать продукт. Но вместе с тем, он отлично смотрится на пафосных микросайтах известных брендов.
Пример лендинга выше, сайт PorschEvolution, приглашает вас на короткое, но незабываемое путешествие в мир Porsche, и все за счет удачного параллакс-эффекта.
Портфолио в формате лендинга
Рис. 4. Пример лендинга-портфолио для разработчика интерфейсов.
За последний год число лендингов — портфолио представителей творческих индустрий выросло в несколько раз. Любой уважающий себя разработчик и дизайнер предлагает целевой аудитории познакомиться с своими работами и резюме через онлайн-портфолио и заявляет о себе в Интернете, создавая уникальные и стильные страницы.
Видео на весь экран
Рис. 5. Пример лендинга для digital-агентства: видео на первом экране придает странице динамику, цепляет взгляд и выглядит очень стильно.
В других подборках «Примеры лендингов этой недели» вы встречали развлекательные видео и видеорезультаты, мини-фильмы для фона и интригующие интро для одностраничников. Поэтому можно с уверенностью утверждать, что полноэкранные видео, как тренд, переходят в 2015 год.
Прежде чем выбирать между фотографией и видео, ответьте на два вопроса: где находится ваша целевая аудитории (позволяет ли скорость интернета просматривать видео), для чего вы будете использовать видео (показывать результат, закрывать возражения, вызывать доверие и т.д.). «Просто для красоты» — это не причина.
Если вы создаете CTR-целевые страницы лучше протестируйте несколько вариантов (с видео и без).
Хотя большинство тенденций приходят и уходят, не задерживаясь больше чем на год или даже несколько месяцев, они достаточно сильно влияют на то, как пользователи воспринимают ваш лендинг. Трендам не нужно слепо следовать, но и на вооружение взять не помешает.
Получайте бесплатные уроки и фишки по интернет-маркетингу
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 упрощает регистрацию людей.
Что можно было проверить / улучшить
- Если добавить к изображению справа несколько заданий, продукт станет еще проще запомнить.
Экспертный анализ
«Вступительная копия в порядке. Я бы сказал это в двух коротких предложениях. Может быть, призыв к действию мог бы быть более интересным.
«Контрольный список / список задач справа мне непонятен.Я вроде как получил представление о том, чем они занимаются, но список мне не очень помогает. Может быть, тестирование с реальным текстом и примерами задач?
«С точки зрения дизайна мне нравится выбор цветов, а не столько акварельные изображения животных. Он не кажется таким уж правильным и не совпадающим с копией. Но это только я 🙂.
«Текст раздела о преимуществах / функциях ясен и по существу. Может быть, тестирование с большим упором на преимущества? Например, «помогает развить деловую культуру сотрудничества и подотчетности» или «всегда быть в курсе».Легко устраняйте препятствия / узкие места ».
«Кроме того,« Management 2.0 »имеет 2.0 другого шрифта? Не знаю, специально ли это, но это отвлекает.
«В конце концов, я снова предпочитаю более сильные призывы к действию (что угодно, а не« подписка »)».
Что хорошо сделано
- Обещание велико — решает огромную проблему для своих перспектив
- Наличие логотипов позволяет легко увидеть, где авторы могут публиковать свои книги
- Маркированные точки позволяют легко найти преимущества
Что можно было проверить / улучшить
- CTA должен сказать «получите бесплатную электронную книгу» вместо «получите бесплатную информацию»
- Им следует сместить часть, в которой говорится «узнайте, как раскрыть тайну и полезность самостоятельной публикации с помощью этой бесплатной электронной книги», чтобы подчеркнуть загрузку электронной книги
Экспертный анализ
- «Я ищу целевые страницы, чтобы понять,« что »и« почему »о продукте / услуге.Этот сайт действительно передает то, что «публикует вашу книгу» и почему «сохраняет 100% прибыли», но я не могу понять, как именно что приносит пользу. Так что я мог бы ожидать чего-то вроде «Помогу вам самостоятельно опубликовать вашу книгу и сохранить 100% вашей прибыли!»
- «Черный текст на синем не контрастирует достаточно хорошо и вместо этого вызывает небольшую задержку для беглого чтения — помните, что у вас очень мало времени, чтобы убедить кого-то в том, что эта страница достойна их времени. Рассмотрение использования 5-секундного теста для дальнейшего анализа.
- «Я просмотрел несколько секунд видео, но графика была действительно не очень хорошей, поэтому больше не смотрел. Люди действительно судят о сайтах по их обложке, поэтому я бы обновил дизайн видео, упростил анимацию и постарался лучше сосредоточиться на сообщении.
- «На моем первом проходе я действительно пропустил логотипы в верхней части. Затем, возвращаясь назад, я на самом деле не знал, почему там были логотипы — социальное доказательство работает, когда оно подключено, поэтому я бы добавил заголовок вроде « Как показано на » или что-то еще, что уместно. Также подумайте об использовании цветов бренда — верьте, или не разум связывает цвет с формой — так что видя арки Макдональдса, желтый цвет поражает вашу сохраненную память быстрее, чем форма…
- «Первый призыв к действию очень неясен.Сделайте CTA намеком на то, что они получают, как «Получите мое бесплатное руководство в формате PDF» и выделите его. Это помогает привлечь внимание к вашей самой важной цели.
«Есть еще области для улучшения, и в целом мне было бы трудно доверять сайту, который использует нестандартный дизайн, неработающие цветовые контрасты и бессмысленные призывы к действию.
«В качестве быстрого взлома я рекомендую поиграть с внешним видом, используя плагины браузера, такие как встроенный в Chrome инструмент Inspect.За несколько минут я создал дизайн, который, хотя и далек от совершенства, произвел бы гораздо лучшее первое впечатление на нового посетителя: «
Что хорошо сделано
- Тема Хэллоуина сделана хорошо, чтобы привлечь внимание и сделать целевую страницу интересной.
- Специально разработанные изображения для целевой страницы выделяют ее.
- Логотип PDF четко указывает на то, что получит аудитория.
- Хороший заголовок, несущий пользу.
- Copy передает непосредственную практичность, от чего аудитория может извлечь выгоду.
Что можно было проверить / улучшить
- Я бы еще раз посмотрел на слово «чудовищный». Хотя это соответствует теме Хэллоуина, в нем ничего не говорится об электронной книге.
Экспертный анализ
«Эстетика: С точки зрения внешнего вида целевая страница, посвященная Хэллоуину, чрезвычайно привлекательна и соответствует« жуткому »сезону. Графические изображения создают более свежий вид по сравнению с большинством целевых страниц, на которых используются стандартные изображения.
“Макет: CTA-кнопка вверху и внизу целевой страницы позволяет посетителю веб-сайта выполнять желаемые действия. Кроме того, форма с одним полем сводит к минимуму трение от заполнения формы до отправки.
«Содержание: Отличный заголовок. Заголовок в стиле списка представляет очевидную ценность для посетителей сайта. Кроме того, такая информация, как количество страниц, создает впечатление, что контент загружен с огромной ценностью, а оценка временных затрат гарантирует им, что для их завершения требуется минимальные затраты (время).Отзыв предоставляет конкретное социальное доказательство, которое дает посетителю вашего сайта уверенность, прежде чем он почувствует себя спасенным, чтобы передать вам свой адрес электронной почты.
“Скорость загрузки: Скорость загрузки можно улучшить. По данным GT Metrics, время загрузки составляет 2,4 секунды, что считается быстрым. Тем не менее, для тех, кто одержим скоростью загрузки, они могут рассмотреть возможность сжатия изображений без потерь для некоторого «лежачего полицейского».
«Критические проблемы: Обнаружены повторяющиеся теги Google Analytics и ремаркетинга, что приводит к завышению данных.Найдено два набора пикселей Facebook. Если возможно, унифицируйте и используйте один набор пикселей, чтобы не загружать страницу слишком большим количеством JavaScript.
Управление тегами Google станет отличным инструментом для лучшего управления всеми пикселями и поможет сократить время загрузки JavaScript ».
11. GKIC
Что хорошо сделано
- Дэн Кеннеди — огромный бренд в этой сфере (плюс автор нескольких бестселлеров), поэтому он помогает с социальным доказательством.
- Отличное предложение — 1 доллар за бесплатную книгу для многих — убийственная сделка.
- Ограниченное время помогает создать срочность.
- Слово «доставка включена» добавляет и делает «выгодную сделку» еще более заметной.
Что можно было проверить / улучшить
- Разрешение изображения могло быть лучше.
- 2 CTA вместе — это перебор. Рассмотрите возможность удаления одного.
- Подумайте об удалении меню вверху и сосредоточьтесь на получении большего количества конверсий.
Экспертный анализ
«Хорошее»:
«Единственное, что я могу сказать об этой целевой странице, — по крайней мере, она существует.Многие люди никогда не предпринимают шагов, чтобы разместить свой продукт в сети, поэтому тот факт, что эта страница была создана, является отличным первым шагом, и со временем его можно улучшить с помощью сплит-тестирования.
«Плохое:
«Эта целевая страница подходит только для потенциальных клиентов, которые готовы принять меры по предложению. Первое впечатление наверху предполагает, что вы уже хорошо знакомы с миром Дэна Кеннеди и уже хотите его книгу.
Любой, кто не входит в эту аудиторию, ничего не понимает в верхней части страницы и, скорее всего, уйдет со страницы, за исключением оппортунистов, которые подпрыгнут, потому что это книга за 1 доллар.
«Помимо этих фундаментальных проблем, страница переполнена проблемами дизайна. Строка заголовка занимает 1/4 экрана с логотипом GKIC, который не имеет значения для тех, кто еще не знаком с миром Дэна Кеннеди.
Изображение книги слишком большое и имеет низкое качество, а в тексте отсутствуют акценты в форматировании, что затрудняет чтение. В то время как «уродливый дизайн» может понравиться горячей аудитории, плохой дизайн, такой как эта страница, только подорвет доверие к ней.
«Проблемы с контентом и дизайном довольно серьезны, но есть также несколько фатальных технических проблем, таких как логотип и политика конфиденциальности, ведущая к Leadpages.”
12. Райан Левеск
Что хорошо сделано
- Использование логотипов СМИ является социальным доказательством и укрепляет доверие.
- Отличный заголовок сочетает в себе социальное обоснование, специфичность и любопытство. Подзаголовок
- представляет покупателя как «героя» и говорит ему, что он тоже может это сделать.
- Отзыв автора бестселлеров указывает на большее социальное доказательство.
- Хорошее использование стрелки, чтобы указать, где взять книгу.
Что можно было проверить / улучшить
- Дизайн страницы можно было бы улучшить.
- Слишком много элементов социального доказательства может оказаться излишним.
Экспертный анализ
«Одна из вещей, которые они сделали хорошо, — это наличие множества социальных доказательств, обзоров и отзывов. (Может многовато ??)
«Мы заметили целый список вещей, которые они могут улучшить или протестировать, но самое главное — внешний вид и (как результат) ощущение сайта. Глядя на отзывы / обзоры, я думаю, что это хорошая книга.
«Визуально он просто не говорит мне об этом.На самом деле все наоборот, и это уводит от книги.
«На этой странице много чего происходит, текст, написанный разными шрифтами, стилями и цветами. И жирный, и крупный, и мелкий размер шрифта. Я насчитал 3 разных типа шрифта, 14 разных размеров шрифта: нормальный, курсив, полужирный, черный и красный. Неудивительно, что вместо этого он кажется беспокойным.
Кроме того, психология говорит нам, что чем лучше что-то выглядит или чем легче что-то обрабатывать, тем больше мы этому доверяем. Так что, если бы мне пришлось назвать одну вещь, я бы начал с ее внешнего вида.
«Я прочитал описание книги на Amazon. Я был полностью поражен, узнав, что эта книга о чем-то другом, чем то ценностное предложение, которое в настоящее время говорится в верхней части страницы. Как генерировать 52 000 подписчиков по электронной почте в день. Каково же было мое удивление 🙂
мобильный
«Работа на мобильных устройствах полностью отличается от настольных. Он сразу начинается с призыва к действию. Никакого ценностного предложения, никакого напоминания, почему вам нужна бесплатная копия. Такое ощущение, что кто-то заставляет тебя сказать «да», я хочу… на что моя немедленная реакция — «нет».. Я не говорил, что хочу этого … Даже не знаю, хочу ли я еще.
«Мне не хватает части того, что это такое, для кого она и нужна ли мне (и зачем) эта книга. Итак, я бы проверил, изменив здесь порядок блоков. Сначала объясните, а затем покажите призыв к действию.
Копирование, переходы и структура
«Люди склонны сканировать страницу, чтобы понять, о чем эта история и страница. Когда я просмотрел страницу, мне показалось, что по плану трудно следовать.
«С помощью разделителей, разделов и заголовков вы можете отделить различные части друг от друга.Это наглядно направляет людей через историю и упрощает ее обработку. Здесь также поможет использование полужирного шрифта для выделения определенных частей для повышения читаемости.
«Удаление (или уменьшение) отзывов с правой стороны (люди склонны игнорировать то, что справа) уменьшит количество копий, которые человек видит при сканировании страницы, увеличивая вероятность того, что они прочтут основную копию.
«Короче говоря, я бы попробовал привнести больше структуры как в рассказ (текст), так и в различные разделы.
Ценностные предложения
«Я думаю, что в различных местах страницы их можно переписать, чтобы сделать их более мощными.
“Т.е. Под 1-м Да! Мне нужна моя бесплатная копия «Спросите», вы можете изменить копию на «Розничные продавцы продают ее за 12,99 доллара, сегодня это БЕСПЛАТНО для вас»
Призыв к действию
«В настоящее время призыв к действию стоит сам по себе. Нигде не сказано, почему я должен нажимать на это. Добавление чего-то вроде «Вы хотите достичь XYZ?» Над ним и изменение копии кнопки на «Получите БЕСПЛАТНУЮ копию сейчас!» Может помочь.
Значение
«Люди получают большую дополнительную ценность, когда покупают эту книгу. По сути, они раздают книгу, которая стоит 12,99 доллара, и просят только расходы на публикацию и доставку. К тому же они добавили много бонусов (может быть, даже слишком много).
«Мне не хватает сводки или обзора всего, что я получаю!
Дефицит
«При использовании дефицита или неопределенности полезно усилить его, сделав дефицит / неопределенность больше или более заметным.Используйте таймер, установите дату, установите ограничение на количество оставшихся книг. Упомяните об этом с самого начала и напомните им об этом. Кроме того, предложите им способ легко решить эту проблему … поэтому добавьте призыв к действию рядом с местом, где вы это делаете.
Бонусов
«Визуальные эффекты бонусов мне мало что говорят. Я должен это прочитать. Они могли бы лучше поместить текст в заголовок и использовать реальный визуальный элемент или, что еще лучше, значок, улучшающий заголовок.
«Еще больше бонусов, я как бы запуталась со всеми бонусами.Постарайтесь взять читателя за руку и указать ему, как читать сайт (стрелки помогают).
«Используйте хорошие заголовки, объясняющие, почему им следует продолжать чтение.
«Гарантия возврата денег очень сильна. На данный момент это похоже на сертификат. Это можно было бы разместить где-нибудь над сгибом в лучшем дизайне.
«Итак, вам может быть интересно…» для всех маркеров вы можете добавить заголовок. Вы должны иметь возможность отсканировать ее и узнать, почему вы раздаете книгу бесплатно ».
- Омар Ловерт , специалист по конверсии и развитию, NightMonkey
Что хорошо сделано
- Хорошее использование социального доказательства — более 4600 подписчиков делают информационный бюллетень популярным.
- Использование таких известных брендов, как Google, Apple и Spotify, заставляет вас чувствовать себя принадлежащим к эксклюзивному клубу.
- Каждое утро пятницы дает понять читателю, когда он получит электронное письмо.
Что можно было проверить / улучшить
- Я бы перепробовал копию. «Хотите большего от своей работы» — расплывчато и не несет особой выгоды.
Экспертный анализ
«Эта страница подписки на информационный бюллетень от Джимми Дейли имеет много общего, но есть и несколько больших возможностей для улучшения.
«С другой стороны, очень урезанный дизайн с упором на удобочитаемость.
«Подзаголовок над почтовым ящиком использует социальное доказательство с призывом к действию« Присоединяйтесь к 4600+ подписчикам »- это всегда сильная тяга, и идея сообщества очень сильна.
«Вторичный призыв к действию« Подпишитесь ниже, чтобы получать порцию вдохновения каждую пятницу утром ». Хороший, он дает вам представление о том, что это не будет шквал продаж электронных писем и что автор достаточно организован, чтобы придерживаться к расписанию.
«Хотя это может быть связано с некоторым ужесточением, так это общее предложение информационного бюллетеня.
«Мета-заголовок провозглашает« Лучший маркетинговый информационный бюллетень в мире ». В заголовке страницы его называют« Информационный бюллетень по смахивающему файлу », то есть он обещает творческий подход и продуктивность.
«Я немного запуталась. Поможет ли это моему творчеству, продуктивности или маркетингу?
«Моя первая рекомендация — проверить несколько заголовков и посмотреть, какие из них действительно нужны вашим клиентам, и придерживаться их, как клея.
«Следующим шагом будет тестирование страницы с очень конкретными преимуществами, такими как« 5 советов, которые дадут вам 45 минут в день »или« 3 способа, которыми творческие профессионалы практикуют иное мышление ».
«Повышение планки того, насколько конкретно вы относитесь к своему предложению или обещанию своим потенциальным клиентам, почти всегда повышает конверсию, и в этом может заключаться разница между целевой страницей, управляемой большим трафиком (сообщения в блогах на том же сайте) и холодный платный трафик, который действительно позволит вам масштабироваться.
«После того, как я отправил свое электронное письмо, появляется предупреждение о проверке вашего почтового ящика на наличие двойного согласия, но оно попадает на стандартную страницу подтверждения трясины.
«Это тупик в отношениях и упущенная возможность сохранить импульс.
«Некоторый тщательно подобранный контент из предыдущих информационных бюллетеней или более существенная часть контента поможет укрепить отношения с читателем, который на самом деле еще не получил никакой пользы от Джимми. В меню есть ссылка на бесплатный курс электронной почты, который может стать хорошим началом, или другие идеи могут заключаться в том, чтобы побудить читателей использовать ваш контент по другим каналам.
«Через несколько минут я получил дополнительное электронное письмо, но его легко могли пропустить в загруженном почтовом ящике. Страница благодарности — это пустая трата денег для многих компаний.
«Само по себе электронное письмо действительно стоит того, и оно приходит в то время недели, когда большинство людей более восприимчиво к новым идеям.
«Несколько настроек и некоторое тестирование, и Джимми может значительно расширить этот список».
Что хорошо сделано
- Отличное предложение.Подписавшись на его бесплатную рассылку, вы получите 2 бесплатные книги.
- Хорошее использование социального доказательства — большое и конкретное число делает информационный бюллетень действительно популярным.
- Копия четкая и прозрачная — сделайте это и получите
Что можно было проверить / улучшить
- «Получать обновления» на самом деле ничего не значит. Вместо этого я бы попробовал что-нибудь связанное с электронными книгами, например «Загрузите свои бесплатные электронные книги!»
- Я бы протестировал наличие рекапчи, а не рекапчу.
Экспертный анализ
«В целом страница отлично справляется с задачей сохранения согласованности с остальной частью сайта. Минималистичный дизайн гарантирует, что люди, которые действительно подписываются, будут иметь отношение к теме писем.
«Я предполагаю, что страница выполняет свою задачу по привлечению подписчиков, однако я хотел бы увидеть некоторые аспекты на месте, чтобы сегментировать людей, которые подписываются по определенным интересам.
«Я бы протестировал 3 вещи на этой странице:
- Удаление предложения бесплатных книг — на сайте много сообщений, где эти книги можно предлагать индивидуально, чтобы помочь сегментировать список, я бы, возможно, попробовал предложить одну книгу и вести список по определенной теме, чтобы упростить продажу возможный продукт.
- Объясните, в чем заключаются преимущества — я бы попытался создать отдельную страницу для подписки на каждую книгу и объяснить некоторые из того, что содержится или будет изучено в отдельных книгах.
- Еще более минимально — я бы предположил, что люди, попавшие на эту страницу, уже прочитали часть контента Джеймса, я бы поэкспериментировал с удалением большого количества со страницы, возможно, используя простую форму регистрации с сообщением «получить обновления». . »
15. LinkInfluencer
Что хорошо сделано
- Хорошее использование социальных доказательств.Цитата из одного из ведущих деловых изданий выделяет его.
- Определенные имена, изображения и отзывы создают социальное доказательство и укрепляют доверие.
- Заголовок сразу затрагивает актуальную проблему. Подзаголовок
- делает потенциального клиента «героем» — он получит тот же план, который принесет им 1,3 миллиона долларов.
- Желтая кнопка CTA делает его всплывающим.
Что можно было проверить / улучшить
- Я бы проверил формулировку «стипендия», так как не совсем понятно, о чем идет речь.
Экспертный анализ
«К сожалению, на этой странице больше плохого, чем хорошего. Как только вы загрузите его, у вас будет четкий заголовок, который ведет к четкому описанию и призыву к действию. Большой. Однако в видео отсутствуют субтитры, и невозможно узнать, сколько оно длится. Это не особенно захватывающее и увлекательное видео, оно не слишком много рассказывает мне о том, что я получу, оно больше о них.
«Эта тема действительно продолжается на всей странице. Есть масса информации о том, почему они такие выдающиеся, об их достижениях и т. Д.
«У вас есть отзывы чуть ниже сгиба, и это здорово, и это ведет к довольно сильному разделу о проблемах потенциальных клиентов, но… тогда в конце этого раздела нет призыва к действию.
«К сожалению, затем он переходит в длинный, насыщенный текстом раздел, посвященный основателю, не представляющий ценности для читателя, а затем превращается в очень длинный список целей и этапов, очень немногие из которых представляют ценность для читателя. Есть несколько хороших социальных доказательств, но большинство из них просто «я, я, я».Он больше похож на резюме или колоду инвестора, чем на целевую страницу для потенциальных клиентов.
«Следующие разделы о том, что включено и что задействовано, в целом довольно хороши, но должны быть выше по странице, что дает мне ценность.
Мой единственный комментарий здесь касается 12-месячного плана действий, который вызывает шумиху, говоря о Virgin, а затем приводит вас к краху со словами «ну, это не мы, но поверьте нам, мы тоже довольно хороши». Я понимаю то, что они здесь пытаются сделать, но на самом деле для меня результат был противоположным.
«Бонусы — это хорошо, но политика перепродажи потенциально открывает их людям, покупающим курс исключительно с целью сорвать его и перепродать.
«Раздел тематических исследований хорош, но потом я нашел раздел стипендий довольно странным. Это хорошая идея, но впервые намекают на стоимость программы, и она огромна. Это также обозначается как «ценность нашей программы», но на самом деле они означают цену.
«В целом, для такой программы с такой высокой ценой на билеты на удивление мало пользы для читателя.Самые маленькие разделы описывают саму программу, в то время как самые длинные разделы почти полностью посвящены основателям и компании ».
Что хорошо сделано
- Целевая страница сфокусирована, только с одним призывом к действию.
- Копия ясно передает, что получит потенциальный клиент.
Что можно было проверить / улучшить
- Заголовок неясен — что означает более быстрые решения в области социального маркетинга?
- Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации
Экспертный анализ
«Первая мысль, которую я подумал, когда попал на эту страницу, — это то, что я НЕ хочу заполнять все эти поля формы.Почему? Потому что это не стоит моего времени, и я определенно не хочу, чтобы продавец связывался со мной на столь раннем этапе цикла покупки. Это еще до того, как я узнаю, что это за предложение.
«А теперь поговорим об этом предложении. Что именно я получу здесь? Как представлено это «руководство»? Это инфографика? Видео? Целая книга? Результат неясен, и изображение не помогает.
«Заголовок никого не вызывает. Не знаю, для меня этот материал или нет. Я также не уверен, какие решения в социальных сетях поможет мне принять это руководство, почему мне нужно делать их быстрее или как эта вещь, что бы она ни была, будет делать все это.
Они должны быть проверены:
«1. Лучше, детальнее, заголовок, указывающий на точный целевой рынок и конкретную выгоду. (сколько времени и почему это важно?)
«2. Используйте форму только с полями для имени и электронной почты ».
Что хорошо сделано
- Выгодное предложение. Вместо того, чтобы раздавать электронную книгу, как все в отрасли, Louder Online предлагает бесплатный инструмент анализа.
- Большие синие кнопки четко передают то, что предлагает агентство.
- Заголовок ясно передает выгоду.
- Огромные торговые марки служат социальным доказательством.
Что можно было проверить / улучшить
- Вместо того, чтобы говорить о себе, они могут протестировать подзаголовок, в котором говорится о потенциальном клиенте.
Экспертный анализ
«1-я — я считаю, что 1-я страница должна быть о посетителе — заявления« Превратите нас в ВАС ». т.е. Вы… Вы против нас…
«2-й — вместо изображения Аарона Агуиса и Нила Пателя — используйте видео.30 секунд или меньше.
«3-е место — Любите эстетику, визуальные эффекты и достоверность.
«Комплименты были бы №1, НО сайт начинался с WE. Читатели, что нужно знать, КАК вы помогаете, а затем кто вы ».
Что хорошо сделано
- Сара хорошо знает свою аудиторию — подзаголовок напрямую говорит о «будущем», о котором мечтает ее аудитория.
- Слово «бесплатно» делает его соблазнительным.
- Текст в скобках помогает справиться с огромным возражением ее целевой аудитории.
Что можно было проверить / улучшить
- Я бы протестировал новый заголовок. Заголовок «Примите меры сегодня» кажется преждевременным, прежде чем говорить об обещании.
Экспертный анализ
«Целевые страницы с наибольшей конверсией обычно ориентированы на одну конверсию. Одна страница, одно предложение. Вы мало или совсем не отвлекаетесь. Этого удалось достичь этой целевой странице. Я бы разделил тест, имея нижний колонтитул и полностью удалил его, чтобы увидеть, повысит ли это вашу конверсию.
«Еще одна вещь, которую вам следует попробовать, — это сместить фразу« примите меры сегодня »немного ниже. Лучшим заголовком было бы «Готовы построить финансовую…» Как всегда, тестируйте, тестируйте и тестируйте ».
«Наконец, лид-магниту не хватает специфичности. Никто не хочет, чтобы еще один набор инструментов и советов помог ему достичь своей конечной цели. Если преимущества перечислены в таком формате, как «точные инструменты, которые я использовал, чтобы вывести свой бизнес из точки А в точку Б» и т. Д., Вы сможете превратить больше посетителей в потенциальных клиентов.”
- Ойекунле Дамола , консультант по цифровому маркетингу, DPTrax
Что хорошо сделано
- Хорошее использование отзыва, чтобы подчеркнуть мощь Infusionsoft.
- Маркированная копия упрощает демонстрацию преимуществ.
Что можно было проверить / улучшить
- Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации.
- Я бы протестировал новый заголовок, поскольку In The Pipeline мало говорит о том, что аудитория ожидает получить.
Экспертный анализ
«Целевая страница Infusionsoft делает несколько вещей правильно, например изображение, основное сообщение и призыв к действию, но страница могла бы быть гораздо более привлекательной.
«Давайте сосредоточимся на одной из наиболее важных характеристик целевой страницы: Заголовок .
«Заголовок пытается, но никого не побуждает к действию. Единственное, что он делает правильно, — это слово «бесплатно». Кроме того, есть возможности для улучшения.Например, какие результаты может дать это руководство? Или каковы преимущества использования этого руководства? Примером может быть что-то вроде:
“Бесплатное руководство показывает точные шаги для закрытия большего количества потенциальных клиентов за меньшее время с помощью автоматизации или Бесплатное руководство показывает вам, как использовать автоматизацию, чтобы уменьшить усилия по закрытию потенциальных клиентов.
«Другими словами, заголовок — это ваш первый (а иногда и единственный) шанс привлечь потенциальных клиентов и ввести их данные, так что используйте его по максимуму и загрузите его.«
Что хорошо сделано
- Минималистичная целевая страница помогает потенциальному клиенту сосредоточиться на единственном доступном действии — регистрации.
- Зеленая кнопка CTA появляется на странице.
- Copy передает преимущества и сообщает потенциальным клиентам именно то, что они ожидают узнать.
- Хорошее использование отзыва от известного имени в качестве социального доказательства.
Что можно было проверить / улучшить
- Непонятно, что означают 85% моих самых популярных бизнес-хакерских атак.
- Я бы протестировал еще один призыв к действию вместо того, чтобы «приправить меня».
Экспертный анализ
«На сайте есть четкие сообщения и простой для понимания призыв к действию. Шрифт и кернинг в абзаце «Вы выучите точно…» можно было бы сделать четче / шире, чтобы его было легче читать. Красивое, четкое, симпатичное изображение Ноя и гармоничная цветовая схема делают веб-сайт понятным с основными элементами, которые легко понять ».
- Элеонора Тэй , менеджер по маркетингу, CandyBar
Что хорошо сделано
- Минималистичная целевая страница делает призыв к действию ориентированным.
- Копия прозрачно говорит о том, что получит потенциальный клиент.
- Хорошее использование социальных доказательств в таких местах, как New York Times и Fortune.
- Свидетельства являются социальным доказательством.
- Feature image является социальным доказательством того, что он работает в престижном стартапе (Uber).
Что можно было проверить / улучшить
- Вместо @andrewchen он мог бы протестировать что-нибудь более заманчивое с правильным заголовком, ориентированным на выгоду.
Экспертный анализ
«Сайт Эндрю Чена выполнен в стиле минимализма; он знает, что основное внимание на сайте уделяется контенту, социальному обеспечению и, конечно же, привлечению людей к подписке на его информационный бюллетень, что является основной целью конверсии.Однако планировка не использует недвижимость выше сгиба, как это должно быть. Такие элементы, как узкое поле текста, отсутствие вертикального выравнивания, нечеткие
и неправильное использование пробелов, могут снизить коэффициент конверсии при неправильном использовании «.
Что хорошо сделано
- Хороший заголовок — сразу передает то, что должен получить потенциальный клиент.
- Использование «500 долларов» немедленно передает сумму ценности, которую потенциальный клиент получает бесплатно.
- Использование отзывов клиентов усиливает социальное доказательство.
Что можно было проверить / улучшить
- Текст слишком мелкий, его трудно читать.
- Я бы попробовал удалить номер телефона и посмотреть, улучшит ли это преобразование.
Экспертный анализ
«Вещи, которые мне нравятся:
- Хороший заголовок
- В подзаголовке нет слова «Учиться».
- Вопросы и открытия с образованием.
- Как интро.
- Призыв к действию есть все, что хорошо, включая подробный план.
«Предлагаемые изменения:
- Измените заголовок «Узнайте, как получить бесплатную оценку рекламы в Facebook сегодня»
- Сделайте подзаголовок крупнее и точнее: «Узнайте, на что вы тратите рекламные расходы, находя свою прибыльную аудиторию и, в конечном итоге, получите аудит стоимостью 500 долларов США бесплатно…»
- Я бы поместил видео и 7 шагов вверху, затем StubGroup, а затем отзывы «.
23. GrowthLab
Что хорошо сделано
- Заголовок сразу привлекает внимание и обращается к потенциальным болевым точкам.
- Copy решает возражение многих потенциальных клиентов.
Что можно было проверить / улучшить
- Я бы попробовал раздавать лид-магнит вместо получения обновлений.
Экспертный анализ
«В зависимости от цели эта целевая страница может выполнять свою работу, а может и не выполнять ее.
«Это прямо и всего в нескольких словах передаёт изюминку. Это хорошо, но проблема в том, что призыв к действию довольно слабый.
«Для целевой страницы, которая говорит о тексте, я чувствовал, что ей нужен более сильный призыв к действию, чем то, что было у них.Что касается дизайна, ему не хватает цвета, чтобы нарушить узор. Навигация по меню уже черная, а затем весь текст ниже черный, и только крошечная голубая кнопка является единственным другим цветом.
«Наличие чего-то, что может нарушить узор, и более сильные цветные кнопки (возможно, также более крупная опция), могут творить с ними чудеса.
«В целом, целевая страница в порядке, когда дело доходит до копирования и потока — можно улучшить, но это нормально. Больше всего нужно улучшить призывы к действию, в том числе кнопки и панели выбора.Он должен выделяться и вызывать у меня отчаянное желание раскрыть свои подробности ».
Что хорошо сделано
- Заголовок обращается к конкретному потенциальному клиенту.
- Зеленая кнопка CTA появляется на странице.
- Хорошее использование его биографии для обозначения социальных доказательств.
Что можно было проверить / улучшить
- Непонятно, на что подписывается потенциальный клиент. Я бы попробовал раздать какую-то ценность или свинец в копии.
Экспертный анализ
- «Мне нравится чистый дизайн, отсутствие отвлекающей навигации, которая уводит пользователя в другое место, кроме двух основных призывов к действию.
- Сообщение в копии выделяется, потому что оно не соответствует тому, о чем кричат все на рынке. Тем не менее, подтекст можно разбить на более мелкие детали или «иконизировать» для облегчения чтения.
- Последние посты выглядят немного сжатыми и сгруппированными, поможет небольшой интервал между постами. Также было бы здорово иметь призыв к действию после каждого поста, например «читать дальше…», но я предполагаю, что это противоречит подходу бренда к «чистому виду», поэтому я полагаю, что это необязательно.
- В целом, чрезвычайно простая целевая страница с четким призывом к действию и уникальным позиционированием «без чепухи» делает ее действительно хорошей целевой страницей ».
Что хорошо сделано
- Логотипы известных медиа-компаний являются социальным доказательством.
- Отзывы известных людей в отрасли предоставляют еще больше социальных доказательств.
- Призыв к действию «Присоединяйтесь к 52 134 людям» демонстрирует конкретность и делает информационный бюллетень популярным.
Что можно было проверить / улучшить
- Непонятно, что означает «умнее» в растущих стартапах.
- Непонятно, что подразумевается под самым захламленным рынком в истории.
Экспертный анализ
«Что они сделали хорошо:
- логотипы социальных доказательств
- социальных доказательств с хедшотами
- социальное доказательство на кнопке CTA
Что можно улучшить (тест):
- первая строка (я не знаю, кто такой Али, поэтому для меня ничего не значит, использование этого имени подойдет только для теплой аудитории, которая знает Али) Заголовок
- мог бы быть более сильным (я бы использовал заголовок, который соответствует заголовку главной статьи Али, и отдал бы его как первое эссе) Строка описания
- не дает ощутимой выгоды, которую люди получат прямо сейчас (я бы описал преимущество №1 от чтения главной статьи Али о росте стартапов) ».
26.HubSpot
Что хорошо сделано
- Слово «бесплатно» заманчиво.
- Подзаголовок сообщает о пользе.
- Синяя кнопка CTA появляется со страницы.
- Bullets обладают преимуществами, которые легко потреблять.
Что можно было проверить / улучшить
- Я бы попробовал предложить загрузку сразу в виде двухэтапного всплывающего окна, а не просто «продолжить».
- Я бы протестировал снятие флажка, чтобы увидеть, увеличиваются ли конверсии.
Экспертный анализ
«Я считаю, что это здорово, что как только мы переходим на эту целевую страницу, мы сразу понимаем, что предлагает HubSpot. И h2, и h3 выделены жирным шрифтом, что немного отвлекает. При просмотре целевой страницы на iPhone текст основного заголовка идеально подходит под верхний gif, что выглядит очень аккуратно. В целом, контент отлично демонстрирует, почему нам нужны эти шаблоны электронных книг. Самая большая проблема сейчас в том, что я не могу прочитать оранжевый текст в FAQ, примеры электронных книг расплывчаты, а изображение за формой внизу отвлекает от кнопки CTA.Я беспокоюсь, что людям будет сложно найти эту кнопку с призывом к действию. Я также беспокоился бы, что люди не смогут видеть стрелки для навигации по примерам электронных книг и захотят проверить наличие менее размытых примеров электронных книг. Я также думаю, что стоит протестировать отсутствие кнопок совместного доступа на целевой странице, так как это также может отвлекать посетителей ».
- Дэниел Уоллок , вице-президент (агентские услуги), BlitzMetrics
Что хорошо сделано
- Заголовок передает сильную выгоду.
- Форма захвата свинца очевидна и привлекает внимание.
- Таймер обратного отсчета указывает на срочность.
- Использование вкладов экспертов передает достоверность.
Что можно было проверить / улучшить
- Я добавлю еще немного описания того, что влечет за собой весь курс.
Экспертный анализ
«Мысли о том, что бы я тестировал на Email1k, для меня нет« готовой »целевой страницы, всегда есть место для тестирования и улучшения.
«Тестирование должно проводиться на всех устройствах, чтобы убедиться, что преимущества очевидны, и пользователь может легко предпринять действия на каждом устройстве.Например, на мобильном устройстве страница загружает видимую форму, поэтому пользователь не видит «Бесплатный 30-дневный курс по УДВОЕНИЮ СПИСКА ЭЛЕКТРОННОЙ ПОЧТЫ» — важное сообщение, которое дает пользователю повод ввести свой адрес электронной почты.
«Понятно, что цель на этой странице — заставить кого-то оставить свой адрес электронной почты, но есть многое, что их отвлекает, самая первая ссылка -« Powered by SumoMe »в самом верху страницы, социальная значки общего доступа — это наложение, которое появляется после загрузки страницы. Вам нужно проверить все это: сколько людей нажимают на них, сколько репостов в социальных сетях вы получаете с помощью виджета общего доступа, насколько ценны доказательства того, что многие люди поделились страницей — стоит ли отвлекаться.Сколько людей нажимают SumoMe и не заполняют форму — все это вам расскажет тестирование.
«Я вижу, что« Знакомство с экспертами по электронному маркетингу »призвано придать курсу серьезность. Это имена, о которых ваша аудитория слышала и уважает? Если нет, то какой цели они служат? Если в курсе есть комментарии Сета Година, я буду ценить это имя по сравнению с кем-то, о ком я никогда не слышал.
Протестируйте логотипы компаний, с которыми работали ваши эксперты, или, что еще лучше, отзывы людей, скачавших документ, поскольку в них меньше необходимости, чтобы они были узнаваемыми именами.
«Итак. Проверьте каждое устройство, ключевые сообщения ясны и видны. Избавьтесь от отвлекающих факторов, которые отвлекают людей от вашей основной цели, и убедитесь, что доказательства качества находят отклик у аудитории, проверьте здесь другое доказательство ».
- Дэниел Леннокс , руководитель отдела цифрового маркетинга, Riverford
Что хорошо сделано
- Фотографии до и после демонстрируют доказательство того, что она знает, о чем говорит, и помогла и себе, и своим клиентам добиться результатов.
- Слово «бесплатно» заманчиво.
- Идея похудеть с помощью специй вызывает большое любопытство.
- Хорошо справляется с возражениями, показывая, что потенциальные клиенты все еще могут есть свою любимую еду.
- Правильное использование логотипов для обозначения социальных доказательств.
- Отзывы помогают дополнительно указать социальное доказательство.
Что можно было проверить / улучшить
- Я бы попробовал придерживаться одного предложения вместо двух.
Экспертный анализ
«Как только вы открываете этот конкретный веб-сайт, владелец не теряет времени, чтобы сразу перейти к делу.Непосредственная выгода от быстрой потери веса очевидна. Упомянутые бренды и рецепты немедленно подкреплены обширными социальными доказательствами, свидетельствующими о том, что Нагина фигурирует в таких журналах, как Forbes, Huffington post и Time.
«Один элемент, который выделяется на остальной части целевой страницы, — это заголовок. В то время как остальная часть целевой страницы выглядит превосходно, кажется, что заголовку не было уделено достаточно внимания. Хотя это не то, что сразу же повлияет на конверсии или показатель отказов, о нем следует помнить в будущем.
«Двигаясь дальше вниз, показаны 3 специи, которые, как было« научно доказано », сжигают жир. Цитата специалиста по питанию или врача, хотя это и не является необходимостью, укрепит ценность Nagina и ее бренда.
«Переход к изображениям до и после показывает недавний успех Нагины у других участников. Выделение их успеха другим цветом привлечет внимание читателя к результатам, которых можно ожидать еще больше. Целевая страница заканчивается очень хорошим обзором Нагины и другими отзывами.
«У Masala Body очень интересная и прямая целевая страница. Индустрия, часто связанная с мошенничеством или любителями, дающими правильное сообщение, как никогда важна. С некоторыми дополнительными (необязательными) настройками его можно еще больше оптимизировать, что повысит коэффициент конверсии ».
- Мориц ван Концен , основатель и генеральный директор, Avenik
29. Удар
Что хорошо сделано
- Предложение отличное — 10 бесплатных электронных книг на один адрес электронной почты.
- Правильное использование стрелки для указания на CTA
Что можно было проверить / улучшить
- Слишком много полей формы может отпугнуть потенциальных клиентов от регистрации.
- Я бы протестировал удаление кнопок социальных сетей, чтобы избежать путаницы.
Экспертный анализ
«Маркетологи склонны чрезмерно усложнять свои целевые страницы за счет причудливого дизайна и длинных текстов (нарушая принцип KISS), но не эту целевую страницу. Простой и минималистичный дизайн позволяет посетителям сосредоточиться на самом главном: на предложении.
«Поскольку маркетинг — это обширная дисциплина, я бы упаковал предложение для определенной аудитории (например, для входящих маркетологов) или упорядочил предложения в обучающем путешествии, чтобы уменьшить наводнение; текущее сообщение слишком широкое.
«Добавление нескольких отзывов определенно поможет вызвать доверие и повысить конверсию. Нет. полей формы должны быть соизмеримы со значением, что в данном случае оправдано ».
Что хорошо сделано
- Слово «бесплатно» заманчиво.
- «Формирование бицепса, которое привлекает внимание» — хорошее пособие, привлекающее потенциальных клиентов.
Что можно было проверить / улучшить
- Я бы протестировал фокусировку целевой страницы, удалив другие элементы с веб-сайта.
- неясно, что означает «Черная книга бицепса».
Экспертный анализ
«На целевой странице есть отличное видео и четкий призыв к действию. У них также есть HTTPS перед URL-адресом, чтобы посетители чувствовали себя в безопасности.Но есть несколько простых способов превратить эту целевую страницу в ад.
- Добавьте социальное доказательство — отзывы и отзывы людей, которые уже использовали книгу.
- Постарайтесь как можно больше убрать отвлекающие факторы. Например, нижний колонтитул слишком большой для целевой страницы и отводит слишком много внимания от основного CTA. Верхнее меню слишком «переполнено», а под основным призывом к действию есть еще одно с просьбой подписаться на рассылку новостей. Постарайтесь использовать только 1 призыв к действию.
- Используйте наложение с намерением выхода, чтобы привлечь больше посетителей, покидающих страницу без регистрации.
- Измените заголовок HTML-тега страницы с «бесплатный подарок» на «Получите« The Biceps Black Book »бесплатно».
- Если вы долго покидаете свою страницу, не забудьте повторить CTA или добавить плавающую кнопку «зарегистрироваться», которая будет следовать за посетителями при их прокрутке ».
- Томер Аарон , соучредитель Poptin
Лучшие примеры целевых страниц в 2018 году — не начинайте с нуля
Необязательно создавать целевые страницы с чистого листа.
Посмотрите на приведенные выше образцы целевой страницы и смоделируйте выигрышные элементы. Затем посмотрите, что говорят эксперты, и систематически тестируйте, настраивайте и анализируйте различные способы улучшения своих собственных.
А затем наблюдайте, как ваш коэффициент конверсии взлетает до небес.
Об авторе: Онг Си Куан (Ong Si Quan) — менеджер по контент-маркетингу в CandyBar, приложении для цифровых карт лояльности. Используйте CandyBar, чтобы запустить целую программу лояльности со своего устройства и узнать, кто ваши лучшие клиенты.Попробуйте CandyBar бесплатно в течение 30 дней здесь сегодня.
12 лучших примеров посадочных страниц
Позвольте задать вам вопрос…
Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам?
С точки зрения бизнеса, вам не следует идти ни на что.
Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией.
Потому что, если люди покупают, то это нравится им обоим, и вы можете безопасно и предсказуемо масштабировать свой бизнес.
Многие люди попадают в ловушку, создавая дизайн, который им нравится, в то время как их идеальный аватар клиента сильно отличается от того, что они могли себе представить.
И это легко заметить, нажав на рекламу в социальных сетях.
Вам может понравиться само объявление, но в большинстве случаев целевая страница на другой стороне — это не то, что вы хотите видеть.
Связь между вашим трафиком и целевой страницей называется точным сообщением для соответствия рынку .
Вы хотите, чтобы ваше сообщение идеально соответствовало вашему рынку, чтобы вы могли начать с выигрышной воронки, которая только оттуда пойдет вверх.
Потому что, если вы там напортачите, вы будете оптимизировать и настраивать небольшие компоненты, которые едва ли приведут к безубыточности.
Но если вы закрепите свое сообщение, вы будете получать клиентов направо и налево, даже не зная, почему и как они пришли к вам.
Это ваше самое мощное оружие, и большинство предприятий делают его совершенно неправильно.
Итак, чтобы помочь вам и гарантировать ваш немедленный успех, мы рассмотрим 12 лучших примеров целевых страниц, которые вы должны использовать для расширения своего бизнеса.
Мы рассмотрим сильные и слабые стороны каждого из них, и убедимся, что вы найдете тот, который подходит именно вашему бизнесу.
После этого поста вы сможете создавать целевые страницы с высокой конверсией, как по волшебству.
Но прежде чем мы это сделаем, мы должны пройти через…
Что делает отличную посадку СтраницаЭтот вопрос зависит исключительно от ваших потребностей.
Итак, позвольте мне задать вам пару вопросов, которые помогут вам очистить свой разум и думать в правильном направлении.
# 1 Чего вы хотите достичь с помощью целевой страницы?Наиболее распространенные варианты:
- Привлечение людей к участию в обмене на бесплатную ценность предмета
- Прямая продажа недорогого продукта, такого как книга или мини-курс
- Предложение бесплатной пробной версии для ежемесячного обслуживания или программного обеспечения
- Бесплатное предложение + доставка где вы рассчитываете на дополнительные продажи для получения прибыли
Вы должны точно знать, какое предложение вы хотите разместить на своей целевой странице, прежде чем создавать ее.
И, конечно же, вы можете сделать и другие предложения, но идея здесь состоит в том, чтобы уточнить, какое из них вы хотите использовать для своего бизнеса.
Если вы не уверены, ниже по тексту будет несколько примеров.
Теперь следующий вопрос, вы должны задать себе …
# 2 Вы привержены этому проекту или только пробуете предложение?Создание целевой страницы с высокой конверсией — это не малая суета.
Возможно, вам придется несколько месяцев оптимизировать неприбыльную целевую страницу, прежде чем она начнет приносить реальную прибыль.
И если вы не готовы к этому, я рекомендую вам бросить курить еще до того, как вы начнете.
Да, вы можете получить удачный выстрел и попасть в хоумран с первой попытки, но рассчитывать на это — бред.
Будьте готовы к длительной игре, чтобы получить долгосрочные выгоды, которые намного слаще сиюминутного удовлетворения.
И последний вопрос…
# 3 Каков ваш бюджет?Прежде чем вы начнете создавать свою целевую страницу с высокой конверсией, вам необходимо подготовить солидный бюджет.
Вы не можете ожидать, что все пройдет гладко на протяжении всего процесса.
Проблемы будут возникать, и в большинстве случаев самый простой и быстрый способ их решения — заплатить тому, кто является экспертом в этой области.
Это может быть разработчик, конструктор / построитель воронки, специалист по рекламе или консультант по CRO.
В любом случае, вы должны быть готовы заплатить кому-то, чтобы тот сделал все правильно, чтобы не сталкиваться с одними и теми же проблемами снова и снова.
В маркетинге и в жизни существует эмпирическое правило, согласно которому вы должны закончить свою работу, а затем позволить кому-то другому судить об этом.
Очевидно, что для целевых страниц можно запустить рекламу и посмотреть, конвертируется ли трафик.
Если это так, вы увеличиваете рекламный бюджет и пытаетесь его увеличить.
Если изначально он не конвертируется, позвольте профессионалу взглянуть на него.
И даже если вы уже наняли кого-то, кто построит его для вас, не ждите, что он вам здесь поможет.
Да, он может оптимизировать вашу страницу, но вы должны помнить, что люди эмоционально привязаны к своей работе.
Вот почему вам нужна помощь третьего лица.
И особенно, когда дело доходит до оптимизации целевой страницы для конверсий, вы должны подумать о найме агентства.
В настоящее время у крупных маркетинговых агентств есть сотни, если не тысячи клиентов, которые были именно в вашей ситуации.
Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию.
И говоря о CRO (оптимизации коэффициента конверсии), нет лучшего выбора, чем NP Digital.
Это просто лучшее маркетинговое агентство как для SEO, так и для CRO.
Если вы находитесь на той стадии, когда хотите оптимизировать существующую целевую страницу, но не знаете, как это сделать…
Тогда вам следует позвонить профессионалу, чтобы узнать секретные методы оптимизации конверсии, необходимые вашему бизнесу.
А теперь главное событие…
12 лучших примеров посадочных страницЭто 12 лучших примеров посадочных страниц, которые мы смогли найти.
Мы будем оценивать их по конверсиям, предложениям, дизайну и качеству обслуживания клиентов.
# 1 Получить ответGet Response — это простой, но интерактивный пример целевой страницы.
Как видите, команда Get Response выделена жирным шрифтом, поскольку это единственное программное обеспечение в отрасли, в котором используется интерактивный заголовок.
Желтый знак, который вы видите на изображении ниже, меняется между словами «рост», «лиды» и «продажи».
Таким образом, заголовок привлекает внимание и заставляет читать дальше.
Кроме того, они используют дружелюбное, позитивное лицо, которое мы не очень часто видим в бизнесе, не связанном с личным брендом.
Это, конечно, неплохо. Это автоматически вызывает доверие и упрощает подписку на программное обеспечение.
# 2 SlackSlack всегда на высоте, когда дело касается целевых страниц.
Они постоянно оптимизируют конверсии, и это лучший способ найти вашу успешную целевую страницу.
Их текущая версия снова является чрезвычайно интерактивной, имеет большой сногсшибательный заголовок, а также показывает, насколько легко использовать программное обеспечение с быстрой 5-секундной подсказкой.
С самого начала вы можете увидеть, что они ценят удовлетворенность клиентов, и, если вы все еще не уверены, прокрутка вниз приведет к безостановочному доверию и результатам, доказывающим их авторитет на рынке.
# 3 Домофон Основная цельIntercom на этой целевой странице — помочь вам подписаться на рассылку по электронной почте.
Оставить его только для электронной почты — отличный способ увеличить количество подписок.
Большой позитивный заголовок, который поможет вам действовать прямо сейчас.
Изображения, которые они используют, идеально представляют главное УТП заголовка.
Вы можете видеть в целом дружественную среду, и вам просто нужно зарегистрироваться, если вы попали на эту страницу.
# 4 LyftLyft в последние годы поднимается вверх в чартах, и их веб-сайт, целевая страница и общая онлайн-воронка не отстают.
Они сосредоточены на привлечении новых водителей, которые хотят контролировать свою жизнь.
И обещание вашим сотрудникам свободы во время работы на вас — лучший способ выделить лучших кандидатов среди ваших конкурентов.
Мы знаем, что Lyft использовала несколько целевых страниц в прошлом, но их текущая страница демонстрирует настоящий профессионализм.
И снова мы видим гигантский, привлекающий внимание заголовок. На этот раз с вопросом, чтобы предвосхитить любопытство и мыслительный процесс в их перспективах.
И проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ». Это означает, что нет 100% уверенности в том, что вы сможете получить позицию.
Если ваши клиенты должны соревноваться, чтобы завладеть вашим вниманием, они заставляют их усерднее стараться в самой работе.
# 5 Zoho Целевая страницаZoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями.
Они используют больше текста, чем среднее программное обеспечение в отрасли, но это не обязательно плохо.
В их конкретном случае им необходимо убедить потенциального клиента начать бесплатную пробную версию, которая автоматически создает напряжение в потенциальном клиенте, потому что он знает, что придет время, когда ему придется заплатить.
И заставить кого-то платить намного сложнее, чем просто получить его электронную почту.
Вот почему использование большего количества текста в их сообщениях делает их мощным копирайтерским ударом, который максимально увеличивает количество регистраций бесплатных пробных версий.
# 6 SquarespaceSquarespace возглавляет список с наименьшим количеством текста в дизайне целевой страницы.
Сначала вы можете подумать, что этого недостаточно, чтобы кого-то обратить.
Но как только вы увидите, что это конструктор веб-сайтов, вы поймете, что дизайн и быстрый и эффективный обмен сообщениями — все, что вам нужно для регистрации.
Они знают, что их потенциальные клиенты в основном борются со сложными кодами и хотят показать безопасное пространство, где они могут расслабиться и перетащить свой выигрышный дизайн веб-сайта.
# 7 ActiveCampaignActiveCampaign фокусируется исключительно на том, чтобы показать вам, как их программное обеспечение обеспечивает наилучшее качество обслуживания клиентов.
И если вы владелец бизнеса, вы оба хотите, чтобы к вам относились хорошо, и помогать своим клиентам в трудные времена.
Их заголовок поражает двух зайцев одним выстрелом, и снова нет бесполезного текста или дизайна.
Все приводит к большой зеленой кнопке, и вы запускаете бесплатную пробную версию.
# 8 HubspotHubspot — еще одна CRM, которая сегодня возглавляет список.
Они, как и ActiveCampaign, показывают вам, что использование их программного обеспечения поможет вам и вашим клиентам чувствовать себя лучше на протяжении всего процесса.
Знание о том, что их идеальный клиент возражает главным образом о том, что изучение совершенно новой CRM с нуля может быть трудным, утомительным и, возможно, даже невозможным, помогает им сузить свое сообщение до сути.
# 9 Shopify ПлюсShopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают.
Поскольку они стремительно росли на протяжении многих лет, они смогли протестировать несколько дизайнов целевых страниц, чтобы найти тот, который принесет пользу.
И целевая страница Shopify Plus показывает это.
Их основная цель — заказать консультацию со своими потенциальными клиентами, которая займет больше, чем пара слов.
У них есть бюджет, чтобы снимать профессиональные видеоролики для всех своих продуктов и услуг, которые помогают передавать ценную информацию потенциальным клиентам наиболее быстрым способом — видео.
Внизу вы видите мощный авторитет, и если вы потратите время на просмотр видео, вы, скорее всего, закажете им звонок.
Видео — смертельное оружие в руках правильного бизнеса, и Shopify доказывает это здесь и практически всем, что они делают.
# 10 WebflowWebflow показывает всю информацию о программном обеспечении сразу же, как только вы попадаете на их целевую страницу.
Вы можете мгновенно увидеть доверие со стороны крупных веб-сайтов, которые воспользовались их услугами, а также можете начать бесплатно.
Это снимает любое напряжение, которое может быть у потенциального клиента.
Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop.
Итак, если вы когда-либо использовали продукты Adobe, вы сразу знаете, что эта работа будет для вас легкой задачей.
# 11 ClickFunnelsClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию.
И даже если у вас есть какой-либо скептицизм, вы можете поиграть со страницами и кнопками воронки, чтобы увидеть, насколько быстро реагируют современные воронки.
Вы можете видеть, что они используют больше текста, чем средний веб-сайт / конструктор воронок.
Но они снова пытаются убедить людей начать 14-дневную бесплатную пробную версию, что является непростой задачей.
Они также используют мощные видеоролики, которые продают напрямую своим идеальным клиентам.
И самое лучшее — это аналитика, которую они добавили на свою целевую страницу.
Это смелый и мощный ход, если все сделано правильно.
Эта аналитика создается благодаря тому, что она постоянно обновляется, и это не просто более 100 000 пользователей, как вы могли бы видеть на других платформах.
ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат.
Это один из самых сложных дизайнов целевой страницы, но если вы это сделаете, ваши конверсии резко возрастут.
№ 12 Лаборатория конверсииConversion Lab уже много лет использует этот дизайн целевой страницы.
Мы заметили, что они тестируют разные кнопки с призывом к действию, такие как «заказать звонок», получить бесплатную консультацию и многое другое.
Сохранение своего Основателя на главной странице веб-сайта способствует установлению долгосрочных отношений, которые сегодня упускают многие компании.
Они четко заявляют о своих услугах в убедительных заголовках, и даже если вы не готовы записаться на консультацию с ними, появится всплывающее окно, в котором будет собрана ваша электронная почта.
Электронная почта — отличный способ гарантировать, что высокий процент потенциальных клиентов, которые попадают на ваш веб-сайт, в конечном итоге закажут вам звонок.
Это все для нашего сегодняшнего списка.
В заключение, что вам нужно знать при создании целевой страницы…
- Найдите то, с чем ваши лучшие клиенты борются больше всего, а затем сразу же опровергните это возражение с помощью короткого и резкого заголовка.
- По возможности используйте достоверность и видео.
- Знайте свои цели — получить их электронную почту, телефон, позвонить, начать бесплатную / платную пробную версию или что-то еще?
- Ясный и понятный призыв к действию
И всегда, всегда оптимизируйте процесс.
Невозможно быть идеальным с первого дня. Каждый бизнес в этом списке тестирует свои страницы десятки, если не сотни раз, прежде чем определить победителя.
И даже тогда они все равно оптимизируются.
Вы пытались создать целевую страницу раньше? Как все прошло — хорошо ли оно конвертировалось и какие были ваши самые большие открытия в этом процессе?
Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт
- SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
- Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
- Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.
Заказать звонок
44 примера целевых страниц, которые вдохновят вас в 2021 году [Обновлено]
Целевая страница — это не обычная территория веб-сайта.
Подобно инопланетянину, открывающему новую планету, потенциальный клиент приземляется там, чтобы «установить контакт».«Это интересно — по крайней мере, для такого маркетолога, как я, — и все же, несмотря на это волнение, легко в конечном итоге позвонить ему.
У вас есть новое предложение, возьмите шаблон перехода, клонируйте ту же форму, которую используете снова и снова. … Где чувство приключения? Где творческое исследование, которое заставляет посетителя действительно захотеть, чтобы конвертировал?
🎓 Бесплатный урок IMPACT +: 19 предложений по конверсии и содержанию, которые генерируют потенциальных клиентов
Примеры целевых страниц, которые я привожу ниже, охватывают линии B2B, B2C и широкий спектр отраслей и предложений.
Хотя многие обзоры посвящены только крупным брендам (и я, конечно же, включаю их), я также приложил дополнительные усилия, чтобы поделиться впечатляющими примерами из малых и средних предприятий с более строгими бюджетами.
У всех них есть общее, однако, все они обладают уникальным дизайном, чтобы дать волю творчеству, и использовать передовые методы для привлечения потенциальных клиентов.
Что должна включать целевая страница?
Целевая страница — это страница веб-сайта, которая существует с единственной целью сбора информации от пользователя для конкретного предложения, обычно через форму на странице, но не всегда.
Хорошая целевая страница — это просто та страница, которая четко определяет ее ценность для своей аудитории и генерирует потенциальных клиентов через эту форму. Но наиболее эффективный способ сделать это зависит от вашей конкретной аудитории, бренда и отрасли.
Многие отличные дизайны целевых страниц (включая несколько примеров, приведенных ниже) включают такие функции, как:
- Поясняющее видео, в котором подробно описывается предложение и его стоимость. (Это часть видеороликов «Семь продаж», которые должны быть включены в стратегию каждого бизнеса.)
🎓 Бесплатный урок IMPACT +: Как создать видео на целевой странице, конвертирующее
- Интересные фотографии людей, которые помогут посетителю вообразить себя после получения предложения.
- Социальное доказательство, подтверждающее заявления бренда.
- Ответы на часто задаваемые вопросы, чтобы уменьшить возражения и трения.
- Убедительная, лаконичная копия.
- Объяснение того, «чего ожидать» после отправки формы.
Как вы должны структурировать свою целевую страницу? Это может варьироваться, поэтому используйте A / B-тестирование для экспериментов.
Под каждым примером целевой страницы в этой статье я включил краткое изложение того, что бренд сделал правильно, чтобы вы могли получить представление о том, что включить в свой собственный дизайн, чтобы увеличить конверсию и общий успех.
Отличные примеры целевых страниц для 2021 года1. Amazon
Как они это сделали:
- Лидеры с четким и кратким ценностным предложением и призывом к действию.
- Позволяет видео говорить, прежде чем разбивать вещи на копии.
- Copy фокусируется на ценности для пользователя / покупателя.
- Несколько дружелюбных и близких друг другу изображений, показывающих самую разную аудиторию.
- Выделяет ключевые особенности с отзывами, подтверждающими их утверждения.
- Социальное доказательство включает в себя реальные фотографии и метки социальных сетей для подтверждения подлинности.
- Заранее отвечает на часто задаваемые вопросы.
2. Billy Ragan Roofing *
* Примечание редактора: Billy Ragan Roofing является клиентом IMPACT
Как они это сделали:
- Ведет с видео, показывающим реального члена команды.Это очеловечивает бренд и способствует укреплению доверия.
- Устанавливает ожидания, точно объясняя, что происходит после заполнения формы.
- Подробно описывает каждый шаг процесса.
- Включает высококачественные релевантные изображения людей.
- Включает чат, если у посетителя возникнут немедленные вопросы.
3. Убер
Как они это сделали:
- Заголовок включен, который говорит об общей болевой точке пользователей — гибкости рабочего графика.
- Форма размещается высоко на странице, чтобы ее не пропустили, а также дает посетителям возможность сразу же совершить конверсию, если они того пожелают.
- Включает ясную и краткую копию.
- Указывает на три основные причины конверсии.
- Использует большой образ дружелюбного, отзывчивого человека.
4. EF Ultimate Break
Как они это сделали:
- Использует соблазнительные высококачественные изображения, которые идеально сочетаются с предложением и сообщениями.
- Включает социальное доказательство, которое для такого удивительного предложения чрезвычайно важно для борьбы с целями или путаницей.
- Показывает ответы на часто задаваемые вопросы.
- Создает ощущение срочности за счет ограничения по времени.
5. Snapchat
Как они это сделали:
- Включает видео.
- Объясняет, что именно вы получаете в первую очередь.
- Яркое фирменное использование цвета.
- Используйте анимированную графику для демонстрации функциональности.
- Показывает логотипы брендов для включения социальных доказательств.
6. Наклейка Mule
Как они это сделали:
- Использует динамическую анимацию, чтобы привлечь внимание и направить вниз по странице.
- Использует шутливую копию фирменного стиля, чтобы объяснить ценность предложения.
- Включает призыв к действию на уровне глаз, когда вы переходите на страницу.
- Имеет качественный развлекательный видеоролик с дополнительным фоном о продукте.
- Включает социальное подтверждение в виде отзывов покупателей. В них даже есть настоящие фотографии.
- Дает «следующие шаги» в виде предлагаемых рецептов.
7. MasterClass
Как они это сделали:
- Использует видео в разделе героев.
- Лидирует с четким и кратким ценностным предложением, чтобы вы точно знали, что получаете.
- По мере прокрутки отображаются подробные сведения о материальных ценностях.
- Включает отзыв с выстрелом в голову.
- Включает ссылки для публикации в социальных сетях.
- Рекомендует дополнительный контент.
8. HelloFresh
Как они это сделали:
- Включает высококонтрастный призыв к действию в разделе героев.
- Использует романтические штрихи, которые совпадают с предложением «свидания», чтобы направить взгляд вниз по странице.
- Сообщает вам, как именно работает процесс, и что вы найдете в коробке для устранения трения.
- Использует совместный маркетинг / маркетинг влияния в своих интересах, включая фотографии и цитаты Джессики Альбы, чтобы побудить людей к конверсии.
- Effective использует блокировку для разделения важных разделов страницы и, опять же, для направления вашего взгляда.
- Использует реальные, связанные изображения, которые идеально сочетаются с сообщениями.
9. Amazon Prime
Как они это сделали:
- Призыв к действию размещен вверху страницы, поэтому его нельзя пропустить.
- Использует видео, чтобы очеловечить предложение и более динамично объяснить его ценность (см. Выше).
- звезд из фильма, представленных для привлечения внимания к маркетингу.
- Messaging использует эксклюзивность и стимулы для поощрения конверсии. Он также напрямую обращается к пользователям Prime.
- Страница заканчивается перенаправлением посетителей к сопутствующим продуктам (альтернативные возможности конверсии).
10. Sheffield Metals International *
* Примечание редактора: Sheffield Metals International является клиентом IMPACT
Как они это сделали:
- Ведет с видео, показывающим реального члена команды.
- Копия краткая и заостренная.
- Удаляет все, что отвлекает, включая ссылки и всплывающие окна.
- Жирная кнопка с призывом к действию выделяется на странице и привлекает внимание.
11. Zenefits
Как они это сделали:
12. Офисные интерьеры *
* Примечание редактора: Office Interiors является клиентом IMPACT
Как они это сделали:
13.Базовый лагерь
Как они это сделали:
Минималистичный дизайн с привлекательным анимированным персонажем, который исключительно фирменный.
Заголовок использует социальное доказательство, чтобы узнать, сколько компаний зарегистрировались за последнюю неделю.
Трудности с конверсией уменьшены за счет 60-дневной бесплатной пробной версии и отсутствия необходимости в кредитной карте для регистрации.
Общие вопросы и задачи, рассмотренные выше.
Бонус базового лагеря:
Как они это сделали:
- Показывает, как их платформа может помочь вам повысить эффективность и объединить их.
- Использует отзывы клиентов и точные числа.
- Позволяет зарегистрироваться, используя только адрес электронной почты или учетную запись Google.
14. ТБС
Как они это сделали:
- Копия короткая и приятная, дающая вам все подробности розыгрыша в как можно меньшем количестве слов.
Позволяет видео говорить, показывая его в области героя. Он отлично справляется с очеловечиванием предложения за счет миниатюры человека. (К счастью для них, это тоже знаменитость.)
- Показывает, что именно вы получите, если заполните форму на странице.
15. Прикладные образовательные системы *
* Примечание редактора: прикладные образовательные системы — это клиент IMPACT
Как они это сделали:
- Ясное, прямое, ориентированное на действия ценностное предложение.
- Включает видео с реальным членом команды.
- Устанавливает ожидания, подробно описывая, что происходит после заполнения формы.
- Заблаговременно рассматривает распространенные возражения и вопросы.
- Включает социальное доказательство с цитатой, изображением и именем реального клиента.
16. Codecademy
Как они это сделали:
Дизайн в верхней части страницы прост и не отвлекает, с использованием четкого заголовка, релевантного изображения и формы с ярко-красной кнопкой CTA.
Функция входа через Facebook или Google+ снижает барьер для конверсии.
Использует видео от настоящего студента, чтобы ответить на распространенный вопрос: «Как кодирование может вам помочь?»
17. Страхование ягод *
* Примечание редактора: Berry Insurance является клиентом IMPACT
Как они это сделали:
18. Патреон
Как они это сделали:
19.Строители Личфилд *
* Примечание редактора: Litchfield Builders — это клиент IMPACT
Как они это сделали:
20. УДАР
Как они это сделали:
- Выводит с социальным доказательством прямо в ценностное предложение.
- Включает хорошо подготовленное видео, которое не только подчеркивает ценность информационного бюллетеня, но также демонстрирует юмор и индивидуальность, а также реальных членов команды.
- Устанавливает ожидания.
- Показывает прошлые примеры, чтобы показать читателю, что они получают.
- Включает социальное доказательство в виде цитат читателей.
- Краткая, легко заполняемая форма.
21. Todoist
Как они это сделали:
- Утверждение «более 2 миллионов человек делают удивительные вещи с помощью Todoist» является социальным доказательством и исследует вопрос «Почему не вы?»
При нажатии ярко-красной кнопки появляется форма с надписью «Зарегистрируйтесь за секунды», позволяющая войти в существующую учетную запись Google+.Это дает понять, что конвертация проста и не пугает.
Фоновое изображение прокручивает короткие видеоролики, в которых показаны сценарии использования приложения. Это также дает вам представление о том, как это выглядит на разных устройствах.
22. Речные бассейны и спа *
* Примечание редактора: River Pools & Spas является клиентом IMPACT
Как они это сделали:
23.Вивино
Как они это сделали:
Использование красного выделяется на черном фоне и подчеркивает психологическую связь с вином, основным продуктом Vivino.
Заголовок простой, лаконичный и дает вам самую важную причину для загрузки своего приложения.
Трехступенчатая зона подчеркивает простоту приложения, которое в противном случае могло бы стать препятствием для входа пожилых людей, которые любят вино, но не разбираются в технологиях.
* Примечание редактора. LaborSync — бывший клиент IMPACT.
Хотя большая часть рынка Магнолия — это торговые площади, у них также есть «Дом Магнолии», где вы можете остаться в отпуске.
* Примечание редактора: Yale Appliance является клиентом IMPACT.
17 классных целевых страниц, которые я хотел бы сделать
Вы когда-нибудь выполняли поиск в Интернете или нажимали на объявление в Facebook, чтобы найти что-то более интересное, чем вы ожидали? Возможно, когда страница загружается, вы начинаете сожалеть о своем импульсивном щелчке, потому что ваша духовка только что запищала, и ваша пицца готова! Но затем происходит что-то волшебное … Вы попадаете на страницу, чертовски крутую, что ваша пицца начинает подгорать.Ладно, может быть, это все-таки плохая гипотеза — кто когда-нибудь позволит своей пицце подгореть?
Печальное, печальное зрелище.
Моя точка зрения такова: Жестокая правда заключается в том, что действительно крутая целевая страница встречается не так часто. Когда это произойдет, не следует упускать из виду те моменты для маркетологов! Фактически, большинство классных целевых страниц, которые вы видите, вдохновлены другими классными целевыми страницами, поэтому мы собрали этот классный пост — чтобы вдохновить вас! Разве вы не слышали, что подражание — самая искренняя форма лести?
Но прежде чем мы погрузимся в некоторые довольно интересные примеры целевых страниц, давайте сначала рассмотрим…
Что такое целевая страница?
Когда я впервые услышал термин «целевая страница», я подумал, что каждая веб-страница должна быть целевой страницей (как на странице, на которую вы попадаете ), верно? Неправильно! Чтобы считаться «целевой страницей», эта страница должна быть открыта в рамках маркетинговой инициативы.Вы можете заключить специальную сделку, позволяющую клиентам подписаться на ваш список адресов электронной почты или позволяя им получать «скоро» предложение — из спонсируемой рекламы Google той или иной формы (поиск, отображение и т. Д.), Платной социальной сети реклама в Facebook, Instagram и т. д. или рассылка по электронной почте. Чтобы действительно считаться «целевой страницей» в мире маркетинга, должна быть транзакция, которая заставила этого человека попасть на эту страницу. Unbounce прекрасно резюмирует это: «В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для целей маркетинговой или рекламной кампании.”
Теперь, когда мы понимаем определение целевой страницы, важно помнить, что существует множество не крутых целевых страниц. Фактически, только 22% предприятий удовлетворены текущим коэффициентом конверсии целевой страницы . Если ваши целевые страницы не классные, то, скорее всего, и коэффициенты конверсии. Вот 17 очень КЛАССНЫХ целевых страниц, чтобы вдохновиться , а затем работать над повышением коэффициента конверсии.
стр.S. У нас есть выпуск подкаста Goal Talk на эту самую тему. Проверьте это в подкасте Goal Talk, эпизод 13: Анатомия целевой страницы для зарабатывания денег.
1. Сандалии для молодоженов
Я ищу идеи для медового месяца, и я наткнулся на эту страницу, когда проводил некоторое исследование в Google. Эта страница показалась мне крутой по многим причинам. Во-первых, посмотрите на людей, разве они могут быть круче?
Если серьезно, то эта страница делает несколько вещей правильно: соблазнительные образы, сигналы доверия с хорошо известными почетными знаками, полученными из внешних источников, и четкий, но не слишком неприятный призыв к действию «Закажи сейчас».
Прокручивая страницу вниз, я снова был впечатлен фактором крутизны. Эта целевая страница также включает в себя дополнительные услуги в их пакетах для молодоженов.
Итак, как вы можете украсть хорошие вещи, происходящие на этой целевой странице, и применить их к своей собственной?
- Используйте «крутые» и соблазнительные образы с людьми!
- Убедитесь, что ваш призыв к действию находится вверху страницы, но не слишком бросается в глаза.
- Чтобы вызвать доверие, предоставьте лучшие обзоры из известных источников.
- Убедитесь, что у вас есть «бесплатное» предложение на вашей странице, чтобы привлечь новых потенциальных клиентов.
2. Instacart
Кому не надоедает поход в продуктовый магазин? Допустим, вам не хватает продуктов, но собрать ваших детей кажется слишком трудоемким, поэтому вы обращаетесь к исследованию доставки продуктов, и БУМ вы попадаете на эту целевую страницу с этим привлекательным всплывающим окном, информирующим вас о том, что продукты могут быть доставлены всего за час. Кого бы не продали?
Есть много причин, по которым эта целевая страница работает так хорошо.Во-первых, у него забавный, относительный и графический фон; во-вторых, он немедленно призывает зрителя к действию с помощью всплывающего окна с призывом к действию. Целевые страницы часто перегружены множеством призывов к действию, кнопками или другими местами для перехода. Однако этот дизайн прост и его легко имитировать. Просто создайте графически красивый и актуальный фон, а затем используйте всплывающий призыв к действию, чтобы заставить ваших зрителей что-то сделать, прежде чем перемещаться по всему вашему сайту.
3. GEM Сантехника и отопление
Допустим, вам нужна помощь в водопроводе, отоплении или другом электрооборудовании.В такие времена вам не нужно тратить часы на навигацию по сложной целевой странице. Вот почему целевая страница GEM так эффективна. Хотя, да, еще многое происходит с точки зрения вкладок и других мест для навигации, реальный фактор крутости этой страницы исходит из того факта, что она приглашает и разрушает препятствия на пути к контакту в трудную минуту.
Чтобы сделать ваши целевые страницы столь же эффективными, используйте простой, приветливый и понятный язык. Также убедитесь, что вы думаете о своей разнообразной аудитории.Хотя у вас может быть целевая личность, вы знаете, что каждый человек, посещающий ваш сайт, индивидуален и может иметь предпочтительный способ общения. Поэтому важно предоставить варианты, если ваша цель — привлечь внимание посетителей.
4. Программное обеспечение службы поддержки Solarwinds
Давайте будем честными, продавать программное обеспечение часто не «круто». Мы в WordStream слишком хорошо это знаем. Вот почему сделать ваши целевые страницы максимально крутыми — это ключ к успеху! Solarwinds отлично справляется с этим.Взгляните на целевую страницу ниже.
Вот причины, по которым это так хорошо работает:
- Текст короткий, приятный и четкий.
- Копия организована в виде списка, что упрощает ее усвоение.
- Есть один очень четкий призыв к действию.
- Этот призыв к действию — бесплатное предложение!
- Внизу страницы показаны другие крутые и известные бренды, которые также используют это программное обеспечение.
Итак, как вы можете черпать вдохновение в этом бренде? Посмотрите на эти пункты выше и сделайте это на своих собственных, которые скоро станут крутыми целевыми страницами.
5. HelloFresh
HelloFresh предлагает отличный подход ко всей целевой странице с уникальным предложением. Вместо того, чтобы быть чрезмерно агрессивным и продажным, HelloFresh очаровывает новых пользователей контентом, связывая их с интересным постом в блоге. Еще одна замечательная особенность этого приземления — соблазн «специального предложения». Попробуйте это на своих целевых страницах, потому что специальные предложения — это определенно круто!
6. freshsales
«Программное обеспечение для управления контактами — как оно круто!» никогда в жизни никто не говорил.
К счастью, freshsales знает, как заставить своих посетителей чувствовать себя круто с их забавным подходом на 360 градусов. Целевая страница ниже использует стратегию сохранения организованного, убедительного и ясного текста, но также включает забавный визуальный элемент. Еще одна интересная особенность целевой страницы freshsales — это БЕСПЛАТНЫЙ призыв к действию. Помните, что бесплатные вещи — это всегда здорово.
7. Wistia
Я могу быть предвзятым, потому что раньше я работал в компании Wistia, занимающейся видеоплатформой, но вы должны признать, что этот дизайн целевой страницы довольно крутой! Посмотрите это ниже.Главное, что в нем круто:
- Элегантный и простой дизайн.
- Уникальные и красивые цвета.
- Простой и понятный текст.
- Очаровательная копилка.
- Поначалу отсутствие призывов к действию (что делает его менее напористым).
Затем, прокручивая страницу вниз, вы получаете четкий призыв к действию ниже, в котором говорится, что кредитная карта НЕ нужна для регистрации. К этому моменту вы уже знаете, насколько я считаю бесплатные вещи крутыми, и это сообщение о том, что кредитная карта не требуется, сразу меня заставляет меня полюбить это предложение.
Чтобы скопировать крутость Wistia, убедитесь, что ваш дизайн прост и визуально привлекателен. Дизайн и простота являются ключевыми в создании супер крутых целевых страниц, и (это еще не все?) Бесплатные вещи никогда не помешают.
8. Аренда ВПП
Я большой поклонник этой марки, поэтому нисколько не удивился, когда наткнулся на очень крутой лендинг. Rent the Runway использует подход из приведенных выше примеров, когда всплывающее окно сразу привлекает внимание посетителя.Мне нравится это всплывающее окно, потому что оно сразу привлекает посетителей и заставляет их почувствовать себя частью опыта на сайте Rent the Runways. Это здорово — иметь возможность посетить сайт и так быстро попасть именно туда, куда вы хотите.
Так как же ты можешь быть таким крутым, как Rent the Runway?
- Поэкспериментируйте со всплывающими окнами, которые упростят работу вашим посетителям.
- Используйте простые и изящные значки, соответствующие месту, куда попадет ваш посетитель.
- Комбинируйте текст с визуальными элементами, чтобы сделать их интересными и легко усваиваемыми для посетителей (дополнительные рекомендации по работе с целевыми страницами см. Здесь).
«Вау! Какая классная целевая страница! » это именно то, о чем я подумал, когда попал на эту страницу для Row House, бренда, о котором я раньше не слышал, но теперь весьма заинтересован. Эта целевая страница очень привлекательна из-за гладкого и простого дизайна, но то, что мне понравилось больше всего это видео с автовоспроизведением в фоновом режиме.Если у вашего бренда есть крутой визуальный аспект, почему бы не сразу захватить посетителей с помощью визуального компонента, такого как видео, на ваших целевых страницах?
Попробуйте стратегию Row House и поместите видео с автовоспроизведением в конце целевой страницы, и ваши посетители будут потрясены вашим уровнем крутости.
10. Торо Локо
Ресторанная индустрия, безусловно, одна из моих любимых, потому что, как и большинство людей, я считаю, что еда — это потрясающе. И я не буду называть имен, но я встречал слишком много не крутых целевых страниц в этой индустрии.Toro Loco определенно не входит в их число. Когда я увидел эту целевую страницу , , меня встретил великолепный стол с вкусной едой, а также четыре соответствующих варианта, куда идти дальше.
Затем волшебным образом появилось забавное всплывающее окно. Какое удовольствие! Кроме того, посмотрите на всплывающее окно ниже… «Вечеринка с бранчем в мескале». Что может быть круче этого?
Сделайте свои целевые страницы такими крутыми, демонстрируя свои восхитительные предложения с забавной стороны.
11.Airbnb
Вы, наверное, знакомы с Airbnb, и я подозреваю, что это во многом связано с удивительным опытом работы с сайтом компании. Главная целевая страница Airbnb, которую посетители найдут при поиске отелей для путешествий, выглядит чистой, ясной и полезной. Это определенно здорово… Я имею в виду, просто посмотрите на эту стильную, солнечную, яркую комнату с хипстерскими шляпами, украшающими стены. Вы действительно не ошибетесь, если почерпнете вдохновение для целевой страницы Airbnb.
Придерживайтесь принципов, которые мы обсуждали, чтобы сделать ваши целевые страницы такими крутыми:
- Простой и понятный дизайн
- Заманчивые, но не подавляющие образы
- Очень четкий и не напористый призыв к действию
12.Чейз
Кто не хочет становиться «членом семьи Чейза»? Выбрать поставщика кредитной карты достаточно сложно, но факт остается фактом: у большинства компаний есть несколько карт на выбор. Вот почему мне нравится эта страница от Чейза. Он не только устраняет различия между двумя картами, но и делает это очень крутым и удобоваримым способом.
Если у вас есть два сопоставимых продукта, по которым ваши посетители могут почувствовать противоречие, упростите им задачу, скопировав эту стратегию из Chase.Чтобы имитировать стратегию, найдите убедительное и актуальное изображение для фона, составьте краткий и наглядный список различий, по возможности предоставьте обзоры и сделайте отдельный призыв к действию для каждого варианта.
13. Wayfair
Это может выглядеть как всплывающее окно, но это не так! Wayfair отлично справляется с тем, чтобы покупатели попадали на красиво простую и актуальную целевую страницу. Здесь нет уловок и множества вкладок, которые мешают. Скорее, покупатели получают довольно фантастические скидки, позволяющие им сделать покупки как можно скорее.Все, что вам нужно сделать, чтобы подражать этому стилю, — это сделать вещи максимально простыми и предложить скидку.
14. Домашний свет
HomeLight отлично справился с этой задачей на этой супер-крутой целевой странице. Он не только прост и удобен для навигации, но и показывает красивый дом с великолепным небом. Что может быть круче?
15. Клуб плюшевых мишек
Разве клуб плюшевых мишек не похож на то, частью чего вы хотите стать? На самом деле это двуязычное дошкольное учреждение на французском и английском языках в Ньютоне и Линкольне, Массачусетс, но я наткнулся на него, когда проводил исследование для этой публикации, и был очень впечатлен их очень крутой целевой страницей.Во-первых, слишком мило название бренда. Я имею в виду, что дети классные, а очаровательные двуязычные художники еще круче.
Когда вы прокручиваете страницу вниз, вы встречаетесь с очень простым CTA.
Мне нравится, как родители могут прочитать некоторую утешительную и информативную информацию перед тем, как попасть в CTA и, надеюсь, совершить поездку для посещения. Это определенно крутая стратегия для подражания.
16. Wix
Эта целевая страница Wix настолько классная, что мне даже не нужно объяснять почему.Достаточно взглянуть на великолепное и умопомрачительное изображение горы и неба. Сообщение ясное, сфокусированное, и CTA прямо здесь, чтобы вы могли перейти и «начать сейчас»!
17. Убер
И последнее, но не менее важное: эта целевая страница Uber для набора новых водителей очень крута по многим причинам. Сообщения ясны, CTA сфокусирован, но главная причина, по которой я считаю эту страницу такой крутой, — это очаровательная, счастливая женщина, изображенная на фото. Фотография на этой странице кажется реальной, человечной и интересной, что очень круто, если вы спросите меня.
Мне не терпится увидеть все крутые целевые страницы, которые вы создаете с помощью этого списка крутых идей для вдохновения. Поделитесь своими супер классными ссылками на целевые страницы ниже в комментариях!
Более 20 примеров посадочных страниц, которые вдохновят ваш дизайн [+ шаблоны]
Давайте будем честными, переделать целевые страницы сложно. Но создать целевые страницы с нуля еще сложнее.
Какие целевые страницы лучше всего подходят для вашей отрасли? Какую целевую страницу следует создать для конкретного случая использования? Как достичь тонкого баланса между отличным дизайном целевой страницы и текстом?
Поверьте, я был там и задавал те же вопросы.Что мне больше всего помогло в подобных ситуациях, так это поиск вдохновения вовне.
В этом руководстве мы собираемся поделиться некоторыми из лучших примеров целевых страниц, которые мы нашли в Интернете, в разных отраслях и сценариях использования.
Вот что будет рассмотрено в этом руководстве (нажмите, чтобы пропустить):
- Примеры целевой страницы программного обеспечения
- Примеры посадочных страниц продукта
- Примеры целевых страниц электронной торговли
- Примеры целевых страниц приложения
- Скоро будет Примеры посадочных страниц
- Примеры посадочных страниц для агентств и консалтинга
- Примеры целевых страниц для электронных книг
Мы также добавили некоторые из наших шаблонов целевых страниц, чтобы вы могли сразу же начать создавать свои собственные целевые страницы!
Ищете вдохновение, чтобы оживить редизайн целевой страницы? Вы пришли в нужное место.
Как вы используете наши шаблоны целевых страниц?Есть много способов использования наших шаблонов целевых страниц. Вот их три:
- Мокап для вашей собственной целевой страницы: Сообщать дизайнерам или инженерам, как должны выглядеть ваши целевые страницы, может быть непросто, если вы не создадите макет целевой страницы для визуализации и передачи своих идей.
- Привлечь финансирование для своего стартапа: Возможно, у вашего стартапа еще нет домашней страницы, но это не значит, что вы не можете собрать деньги.Самодельный макет целевой страницы, включенный в вашу колоду для инвесторов, может воплотить вашу идею в жизнь и убедить инвесторов поддержать вас.
- Привлекайте новых клиентов для своего агентства: Хотите заключать больше сделок и увеличивать продажи? Сосредоточьтесь на шоу, не говорите. Настройте шаблон целевой страницы, чтобы показать клиентам, как могла бы выглядеть их новая целевая страница, если бы они работали с вами. Приложите его к своему предложению или бизнес-презентации.
Например, эта целевая страница электронной коммерции оптимизирована для увеличения продаж и может использоваться в качестве макета для вашей последней целевой страницы:
СОЗДАТЬ ШАБЛОН
Однако это всего лишь один вариант использования.Вы также можете создать целевые страницы на:
- Превратите посетителей веб-сайта в пробные подписки для вашего программного обеспечения.
- Убедите посетителей загрузить ваше мобильное приложение.
- Продавайте свои цифровые и физические товары в Интернете.
- Подтвердите новую бизнес-идею, прежде чем решите пойти ва-банк.
- Привлекайте новых потенциальных клиентов для своего агентства или консалтингового бизнеса.
Давайте нырнем.
1. Примеры целевой страницы программного обеспечения Целевая страница ПО StripeЧто касается программных целевых страниц, я был ошеломлен недавним изменением дизайна целевой страницы Stripe.
Stripe — один из крупнейших стартапов в сфере финансовых услуг на этой планете, который очень хорошо знает три вещи: финансы, технологии и дизайн.
И их склонность к хорошему дизайну и пользовательскому опыту отражена на этой целевой странице программного обеспечения:
Источник
Чтобы быть полностью объективным, их дизайн целевой страницы имеет множество причудливых наворотов.
Я говорю о градиентной анимации, которая может повлиять на скорость страницы и заряд батареи, плохую читаемость текста, нечеткие и мелкие призывы к действию (CTA) и т. Д.
Целевые страницы вашего программного обеспечения должны держаться подальше от любых наворотов. Мой совет? Будь проще.
Понедельник подпишитесь на посадочную страницуЧто касается простоты, минималистичный дизайн целевой страницы до сих пор был одной из самых популярных тенденций графического дизайна в 2020 году.
Кого лучше показать в качестве примера, чем понедельник? Их целевая страница регистрации чистая, минималистичная и приятная для глаз:
Источник
бонусных балла за красные призывы к действию, которые трудно пропустить, и варианты использования с автоматической прокруткой в разделе героев, которые демонстрируют все способы использования команд и отделов в понедельник.
Шаблон целевой страницы программного обеспечения VenngageЕсли вы похожи на меня и вам понравилось, как Monday подошел к дизайну их целевой страницы, у меня есть для вас похожий программный шаблон целевой страницы.
Целевая страница программного обеспечения ниже организована, минималистична и удобна для чтения. Идеально, если вы стартап, предлагающий простое и удобное в использовании программное обеспечение.
Отредактируйте этот шаблон целевой страницы программного обеспечения прямо сейчас:
СОЗДАТЬ ШАБЛОН
2.Примеры целевых страниц товаров Интерактивная целевая страница TransferWiseДругая финансовая компания в этом списке? Что я могу сказать, взгляд Transferwise на традиционную целевую страницу продукта был слишком хорош, чтобы его игнорировать.
Transferwise быстро стал одним из самых простых способов отправлять и получать деньги за границу, а их интерактивный пример целевой страницы продукта — это то, что сделало меня и меня клиентом:
Источник
Вы действительно не ошибетесь с калькулятором действующей валюты, который работает в обоих направлениях и четко демонстрирует как разбивку по конвертации, так и комиссии.
Кикер? Их целевая страница продукта имеет несколько призывов к действию, направленных на то, чтобы либо обучить вас, завоевать доверие и авторитет, и, что наиболее важно, побудить вас зарегистрироваться.
Если вы уже уверены, все, что вам нужно сделать, это нажать «начать». Хотите узнать больше? Нажмите кнопку «Узнайте, что мы делаем», и появится поясняющее видео.
В конечном итоге их цель — преобразовать неизвестных посетителей в реестры. Таким образом, большой, жирный и зеленый призыв к действию всегда находится в центре внимания.
Как я уже сказал ранее, я рекомендую, чтобы целевые страницы вашего продукта были простыми.
Ваши ресурсы можно было бы лучше потратить на что-то другое (например, на разработку вашей стратегии интернет-маркетинга). Особенно, если вы малый и средний бизнес или только начинаете.
Целевая страница продукта AstraЗа время работы маркетологом я наткнулся на множество примеров целевой страницы продукта, но недавно случайно наткнулся на целевую страницу Astra. Я сразу понял, что это лучшая целевая страница продукта, которую я когда-либо видел.
Но почему? Во-первых, их заголовок интригует, но нацелен на болевую точку, с которой сталкиваются все владельцы веб-сайтов. В следующем подзаголовке описывается сценарий «а что, если», который еще больше усугубляет эту боль.
Astra завершается призывом к действию, который позиционирует их как решение, призванное помочь любому владельцу веб-сайта защитить свой веб-сайт за три минуты, которые являются гипер-специфичными и ограниченными по времени.
Мало того, они также проделали отличную работу по списку крупнейших компаний, использующих Astra, чтобы убедить потенциальных клиентов в том, что они работают в хорошей компании:
Источник
Шаблон целевой страницы продукта VenngageВот актуальный шаблон целевой страницы продукта, который придумали наши дизайнеры, с которым вы можете поработать и настроить по своему вкусу.
Этот шаблон целевой страницы содержит все стандартные элементы, такие как раздел героев, принципы его работы, несколько призывов к действию и социальные доказательства в виде отзывов клиентов.
Если вы продаете какое-либо программное обеспечение или физический продукт, этот универсальный шаблон целевой страницы продукта — ваш лучший выбор:
СОЗДАТЬ ШАБЛОН
3. Примеры целевых страниц электронной торговли Целевая страница Casper для электронной коммерцииСовет для профессионалов: Беспокоитесь, что дизайн вашей целевой страницы не будет отражаться на бренде? С помощью нашей функции My Brand Kit вы можете мгновенно применить брендинг своей компании ко всем своим дизайнам (включая наши целевые страницы).Импортируйте свои фирменные цвета , логотипы и шрифты и примените их к любому дизайну одним щелчком мыши. Это так просто. Узнайте больше о фирменном наборе здесь.
Еще один пример правильного дизайна целевой страницы — от мастера по матрасам Каспера.
Заголовок содержит смелое заявление, которое сразу зацепляет посетителя, уникальное торговое предложение заманчиво, а использование популярных медиа-домов в качестве социального доказательства повышает доверие к их предложению.
В целом простая структура, элегантный дизайн и убедительные сообщения делают дизайн целевой страницы Casper одним из лучших в сфере электронной коммерции:
Источник
Dollar Shave Club вирусная целевая страницаСовет для профессионалов: Если вы хотите увеличить конверсию целевой страницы, используйте социальное доказательство в ваших интересах. Вы попали в журнал TIME? Получили восторженные отзывы от влиятельных лиц? Получили оценку 5/5 от клиентов? Покажите их на своей целевой странице.
Компания, известная своим гениальным маркетингом, опирающимся на серьезный подход, трудно оспаривать монументальный успех запуска продукта Dollar Shave Club.
Несмотря на то, что по сравнению с большинством примеров целевой страницы электронной коммерции она довольно проста с точки зрения дизайна, эта целевая страница в сочетании с их вирусным видео помогла Dollar Shave Club привлечь около 12000 новых клиентов всего за 48 часов.
Поговорим о том, чтобы стать вирусным.
В то время как юмор и аутентичность вирусного видео сделали тяжелую работу, эта целевая страница электронной коммерции делает все правильно — от точного коммерческого предложения до блестящего использования социального доказательства:
Источник
Спустя почти десять лет, после приобретения, материнская компания Unilever решила пойти по традиционному маршруту целевой страницы электронной коммерции с Dollar Shave Club:
Источник
Шаблон целевой страницы электронной коммерции VenngageВдохновленные приведенными выше примерами целевой страницы электронной коммерции, мы также создали шаблон целевой страницы, с которым вы можете поиграть прямо сейчас.
В этом шаблоне целевой страницы электронной коммерции, которым я поделился ранее, есть стильный раздел героя с контрастирующим призывом к действию, простое торговое предложение в трех пунктах и социальное доказательство в виде упоминаний в СМИ и отзывов клиентов:
СОЗДАТЬ ШАБЛОН
4. Примеры целевой страницы приложения Целевая страница приложения HopperHopper — популярное приложение для путешествий с лучшим пользовательским интерфейсом, который у меня когда-либо был.
Но давайте остановимся на теме лендингов. Целевая страница приложения Hopper проста, удобна для чтения и наполнена игривыми значками, фантастическими иллюстрациями и минимальным использованием текста.
Что самое уникальное в этой целевой странице мобильного приложения, так это то, что независимо от того, используете ли вы браузер на компьютере или смартфоне, они всегда будут перенаправлять вас со ссылкой для загрузки своего мобильного приложения.
И когда я впервые испытал их мобильное приложение, я понял их рассуждения:
Источник
Целевая страница мобильного приложения AnyListЕсли вы обратили внимание, то заметите, что многие целевые страницы мобильных приложений, как правило, минималистичны как с точки зрения содержания, так и с точки зрения текста.
Основная причина этого проста: посетители, вероятно, ищут ваше мобильное приложение на своих мобильных устройствах. Из-за ограниченного пространства на экране вы должны учитывать каждое слово.
Приложение со списком покупок AnyList не слишком усложняет задачу и вместо этого очень хорошо следует традиционному дизайну целевой страницы приложения.
Минимальная копия (часто максимум несколько строк), изображение в высоком разрешении приложения в действии, за которым следуют ссылки для загрузки на их приложения — это действительно не может быть более простым, чем это.
AnyList — доказательство того, что когда дело доходит до целевых страниц приложения, иногда скучно может быть лучше:
Источник
Шаблон целевой страницы приложения VenngageЧтобы помочь вам воплотить в жизнь идею вашего приложения, мы создали собственные шаблоны целевых страниц для мобильных приложений на основе дизайнов целевых страниц приложений, которые мы видели в разных веб-сайтах.
Во-первых, этот шаблон целевой страницы мобильного приложения снабжен красивыми, но визуально привлекательными иллюстрациями, а также несколькими, но стратегически разбросанными призывами к действию:
СОЗДАТЬ ШАБЛОН
Предпочитаете что-то более простое? Наши дизайнеры даже создали версию целевой страницы приложения в верхней части страницы, которая включает заголовок, описание, изображение приложения, а также ссылки для скачивания:
СОЗДАТЬ ШАБЛОН
5.Скоро примеры посадочных страниц Playdate скоро будет целевая страницаСкоро на целевых страницах можно анонсировать новый продукт или услугу, над которыми вы работаете. Они также пригодятся для проверки новых бизнес-идей.
Panic Inc. использовала ближайшую целевую страницу для своего нового продукта. Их цель? Сделайте ажиотаж вокруг выпуска их новой портативной игровой консоли: Playdate.
Это уже не традиционная структура целевой страницы, которую вы уже видели в этом посте.В центре внимания этой целевой страницы, которая скоро появится, будет контент .
Это напоминает мне длинное коммерческое письмо. Ключевое отличие в случае с Playdate заключается в том, что он больше похож на разговор, чем на коммерческое письмо.
А с элегантным дизайном целевой страницы, красивыми изображениями продуктов и простым призывом к действию, чтобы получать уведомления при их запуске, трудно спорить, о чем идет речь:
Источник
Целевая страница предварительного запуска приложения BrainfoodВот еще несколько идей, которые скоро станут для вас вдохновением для дизайна целевой страницы.Он исходит от ярких умов Brainfood.
В первую очередь Brainfood фокусируется только на трех элементах:
- Заголовок: Четкое и понятное торговое предложение. Минус словечки.
- Изображение главного героя: Демонстрация приложения в действии с поясняющим видео.
- CTA: Спрятан в правом верхнем углу Приглашение пользователей зарегистрироваться.
Если вы, как и я, любите простые вещи, я уверен, что вы оцените этот дизайн целевой страницы, который скоро появится:
Источник
Venngage скоро появится шаблон целевой страницыКак я уже сказал выше, если ваша цель — подтвердить новую бизнес-идею или создать шумиху о вашем новом продукте или услуге, вам лучше всего подойдут целевые страницы, которые появятся в ближайшее время.
Лучшая часть? Поскольку они обычно располагаются чуть выше сгиба, создать их довольно просто.
Если вы пытаетесь сдвинуть свой стартап с мертвой точки, было бы разумно сначала проверить свою идею стартапа. В противном случае вы можете создать что-то, что никому не нужно.
Вот шаблон целевой страницы для стартапа, который скоро появится, и вы можете использовать его, чтобы проверить, подходит ли ваша идея запуска доставки:
СОЗДАТЬ ШАБЛОН
Объявляете о новом продукте или услуге? Используйте целевую страницу, которая появится в ближайшее время, чтобы накрутить шумиху перед запуском.Даже если это блог о путешествиях, вы были рады запустить:
СОЗДАТЬ ШАБЛОН
6. Примеры посадочных страниц для агентств и консультантов Целевая страница блога Роба СоберсаСреди огромного количества целевых страниц личных блогов, одна, которую я, скорее всего, украду для себя, принадлежит консультанту по маркетингу Робу Соберсу. Извини, Роб.
При посещении его веб-сайта вы видите простую домашнюю страницу.Отсутствуют какие-либо кричащие навороты, и этот подход «меньше значит больше» проявляется как в содержании, так и в дизайне его веб-сайта.
Копия, которая отличается от других, но впечатляет, простой CTA для присоединения к его электронной рассылке и сдержанная панель навигации — вот что мне больше всего нравится в этом примере целевой страницы:
Источник
Целевая страница агентства для избранныхСовет для профессионалов: Если вы консультант вроде Роба, ведите блог и пишите , информационные бюллетени по электронной почте определенно помогут.Я также рекомендую поэкспериментировать с несколькими отзывами клиентов и примерами , которые демонстрируют любые прошлые победы клиентов. Вы также можете предлагать посетителям веб-сайта бесплатную загрузку тематических исследований в обмен на их электронную почту. Подробнее о лидогенерации позже.
Хотя у меня есть естественное предубеждение к целевым страницам, ориентированным на маркетинг, я думаю, вы согласитесь со мной, когда я скажу, что редизайн целевой страницы Shortlist выглядит лучше, чем большинство существующих примеров целевой страницы продаж.
С точки зрения дизайна, приглушенные цветовые палитры, творческое использование цветовых градиентов и яркие иллюстрации — вот что мне нравится на целевой странице этого агентства:
Источник
С точки зрения маркетинга, я также поклонник их креативных рекламных текстов, смелых красных призывов к действию и социальных доказательств в виде брендов, с которыми они работали.
В нижней строке? Оптимизируйте каждый отдельный элемент дизайна целевой страницы, и вы получите целевую страницу для продаж, которая убедит большинство посетителей нажать на красное «давай поговорим!» кнопка.
Шаблон целевой страницы агентства VenngageЕсли вы хотите привлечь потенциальных клиентов для своего агентства или консалтинговой компании, вам нужна целевая страница агентства, которая не только конвертирует, но и обеспечивает баланс между дизайном и копией.
Вам повезло, потому что вот шаблон целевой страницы с дополнительными сведениями, в котором отмечены все флажки:
СОЗДАТЬ ШАБЛОН
Этот шаблон целевой страницы продаж отличается тем, что он заранее запрашивает у потенциальных клиентов их контактные данные, дает веские причины для этого, а также включает номер телефона, чтобы потенциальные клиенты могли напрямую связаться с вами, если у них возникнут вопросы.
7. Примеры целевой страницы электронных книг Unbounce Целевая страница электронной книгиЕсли и есть на этой планете компания, которая разбирается в хорошем дизайне целевой страницы, то это наши друзья по телефону Unbounce .
Среди множества целевых страниц, которые я видел на Unbounce, этот дизайн целевой страницы электронной книги четкий, чистый и передает все, что вам нужно знать об их электронной книге и почему вы должны ее скачать:
Источник
С помощью этой целевой страницы для захвата электронной почты Unbounce преследует простую цель: привлечь высококвалифицированных потенциальных клиентов, предлагая впервые посетителям бесплатную электронную книгу, а не пытаться превратить их в покупателя в первый раз (что редко срабатывает).
Маркетинг для разработчиков, целевая страница электронной книгиВ этом примере целевой страницы мне нравится, как Джастин предоставляет две версии своего цифрового продукта: электронную книгу и онлайн-курс, чтобы привлечь как читателей, так и зрителей из его целевой аудитории.
Простой дизайн, длинная коммерческая копия и реальные отзывы покупателей делают эту целевую страницу легко читаемой, убедительной и достоверной.
Мало того, в своем объяснительном видео Джастин кратко объясняет все о программе: сначала , демонстрирует болевую точку, а затем , затем позиционирует свою программу как решение.
И хотя это не совсем пример целевой страницы электронной книги, он соответствует стандартному дизайну целевой страницы электронной книги, с которым я слишком хорошо знаком:
Источник
Настоящее чудо: Джастин настолько уверен в своей программе, что предлагает бесплатную главу из своей электронной книги, чтобы посетители, впервые посещающие его, могли ознакомиться с частью его программы, прежде чем принять решение о покупке.
Это также помогает Джастину превратить скептически настроенных покупателей в потенциальных клиентов, которые он может предложить подлинную ценность первому до того, как он попросит о продаже.Поговорим о беспроигрышном варианте.
Шаблон целевой страницы захвата электронной почты VenngageКак указывалось ранее, вы можете генерировать потенциальных клиентов несколькими способами. И процесс довольно похож, независимо от того, являетесь ли вы агентством, консультантом или компанией, занимающейся разработкой программного обеспечения.
Если вы чувствуете себя подавленным или сбитым с толку, я бы порекомендовал начать с малого. Создайте электронную книгу и предложите ее в качестве лид-магнита на целевой странице захвата электронной почты, чтобы начать привлекать потенциальных клиентов.
Вот простой шаблон целевой страницы электронной книги, с которого можно начать:
СОЗДАТЬ ШАБЛОН
Как только вы почувствуете, как электронные книги помогают в привлечении потенциальных клиентов, начните возиться с другими формами лид-магнитов, такими как официальные документы, инфографика и контрольные списки.
Определите тип предложения, которое больше всего резонирует с вашей целевой аудиторией, прежде чем вы начнете оптимизировать свою целевую страницу. Например, руководителя из списка Fortune 500 может больше заинтересовать технический документ, а не контрольный список.
Ваша очередь создавать свои лучшие целевые страницыPro Совет: электронных книг, официальных документов и контрольных списков — отличные лид-магниты, потому что их легко создавать. Если вы можете потратить немного времени и ресурсов, я также рекомендую поэкспериментировать с созданием информационного бюллетеня по электронной почте или подробного отраслевого отчета, чтобы привлечь более качественных потенциальных клиентов.Желаете приключений? Попробуйте провести вебинар.
Поздравляем, вы дошли до конца этого руководства. Теперь у вас есть четкое представление о лучших примерах целевых страниц, которые, как правило, подходят для различных отраслей и конкретных вариантов использования.
Как я уже сказал, ключом к созданию конверсионных целевых страниц является правильное содержание и дизайн. Только тогда последуют преобразования.
Прежде чем создавать свою целевую страницу, запомните следующие советы:Как сделать ваш сайт REALER
• Обычный> Вычурный
• Лица> Иллюстрации
• Социальное доказательство при каждой возможности pic.twitter.com/gO4tY3LQWz— Примеры маркетинга (@GoodMarketingHQ) 16 июля 2020 г.
- Будь простым, глупым (KISS): Лучшие конверсионные целевые страницы приятны для глаз и легко читаются.
- Используйте социальное доказательство: Новые посетители должны доверять вам, прежде чем совершить покупку. Избавьтесь от их скептицизма, демонстрируя упоминания в СМИ, цитаты влиятельных лиц и отзывы таких же клиентов, как они.
- Говорите по-человечески: Меньше «Платформа конверсии посетителей AI» и больше «Как небольшие бренды продают больше в Интернете» Ваша копия должна говорить, как человек.
- Не повторяйтесь (СУХОЙ): Целевые страницы имеют ограниченное пространство, используйте его с умом.Отточите свое сообщение и не повторяйтесь, чтобы убедиться, что вы эффективно передаете ценность своего предложения.
- A / B тестируйте все: A / B часто тестируйте целевые страницы, чтобы определить, что работает лучше всего. Тестируйте отдельные элементы, такие как дизайн, текст, торговое предложение, призывы к действию, социальное доказательство, и получайте оттуда детализацию.
Наконец, не забудьте использовать инструменты кроссбраузерного тестирования, чтобы убедиться, что ваши целевые страницы совместимы с некоторыми из самых популярных веб-браузеров и операционных систем.
Теперь, когда вы знаете, как создать собственную целевую страницу или визуально обновить существующие целевые страницы, пора действовать.
СОЗДАЙТЕ ЦЕЛЕВУЮ СТРАНИЦУ!
Хотите узнать больше? Вот еще несколько материалов по маркетингу и дизайну, специально подобранных для вас:
7 советов по использованию визуальных элементов для создания целевых страниц, конвертирующих
20+ удивительных шаблонов электронных книг + советы по дизайну для начинающих
Маркетинг веб-сайтов для малого бизнеса: полное руководство
21 лучший пример целевых страниц для изучения
Этот пост последний раз обновлялся 10 июня 2020 г.
После того, как вы открыли свой бизнес и успешно создали веб-сайт, самое время начать привлекать потенциальных клиентов. Итак, каков наиболее эффективный способ получить ценную информацию или заинтересовать посетителей вашего сайта? Целевые страницы, также известные как LP. Почему? Потому что их легко создать, они доступны по цене и чрезвычайно эффективны.
Из-за разнообразия отраслей, в которых используются целевые страницы, не говоря уже об огромном количестве целей, которым они служат, не существует волшебной формулы, которая гарантированно работает для всех (к сожалению).Поэтому лучше обратиться к существующим примерам, чтобы узнать и понять, какие основные ингредиенты необходимы для создания успешного LP. После этого вы можете использовать конструктор целевой страницы, чтобы создать собственную эффективную целевую страницу.
Что такое целевая страница?
Итак, что это за целевая страница, возможно, вам интересно? В отличие от традиционного веб-сайта, где посетителям предлагается просматривать несколько страниц и категорий, целевая страница является одностраничным веб-сайтом.Причина этого очень проста: целевая страница служит одной цели и только одной цели. Он должен содержать одно четкое сообщение, подкрепленное описательным заголовком, несколькими привлекательными визуальными эффектами и увлекательным CTA (призывом к действию). Будь то продажа продукта, привлечение новых подписчиков по электронной почте или регистрация на мероприятие, этот мощный инструмент онлайн-маркетинга может стимулировать конверсию для любых целей, которые могут вам понадобиться.
В отличие от стандартного веб-сайта, на который посетители попадают с разных маршрутов и с разными целями, целевые страницы являются скорее маркетинговым активом.Компании продвигают свои целевые страницы через социальные сети и платную рекламу в Google. Думайте об этой странице как о месте, куда «попадают» потенциальные клиенты, когда они нажимают на вашу ссылку Google Рекламы.
В зависимости от цели вашей маркетинговой кампании целевая страница может отличаться. Вот 21 лучший пример целевых страниц, который вы найдете:
21 лучший пример целевых страниц
От электронной коммерции до гостеприимства, от веб-дизайна до интернет-маркетинга, давайте рассмотрим некоторые из лучших примеров целевых страниц.Мы объясним, почему каждая целевая страница эффективна и что вы можете изучить и реализовать при создании своей собственной.
01. Wix.com
Начнем с чего-нибудь знакомого. Если вы еще не знаете, Wix — это платформа для создания веб-сайтов, которой пользуются более 200 миллионов человек по всему миру, от владельцев малого бизнеса до блогеров, художников, владельцев магазинов и т. Д.
Эта целевая страница — одна из многих, используемых Wix для привлечения потенциальных клиентов, которые хотят начать свое онлайн-путешествие.Первая часть включает в себя все основные элементы, которые вы ожидаете найти при создании целевой страницы: логотип компании, простой и информативный заголовок, одно последовательное сообщение, привлекательные и подходящие визуальные эффекты и заметный призыв к действию.
Давайте подробнее рассмотрим некоторые из этих элементов.
Что вы можете узнать из целевой страницы Wix:
Включите заметный CTA: Включите сильный CTA — один из наиболее важных приемов использования целевой страницы.Не бойтесь говорить прямо с формулировкой и жирным шрифтом с цветами. Сообщение «Начать сейчас» ясное и передает легкую срочность, в то время как синий цвет выделяется на светло-оранжевом фоне. Вот еще несколько советов по созданию конверсионных призывов к действию:
Будьте краткими, всего от двух до четырех слов.
Используйте ориентированные на действие глаголы, такие как «Get» и «Subscribe».
Добавьте тонкий намек на убеждение и срочность.
Используйте язык, соответствующий идентичности вашего бренда.
Будьте как можно более прямыми. Пользователи должны точно знать, чего ожидать после того, как они нажмут на ваш CTA.
Используйте привлекательные визуальные эффекты: Wix украсила свою целевую страницу увлекательной и запоминающейся цифровой иллюстрацией, которая продолжается по всей длине страницы. На верхнем изгибе изображена гора, вершина которой указывает прямо на CTA, привлекая взгляд посетителей прямо к кнопке.
Изображения гор связаны с идеей достижения новых высот, возможно, путем создания веб-сайта. Изображение (или изображения), которое вы выбираете для отображения, должно быстро и эффективно отражать цель вашего продукта или услуги.
Свернуть прокрутку: Вся важная информация должна отображаться «в верхней части страницы» (часть веб-сайта, которую можно просмотреть на экране, прежде чем посетителям придется прокручивать страницу вниз). Этот контент должен приветствовать вашего посетителя с того момента, как он перейдет по вашей ссылке.
В этом примере логотип, заголовок, призыв к действию и визуальные элементы доступны зрителю в верхней части страницы. Если ваша целевая страница требует больше информации и, следовательно, больше места, вы можете использовать направленные визуальные подсказки, такие как стрелки, чтобы предложить им прокрутить вниз. В этом случае водный мотив — это то, что побуждает посетителей продолжать прокрутку, связывая вместе различные элементы целевой страницы.
02. Vimeo для бизнеса
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, включает в себя ряд профессиональных функций. Использование живого чата позволяет посетителям с легкостью связаться с вами. Когда вы прокручиваете сайт вниз, виджет живого чата остается на месте, так что он всегда под рукой.
Верхняя часть страницы отвечает на любые начальные вопросы, которые могут возникнуть у посетителя, с полужирным заголовком, дополнительными пояснениями и призывом к действию. Остальная часть страницы разбита на небольшие разделы, так как 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 для бизнеса» в верхнем левом углу. После этого ваше внимание привлекает CTA, за которым следует следующий фрагмент текста, начинающийся слева: «Совместная работа, чтобы помочь сдвинуть с места самое важное.’
После сканирования верхней горизонтальной части страницы читатель, естественно, обратит внимание на вертикальную линию , идущую вниз с левой стороны. Ваша задача будет заключаться в том, чтобы заполнить это пространство интересными функциями, которые появляются на странице. Это побуждает читателей следовать оставшейся части предложения. Лучше всего использовать маркированные списки, цитаты или избранные изображения, чтобы немного разбить ваш контент. 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:
Подчеркните свою первую складку: Верхняя складка, безусловно, является самым важным элементом вашей целевой страницы (наряду с вашим призывом к действию). Это первое, что увидят посетители, и это может быть решающим фактором при их решении остаться или уехать. 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. Unsanforized 3sixteen
Модный бренд 3sixteen производит одежду и аксессуары, гордясь использованием высококачественных материалов и качественного американского производства. В первую очередь, джинсовый бренд, они создали этот мини-сайт, чтобы представить свой уникальный подход к джинсам и рассказать историю своего самого любимого продукта — джинсов.
Возможно, это не типичный пример целевой страницы, поскольку она больше ориентирована на электронную коммерцию, но она, безусловно, служит для продвижения их бренда и заканчивается призывом к действию, ведущим вас в их интернет-магазин.Структура, похожая на историю, проведет вас через шаги, как намочить их джинсы перед тем, как надеть их в первый раз, и подчеркнет, почему несанфоризованный деним — лучший вариант.
Большие фотографии товаров и минималистичный макет говорят о профессионализме и качестве. Вместе с текстом общее впечатление захватывающее и убедительное, но при этом не слишком навязчивое.
21. GT Cinetype
Вот еще одна нетрадиционная целевая страница (или «мини-сайт»), созданная швейцарской литейной фабрикой Grilli Type для демонстрации шрифта GT Cinetype.Вдохновленный ограничениями машины для создания субтитров в кино, лазерная технология которой может двигаться только по прямым линиям, шрифт не содержит кривых.
Выбор видео приветствует вас при входе на веб-сайт, предоставляя вам визуальный контекст для шрифта. Высокоскоростные черно-белые видеоролики на верхнем сгибе незаметно помещают текст на передний план, демонстрируя его во многих различных формах и размерах.
Прокручивая страницу вниз, вы совершаете ностальгическое путешествие по некоторым из самых классических фильмов кино, намекающих на вдохновение для шрифта.Большие видеоролики и цитаты сопровождают вас по всему сайту, вовлекая вас в процесс, пока вы не дойдете до CTA, который появляется только в нижней части сайта. Это помогает придать шрифту ту платформу, которой он заслуживает, и при этом убедиться, что кнопки хорошо заметны и легко нажимаются.
Резюме: лучшие практики для создания эффективных целевых страниц
Давайте подведем итоги. Из этих 21 примера целевой страницы мы извлекли важные уроки о том, как создавать эти элементы веб-дизайна.Независимо от того, используете ли вы шаблон целевой страницы или создаете свой веб-сайт с нуля, крайне важно помнить об этих передовых методах при создании собственной целевой страницы — так что вот полный список:
Сделайте ваш CTA центром внимания .
Используйте привлекательные изображения.
Свернуть прокрутку.
Знайте свою аудиторию.
Отключить всю остальную навигацию.
Создайте увлекательный опыт.
Убедитесь, что ваша страница удобна для мобильных устройств.
Используйте онлайн-формы.
Включите политику конфиденциальности.
Включить пробелы.
Сделайте заманчивое предложение.
Будьте понятны при обмене сообщениями.
Текст должен быть кратким.
Следуйте F-образному или Z-образному образцу.
Держите свою страницу в фокусе.
Сделайте заказ по вашей информации.
Подчеркните заголовок.
Повторите CTA.
Добавить в социальных сетях.
Включить видео.
Убедитесь, что ваш бренд присутствует.
Проверьте свои целевые страницы для повышения конверсии
Последний совет: Когда вы освоите рецепт создания целевой страницы, не останавливайтесь. Всегда есть место для улучшений, которые могут принести вам дополнительных потенциальных клиентов или клиентов.Хотя есть способы разумного использования целевой страницы, не существует волшебной формулы, которая гарантированно работает для всех. Требуется время, чтобы усовершенствовать искусство и найти то, что находит отклик у вашей аудитории.
Есть много факторов, которые могут повлиять на успех вашей страницы, включая время, экспозицию, текст, изображения и многое другое. Хороший способ понять, что работает, а что нет, — провести A / B-тесты. Это относится к методу сравнения двух версий одного и того же фрагмента контента с изменением одного элемента для создания вариации.
При выполнении A / B-теста на LP важно, чтобы вы изменили только один элемент, чтобы действительно понять, что вызывает успех или ущерб вашей странице.
Параметры для элементов, которые можно настроить, включают:
Более короткий или длинный текст
Более прямые или срочные сообщения
Цвета фона или текста
Выбор изображения
Неподвижное изображение vs.видео
Размер вашего CTA
Размещение вашего CTA
Общий вид вашей страницы
Ваше предложение
Тайра Сабо
Wix Blog Writer
Автор: Дана Меир
Эксперт и писатель по дизайну
10 примеров потрясающих целевых страниц, которые конвертируют
Чтобы привлечь больше пользователей к вашим продуктам, вам нужно создать потрясающую целевую страницу.Для этого вам нужно учитывать свою аудиторию, призыв к действию, продукт или услугу и свою нишу.
Красиво оформленные целевые страницы направлены на то, чтобы дать потенциальным клиентам возможность быстро ознакомиться с вашим продуктом. Если вы можете сочетать это с визуально привлекательной графикой, чистым и организованным шаблоном и социальными доказательствами, то вы на правильном пути к созданию целевых страниц, которые конвертируются.
Вот несколько примеров целевых страниц, которые просто работают.
1.Unbounce
Unbounce — лучший пример отличной целевой страницы, потому что в ней есть все необходимые элементы — от броского заголовка до простой копии с призывом к действию и визуально привлекательных снимков экрана. Эти ребята зарабатывают на жизнь дизайном целевых страниц, поэтому мы можем ожидать, что их страницы будут просто великолепными.
Общий дизайн целевой страницы Unbounce опирается на SEO, и там достаточно контента, чтобы удерживать читателей на сайте, прежде чем они выполнят следующее действие.С другой стороны, детали совершенно не отвлекают посетителей, потому что все они находятся ниже сгиба и видны только при прокрутке.
2. Wistia
Умный контраст синего и белогоWistia визуально стимулирует. К этому добавлена форма регистрации, которую посетители видят в момент открытия страницы. Форма для создания учетной записи стратегически размещена на сайте, а ответы на вопросы посетителей размещены внизу. Внешние ссылки удалены, и ничто не отвлекает пользователей от их следующих действий.
3. ПОДСВЕТКА
Bloom сочетает в себе несколько важных элементов привлекательной целевой страницы: красивые и увлекательные изображения и минималистичный шаблон. Белое пространство на странице позволяет посетителям воспринимать все изображения и детали, так как слишком много причудливых дизайнов на странице может отвлечь пользователей от основной цели.
На нем есть бланк в верхней части страницы и краткое объяснение того, что происходит, когда вы его заполняете. Не пропустите кнопку «Отправить» из-за ее яркого цвета.
4. Американские слитки
Броский заголовок American Bullion сразу же сообщает читателям, о чем идет речь. Это избавляет их от необходимости просматривать всю страницу.
Вводный абзац дает достаточно информации, чтобы заинтриговать, но не слишком длинный. На сайте есть простой призыв к действию и ярко окрашенная кнопка отправки. Отзывы и символы доверия дополняют общий вид страницы и предоставляют дополнительную информацию о компании.
5. Тотализатор Опры
Имя Опры звонит в колокол, и в соответствии с ее брендом целевая страница ее сайта источает оптимизм и радость, показывая сияющую Опру на странице. В этом конкретном примере в качестве кнопок с призывом к действию используются изображения целиком, поэтому их практически невозможно пропустить.
На странице также есть раздел «Круг победителей», где посетители могут узнать о предыдущих победителях розыгрыша. Это действует так же, как и отзывы, и способствует укреплению доверия.
6. Нил Патель
Официальный веб-сайт Нила Пателя — еще один отличный пример целевой страницы, не отвлекающей внимания, которая указывает посетителям, что есть только один путь для развития. На нем изображено счастливое лицо Нила и убедительное описание предложения. Его CTA-копия на огромной оранжевой кнопке помогает убедить читателей в том, что это предложение научит их, как развивать свой бизнес.
7. Счета.ком
Чистый и освежающий вид Bills.com создается благодаря четкому бело-синему макету целевой страницы. Минималистичный вид изображений убирает со страницы все ненужные отвлекающие факторы и выделяет красный CTA. Эта «соответствующая страница» появляется перед фактической формой целевой страницы и создает атмосферу эксклюзивности вокруг их предложения.
8. Webprofits
Webprofits имеет зернистый черно-серый фон, но белый текст хорошо контрастирует с ним.Существует видное поле для адреса веб-сайта посетителя и ярко-розовая кнопка с призывом к действию, которая привлекает посетителей к их следующим действиям.
Страница предлагает полную информацию о Webprofits и ее услугах, а также несколько кнопок с призывом к действию внизу каждой страницы («Получите бесплатный анализ сейчас»).
9. Базовый лагерь
Что отличает Basecamp от остальных целевых страниц веб-сайтов, так это его минималистичный дизайн и причудливые мультяшные персонажи, которые побуждают читателей заполнить форму.Мультфильм оживляет страницу, которую, мягко говоря, можно охарактеризовать как скучную. Форма хороша, потому что она прокручивается вместе со страницей, когда вы читаете. На нем также есть стрелка, указывающая на тот случай, если это было недостаточно очевидно для посетителей.
10. Netflix
Целевая страницаNetflix — отличный пример экономичного контента и убедительного призыва к действию. После того, как ваши посетители прочитают ваши заголовки, они должны знать, что делать дальше. В этом случае большая красная кнопка, которую невозможно пропустить, предлагает пользователям «Присоединиться бесплатно на месяц».Он действительно заключает в себе суть простых инструкций и практических действий.
На выносБлагодаря впечатляющей целевой странице вы можете улучшить показатели конверсии контент-маркетинга и напрямую увеличить фактические продажи. Если у вас уже есть отличный контент и привлекательное предложение, но вы не видите объем потенциальных клиентов, который бы отражал их ценность, возможно, пришло время заняться дизайном целевой страницы.
Создать целевую страницу с высокой конверсией — нелегкая задача.Незначительные изменения в тексте, макете или дизайне могут означать разницу между отправкой формы и ужасающе высоким показателем отказов. Убедитесь, что вы проводите A / B-тестирование каждого аспекта целевой страницы, чтобы определить комбинацию, которая лучше всего подходит для вашей конкретной аудитории.