Примеры лендингов
На этой странице, можно познакомиться с примерами лендинг пейдж, собранными на нашем конструкторе. Здесь можно найти примеры сайтов с высокой конверсией, сделанных как нашими программистами, так и пользователями сервиса, кто не знаком с веб дизайном.
Мы специально выложили в открытый доступ данные примеры интернет сайтов — чтобы вы могли не просто увидеть, какие веб странички можно сделать на нашей платформе посредством шаблонов лендинг пейдж . Это также поможет рассмотреть и изучить изнутри примеры крутых лендингов. И уже на их основе, возможно, сделать веб ресурс.
На данной странице конструктора представлены как примеры красивых лендингов, так и примеры сайтов визиток, а также здесь имеются отличные примеры оформления сайтов, которые можно назвать эталонными. Ведь веб ресурсы, которые можно здесь увидеть — это рабочие ресурсы, которые имеют отличную конверсию и где число посетителей и клиентов регулярно растет.
Пример лендинга с высокой конверсией — Как стиль в одежде влияет на жизнь женщины.
Антигравийная пленка
Надежно защитит покрытие вашего автомобиля от сколов, царапин, воздействия химикатов
Сайт карт водителя
Изготовление карт водителя на тахограф в Москве и области от 14 дней. Сайт создан в спокойных белых тонах
Компания занимается продажей мужских костюмов премиум класса. Представлен новый каталог с костюмами
Сайт класса школы №91
Сайт создан для 2Б класса школы номер 91. На сайте есть расписание занятий, учебные материалы и многое другое
Сайт компании Геом21
Web сайт ARTIDES студия
Пример сайта студия коммерческого дизайна. Комплексные решения для успешного бизнес.
Сайт свадебной выездной регистрации
Пример продающего сайта выездной свадебной регистрации в Астрахани под ключ
Пример современного сайта iphone аксессуаров с продажей по всей РФ.
Сайт чугунного завода в г. Чебоксары
Сайт для продажи чугунных печей для бань и саун от завода производителя
Сайт санатория «Aрай Deluxe Thermal Resort»
Пример сайта одностраничника санатория Aрай Deluxe Thermal Resort в городе Сарыагаш.
Сайт продажи игровых ПК
Данная компания занимается сборкой и продажей игровых компьютеров. Страница выполнена в современном стиле
Сайт продажи автокресел
У этой компании вы можете купить автокресла. Сайт выполнен в современном и минималистичном стиле
Сайт клуба MMA
Сайт SEO-специалиста
Сайт частного SEO-специалиста. Современный дизайн сайта и правильно подобарнные цвета внушают доверие
Услуги свадебной фотосъемки
Сайт частного фотографа на свадьбу. Нежные тона на сайте помогают передать атмосферу радости и праздника
Компания БИЗНЕС Логик занимается списанием долгов с юридических лиц и индивидуальных предпринимателей
Стоматология Дент
Сайт частной стоматологической клиники, занимающейся лечением зубов в Москве. Присутствуют голубые и белые тона
Примеры сайтов
Чтобы изучить примеры страниц сайтов детально, кликните мышкой на изображении, и страница откроется. И сможете уже досконально рассмотреть каждый пример одностраничного сайта, которые представлены здесь. Почему же мы взяли эти интернет ресурсы? Во-первых, это отличные примеры разработки сайтов, которые сделаны не профессиональными дизайнерами или программистами.
Большинство из этих посадочников выполнены пользователями сервиса TOBIZ. И многие из них начали создавать собственные странички в сети, не имея даже представления о программировании. А это говорит о том, что наш конструктор лендинг пейдж — это удобная и интуитивно понятная платформа, работать с которой могут все желающие. Во-вторых, эти примеры продающих сайтов взяты, чтобы показать возможности сервиса — откройте любой одностраничник и увидите подробно функционал каждого из представленных ресурсов.
Примеры лендинг пейдж
Почему же в качестве примеров лендинг сайтов взяли ресурсы, которые состоят из одной странички? Для этого есть несколько причин:
- за короткое время можно посмотреть работу сразу нескольких разнопрофильных платформ,
- как показывает практика, подобного вида интернет ресурсы набирают больше популярности,
- и главное — такие примеры сайтов одностраничников доказывают, что сконструировать собственную онлайн страницу может каждый. И для этого не нужно быть большим профи!
Начинайте работу с конструктором TOBIZ уже сегодня — чтобы завтра пришло еще больше целевых клиентов!
лучшие примеры [и критический разбор]
Конечно, нет предела совершенству, поэтому мы обратили внимание не только на преимущества, но и на недостатки, которые можно исправить. В некоторых случаях мы также предложили гипотезы, которые можно проверить A/B-тестированием. И конечно же, мы никак не комментировали содержание сайтов — качество услуг и товаров, которые на них предлагаются.
Что же делает дизайн посадочной страницы эффективным?
Можно назвать много факторов, но важнее всего соблюдать фундаментальные правила дизайна, сосредоточенного на конверсии:
- Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы. Именно по такому принципу построены лучшие продающие одностраничные сайты.
- Страница должна выражать одну-единственную идею с одним главным призывом к действию (Call to action, СТА).
- При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).
- При использовании форм для сбора данных старайтесь сбалансировать объем запрошенной информации и ценность предложения, получаемого взамен (отчет, «белая книга» и т.п.)
- Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо перенаправления посетителей на другие страницы (что заставит их свернуть с намеченного вами пути конверсии).
Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.
Система PromoPult — рекламный комплекс для продвижения бизнеса в интернете. Полная автоматизация, готовые чек-листы, точные настройки. Создана для тех, кто хочет высвободить время на действительно серьезную работу.
Содержание
E-commerce
Влюбиться в продукт по фото
Крутой баннер с рисованными продуктами
О сервисе за 27 секунд
Крутая анимация первого экрана
Милые (как котики) тексты
Теплый ламповый сайт
Мобильные продукты и услуги
Отвечает на вопросы
Забавная графика
Регистрация в 2 строчки
Начать без регистрации
Проще некуда
Все самое главное в одном экране
Финансовые продукты и страхование
Просто о сложном продукте
Люди. Люди. Люди.
Продать страховку в два экрана
Офлайн-услуги
Call to Action с размахом
Продать любой ценой
Связь
Просто как в интернет-магазине
Экспериментальный минимализм
Спецпроекты
Красивое путешествие
Виральный контент для сложной тематики
Сайты B2B
Кнопка на каждом экране
Легкий дизайн посадочной страницы для сложного сервиса
Веселые картинки для B2B
Анонсы мероприятий и курсов
Точечная анимация и живые отзывы
Сначала история — потом продажи
Поиграли со шрифтами
Лендинг как авангардное искусство
Новый модный русский дизайн
HR-лендинги
Определение ЦА
Страница одного удачного элемента
Хайповые лендинги
Мемы и шуточки для своих
Шутки шутками — но не забываем про продукт
Образцово-показательный лендинг
Дочитали до конца? Круто!
Плюсы хороших лендингов
Минусы ну таких лендингов
E-commerce
Влюбиться в продукт по фото
kitchenceremony.com
Плюсы. В первую очередь — очень аппетитные картинки с налетом luxury. Большая привлекательная фотография на весь первый экран. Аккуратное и понятное меню над ней. Динамика при проскролле в следующем экране.
Можно улучшить: блок с самыми популярными товарами в каталоге. Наличие самого блока — очень хорошо, но, субъективно, фотографии могли бы быть более аппетитными (например, добавить насыпанные горкой приправы рядом с баночкой и т. д.). Хотя не поспоришь, качество фото и создание ощущения премиальности — на высоте.
Крутой баннер с рисованными продуктами
ji-fruits.ru
Плюсы. Яркий и привлекательный первый экран. Рисунки делают сайт выделяющимся на фоне конкурентов. Короткий текст заголовка четко формулирует, что вы можете найти на этой странице.
Второй экран — фотографии готовых наборов. Вероятно, это наиболее предпочтительный порядок для продавца, поэтому сперва размещаются коробки и только затем — фото отдельных фруктов.
Удачная иллюстрация процесса заказа — переписка в мессенджере:
Можно улучшить: серьезных недочетов мы не видим. В качестве эксперимента можно попробовать добавить небольшие описания к экзотическим фруктам (например, при наведении курсора на картинку).
О сервисе за 27 секунд
partiyaedi.ru
Плюсы. При нажатии на кнопку play в первом экране запускается видео, в котором кратко описывается суть сервиса. 27 секунд — достаточно, чтобы передать информацию и не утомить посетителя.
Милые уникальные картинки — всегда хорошо:
Очень привлекательные фото готовых блюд и понятно организованное меню (выбор набора «премиум», «фитнес» и т. д.)
Можно улучшить: все действительно очень хорошо. Можно поэкспериментировать и перенести блок с меню на второй экран (поднять выше и поменять местами с рисунком, описывающим процесс).
Крутая анимация первого экрана
satellite-express.ru
Плюсы. Прекрасный лендинг с хорошими рисунками. Первый экран интересно ведет себя при проскролле.
Все продукты (их четыре) расположены на втором экране:
Процесс использования глюкометра наглядно показан в картинках, выполненных в стилистике сайта:
Что можно улучшить: на лендингах пользователи привыкли видеть навигационную панель в первом экране. Поскольку лендинг не длинный, без этого, конечно, можно обойтись, но все же лучше не отказываться от привычных элементов для такого типа страниц.
Милые (как котики) тексты
www.kotofabrika.com
Плюсы. Этот сайт выделяется отличным копирайтингом. И если он покажется излишне «ми-ми-ми», то стоит вспомнить, кто является ЦА производителя. А это хозяева котиков, которые покупают для них домики. Достаточно ми-ми-ми?
Нестандартно подписанный блок для связи с консультантом (а ведь на 99% сайтов они абсолютно шаблонные, хотя кастомизировать их совсем не сложно):
И в целом стиль коммуникации очень дружелюбный и расслабленный, при этом покупатель найдет ответы на свои вопросы:
Можно улучшить: есть явные проблемы с версткой. Например, как в блоке, который мы показали выше — выровненный по ширине текст с дырками между словами. Немного спорное использование ценного пространства первого экрана:
Теплый ламповый сайт
oknaludyam.ru
Плюсы. Возможно, вы уже видели эту страницу в подборках необычных лендингов. Действительно, она выделяется на общем фоне. При высочайшей конкуренции среди продавцов окон ПВХ крайне сложно сделать сайт, который будут внимательно изучать. А эту страницу действительно интересно рассматривать.
Во втором окне сразу видим кнопку «Рассчитать стоимость» (обратная связь).
Кстати, обратите внимание на стиль подачи информации. Как и в предыдущем примере, несмотря на простоту, здесь можно найти ответы на все вопросы:
Можно улучшить: возможно, это была часть задумки «сделано на коленке», но кнопки (шрифт) выглядят не очень удачно (см. «Рассчитать стоимость» выше). Их можно оформить в стилистике сайта (рисунок ручкой), либо сделать максимально нейтральными.
Карта и Васька прекрасныЕще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.
Инструменты PromoPult для рекламы в соцсетях: все каналы в одном кабинете, минимальные бюджеты, все делают штатные специалисты системы, вам нужно только дать вводные.
Мобильные продукты и услуги
Отвечает на вопросы
lite.youdrive.today
Плюсы. Видео в первом экране привлекает внимание и отлично «продает эмоцию»: электросамокат — это быстро, стильно, радостно, динамично.
Кнопки приложений для Android и iOS — сразу под видео:
Количество текста сведено к минимуму, вместо повествовательного стиля — короткие ответы по делу:
Что можно улучшить: поскольку это лендинг для приложения, имело бы смысл разместить ссылки на Google Play и AppStore на странице несколько раз, а не один.
Забавная графика
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: для тех, кто ценит эффективную работу. Все инструменты для улучшения качества сайта и поискового продвижения. Полный комплекс работ — с нами вы не упустите ни одной мелочи. Чек-листы, подсказки, прозрачная отчетность и рекомендации профессионалов.
Финансовые продукты и страхование
Просто о сложном продукте
rocketbank.ru
Плюсы. очень компактный лендинг с грамотной разбивкой дизайна. Продукт — тарифы — регион доставки, ничего лишнего. Много воздуха, страница не перегружена ни текстовой, ни визуальной информацией. Очень удачный второй экран: крупно — изображение карты и шапка блока с тарифами.
Описание тарифов — компактно и наглядно:
Что можно улучшить: не самое разумное использование первого экрана. Не информативное (скорее, имиджевое, видео) — хотя оно хорошо продает эмоцию, и это может быть плюсом. Есть автозапуск, но по кнопке Play видео открывается в небольшом YouTube-фрейме — и тогда имиджевая составляющая оказывается под вопросом.
Люди. Люди. Люди.
www.mtsbank.ru/malomu-biznesu
Плюсы. В верхнем баннере прямо под заголовком размещена кнопка «Открыть счет». При нажатии попадаем на форму оформления заявки (а не на форму обратной связи, как это часто бывает).
Скучный банковский продукт максимально очеловечен. И не только в рамках верхнего баннера (это уже привычный прием). В каждом информационном блоке — живая фотография с эмоцией. На этом фоне тем более ярко выделяется изображение кассы (да еще и с пометкой «Акция»).
В целом это очень компактная посадочная страница (3 экрана). Все фотографии выдержаны в одном стиле, нет ощущения «стоковости». Ненавязчивая анимация оживляет сайт: при наведении курсора на блоки услуг они окрашиваются в красный и за счет тени приподнимаются над фоном.
Можно улучшить: мало call-to-action элементов. Возможно, кнопку «Открыть счет» следовало бы разместить не только в верхнем баннере, но и в середине и конце лендинга и сделать ее более очевидной. Также не хватает формы обратной связи/онлайн консультанта или номера телефона в видимой части экрана (телефон можно найти только рядом с навигацией в футере сайта, и это общий колл-центр банка, без привязки к продукту).
Продать страховку в два экрана
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: прогоните сайт по чек-листу, подготовленному профессионалами. Хотите больше информации — закажите аудит. Выполнение всех рекомендаций после аудита дает кратный рост показателей сайта.
Спецпроекты
Красивое путешествие
getlost-getnatural.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
Плюсы. Это не просто лендинг, а произведение концептуального искусства.
Выглядит достаточно безумно, чтобы посетитель не забыл этот сайт. И сбросил ссылку нескольким друзьям. Учитывая целевую аудиторию — это проектная школа для старшеклассников на базе галереи современного искусства — такое смелое решение кажется очень удачным.
Странички, расположенные каскадом — не отдельные вкладки, они передвигаются при обычном проскролле вниз. Очень интересные ощущения, проверьте сами.
Что можно подсмотреть, вне зависимости от смелости ваших взглядов: короткая форма регистрации, никаких лишних вопросов вроде фамилии, города, возраста и т. д.:
Можно улучшить: все прекрасно, это настоящий концепт-арт. Ну и если включить чууууточку занудства — в форме регистрации к посетителю сперва обращаются на «вы», а потом, в поле о любимых художниках — на «ты». Но это такие мелочи.
Новый модный русский дизайн
rubyrussia.club/ru
Плюсы. Дизайн верхнего баннера — на острие современных модных трендов, образец landing page «made in Russia» (привет единению советских авангардистов и Гоши Рубчинского):
Как и на лендинге Шторма Медузы, описание конференции отлично уместилось в один экран крупным шрифтом. Динамично и на человеческом языке.
Очень компактно — о каждом из спикеров:
И снова котики — да что ж такое…(кстати, использование строчных букв в именах обращает на себя внимание).
Можно улучшить: и опять это будет скорее попытка найти соринку в глазу. Промо-видео о конференции на четыре минуты, возможно, немного затянуто. Но в целом этот лендинг — чтобы учиться на хорошем примере, а не критиковать.
Система
17 вдохновляющих примеров лендингов и советы по их оформлению
«Хорошие художники копируют. Великие — крадут»
— Стив Джобс публично процитировал Пабло Пикассо
Споры о происхождении высказывания до сих пор не утихают, но несмотря на это, цитата вдохновляет множество художников и представителей «креативного кластера»
Этот пост — подборка лендингов для маркетологов, ищущих вдохновение. Мы подготовили для вас 17 примеров эстетичных и эффективных посадочных страниц, а также несколько советов, которые выведут вас из «творческого ступора» и с большой долей вероятности увеличат конверсию вашей рекламной кампании.
Прежде чем начать, стоит сделать пару оговорок. Во-первых, мы не пропагандируем плагиат чужих идей и ноу-хау. Вдохновение для нас — это не воровство, а расширение своего видения с помощью уже созданного. Во-вторых, не все из представленного ниже — лендинги. Здесь есть и обычные домашние страницы сайтов, выполненные на «отлично». Итак, с этими двумя оговорками, начнем обзор.
1. Подбирайте слова
Язык всегда считался мощным орудием влияния на аудиторию. Ниже — пример того, как используя «правильные» термины, можно увеличить интерес посетителей к ресурсу: главная страница сайта Patreon содержит броскую надпись: «Стань меценатом в искусстве!»:
В чем особенность этого оффера?
Хотя фактически люди совершают пожертвования в пользу художников, музыкантов и других деятелей искусства, их не называют «благотворителями» — здесь они меценаты. Они не «жертвуют», а вносят вклад в искусство.
Быть меценатом (с учетом того, что термин, как правило, употребляется в отношении людей богатых, в честь которых называют престижные галереи) и «вносить вклад» куда интереснее, чем заниматься благотворительностью. Простой подбор верных выражений меняет все: тот, кто хочет помогать «бедным и талантливым», становится частью элитарного и высокого, во всяком случае, по собственному восприятию. В свою очередь, «бедный и талантливый» превращается в Деятеля, который интересен высшему свету и привлекает своим творчеством спонсоров.
И это работает.
2. Вызывайте доверие
Добавьте на страницу знаки, показывающие, что вам можно доверять. Пример компании Recurly демонстрирует, как не отпугнуть посетителей в столь требовательной финансовой среде: и дело даже не в логотипах клиентов, хотя это тоже крайне важно.
Оффер компании, занимающейся автоматизацией создания и рассылки счетов, вызывает доверие у посетителей: «Утонченное решение для CFO (Chief Financial Officer, финансовый директор). Простое — для команды».
Такое предложение вселяет уверенность в финансовых директоров, которые нередко делегируют часть обязанностей своим подчиненным, и хотят точно знать, что те без проблем справятся с задачами.
Это может показаться слишком очевидным решением, но в действительности добиться такого восприятия непросто. Recurly это удалось — за счет двух ненавязчивых, но ключевых в оформлении лендинга фраз компания продемонстрировала понимание потребности в надежности сотрудничества и легкости в освоении сервиса.
Блестяще!
3. Выделите ваше УТП
Уникальное торговое предложение должно быть центром и неотъемлемой частью вашей страницы. Это не означает обязательного перечисления на лендинге всего, что вы можете предложить — вам необходимо определить самое важное и ценное для пользователей. Вот как с этой задачей справились CampusTap:
Фраза: «Приватная социальная сеть для студентов колледжа» — короткая, но с емким тезисом. Она не только объявляет сайт социальной сетью, но и раскрывает ключевое УТП, в котором потенциальные пользователи могут увидеть сразу несколько выгод: конфиденциальность, которая беспокоит многих владельцев аккаунтов Twitter и Facebook, желающих скрыть от любопытных глаз свою виртуальную жизнь, а также некоторую эксклюзивность. Слово «приватная» предполагает не только безопасность данных, но и наличие своеобразной «экосистемы» только для своих.
4. Добавьте интерактивные элементы
Сегодня интернет-пользователи уже в достаточной степени избалованы и ждут чего-то более захватывающего, чем статичная посадочная страница. Один из способов превзойти ожидания пользователей (или, по меньшей мере, удовлетворить их) — включение на лендинг или сайт интерактивных элементов.
Иногда это оказывает очень мощное действие. Пример — онлайн-магазин одежды Tailor4Less, предоставивший посетителям возможность создавать свой образ самостоятельно:
Такой подход требует более мощного технического оснащения, чем статическая страница, из-за большей нагрузки, но конверсию он повышает в разы.
5. Пусть изображение говорит за себя
Компании, предлагающие виртуальные продукты или сервисы, иногда вынуждены использовать целые полотна текста, чтобы объяснить, чем они занимаются. В то же время визуальное сообщение может донести то же самое более коротко и доходчиво.
Например, Chatterbox Labs:
«Сегментация аудитории с помощью науки о данных*. Новый взгляд на оптимизацию рекламных кампаний»
Даже для опытных маркетологов визуализация концепции сегментации аудитории может показаться довольно хитрой задачей. Тем не менее, эта целевая страница использует говорящий зрительный образ (людскую толпу) и привлекательное словесное описание, чем изящно решает проблему донесения абстрактной информации о продукте до потенциальных клиентов.
Конечно, призыв к действию можно выразить яснее, но вы поняли главное: изображение отлично справилось с ролью рассказчика!
*По мнению Harvard Business Review, наука о данных (data science) — самая «сексуальная» профессия XXI века.
6. Будьте проще
Прежде чем мы рассмотрим следующий пример, окинем быстрым взглядом предыдущие. Что их объединяет? Все они имеют единственную кнопку призыва к действию.
Однако, чем проще путь, который вы предлагаете пройти пользователям, тем выше показатели конверсии. Чем больше работы вы от них ждете, тем меньше шансов, что вы их заинтересуете. Сервис, вовсю использующий этот принцип — Todoist:
Лендинг содержит два CTA: «Начать — это бесплатно» и «Посмотреть видео»
Еще один способ упростить работу посетителей на вашем сайте — вход через социальные сети: он избавляет владельцев социальных аккаунтов от необходимости проходить процедуру регистрации, авторизуя их одним кликом. Данной опцией воспользовался сервис электронных платежей Venmo:
Важно отметить, что не всем подходит регистрация или авторизация в один клик. Некоторым компаниям важно получить большее количество информации о пользователях — имя, возраст, уровень дохода, должность и т. д. И даже в этом случае стоит стремиться к тому, чтобы форма оставалась максимально простой.
7. Ближе к делу
Многие маркетологи уверены, что если пользователь перешел на сайт по ссылке из поисковика или объявления, он уже осведомлен о деятельности компании, и не нуждается в подробной информации на лендинге.
Это ошибка. Ваша страница должна максимально полно раскрывать предложение, а посетители — понимать, куда они попали и почему им это может быть интересно. Причем понимание должно происходить мгновенно, например, как на лендинге AskNative.com:
«Ответы местных жителей на все ваши вопросы в путешествии»
Без лишней двусмысленности текст на посадочной странице сразу сообщает очень коротко и ясно, для чего предназначен сервис. Кстати, авторизация через Facebook — дополнительный умный ход (см. п. 6).
Какими бы причудливыми ни были картинки или тексты, при проектировании лендинга нужно помнить: чем быстрее возникнет понимание, тем выше вероятность конверсии.
8. Вы не продаете вещи — вы улучшаете жизнь
Возьмите на заметку: люди не хотят покупать — они пытаются сделать свою
жизнь проще и лучше. Постарайтесь визуализировать те самые улучшения, которых можно добиться с помощью вашего продукта, как это сделали Wave:
По сути, Wave — это инструмент для ведения бухгалтерии, учета налоговых операций и выставления счетов. Но несмотря на то, что эти вещи крайне важны для успеха любого малого бизнеса, они не настолько привлекательны, чтобы люди открывали свое дело ради них.
Именно поэтому Wave фокусируется на своей главной странице не на особенностях софта, а на эмоциональном образе клиента, использующего продукт.
Отзыв клиента: «Я делаю то, что мне нравится. Wave делает остальное» в верхней части изображения — еще один проницательный шаг. Посетитель не только видит реальную фотографию удовлетворенного клиента, но и легче представляет свою жизнь, какой она может стать, будь он пользователем Wave. Для большинства предпринимателей такая перспектива очень заманчива, и именно это дает почувствовать приведенная в качестве примера страница.
9. Добавьте видео
Многие компании при создании лендингов откладывают съемку видео «на потом» из-за ее дороговизны. Тем не менее, видео может перенести бизнес на другой уровень.
Для примера рассмотрим главную страницу сайта и контекстное объявление ChickenSaloon.com — производителя курятников. К услугам посетителей пошаговая видео-инструкция по изготовлению собственного курятника:
Видео не обязательно должно быть ужасно дорогим. В данном случае оно настолько «домашнее», что только убеждает посетителей в подлинности и качестве курятников и формирует еще большее доверие к компании.
10. Помогите сделать правильный выбор
Вы знали, что с одной бутылкой красного вина хорошо идет тушеная баранина, а с другой — бифштекс? Такие тонкости для многих являются по-настоящему минным полем. По этой причине Vivino — приложение, помогающее людям выбрать не только напиток, но и подходящие к нему закуски, позиционирует себя как полезный инструмент для гурманов и любителей вина.
Vivino помогает создать идеальное сочетание практически для любого случая. Благодаря ему вы принимаете более обоснованные решения, что, кстати, снова является удовлетворением желаний пользователей — даже таких тривиальных, как выбор вина к ужину.
Еще одно преимущество подхода заключается в его просветительской функции. Людям нравится узнавать что-то новое и делиться этим с другими, особенно, если приобретенные знания не очень сложны. Почему бы не помочь им?
11. Сделайте сильное заявление
Иногда то, что вы делаете, само по себе настолько важно и ценно, что вам и не нужно применять какие-то особые ухищрения для получения высоких результатов. Last Days of Ivory (компания, обеспокоенная вопросами терроризма и браконьерства в отношении слонов и снимающая фильм на эту тему) разработала очень лаконичный лендинг:
Контраст белого и черного визуально подчеркивает силу заявления: «Положи конец терроризму в отношении слонов», а значительное количество свободного пространства вокруг призыва привлекает к нему еще большее внимание.
12. Держите марку. Рискуйте
Посмотрим правде в глаза: большинство маркетинговых кампаний невообразимо скучные. Главным образом, это происходит из-за неготовности пойти на творческий риск. Tapely — портал для обмена микстейпами — не прячется за банальностью:
Очевидно, что данный прием подойдет не для всех ниш. Только в ваших руках — решить, как далеко вы можете зайти в реализации своих идей и насколько подобные шаги уместны. Важно помнить о пределах, чтобы творческие порывы усиливали ваш бренд, а не работали против него.
13. Спрашивайте
Еще один эффективный способ установить контакт с посетителями — начать первое знакомство с вопроса, как это делает Trulia:
«Хотите узнать, сколько стоит ваш дом?»
Конечно же, все знают, сколько стоит их дом или квартира. По крайней мере, они помнят, сколько отдали за покупку. Но любопытство все равно берет верх: редкому человеку не интересна оценка его собственности, и посетитель отвечает на поставленный вопрос. Цель достигнута.
14. Обращайтесь к эмоциям
Независимо от того, что собирается ли посетитель что-либо купить или просто раздумывает над покупкой, он всегда в большей или меньшей степени ориентируется на эмоции: как по его ощущениям, изменится он сам, будет ли это безопасно, не возникнут ли какие-либо сложности?
Компании, понимающие важность эмоционального фактора в продажах, стараются делать свои призывы более мягкими, ведь даже в B2B-секторе решения принимаются людьми, личностями, а не «бизнесами».
Воздействие на эмоции может быть эффективным. Happify успешно использует этот прием на своей посадочной странице:
В дополнение к визуальным эффектам, акцентирующим внимание на свободе и расслаблении, текст не менее убедителен: «Для счастья лучше поздно, чем никогда». Эти слова на странице создают ощущение срочности, но все же не настолько сильное, чтобы вызывать беспокойство.
Умелое сочетание зрительных образов и смысловой составляющей помогает добиться потрясающего эффекта как с точки зрения восприятия страницы посетителем, так в плане продаж.
15. Говорите прямо
Еще одна ошибка многих B2B-компаний — слишком размытое послание, начинающиеся издалека и написанное от третьего лица. В некоторых ситуациях это может подействовать, но чаще всего — отталкивает.
Аналогично примеру выше, Awesometalk сделали ставку на чувства посетителей: «Позвони маме, она скучает» — сообщает текст на странице. Такое прямое заявление даже без эмоциональных изображений на заднем плане воздействует на посетителей, находящихся вдали от близких:
Эта целевая страница — отличный пример того, как обращаясь непосредственно к чувствам аудитории, можно стать привлекательнее в ее глазах.
16. Внимание к общим проблемам
Один из замечательных способов привлечь к себе внимание — поговорить о наболевшем. Многие компании косвенно уже делают это, но иногда простой подход может быть более убедительным, например, как в случае Meeting Hero:
«Попрощайтесь с невыносимыми совещаниями»
Приложение не только признает проблему непродуктивных деловых встреч, но и предлагает решить ее, причем в юмористической форме. С помощью меткого текста и аккуратно подшучивая над тем, как большинство людей проходит различные переговоры и совещания, лендинг остается привлекательным, поскольку предлагает «лекарство» от насущной проблемы.
17. Помните о цвете
Мы рассмотрели множество хороших примеров лендингов, но так и не поговорили о цвете. И хотя воздействие цветовой палитры для многих пользователей может не быть очевидным, как например текст, обратимся к опыту сервиса управления паролями Mitro:
Эта страница не только имеет современный вид, но и использует для своего оформления синий цвет, символ доверия и надежности — самое важное для того, кто собирается передать ответственность за хранение важных данных. Интересное сочетание с зеленым также навевает мысль о спокойствии и безопасности: волноваться не о чем, ваши пароли в надежных руках.
Спросите себя: «Что я хочу сказать?» при разработке внешнего вида посадочной страницы. Стремитесь ли вы подчеркнуть свою силу и основательность или передать ощущение смелости и азарта? Посмотрите на диаграмму ниже, чтобы лучше понимать свойства цветов на примере успешных брендов:
Желтый — оптимизм, ясность, теплота
Оранжевый — дружелюбие, радость, доверие
Красный — возбуждение, молодость, смелость
Сиреневый — творчество, воображение, мудрость
Синий — доверие, надежность, сила
Зеленый — миролюбие, рост, здоровье
Серый — баланс, нейтральность, спокойствие
Высоких вам конверсий!
По материалам wordstream.com
01-10-2015
8 вдохновляющих примеров товарных Landing Pages
В нашем блоге часто публикуются лучшие примеры веб-дизайна. Как правило, это тематические подборки интересных посадочных страниц, товарных лендингов и главных страниц интернет-магазинов и SaaS-платформ. Заметим, что в силу двумерности изображения на мониторе, эта медиа-среда кажется просто идеальной для предложения именно цифровых товаров: программное обеспечение, eBook, сервисный продукт и т. д.
Гораздо более интересной, хотя и более сложной задачей представляется создание лендинга, предлагающего в качестве оффера физический, реально существующий во времени и пространстве продукт. Именно поэтому удачные примеры одностраничных сайтов такого рода встречаются реже. Трехмерный объект обладает весом и фактурой, и перед маркетологом, дизайнером и копирайтером стоит нетривиальная цель: отобразить на «цифровом холсте» всю красоту, мощь, полезность реального, физического товара так, чтобы посетитель лендинга неизбежно ощутил желание им обладать.
Однако как бы сложна ни была задача, для ее решения и повышения навыков в интернет-маркетинге необходимо регулярно анализировать эффективные лендинг-сайты, а также примеры работ профессиональных маркетологов со всего мира. Отобранные в этой статьи образцы лендингов являются неоспоримыми шедеврами актуального web-дизайна, находящегося в безукоризненном балансе с текстовым контентом.
Мы начнем этот пост с 3 посадочных страниц, выделяющихся своеобразием: даже если удалить с них все признаки брендинга, эти лендинги не спутаешь ни с какими другими. Итак, перед вами — лучшие landing page. Наслаждайтесь и делайте выводы.
Содержание
1. Google Nexus
2. Nest
3. Garmin Fenix
4. Playstation 4
5. Jawbone Up
6. Recon Jet
7. Marshall Hanwell
8. Withings Pulse
Как лучше оформить товар на лендинге
Замечательный Landing Page с необычным «полноэкранным» дизайном, оказывающим мощное воздействие невероятно минималистическими средствами. Наведите мышь на интерактивные элементы, чтобы увидеть возможности смартфона в действии — перед вами один из лучших примеров использования анимации на целевой странице «всех времен и народов».
Если вас интересует новая версия Android Marshmallow, установленная на данном устройстве, достаточно нажать на ссылку «Узнать все детали» (Get all the sweet details) и перейти на страницу с подробным описанием этой оперативной системы.
Целевая страница Google Nexus выполнена в минималистическом стиле, на ней очень много пустого пространства, текстовый контент разбит на параграфы, перечисляющие преимущества и выгоды оффера. Каждый параграф снабжен заголовком, формулирующем одну из основных ценностей УТП, которая подробно раскрывается в текстовом контенте величиной 150-250 слов.
Этот лендинг пейдж — пример того, как можно облегчить восприятие сложного контента. Обратите внимание на то, что по вертикальной оси блоки контента чередуются с изображениями продукта:
Такую образцовую страницу портит разве что безликий призыв к действию «Купить сейчас» (Buy Now) на малозаметной CTA-кнопке вверху лендинга.
Nest позиционируется в рекламных кампаниях как «термостат нового поколения», способный экономить затраты на отопление, самообучаться, вступать с хозяином дома в двустороннюю коммуникацию через смартфон или планшет и обладающий еще рядом высокотехнологичных функций.
Этот сайт-одностраничник — пример лендинга с историей. Он предлагает нам некий рассказ, и некоторые его элементы интерактивны: вы, например, можете скроллингом изменять время под термостатом и наблюдать, как он регулирует температуру воздуха в зависимости от времени суток.
При прокрутки страницы вы совершаете нечто вроде путешествия, смотря своеобразную презентацию, во время которой вам показывают блоки текстового и визуального контента, демонстрирующие некоторые особенности «умного термостата» (великолепный способ познакомить целевую аудиторию с функциями продукта).
Он загорается, когда вы входите в комнату
Дизайн страницы очень хорош: много свободного пространства, изящно подобранная гамма, безукоризненная композиция, чередование текстовых блоков с изображениями.
И конечно же, нельзя не упомянуть — ресурс прекрасно оптимизирован под мобильные телефоны и представляет собой замечательный пример товарного лендинга для нескольких товаров из одной линейки.
3. Garmin Fenix
Это еще один пример целевой страницы, действительно рассказывающей историю. Первое, что вы заметите при появлении на ней — она не прокручивается вниз, а только вверх.
Этому есть логическое обоснование: при прокрутке вверх вы наблюдаете подъем человека на вершину горы, и этот персонаж, проходя контрольные точки своего маршрута, останавливается в них, чтобы описать функции оффера (GPS-навигатор, совмещенный с альтиметром, секундомером и еще множеством измерительных приборов) или показать их на видеороликах.
Видео на станице великолепное, стилизованное под короткие документальные фильмы с несколькими действующими лицами. Дизайн страницы также хорош: эффектное использование высококачественных фотографий, оранжевый контрастный цвет, противостоящий почти монохроматической основной гамме страницы, большие пробелы, создающие ощущение простора.
Выше мы проанализировали примеры одностраничников с высокой конверсией, отличающиеся большим своеобразием и узнаваемостью. Но следующие 5 образцов не менее качественные.
На целевой странице Playstation 4 применяется изысканный чистый и строгий дизайн лендинга. Для усиления оффера на сайте задействованы 2 дополнительных канала воздействия на посетителя: помимо основного продукта (очков виртуальной реальности), о котором можно посмотреть видео, кликнув по ссылке Learn More, к продаже предлагаются актуальные игры:
Целевая страница великолепно скомпонована: массив текстового контента разбит на параграфы, каждый из которых имеет свой заголовок и подзаголовок, магнетически действующие на посетителя, тексты чередуются с изображениями, много свободного пространства, каждый параграф освещает выгоду оффера, великолепно подобраны шрифты (и гарнитуры, и цвета).
Все было бы просто замечательно, если бы не непозволительно большое число ссылок на внешние веб-ресурсы и несколько вспомогательных CTA-кнопок. Эти явно лишние элементы могут отвлечь пользователя от конверсионного действия, а переход по внешнему линку может вообще подтолкнуть потенциального покупателя к мысли о покупке Xbox One, чью рекламу он случайно увидит за пределами лендинга Playstation. 😉
Браслет для контроля физической активности Jawbone Up — будь он еще чуточку умней 🙂 — мог бы со всем основанием гордиться своим лендингом, целиком и полностью соответствующим всем требованиям к дизайну современной целевой страницы.
- Слайдер с преимуществами во втором экране лендинга? Есть!
- Анимированные интерактивные элементы? Разумеется!
- Отзывы пользователей о продукте? Сами смотрите!
Единственное замечание — изначально разрабатывавшийся для презентации продукта, теперь когда-то товарный лендинг в качестве основного оффера предлагает приложение для фитнеса, которое отлично сочетается с фирменными трекерами, ссылку на которые можно найти в меню выше:
Вы думаете, что Google Glass есть неповторимое в своей уникальности изобретение? Подумайте еще раз. Правильный ответ: отнюдь нет — аналогичный носимый компьютер есть еще как минимум один, и называется он Recon Jet.
Лендинг этой инновации выглядит как классическое длинное продающее письмо. Замечательно, что видео с демонстрацией продукта помещено в центр внимания посетителя (верхняя часть страницы, сразу под логотипом бренда).
Гораздо хуже, что сразу под видео помещены внешние ссылки на СМИ, оставившие хвалебные отзывы о Recon Jet. Почему бы просто не поставить текстовые цитаты от тех же Time или Wired? Посетитель, ушедший на внешний ресурс — тем более такой захватывающий как The Huffington Post — может ведь и не вернуться назад.
В остальном же — это классический лендинг, сделанный очень качественно.
На товарной целевой странице этого гитарного усилителя от легендарного бренда Marshall в центр внимания посетителя помещается массивное — по-другому и не скажешь — полноэкранное изображение продукта. Серия фотографий, организованных в слайдер, устанавливает с посетителем сильную эмоциональную связь — действительно, эти снимки вроде бы даже передают вес аппарата!
Вполне вероятно, что многие музыканты, увидев эти фото сразу бы захотели подключить гитару к Marshall Hanwell (такой эпизод тоже есть в слайд-шоу). Эмоциональная связь — это хорошо для конверсии, безусловно.
Гораздо хуже, что еще одну сильную, практически неразрывную связь с посетителем устанавливают 2 «липких» CTA-элемента: интерактивный ценник и значок корзины. Вы можете проматывать слайдер влево-вправо или скроллить страницу вниз до упора — и ценник с корзиной от вас не отстанут. И вот еще что — фотографии слайдера настолько привлекательны, что сразу и не догадаешься, что страница все-таки проматывается вниз, и там, внизу, расположен хорошо организованный текстовый контент: технические характеристики, гарантии, цена и условия доставки и т. д.
Однако использование фотографий, повторим, здесь на уровне лучших мировых landing page — или даже выше.
Еще один трекинг физической активности — и еще одна приятная, чистая, стильная целевая страница. Лендинг Withings Pulse — как и страница Jawbone Up — строго следует самым современным тенденциям веб-дизайна: параллактическая прокрутка, «липкое» меню, видеоролик о продукте.
Единственно, что смущает — это странный круглый прогресс-индикатор, выдающий значения от 0% до 100% при прокрутке страницы вниз. Видимо, это какая-то метафора достижения поставленных целей, хотя можно принять этот «циферблат» за индикатор загрузки видео. Но данная мелочь не портит впечатление, которое оставляет хороший лендинг. Продающие одностраничники, примеры которых были рассмотрены выше, в целом тоже подпадают под это определение — незначительные ошибки на них не вредят пользовательскому опыту.
Как лучше оформить товар на лендинге
Вы только что посмотрели 8 феерически красивых целевых страниц. Если вы сомневаетесь, каким образом лучше оформить ваш товар на лендинге, помните: не стоит ставить красоту выше главной цели — конверсии. Если «красота требует жертв» в виде потери лидов и продаж, то вам необходимо поменять приоритеты.
Напоследок, мы предлагаем вам ознакомиться с несколькими правилами создания товарных лендингов от LPgenerator:
1. Не затрудняйте процесс конвертации. На некоторых из перечисленных роскошных страниц приходится потратить много времени на поиск основного CTA-элемента. Ваша цель — генерация лидов и продажи, а не получение приза зрительских симпатий. Размещайте кнопки и формы таким образом, чтобы привлекать внимание посетителей.
2. Видео очень хорошо подходит для демонстрации качеств и функций физических товаров, поскольку точнее всего передает ощущения от взаимодействия с реальным вещественным объектом. Как говорится, лучше один раз увидеть, чем 100 раз услышать: качественно снятый видеоролик на лендинге оправдает все вложенные в него усилия.
3. Старайтесь рассказать историю. Она оказывает большее эмоциональное воздействие, нежели сухие буллеты и абзацы текста. Другой вопрос — убедит ли ваша история завершить просмотр страницы конверсией? Здесь все зависит от ваших навыков копирайтинга.
Вы увидели несколько лучших примеров продающих лендинг пейдж на сегодняшний день. Появились ли у вас новые идеи? Вдохновила ли вас эта подборка на оптимизацию своей целевой страницы или даже на радикальный редизайн? Приступайте к изменениям, однако не забывайте о тщательных тестах.
А если вы новичок в этой области, но очень хотите создать свой первый товарный лендинг с минимальными затратами, то используйте наш конструктор — он полностью интуитивный и не требует специальных навыков разработки. Подобрать бесплатный шаблон для вашей товарной страницы и начать работу с ним можно в Личном кабинете.
Высоких вам конверсий!
По материалам: econsultancy.com
01-11-2013
20 бесплатных HTML шаблонов Landing Page / HTML шаблоны / Постовой
Тема Landing Page затерта до дыр. Хоть бум на лендинги немного стих, но до сих пор посадочные страницы пользуются спросом. Их запускают все кому не лень, даже если для их ниш в бизнесе это явно проигрышный поступок. Кто-то это делает, чтобы просто поиграться, а кто-то, чтобы заработать денег. Но не столь важно, какие цели вы преследуете, важно то, что всем потребуется разработка страницы. Кто-то закажет у профессионалов, а кто-то по той или иной причине начнет создавать свой Landing Page сам. Как раз для вторых и посвящена эта подборка.
Люди, которые решили создавать сайт сами, могут начать разработку с нуля, а могут и использовать готовые шаблоны, ведь для них не требуется особых знаний в разработке. Достаточно базовых знаний HTML и CSS, тех, что в школе учат. Тут опять встает вопрос. Использовать платный или бесплатный шаблон? Конечно же, платный будет намного качественней, и, вероятно, покажет более высокие конверсии. Бесплатный будет менее красивый, менее проработанный с точки зрения маркетинга, верстки и дизайна.
Эта подборка состоит как раз из бесплатных шаблонов на чистом HTML для создания Landing Page. Изначально подборка состояла из 40 позиций, но проснувшись утром и посмотрев на эти шаблоны свежим взглядом, решил удалить большую часть, так как это был, откровенно говоря, хлам, а хлама в интернете и так полно. Остались лишь самые достойные шаблоны, на которых можно хоть что-то строить. В подборку вошли шаблоны лендингов самых разных тематик, но, почему-то, преобладают LP для мобильных приложений. Они оказались наиболее качественными.
Ранее мы уже делали подборки из бесплатных шаблонов Landing Page. Они были заточены под определенную тематику. В этот раз я решил сделать сборный топик, не относящийся к какому-либо направлению.
Другие подборки бесплатных HTML шаблонов Landing Page:
Кстати. Если вы, по каким-то причинам, захотите натянуть эти шаблоны на движок WordPress, то по этой теме я когда-то делал подборку из плагинов для создания Landing Page на WordPress. Можете попробовать их использовать. Возможно, это значительно сэкономит время. Хотя, лично я, особого смысла этим заниматься не вижу, так как для простого LP хватит чистого HTML.
Итак. К вашему вниманию 20 бесплатных HTML шаблонов Landing Page.
Outline
Абсолютно бесплатный HTML5 шаблон Landing Page для мобильного приложения. Смотрится довольно профессионально. В шаблоне присутствует ненавязчивая анимация при скроллинге.Appi — Шаблон с фоновым видео
Еще один шаблон Landing Page для мобильного приложения с полноэкранным фоновым видео. В отличии от шаблона с видео-фоном, который будет приведен ниже, этот намного качественней, хоть и заточен под специфическую тематику.Bukku
Бесплатный HTML шаблон для создания Landing Page по продаже книг. Выполнен в стиле Flat в зеленых тонах. Присутствует некоторая занимательная анимация.Также разработчик предоставляет для бесплатного скачивания исходники в формате PSD.
Landing Page по продаже кофе
Шаблон Landing Page на HTML по продаже кофе. Дизайн и реализация верстки очень интересны. Присутствует анимация элементов при прокрутке страницы. Все выполнено в мягких тонах. Отлично подойдет для организаций, которые занимаются доставкой кофе. Впрочем, этот шаблон легко можно переделать под вашу тематику, заменив картинки.Fractal
И еще один стильный, не большой, адаптивный LP для мобильного приложения в синей цветовой гамме, хотя, при желании, можно заточить под вашу тематику.Engage
Еще один универсальный адаптивный одностраничник на Bootstrap. Страница подходит для простой презентации продукта. По структуре напоминает презентационную страницу продуктов Apple.Lucid
Бесплатный Bootstrap-шаблон Landing Page мобильного приложения. На странице присутствует таблица ценообразования, несколько презентационных блоков приложения и карта Google.Landing Page для кафе или ресторана
Привычный для рядового юзера рунета бесплатный шаблон Landing Page с формой захвата в первом экране. Заточен под создание посадочной страницы бара, ресторана, кафе или чего-либо кулинарной тематики. С помощью формы заявки можно забронировать столик на указанное время.Oleose
Очень качественный, адаптивный, бесплатный, но опять для мобильного приложения. Landing Page реализован на фреймворке Bootstrap. Имеет три варианта цветовой гаммы: светло-голубой, светло-зеленый и фиолетовый. Однако, он не так строго заточен под свою тематику, соответственно можно легко переделать под нужную вам.Fotografy
Бесплатный, относительно чистый Landing Page для фотографа. Реализованы основные блоки, которые могут понадобится фотографу: портфолио и отзывы.Шаблон имеет полноэкранный слайдер в шапке.
Take — бесплатный одностраничник
И опять очередной бесплатный одностраничный html шаблон для мобильного приложения. Однако его дизайн очень интересен и необычен. Я бы даже сказал, уникален. Большинство посетителей постового не являются разработчиками мобильных приложений, так что придется переделывать все под свою тематику.Foodee
Бесплатный одностаничный HTML5 шаблон для создания посадочной страницы кафе, ресторана или какой-то забегаловки. Шаблон с полноэкранным фоновым изображением и Parallax эффектами.Присутствуют такие блоки, как: меню, ближайшие события, отзывы клиентов и стандартный набор блоков, в которых можно разместить преимущества и пр.
WHITE
Я бы расценивал этот шаблон, как некий html-фреймворк для создания одностраничника. Он не заточен под какую-либо тематику, так что все в ваших руках. Есть поддержка полноэкранного фонового видео. Плюс ко всему, он имеет стандартный набор блоков, типичный для одностраничника.Cyprass
Шаблон подойдет для создания Landing Page какой-нибудь Digital-компании: веб-студии, команды фрилансеров или тому подобных. Имеет для этого все необходимые ресурсы: портфолио с фильтром по работам, различные круговые диаграммы, табы, слайдеры… Помимо этого поддерживает фоновое видео в первом экране.Navigator
Бесплатный шаблон-одностраничник, преднзначен для LP команды разработчиков. Смотрится стильно, но стандартно. Присутствуют основные блоки, с помощью которых можно себя эффективно нахвалить, а также стилизированная карта Google.Lhander
Довольно интересный бесплатный HTML шаблон для лендинга. Выполнен в темных тонах. Имеет большое фоновое полноэкранное изображение. Посредине первого экрана расположен блок с призывом к действию и кнопкой по нажатию на которую ничего не происходит, но мы же разработчики и можем прицепить туда что угодно. Помимо этого, в первом экране расположена кнопка Play, по нажатию на которую появляется модальное окно с видео.В целом, шаблон неплох, как для бесплатного. В нем предусмотрены и ценовые таблицы, и различные блоки для нахваливания своей компании.
Fudi
Еще один бесплатный шаблон мини-лендинга. Имеет большую фоновую картинку и несколько экранов.KreFolio
Шаблон посадочной страницы с полноэкранным слайдером изображений в первом экране. Подходит в основном для веб-студий и фрилансеров.Шаблон имеет огромное количество колхозных эффектов появления элементов на странице, хотя, наш народ такое любит.
Реализовано множество блоков таких как: аккордеон, блоки с диаграммам, отзывы, портфолио и гугловская карта с кастомным оформлением.
Шаблон Landing Page с фоновым видео
Бесплатный html шаблон Landing Page с фоновым видео во весь экран и формой для отправки заявки в первом экране. Подойдет для создания посадочной страницы любой организации, будь то финансовая, юридическая, или просто студия веб-дизайна.30+ адаптивных лендинг пейдж шаблонов на HTML (бесплатные, премиум)
Готовые лендинг пейдж шаблоны нужны для быстрого запуска нового продукта, его продвижения при помощи LP-страницы или мобильного приложения, либо мотивации пользователей зарегистрироваться / подписаться на рассылку. Для «целевой страницы» крайне важны удобство и простота пользования с грамотным расположением конверсионных элементов. Современные продающие шаблоны лендингов, разрабатываются с прицелом на возможность создания адаптивного сайта с высокой конверсией.
В этой подборке лендинг-шаблонов HTML есть бесплатные и премиум. И те и другие пригодны для успешного продвижения сервиса/продукта онлайн, при условии правильности оформления и соответствия вашему продукту. Среди премиум HTML5 LP-шаблонов выбор достаточно широк, в отличии от тех, что скачивают бесплатно. Наверняка найдется подходящий и для вашей ниши / специфики.
Итак, семь бесплатных лендинг пейдж шаблонов на HTML и 20+ «премиальных» – с доп. опциями и отличным адаптивным макетом.
Бесплатные шаблоны Landing Page на HTML
Bent – Free App Landing page
Современный шаблон LP для приложений позволит создать проект в считанные минуты. Хороший адаптивный дизайн рассчитан на любую платформу.
Snow – A Free Bootstrap Landing Page Theme
Чистый Bootstrap шаблон для демонстрации нового продукта, сервиса. Этот бесплатный шаблон лендинга способен ускорить маркетинговую кампанию по продвижению вашего сервиса.
Landy – Free Landing Page Template
Простой адаптивный LP шаблон отлично подойдет для рекламы или продаж приложений, софта, розничного продукта или сервиса. Он разработан на bootstrap с применением только бесплатных шрифтов Google Fonts. Код содержит комментарии на случай кастомизации шаблона.
Legend: One Page Free Responsive landing Template
Legend — 2-й основанный на бутстрап, бесплатный LP-шаблон. На нем можно создать лендинговую страницу, креативное онлайн-портфолио и даже бизнес-сайт.
Flexbox Responsive Landing Page
Адаптивный шаблон лендинг пейдж создан на основе CSS Flexbox. Созданный без каких либо фреймворков, шаблон будет проще редактировать / кастомизировать.
App Landing Page Website Template
App Landing идеально подойдет разработчику софт-продукта или приложения, а также для целей продвижения малым бизнесом приложений и продукции iPhone, iPad, Android. Адаптивный и готовый к Retina шаблон на Foundation CSS фреймворке имеет одну страницу, использует иконочный шрифт, оптимизирован для SEO и рекламы.
HTML Business App – Free Landing Page Template
BusinessApp – это бесплатный Landing Page шаблон, основанный на HTML5 / CSS3 и созданный для продвижения Android и iOS приложений.
Адаптивные премиум Landing Page шаблоны HTML
Kane
Html шаблон Landing Page для сайта и мобильного приложения, подходящий для целей бизнес продвижения. Для стиля лейаута (темный и светлый с фото-видео бэкграундом и mailchimp поддержкой, делают LP-шаблон серьезным инструментом конверсии.
Crossway – Startup Landing Page Template
Ультра-современная HTML5 тема на Bootstrap 3.1.1. Поставляется с 4 макетами: одно/много страничник, варианты панели навигации. Легкий эффект параллакс-прокрутки интегрирован в тему лендинга, адаптированную под мобильные и получение органического трафика (SEO).
DotSquare
Html landing page шаблон для веб и мобильных приложений, нацелен на легкую генерацию лидов. Обладает быстрой загрузкой и валидным html, css кодом. В верхней части одностраничника продублирована форма контактов с призывом к действию.
Primo Responsive Landing Page Template
Одностраничный HTML5 лендинг-шаблон с CSS3-эффектами. Имеет трехколоночный каркас, создан на Bootstrap 3. Подойдет для продаж iOS/Android-приложений. В шаблон включено 2 лейаута (с Parallax и без), Ajax формы контактов, PrettyPhoto лайтбокс и 5 цветовых схем. Легок в настройке: смените hex-коды и связанные элементы окрасятся в новый цвет. PSD в комплекте.
Hype – App Landing Page
Современный, готовый к Retina шаблон для мобильных приложений предлагает 8 вариантов цветов, опции для изображений / видео бэкграунда.
Gotte Multipurpose Landing Page
Многоцелевой лэндинг шаблон в плоском стиле поставляется с 3 вариантами index, 6 цветовыми схемами. Шаблон создан на twitter bootstrap3, включен PHP скрипт формы контактов и загрузки.
Slander – Responsive Bootstrap HTML5 Landing Page
Slander – идеальный вариант для стартапа и компаний, подходит профессионалам или индивидуальному проекту. Отзывчивый дизайн с Bootstrap и HTML5 / CSS3 включает адаптивный слайдер, слайдер вкладок, форму новостной подписки и пр.
Appster – Ultimate Clean App Landing Page Template
Адаптивный App лендинг шаблон под рекламу и продажи. Создан на основе последних html5 / css3 техник. Имеет элегантный, чистый и минималистичный дизайн, включает все необходимое для успешного маркетинга.
Cloud – An Easy To Use App Landing Page
Элегантный, чистый и минималистичный HTML5 / CSS3 шаблон лендинг пейдж с отличным функционалом. Шаблон разработан под страницу Coming Soon (скоро запуск), идеален для создания страницы приложения и сайта-витрины.
OnEvent – Special Event Landing Page
Адаптивный лэндинг-шаблон для спец. мероприятий. Имеет секции под фотогалерею, коммерческое видео, расписание событий, список гостей.
Appreative Responsive Landing Page Template
Appreative – адаптивный шаблон, предназначенный для краткого информирования. Подходит для различных типов задач.
SaptaApp Landing Page Template
Вам будет достаточно изменить основной цвет сайта/шаблона изменяя шестнадцатеричный код цвета, как все связанные элементы примут новый оттенок. Это упрощает настройку/редактирование шаблона.
Entry – Startup Landing Page
Простой и быстрый LP-конструктор поможет вам создавать и редактировать лендинговые страницы в считанные минуты – просто изменяя позиции блоков, цвета, удаляя ненужные блоки. Шаблон включает 18 блоков под все лэндинговые нужды.
Stylio – Responsive HTML5 App Landing Page
Одностраничный шаблон лендинга адаптивен и готов к retina – протестирован для основных портативных устройств. Главной изюминкой шаблона является многослойный слайдер со скриншотами и различными сценариями. Другие особенности шаблона: построен на Bootstrap 3.0 с шириной модульной сетки 1200 px, включает несколько лейаутов и видео версию, гладкие HTML5 & CSS3 переходы/анимации, иконочные шрифты Font Awesome 4.0.
NRG – Responsive Landing Page
NRG – одностраничное решение для развивающегося стартапа или небольшой студии. Шаблон включает все необходимое, чтобы обозначить свое присутствие в WEBе. Главные собенности: фокус на юзабилити, пегковесная структура, 100% валидный код и сжатая графика.
EventLand Landingpage
Красиво оформленный одностраничный HTML5 шаблон для лэндинга, идеально представит бизнес мероприятия, торговые выставки, конференции, семинары. EventLand располагает интегрированной рассылкой новостей, лид-формой для регистрации клиента, эффективной одностраничной навигацией с грамотно расположенными вкладками, стильным слайдером. В составе: иконочные шрифты Font Awesome, карта Google Map и др. полезные опции.
Off the Shelf – Responsive E-Book Landing
Шаблон разработан для демонстрации и продаж электронных изданий e-book авторов. Хотите сделает вашу книгу заметной? Off the Shelf профессионально и быстро справится с этой задачей.
Neue – App Landing Page
Neue это новейший лендинг пейдж шаблон из этой подборки. Он оснащён впечатляющим функционалом, имеет великолепную поддержку.
EduTime – Online Courses & Education Landing
EduTime ориентирован на в область образования и продвижения онлайновых учебных курсов.
Plaza – Education – Hotel – Dating Landing
Универсальный лендинг-шаблон подойдет следующим типам проектов: ресторан отеля / сайт знакомств / образовательные курсы. Его гибкий адаптивный макет основан на Bootstrap фрейворке.
SpiceHub Restaurant Responsive Landing Page
Одностраничный ресторанный-шаблон на HTML5/CSS3 порадует корпоративным стилем и сочными цветами. Использует jQuery/AJAX, анимационные эффекты, совместим с Bootstrap 3.x. В составе: 2 лейаута (с параллакс и без), иконки Glyphicons/Font Awesome, PSD файлы. Дополнительно, SpiceHub предлагает WordPress тему под сайт ресторана / кафе / бара.
Katemi – Clean Product and App Landing Page
Шаблон предназначен для продвижения товаров/сервисов и приложений. Полностью адаптивный и чистый HTML5/CSS3 дизайн Katemi Landing Page v2.0 создан на Bootstrap 3.0.3. Ключевые особенности: SEO дружественная стуктура и код, стратегическое оформление первого экрана, CSS анимации.
10 составляющих идеального Лендинг Пейдж с примерами
Как должен выглядеть лендинг с точки зрения эффективности? Какие блоки он должен содержать и как эти блоки должны выглядеть? Прочитав статью, вы получите ответы на эти вопросы и увидите, как выглядят лучшие landing page.
1. Заголовок с УТП
У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:
- сразу дает посетителю понять, куда он попал;
- показывает ему уникальность вашего предложения.
Размещается заголовок в верхней части лендинга, на уровне глаз пользователя. Большой, яркий, интригующий.
От заголовка зависит показатель отказов.
Вот примеры заголовков лучших лендингов нашей компании.
2. Дескриптор
Дескриптор также влияет на показатель отказов, хоть и меньше, чем заголовок. Обычно состоит из логотипа, названия компании, слогана или нескольких слов об услугах или товарах. Размещается вверху слева или в середине.
В том случае, если на посадочной странице есть заголовок с УТП, дескриптор делают скромным – лого плюс название.
Лучшие лендинги всегда содержат оригинальный дескриптор.
3. Блок с контактными данными
Как правило, размещается в верхнем правом углу. Исчерпывающий блок контактов содержит:
- реальный номер телефона;
- электронную почту;
- кнопку «Обратный звонок».
В зависимости от специфики рекламируемого товара или услуги, блок может содержать дополнительные контакты: skype, icq, viber.
Обязательно используется призыв – просьба позвонить.
4. Привлекательное изображение
Под изображением подразумевается фон – большая картинка, поверх которой размещают заголовок, форму захвата, другие блоки.
В идеальном лендинге изображение соответствует тематике сайта, является оригинальным и интересным. Цветовая гамма фона отличается от цвета шрифта заголовка, чтобы они не сливались.
На скриншотах вы видите красивые лендинги с привлекательными изображениями.
5. Формы захвата
Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.
Форма захвата содержит графы для ввода имени и телефона. Призыв к действию описывает дополнительные выгоды (подарок, скидку, дополнительную услугу), которые побуждают посетителя к немедленной отправке данных.
Если на лендинге проходит акция, форма захвата содержит таймер обратного отсчета.
Вот такими формами захвата мы оснащаем лучшие лендинг пейдж наших клиентов.
6. Блок с выгодами для клиента
Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.
Блок имеет следующую структуру: текст с описанием выгоды и тематическая картинка для каждого пункта. Расположение пунктов – горизонтальное или вертикальное. В идеальном блоке во всех пунктах одинаковое количество текста, а ключевые предложения выделены цветом или жирным шрифтом.
7. Отзывы клиентов
Блок с отзывами – ключевой в лендинге.
На лендинге должны быть реальные отзывы по меньшей мере от трех клиентов. Идеальный вариант – окно с возможностью прокрутки, например слайдер, вмещающий 5–10 отзывов.
Каждый отзыв:
- содержит имя и реальное фото клиента;
- содержание с ключевыми подробностями, которые позитивно скажутся на конверсии лендинга.
Вот примеры блоков с отзывами на лучших лендингах нашей студии.
8. Тарифы или пакеты услуг
Покупатели любят выбирать из нескольких альтернатив. Поэтому идеальный лендинг предлагает на выбор 2–3 тарифа или пакета. Неважно, продает лендинг товары или оказывает услуги, на сайте должен присутствовать блок с тарифами.
Тарифы должны отличаться друг от друга и содержать подробную информацию о том, что в них включено. Один из тарифов помечается, как самый популярный среди клиентов.
9. Примеры Лендинг Пейдж
Это один из самых важных блоков лендинга. Именно просмотрев портфолио или кейсы, посетитель принимает решение о совершении целевого действия.
Грамотное портфолио содержит только лучшие работы, красиво оформлено, не занимает много места. Для оформления лучше использовать слайдер, с помощью которого посетители будут прокручивать изображения.
Посмотрев примеры лендингов посетитель должен убедиться в качестве продукта или услуги.
10. Реальные контактные данные в футере
Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.
В случае с компанией обязательно должна быть карта с указанным местоположением офиса. В случае с автором всевозможные контакты.
Также тут размещается заключительная форма захвата.
В идеальном лендинге присутствуют все вышеперечисленные элементы. Однако чтобы посадочная страница действительно была эффективной, все ее блоки нужно грамотно объединить в одну композицию. А так же добавить смыслы, благодаря которым посетители совершать конверсионные действия на нашем лендинг пейдж.
Смотрите также
Дизайн посадочной страницы Вдохновение для вашего следующего макета
Имеет ли значение красота? Что ж, когда дело доходит до дизайна целевой страницы, он определенно может повлиять на восприятие вашего предложения. В конечном итоге, если ваши целевые страницы не выглядят хорошо или не соответствуют рекомендациям, ваши конверсии могут пострадать.
Целевые страницы с хорошим дизайном часто конвертируются лучше, чем плохие, и разница может быть значительной. Если все сделано правильно, дизайн должен поддерживать текст на вашей странице и работать со всеми другими элементами, побуждая посетителей к действию.
Но сначала: каковы некоторые передовые методы проектирования?
Ниже мы собрали множество примеров отличного дизайна целевой страницы от клиентов Unbounce. Но прежде чем мы их поделимся, давайте рассмотрим некоторые характеристики, которые мы обычно видим на хороших страницах:
Они сверхфокусированы
Хорошая целевая страница имеет только одну цель: побудить посетителей выполнить одно действие, которое вы хотите, чтобы они сделали, и перерабатывать. Вот почему на многих целевых страницах нет меню или тонны внешних ссылок. — вы хотите, чтобы ваш посетитель выполнил призыв к действию, а не ушел и не отвлекся.
Они продолжают прокрутку до минимума
Было бы здорово включить дополнительную информацию о вашем предложении на страницу, но посетители должны иметь все необходимое, включая кнопку CTA, без прокрутки в течение дней. Хотя длинные целевые страницы могут конвертироваться в случае сложных предложений, рассмотрите возможность использования лайтбоксов для демонстрации дополнительной информации вместо добавления множества разделов страницы.
Они используют релевантные привлекательные визуальные эффекты
Для удивительного дизайна требуются яркие изображения.Независимо от того, насколько технически ваше предложение (см. Пример Panoply ниже), вам нужно что-то, чтобы разбить текст. Ваши изображения должны быть интересными, актуальными и соответствовать вашему бренду. . Они также должны побуждать посетителей сканировать целевую страницу и останавливаться на кнопке CTA.
Они поддерживают единый брендинг
Дизайн вашей целевой страницы должен соответствовать вашему общему виду , чтобы посетители могли мгновенно узнать и связать ее с вашим брендом.Обычно это означает использование той же цветовой схемы и элементов дизайна, что и на вашем обычном веб-сайте. Однако это может быть непросто, потому что целевые страницы должны выглядеть иначе, чем ваш веб-сайт в целом — они, как правило, проще и не включают, например, навигацию. Тем не менее, брендинг и цвета часто остаются прежними.
Они используют шаблоны F или Z
Исследования показывают, что глаза большинства людей перемещаются по веб-сайту по шаблону F или Z . Лучший дизайн целевой страницы обычно учитывает эти закономерности.Например, наличие вертикального визуального элемента слева с заголовком вверху справа и кнопкой CTA немного ниже справа позволяет посетителям следовать шаблону F — и в конечном итоге их глаза будут смотреть прямо на ваш CTA.
Не уверены, способствует ли конверсиям ваш текущий дизайн? Попробуйте наш анализатор Unbounce Landing Page Analyzer и посмотрите, как ваша целевая страница оценивается по девяти различным категориям эффективности.Само собой разумеется, что красота — не единственное, что нужно учитывать при оценке дизайна целевой страницы.Вы хотите, чтобы страницы выглядели хорошо, но они также должны конвертироваться. Всегда сочетайте привлекательный внешний вид с некоторыми исследованиями поведения ваших посетителей, чтобы создать особенно 9 944 эффективных страниц.
Вот тут-то и начинается тестирование. В зависимости от вашей отрасли мы действительно наблюдали невероятно простые и недооцененные страницы, работающие безумно хорошо — никаких изменений дизайна не требуется.
А теперь давайте посмотрим на несколько красивых дизайнов!
Лучшие примеры дизайна посадочных страниц
1.Индокитай
Изображение любезно предоставлено Indochino. (Щелкните изображение, чтобы увидеть полную страницу.)Если вы создаете красивую целевую страницу, это помогает иметь привлекательный продукт, о чем уже рассказала компания Indochino. Страница, созданная с помощью Unbounce, является примером того, как Indochino предлагает не только индивидуальные костюмы, но и красивые целевые страницы.
Вот что, по нашему мнению, делает этот дизайн целевой страницы потрясающим:
- Отличные визуальные эффекты : Если у вас есть привлекательный продукт, покажите его.Здесь мы можем увидеть модели костюмов Indochino, а динамическая поза помогает посетителям увидеть, насколько элегантно выглядит продукт в контексте использования.
- Использование места : Не менее важно, что посетители имеют всю необходимую информацию без тонны прокрутки. Кнопка CTA заметна и сфокусирована. Дизайн этой страницы простой и сдержанный, но он выполняет свою работу.
- Фирменный : текст заголовка здесь набран шрифтом, похожим на логотип компании, что помогает создать ощущение единообразия бренда.
Страница, которую мы видим здесь, создана специально для мужчин из Калгари и призвана побудить их к действиям вне сети. (Хорошо, сначала нужно записаться на прием через Интернет, а затем физически посетить новый выставочный зал.) Часть успешного дизайна целевой страницы — это создание предложений, ориентированных на определенную аудиторию, что в Индокитайском районе уже освоено.
Эта целевая страница на самом деле , поэтому адаптирована так, чтобы мелкие детали не имели смысла для тех, кто не живет в Калгари.Вы можете пропустить, например, что Chinook Center — это торговый центр, но эта страница предназначена для тех, кто это уже знает.
2. Зола
Изображение любезно предоставлено Золя. (Щелкните изображение, чтобы увидеть полную страницу.)Если вы работаете в свадебной индустрии, например, в интернет-магазине / магазине подарков Zola, вы знаете, что дизайн имеет значение. Пример страницы выше демонстрирует дизайнерскую смекалку компании, предлагая простую и элегантную целевую страницу для невест и будущих женихов.
Вот что делает страницу Zola привлекательной:
- Последовательный брендинг : Это не сразу видно, если вы впервые посещаете сайт, но бренд Zola использует оттенки голубовато-серого (см. Сердечки на логотипе компании).Фон сохраняет эти цвета, а также обеспечивает отличный контраст для изображений — этот белый свадебный торт нуждается в контрастном фоне, чтобы выделяться.
- Simplicity : Главный сайт электронной коммерции Zola довольно загружен. Если целевая страница включала какую-либо стандартную навигацию, посетители могли отвлекаться, щелкая по ней вместо запуска своего реестра, что и является целью страницы. Сохранение простоты означает, что больше посетителей завершат действие, а не бесцельно блуждают по веб-сайту.Эта страница идеально подходит для направления их платной рекламы, чтобы снизить цену за клик.
3. Lujo
Изображение любезно предоставлено Lujo. (Щелкните изображение, чтобы увидеть полную страницу.)Целевая страница с Z-образным шаблоном, разработанная для Lujo гуру по конверсии в цифровом агентстве KlientBoost, может предоставить массу контекста, но не перегружена. Вы можете возразить, что здесь есть два призыва к действию — покупка коллекции и просмотр видео. Луджо это сходит с рук, потому что видео представлено так незаметно, как продолжение фотографий продукта.Понятно, что самый важный призыв к действию на этой странице — проверка коллекции шезлонгов.
Вот что нам нравится на этой странице:
- Потрясающие (и согласованные) визуальные эффекты : не только отличная фотография продукта, но и поддержка Z-шаблона дизайна целевой страницы, усиливающая посыл бренда. Слоган Луджо — «поставь жизнь на паузу», и все, что касается визуальных эффектов на этой целевой странице, усиливает этот бренд — от шляпы от солнца, покоящейся на видеобоксе, до туфлей и чая со льдом.Дизайн должен работать рука об руку с обменом сообщениями, чтобы текст и изображения объединялись для создания общего впечатления, которое имеет смысл. У Lujo это хорошо получается на этой целевой странице.
- Очевидно USP : Прямо под фотографиями Lujo формулирует — с текстовыми и дизайнерскими элементами — три уникальных аргумента: бесплатная доставка, пятилетняя гарантия и новозеландское мастерство. Нахождение способа тонко внедрить эти три идеи в дизайн означает, что посетителю, возможно, не придется продолжать изучение, прежде чем нажимать эту кнопку CTA — они видят эти основные преимущества, и это может заключить сделку.
4. Panoply
Изображение любезно предоставлено Panoply. (Щелкните изображение, чтобы просмотреть всю страницу.)В отличие от некоторых других примеров, инструмент анализа данных Panoply не имеет особо привлекательного продукта, который можно было бы продемонстрировать — я имею в виду, в конце концов, это аналитическое программное обеспечение, а не шикарный костюм. Но целевая страница Panoply (разработанная Directive Consulting) является великолепным свидетельством того факта, что дизайн и красота важны даже для технических продуктов и услуг B2B.
Это то, что, по нашему мнению, делает эту целевую страницу красивой (и эффективной):
- Умные визуальные эффекты : Творческая демонстрация пользовательского интерфейса Panoply в тонкой (но понятной) манере — одна из самых больших побед этой целевой страницы. . Интересные визуальные эффекты всегда важны, даже если продукт не подходит для фотографии.
- Социальное доказательство : Включая в первую очередь отраслевые награды и отзыв от GoDaddy — и делая это таким образом, чтобы он соответствовал общему дизайну — это еще один отличный штрих.Посетителю не нужно никуда переходить на целевой странице, чтобы знать, что отраслевые эксперты доверяют Panoply.
5. Daily Harvest
Изображение любезно предоставлено Daily Harvest. (Щелкните изображение, чтобы увидеть полную страницу.)Использование изображений для вызова сильной эмоциональной реакции может быть не проще для любого продукта, чем для еды. (Людям достаточно одного взгляда, чтобы понять, хотят ли они положить что-то в рот.) К счастью, Daily Harvest предлагает великолепную линейку здоровых закусок, и они сделали правильный выбор дизайна, чтобы продемонстрировать это на этой площадке. страница.
Вот что нам нравится на этой странице:
- Анимированные визуальные эффекты : Daily Harvest было бы легко использовать здесь статичное изображение одного из своих смузи, но бренд пошел еще дальше. Этот анимированный снимок героя очень увлекателен — смузи выглядит так, как будто я мог бы съесть прямо сейчас, если бы не этот проклятый экран компьютера, — а инструкции в формате GIF помогают мне сразу понять, как работает эта служба.
- Примеры продуктов : Остальная часть целевой страницы заполнена множеством прекрасных изображений продуктов.Одно дело сказать мне, что у вас есть огромный каталог питательных угощений, и совсем другое — показать мне реальные примеры блюд, которые я могу заказать после регистрации.
6. Greats
Изображение любезно предоставлено Greats. (Щелкните изображение, чтобы увидеть полную страницу.)Мода — это социальная идентичность, и для брендов важно демонстрировать атрибуты, которые потребители хотят приписывать себе: такие вещи, как подлинность, качество и круто .Эта целевая страница обувного бренда Greats (созданная компанией WITHIN) отлично справляется с задачей создания бренда с помощью дизайна, при этом побуждая посетителей к конверсии.
Вот почему мы думаем, что это (о нет, не говори об этом) «отличный» пример дизайна целевой страницы:
- Великолепное видео : Вся эта целевая страница довольно гладкая, но что действительно выбивает ее видео парка находится чуть ниже сгиба. Мало того, что стиль анимации остановки выглядит потрясающе, он также дает великим возможность подробно рассказать о своем уникальном торговом предложении — по одной строчке за раз.Посмотрите это на YouTube ниже.
- Правило трех : Greats применяет правило трех во всем этом макете, делая заявления о преимуществах визуально поразительными и легко усваиваемыми.
- Для мобильных устройств : эта целевая страница выглядит так же хорошо на мобильных устройствах, как и на компьютерах. Учитывая, что к 2021 году на мобильную связь, по прогнозам, будет приходиться 54% всех продаж электронной коммерции, как никогда важно, чтобы потребители находились в пути.
7. Unbounce
Изображение предоставлено Unbounce. Эй, это мы! (Щелкните изображение, чтобы увидеть полную страницу.)Если мы сами так говорим, эта недавняя целевая страница нашего бренда отлично показывает, а не говорит. Мы все замедляли работу веб-сайтов и сразу же уходили с них — но что это значит для маркетологов? Конечно, мы могли бы объяснить с помощью кучи текста, но анимация в правой части этой страницы действительно проясняет, почему быстрая загрузка целевых страниц обязательна.Дизайн этой целевой страницы следует эффективному F-образному образцу, и трудно отвести взгляд от падения коэффициента конверсии в анимации.
Вот что, на наш взгляд, отлично выглядит:
- Анимация : Время загрузки целевой страницы — не самая простая вещь, которую можно показать на статическом изображении (как мы выяснили), но это очевидно, если добавить анимацию.
- Визуальная иерархия : Встраивание наиболее важной информации в этой анимации в общий макет F помогает посетителям читать.Анимация — и содержащиеся в ней визуальные элементы — помогают сделать то, что в противном случае могло бы быть довольно скучной целевой страницей, более динамичным и интересным.
- Функции текста : Мы набили эту целевую страницу статистикой, чтобы подтвердить наши утверждения о медленной загрузке страниц, и мы хотим, чтобы эти цифры появлялись, поэтому они часто выделяются жирным шрифтом. Если на целевой странице много текста, разбейте его на отдельные абзацы и выделите важную информацию жирным шрифтом. Это облегчает посетителям сканирование и принятие мер.
В конце концов, когда дело доходит до создания красивых и эффективных целевых страниц, речь идет о сочетании чувства дизайна с пониманием того, как люди ведут себя при просмотре веб-страниц. При разработке своей следующей целевой страницы используйте лучшее из обоих миров, наблюдая за размещением призывов к действию, выбирая фотографии и визуальные эффекты продуктов, балансируя текст заголовка и проверяя, как элементы дизайна хорошо выглядят и стимулируют конверсии.
Еще больше примеров отличных целевых страниц (связанный контент)
Если вы все еще не чувствуете вдохновения после всех этих великолепных примеров, у нас есть еще больше целевых страниц, созданных с помощью Unbounce. (Что мы можем сказать? Наши клиенты действительно хороши в этом .) Взгляните на некоторые из приведенных ниже характеристик:
- Доказательство тому — пудинг. Ознакомьтесь с коэффициентами конверсии, советами инсайдеров и более красивым дизайном, прочитав 12 целевых страниц с высокой конверсией (которые заставят вас пожелать, чтобы вы их создали).
- Все еще не чувствуете? Мы тебя прикрыли. Вы найдете массу вдохновения и новых идей для целевых страниц в книге «Лучшие примеры целевых страниц, которые вы должны сохранить для своего файла Swipe».
- Иногда создание целевых страниц для мобильных кампаний — это совсем другое дело. Вот примеры мобильных целевых страниц, которые вам не по зубам.
- Наконец, если вы продвигаете приложение для iOS или Android, не ищите ничего, кроме этих невероятных примеров целевых страниц для мобильных приложений, прежде чем начать создавать свои собственные.
18 удивительных примеров целевых страниц, которые сильно преобразуются в 2020 году
Некоторые примеры целевых страниц должны служить предупреждением. Сегодня я искал лучший способ найти билеты на самолет. Я зашел на один из первых сайтов, появившихся в Google — он показался многообещающим…
Но главная страница была ужасного цвета, содержание было неровным и прерывистым, а на моем экране были блоки текста. Я не сразу нашел какую-либо полезную информацию, поэтому вернулся менее чем через две секунды и перешел на следующую страницу.
Мы все делаем это каждый день: интернет-поисковиков безжалостны и беспощадны .
Мы ожидаем, что информация будет быстрой, простой и красивой.
И мы выносим это суждение в мгновение ока.
Целевая страница с высокой конверсией может улучшить или разрушить вашу кампанию.
Целевые страницы— прекрасная возможность подарить вашей аудитории то, что они хотят, на золотом блюде, но если вы преподнесете неправильный подарок или сделаете это неправильно, вы потеряете свой шанс.Как предприниматель вы знаете, что каждый покупатель слишком ценен, чтобы быть одноразовым.
Но вам повезло : мы собрали эти примеры целевых страниц, так что вам не нужно.
Вы должны немедленно утвердить свой авторитет и убедительно и убедительно привлечь внимание к действию, чтобы привлечь потенциальных клиентов. Люди, посещающие вашу страницу, должны нуждаться в , что вы предлагаете.
В Proof мы все стремимся помочь людям получить больше конверсий с меньшими затратами усилий.Мы считаем, что хороший бизнес должен быть эффективным, честным и выгодным для обеих сторон. Мы видели, как горстка ведущих предпринимателей бросилась на забор и достигла невероятных показателей конверсии с таким отношением.
Мы действительно гордимся ими и очень рады, что стали частью их пути к успеху. Наше исследование показывает, что только 1% веб-сайтов в мире имеют коэффициент конверсии выше 60%.
Сегодня мы рады представить первый раунд членов Conversion Club, элитной группы для 1% самых конвертируемых страниц в мире.Все эти участники имеют коэффициент конверсии более 60%, получили более 100 конверсий и используют Proof на своем сайте.
Мы собираемся взглянуть на то, что они делают с этими примерами целевых страниц, и обнаружим некоторые ключи к их успеху.
18 примеров целевых страниц с поразительным коэффициентом конверсии!
Брендан Бернс из Mastering Instagram: CR 61.88%
Брендан использует свой сайт, чтобы предложить бесплатное онлайн-обучение по созданию подписчиков в Instagram.Он учит компании и влиятельных лиц в социальных сетях, как развивать и монетизировать свои аккаунты в Instagram. В приведенном выше примере целевой страницы показатель согласия составляет 61,88%. На его сайте:
- минимальный фон, яркие акцентные цвета
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Девин Зандер из приложений SMAR7: CR 92.46%
Девин создал BringTheZander для разработки приложений Shopify, которые помогают пользователям увеличивать продажи своего магазина. У него поразительный коэффициент конверсии — 92,46%, а количество подписчиков на его веб-семинары исчисляется тысячами. На его сайте:
- минимальный фон, яркие акцентные цвета
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Franck Rocca из Propulser: CR 60.5%
Franck специализируется на рекламе в Facebook, чтобы помочь своей аудитории предпринимателей узнать больше об онлайн-торговле. Его класс достиг уровня конверсии 60,5% для более чем 1300 посетителей. На его сайте:
- минимальный фон, яркие акцентные цвета
- Подлинность, показывая фотографию человека
- специальное предложение в правом верхнем углу
Режис Москардини из Оксуа Природа: CR 88.72%
Регис разработал руководство по фотографии дикой природы для других фотографов.В прошлом месяце его руководство было загружено несколько сотен раз, а его целевая страница привлекла 88,72% респондентов. На его странице:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Нейт Морс из RVing Planet: CR 73.31%
Nate помогает людям на рынке нового дома на колесах пройти полный путь от исследования до покупки нового дома на колесах.Благодаря этому бесплатному руководству для покупателей коэффициент конверсии составил 73,31%. На его странице:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Ким Снайдер из Reverse Your Funnel: CR 60.03%
Ким проводит вебинар для малых предприятий, заинтересованных в изучении минимально жизнеспособного маркетинга.Ее коэффициент конверсии 60,03% из рекламы в Facebook намного превышает стандартный для отрасли коэффициент конверсии в 9,21%. На ее странице:
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Трэвис Стивенсон из Уэлтери: CR 68.35%
Трэвис запустил Wealthery, чтобы научить предпринимателей использовать чат-ботов и другие инструменты SaaS на своих веб-семинарах.Его последняя регистрация на буткемпе привлекла 68,35% респондентов. На его странице:
- поощрение дефицита
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Брэд Мэй из Tackle Trading: CR 85,43%
Брэд — тренер в Tackle Trading, где он обучает людей тому, как лучше всего торговать и вкладывать свои деньги. Коэффициент конверсии одной из его последних кампаний по регистрации на веб-семинары составил 85.43%. На его сайте:
Аарин Чанг из Honey Bar Media: CR 64.10%
Aarin предлагает агентам по недвижимости продукты, услуги и веб-сайты по маркетингу недвижимости. Ее бесплатный план интернет-маркетинга имеет коэффициент конверсии 64,10%. На ее сайте:
- минимальный фон, яркие акцентные цвета
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Ричард Пейти из Funnel Engine: CR 63%
Ричард предлагает вводную целевую страницу для предпринимателей, которые учатся создавать свою первую воронку продаж.Сайт партнерского маркетинга продвигает такие сайты, как Clickfunnels и Samcart, с успешным коэффициентом конверсии 63%. На его странице:
- поощрение дефицита
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Тим Хан из Success Insider: CR 77.86%
Тим проводит Success Insider, курс личного развития для предпринимателей, которые стремятся к ускоренному росту, индивидуальным тренингам и эксклюзивному членству.Уровень согласия 77,86% на прошлой неделе принес более 1000 заявок. На его странице:
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Рубен Галлардо Лобато из Aprendamos Marketing: CR 67,54%
Рубен руководит Aprendamos Marketing, фирмой цифрового маркетинга, которая занимается обучением владельцев бизнеса и предпринимателей наиболее эффективным способам расширения их охвата. Он успешно привлек тысячи владельцев регистраций с уровнем регистрации 67.54%. На его странице:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Мэтт Гартнер, консультант по электронной торговле: CR 75,45%
Matt’s 5 Day Clickfunnels E-Commerce Challenge использует прорывную стратегию с Clickfunnels, чтобы помочь предпринимателям и владельцам бизнеса, интересующимся электронной коммерцией и прямой поставкой, как привлечь свою аудиторию для большего количества конверсий.Он получил 75,45% согласия на участие в этом вводном испытании. На его сайте:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Стивен Сомерс из Marketplace Superheroes: CR 66.45%
Стивен помогает предпринимателям узнать, как получить прибыль от бизнес-модели Amazon, и проводит их через процесс создания собственного бренда, продавая продукты с нуля.Его веб-семинар привлек 66,45% регистраций для участия в онлайн-сеансе, и его посетили сотни человек. На его сайте:
- поощрение дефицита
- всплывающее окно выхода
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Скотт Бапти из Food for Fitness: CR 62.69%
Скотт руководит Food For Fitness, чтобы дать простые, приятные и реалистичные советы по питанию и фитнесу.Его бесплатная электронная книга рецептов собрала тысячи подписок с коэффициентом конверсии 62,69%. На его сайте:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзывы цитаты
Роб Уорнер из Invisible PPC: CR 80.89%
Джон помогает растущим агентствам с оплатой за клик научиться привлекать новых клиентов. Веб-семинар, состоящий из трех частей, предлагает 23 стратегии привлечения потенциальных клиентов, которые собрали сотни участников с 80.Коэффициент конверсии 89%. На его странице:
- поощрение дефицита
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
- отзыв цитата
Айман Низам из Riezthelicious: CR 65.78%
Aiman дает советы и идеи по выпечке кондитерских изделий через онлайн-курсы на Riezthelicious. Форма подписки по электронной почте, предлагающая рецепт пирожного и обучение, привела к 65.Коэффициент конверсии 78%. На сайте размещено:
- выступающая кнопка захвата отведения
- отзыв цитата
Релика Шульте из Design Dream Стиль жизни: CR 75.75%
Reelika — коуч для других коучей, специализирующийся на обучении женщин разработке собственных пакетов, созданию продуктов с пассивным доходом и настройке воронок продаж с высокой конверсией для запуска бизнеса и достижения успеха с минимальными усилиями. Ее рабочая тетрадь, которую можно бесплатно загрузить, имеет коэффициент конверсии 75.75%. На ее сайте:
- минимальный фон, яркие акцентные цвета
- выступающая кнопка захвата отведения
- акцент на прибыль / прибыль
Что общего у этих целевых страниц?
На первый взгляд, эти высокопроизводительные и высококонвертируемые целевые страницы сильно отличаются друг от друга. Все они предлагают разные вещи в разных сферах деятельности десяткам разной аудитории.
Но когда мы начали делать заметки, мы поняли, что они делают то же самое. Поскольку некоторые из этих распространенных практик, вероятно, приводят к безумно высоким коэффициентам конверсии у этих предпринимателей, то в том, что они делают, должна быть ценность. Вот разбивка:
56% самых эффективных целевых страниц, которые конвертируются, использовали яркие акцентные цвета на минимальном фоне.
Blurgroup, служба корпоративного маркетинга, говорит, что теплые яркие цвета визуально привлекательны. Кажется, что они увеличивают объекты и делают их ближе, что является отличной тактикой для тонкого улучшения маркетинга.
Использование цвета для выделения ваших предложений и призыва к действию привлечет вашу аудиторию к лучшему контенту, в то время как минимальный фон сохраняет пространство чистым и доступным. Как сказал да Винчи, «Простота — это высшая изощренность».
39% лучших примеров целевых страниц рекламировали дефицит.
Ограничение предложения для увеличения спроса — основной принцип экономики. Даже если спрос на то, что вы продаете, останется постоянным, дефицит повысит вашу цену.Бриллианты считаются редким предложением с высоким спросом и растущей ценой. Мы все считаем, что бриллианты невероятно редки.
Но все это коренится в маркетинговой уловке De Beers и других крупных алмазных компаний: они позиционировали себя в качестве поставщика высшего уровня на своем рынке, адаптировали свои сообщения для надлежащей элитной аудитории, а затем наблюдали, как вливаются деньги.
У производителей алмазов есть хранилища алмазов, которых мир никогда не видел, потому что все дело в ограничении предложения: до тех пор, пока мы считаем, что существует нехватка, мы будем искать возможность получить то, что хотим, и чувствовать себя невероятно удовлетворенными, когда мы это находим.Это фантастическая возможность, если вы ищете больше конверсий.
45% этих отличных примеров целевых страниц содержали рекомендательные цитаты.
Отзывы являются оригинальным социальным доказательством. Людям нужно видеть, что они не одиноки. Они чувствуют уверенность, когда учатся на опыте других. Пара простых цитат на странице (бонусные баллы, если они написаны хорошо известной компанией) направляют потенциальных клиентов к тому, чтобы доверять вам.
Если вы ищете няню, вы, вероятно, лучше наймете любимую, надежную няню своего друга, прежде чем погрузиться в рекламу Craigslist.Вот отличное руководство по отзывам с советами по их легальному и эффективному использованию.
89% лучших целевых страниц имели вид кнопки захвата лида.
Высокоэффективный захват потенциальных клиентов имеет решающее значение для успешной кампании, но мы часто удивляемся, насколько плохо некоторые примеры целевых страниц интегрируют их в свой контент.
Практически во всех этих примерах целевой страницы с высокой конверсией используются четкие и лаконичные сообщения и дизайн, чтобы привлечь аудиторию в этот раздел.И это явно сработало: заметные кнопки захвата лида приводят к астрономическим показателям конверсии.
28% целевых страниц с высокой конверсией использовали всплывающее окно с намерением выхода.
Вы, наверное, уже видели, как на нескольких страницах использовалось всплывающее окно с намерением выхода: как только вы прокручиваете, чтобы закрыть вкладку, или щелкаете назад со страницы, на которой вы находитесь, страница оживает со словами «Эй, подожди !!» сообщение. Есть множество причин, по которым пользователь может покинуть вашу страницу.
Всплывающие окна выхода дают вам возможность сделать последнюю попытку привлечь ту часть вашей аудитории, которая нуждается в повышении конверсии.Возможно, цена является вашим самым большим противником: вы можете предложить скидку или дополнительное предложение. Что бы вы ни хотели, всплывающие окна при выходе дают вам последний шанс привлечь еще несколько конверсий.
89% лучших примеров целевых страниц делают упор на прибыль или выгоду для клиента.
Это проверенный метод: «БЕСПЛАТНО» — отличный способ продавать. Ценная щедрость заставляет клиентов чувствовать, что им уделяют особое внимание. Хотя бесплатный контент не привлечет узконаправленную аудиторию, он привлечет широкую аудиторию, которая содержит вашу целевую аудиторию, а небольшой пример того, что будет в будущем, всегда поможет привлечь платящих клиентов.
И, конечно же, в 100% лучших примеров конверсии целевых страниц использовался один важный метод…
18/18 примеров наиболее конверсионных целевых страниц, показанных выше, использовали Proof для оптимизации конверсий на протяжении всей своей кампании. Мы действительно гордимся тем, что делает Proof для развития таких удивительных компаний, как те, что мы показали выше. Каждая из этих целевых страниц, которые конвертировали, дала коэффициент конверсии более 60%.
Это ваше приглашение присоединиться к нам и повысить свой коэффициент конверсии с сегодняшнего дня: присоединяйтесь к нашему списку рассылки ниже, и вы получите больше замечательных советов по конверсиям и возможность бесплатно попробовать Proof в течение двух недель.И мы хотели бы услышать, что вы думаете после того, как отследите свои результаты.
Ваше место на этой странице? Присоединяйтесь к нашему новому клубу конверсий, если коэффициент конверсии вашей кампании превышает 60%.
А что насчет Proof? Почему бы не попробовать…
Какие еще методы вы используете для оптимизации целевой страницы и достижения заоблачных показателей конверсии? Расскажите нам, что вы думаете, в комментариях.
.Landing Page Вдохновение: 19 примеров посадочных страниц для 2019
Это сообщение в блоге было обновлено для 2020 года.
«Хорошие художники копируют. Великие художники воруют ».
Хотя точное происхождение этого спорного заявления были жаркие споры на протяжении многих лет, это был покойный Стив Джобс, который классно отнести его к Пабло Пикассо. Независимо от того, кто на самом деле сказал эти слова, они дали бесчисленному количеству художников «творческую лицензию», чтобы они вдохновлялись другими художниками и воплощали великие идеи в свои собственные работы.
Вот что я сделаю в сегодняшнем посте — позволю вам вдохновиться. Если вашим целевым страницам нужно немного «притягательности», читайте дальше, чтобы увидеть 17 прекрасных примеров вдохновения для целевых страниц со всего Интернета. Надеюсь, эти примеры целевых страниц дадут вам представление о том, как сделать ваши целевые страницы лучше, повысить коэффициент конверсии и обеспечить лучший опыт для ваших пользователей.
Прежде чем мы начнем …
Пара быстрых заявлений об отказе от ответственности.Во-первых, в отличие от Пикассо (или того, кто на самом деле произнес эту цитату), я не защищаю откровенное воровство идей у других. Плагиат — это не круто, равно как и откровенное копирование чужой работы. Вдохновляйтесь, но не будьте вором.
Во-вторых, не каждый из следующих примеров является «истинной» целевой страницей — некоторые из них являются домашними страницами, но они все же могут служить ценными примерами методов, которые вы, возможно, захотите включить в свои собственные страницы. Кроме того, эти примеры не предлагают много советов для целевых страниц в социальных сетях.Подробнее об этом читайте в этой публикации на целевых страницах Facebook.
С учетом этих двух предостережений, приступим. Это 19 лучших целевых страниц, которые мы видели.
И еще одно: если вы создаете целевую страницу для предстоящего продукта или выпуска, ознакомьтесь с нашей публикацией о целевых страницах, которые скоро появятся.
Landing Page Вдохновение: Копирайтинг
Вы также можете посмотреть выпуск подкаста по этой теме! Подкаст Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.
1. Используйте вдохновляющую копию
Желательный язык — одно из ваших самых мощных орудий конвертирующего копирайтера. Один из лучших примеров вдохновляющего текста на целевой странице, с которым я когда-либо сталкивался, — это эта целевая страница, созданная сайтом, финансирующим артистов, Patreon:
Patreon соединяет работающих художников с поклонниками их работы, которые поддерживают своих любимых художников финансово посредством небольших пожертвований и пожертвований. Думайте об этом как о постоянной платформе Kickstarter для художников.Это означает, что, по сути, Patreon просит своих посетителей давать деньги артистам.
Сайт мог использовать множество подходов, чтобы заставить посетителей расстаться со своими деньгами, но, используя вдохновляющий язык, Patreon обращается к желанию посетителей стать важной частью творческого процесса.
Люди, которые поддерживают художников на Patreon, не дают кому-то денег и не «жертвуют» на какое-то дело — они покровители искусства, термин, обычно зарезервированный для тех богатых людей, после которых появляются новые крылья в престижных названы художественные галереи.Такое позиционирование очень умно, поскольку дает благотворителям художников возможность не только финансово поддерживать художников, которых они любят, но и думать о себе по-другому.
Не хватает вдохновения? Скачайте бесплатно: 15 отличных идей для целевой страницы
2. Используйте свое уникальное торговое предложение
Ваше уникальное торговое предложение должно быть неотъемлемой частью ваших целевых страниц и ваших более широких маркетинговых инициатив, но это не значит, что вы должны перебивать с его помощью потенциальных клиентов.На самом деле, использование более тонкого подхода может быть очень убедительным, как показывает этот пример из социальной сети колледжа CampusTap:
Может показаться, что эта минимальная целевая страница не предлагает много ценной информации, но на самом деле говорит о многом.
Потенциальные пользователи могут многое сделать из четырех слов подтверждающего текста под названием сайта. Совершенно очевидно, что уникальное торговое предложение CampusTap — конфиденциальность, больное место для многих пользователей социальных сетей, обеспокоенных тем, что они публикуют в Facebook или Twitter.Уже одно это может оказаться заманчивым для студентов колледжа, надеющихся не отвлекаться от своей цифровой жизни.
Копия также предполагает атмосферу исключительности. Конечно, колледж может быть не , а таким же кликовым, как средняя школа, но во многих колледжах все еще присутствует очень деликатная социальная экосистема, что некоторым пользователям может показаться привлекательным. Слово «частный» предполагает не только безопасность данных пользователей, но и тщательно продуманное чувство общности, которое находится под контролем пользователя.
3.Помогите посетителям визуализировать лучшую жизнь
Я уже говорил это раньше и скажу еще раз. Люди не хотят ничего покупать — они хотят решить свои проблемы и сделать свою жизнь лучше. Помочь потенциальным клиентам визуализировать эту лучшую жизнь может быть очень убедительным приемом, как показывает этот пример от небольшой компании-разработчика программного обеспечения Wave:
Wave — это, по сути, инструмент для бухгалтерского учета, налогообложения и выставления счетов. Хотя все эти вещи имеют решающее значение для успеха любого малого бизнеса, они не совсем привлекательны, и, в первую очередь, не из-за них люди запускают собственный бизнес.Вот почему Wave фокусируется на результате — и эмоциональной отдаче от использования Wave — а не на специфике своего программного обеспечения.
Комбинация отзыва / героя — хитрый ход. Он не только показывает реального, довольного клиента (что служит сигналом доверия), но и помогает посетителям представить свою жизнь в качестве клиента Wave. Для большинства предпринимателей идея «делать то, что им нравится», в то время как единый программный пакет «делает все остальное», очень заманчива, и именно это Wave хочет, чтобы потенциальные клиенты чувствовали себя именно так.
4. Помогите людям сделать лучший выбор
Выбор подходящей бутылки красного цвета для тонко тушеной баранины или редкого портье может стать минным полем для непосвященных. Вот почему приложение Vivino, помогающее людям выбрать идеальное вино, позиционирует себя как незаменимый инструмент для начинающих гурманов и любителей вина.
Vivino исключает догадки при покупке подходящего вина и помогает пользователям выбрать идеальный винтаж практически для любого случая.Это помогает людям принимать более обоснованные решения, что в очередной раз обращается к их желанию решить свои проблемы — даже такие, казалось бы, тривиальные, как выбор правильного вина.
Еще одно преимущество этого подхода — предоставление людям возможности казаться более искушенными или знающими. Одна из основных причин, по которой люди делятся определенным контентом в социальных сетях, — это показаться своим сверстникам умными и хорошо информированными. Если люди делятся контентом, чтобы казаться умнее, имеет смысл использовать это желание казаться мирским и на ваших целевых страницах.
5. Сделайте смелое заявление
Иногда то, что вы пытаетесь сделать, настолько важно, настолько мощно, что вам не нужно ничего делать, кроме как заставить людей встать и принять меры. Показательный пример, эта страница из Last Days of Ivory:
.С точки зрения дизайна, нет ничего более смелого, чем это. Контраст белого с черным — это мощное визуальное утверждение, и здесь очень мало чего, кроме логотипа (который также служит неортодоксальным призывом к действию), некоторых значков брендов, показывающих, с какими организациями связана кампания. с, и «настоящий» CTA в правом верхнем углу.
В подобных примерах простота и сила сообщения делают всю тяжелую работу и дают большой эффект.
6. Знайте свой бренд и рискуйте
Посмотрим правде в глаза — большинство маркетинговых материалов смертельно скучно. Одна из причин этого заключается в том, что слишком мало брендов готовы идти на творческий риск в своих кампаниях. Бренд, который не избегает риска, — это Tapely, сайт обмена микстейпами в Интернете:
Цифровые музыкальные сервисы, такие как Spotify, великолепны, но тщательно подобранный плейлист никогда не будет иметь такого же сырого ощущения, как микстейп.Вот почему Tapely передает эмоции, энергию и отношение групп, которые изменили нашу жизнь, и контрафактные треки, которыми мы поделились с друзьями, чтобы создать целевую страницу, которая ни от кого не принимает никакого дерьма.
Только вы можете решить, как далеко вы можете зайти в своих маркетинговых кампаниях, и, очевидно, этот подход не подойдет всем. Однако для определенных брендов, связанных с образом жизни, выполнение чего-то, что большинство людей может посчитать немного рискованным, может укрепить ваш бренд и дать ощущение аутентичности, которого, к сожалению, не хватает в большинстве маркетинговых материалов.
7. Задавайте вопросы
Один из лучших способов соблазнить потенциальных клиентов — задать им вопрос. Это может быть чрезвычайно эффективным методом, чтобы заставить посетителей перейти на другую страницу, как показывает этот пример с сайта недвижимости Trulia:
Конечно, домовладельцы знают, сколько стоил их дом, когда они подписали ипотечный кредит, но повысилась ли стоимость или снизилась? Используя любопытство пользователей, Trulia создает соблазн предоставить их личную информацию и конвертировать — очень умно.
8. Обращение к эмоциям потенциальных клиентов
Независимо от того, что потенциальные клиенты хотят купить, они хотят, чтобы чувствовал что-то — лучше о себе, более уверенно в принятии решения, адекватно информированным о проблеме.
Одна из главных причин того, что большая часть контента и маркетинга B2B настолько безвкусна, заключается в том, что многие компании целенаправленно избегают попыток добиться эмоциональной реакции от своих потенциальных клиентов — ошибка, которая приводит к сухим, легко забываемым сообщениям.
При правильном исполнении обращение к эмоциям потенциальных клиентов может быть очень эффективным.Эта целевая страница от Happify, приложения, которое отслеживает эмоциональное поведение с течением времени, чтобы способствовать более счастливому мировоззрению, очень хорошо использует эту технику:
В дополнение к визуальным эффектам, предлагающим свободу и время для расслабления и развлечений, которых многим из нас не хватает в наши дни, текст очень убедителен. Он создает ощущение срочности, не будучи чрезмерно настойчивым, и намекает на преимущества использования приложения, не прибегая к жесткой продаже.
Комбинация изображения и текста приводит к получению эмоционально привлекательной страницы, которая пробуждает любопытство потенциальных клиентов и усиливает их стремление к эмоциональной отдаче.Кстати об эмоциональных выплатах…
9. Говорите напрямую со своими посетителями
Еще одна ошибка, в которой виновно слишком много B2B компаний (в частности), — это использование в своих копиях удаленного языка от третьего лица. Это может быть подходящим в определенных ситуациях, но по большей части все, что это будет делать, — это оттолкнуть ваших посетителей.
Многие маркетологи говорят о ценности настоящих связей просто потому, что они очень редки. Как и в примере выше, вы хотите, чтобы ваши посетители что-то почувствовали, когда они посещают ваш сайт или попадают на вашу целевую страницу, и один из способов сделать это — напрямую поговорить с вашим потенциальным клиентом.Посмотрите этот пример из ныне не существующего приложения для видеочата Awesometalk:
Хотя Awesometalk некоторое время назад закрылся, эта целевая страница остается отличным примером того, как прямое обращение к вашим посетителям и обращение к их эмоциям может сделать даже относительно обычную онлайн-службу значительно более привлекательной.
Копия напрямую привлекает посетителей и упрощает преобразование — два решающих фактора для бизнеса, работающего в (очень) переполненном пространстве. По крайней мере, этот пример показывает, как простая копия может иметь большое влияние.
10. Развлекайтесь над общими проблемами
Один из наиболее эффективных способов стимулировать интерес к решению — привлечь внимание к проблеме и признать ее. Многие компании делают это косвенно, но иногда более прямой подход может быть более убедительным, как показывает этот пример из Meeting Hero:
ПриложениеProductivity Meeting Hero (которое теперь называется WorkLife) не только признает проблему, которую пытается решить, но и делает это с легким юмором.Добавив немного персонажа к тексту и осторожно высмеяв тот факт, что большинство встреч ужасны, эта страница делает подразумеваемую выгоду от использования приложения более привлекательной.
К сожалению, Meeting Hero потерял это сообщение, когда превратился в WorkLife, который предпочитает типично мягкое позиционирование, которое вы видели бесчисленное количество раз раньше. Однако этот пример по-прежнему показывает, что немного юмора и прямое признание проблемы, о которой все знают, могут быть отличным способом заинтересовать посетителей тем, что вы предлагаете.
11. Позвольте покупателям продавать за вас
С точки зрения потенциального покупателя нет ничего более обнадеживающего, чем восторженный отзыв от покупателя , платящего . Это особенно верно для компаний-разработчиков программного обеспечения, таких как Salesforce: если стать вашим клиентом означает взять на себя довольно дорогостоящее и долгосрочное обязательство, ваши потенциальные клиенты, естественно, будут настроены скептически.
Используя положительный опыт ваших текущих клиентов, вы доказываете своим потенциальным клиентам, что они тоже могут добиться успеха, купив ваш продукт или услугу.
Этот пример от Salesforce особенно хорош, поскольку он включает изображение женщины, чей отзыв цитируется. Если поставить рядом с копией настоящее улыбающееся лицо, отзыв станет еще более надежным.
Наконец, неплохо было бы разместить свой отзыв рядом с узнаваемыми логотипами других клиентов (см. Пример №12). Чем больше социальных доказательств, тем лучше.
Landing Page Вдохновение: дизайн и UX
12. Поместите сигналы доверия спереди и по центру
Включение сигналов доверия на вашу целевую страницу может быть достаточно, чтобы убедить даже самых нерешительных потенциальных клиентов принять меры.Это особенно верно для компаний, работающих в потенциально чувствительных областях, таких как финансовые приложения. Одна компания, которая понимает это, — поставщик автоматизации биллинга Recurly, как показано во втором примере создания целевой страницы:
Как видите, Recurly использует свои впечатляющие сигналы доверия для большого эффекта на этой эффективной целевой странице. Не только логотипы компаний расположены очень заметно, но и сами логотипы красноречиво говорят о том, насколько безопасным и надежным является Recurly как услуга — если LinkedIn, Adobe, Zillow и Groupon являются довольными клиентами, скорее всего, и потенциальные клиенты будут.
Помимо отличного использования сигналов доверия на этой целевой странице, текст также очень умный: «Сложность, которую ожидает ваш финансовый директор. Ваша команда требует простоты использования ». Это ясно указывает на то, что идеальные клиенты Recurly — это финансовые профессионалы, которые подчиняются исполнительной команде, но имеют свои собственные управленческие обязанности. Это может показаться простым, но привлечь людей с такой точностью в таком маленьком тексте сложнее, чем кажется.
Позиционируя себя таким образом, Recurly демонстрирует, что хорошо понимает потребности своих потенциальных клиентов. и обращается к ним с точки зрения преимуществ использования их системы.Блестяще.
13. Добавить интерактивные элементы
Современные веб-пользователи становятся все более сообразительными и ожидают не только нужной информации, но и захватывающего и полезного опыта работы в сети. Один из способов превзойти ожидания посетителей (или хотя бы оправдать их) — это включить интерактивные элементы на свои целевые страницы.
Эта техника может быть очень мощной. Пример ниже (и сопроводительная реклама) от продавца нестандартной одежды Tailor4Less добавляет интерактивности на страницу, чтобы создать привлекательный способ для потенциальных клиентов создавать свои собственные костюмы:
Даже обещание интерактивного опыта делает призыв к действию более убедительным.Этот подход требует немного больше технических накладных расходов, чем статическая целевая страница, но я готов поспорить, что вовлеченность и коэффициент конверсии выше.
14. Пусть говорят сами за себя изображения
Компании, предлагающие несколько абстрактные продукты или услуги, могут испытать соблазн использовать кучу текста, чтобы объяснить, что они делают. Однако в большинстве случаев простой текст в сочетании с сильным визуальным эффектом «героя» может объяснить то, что вы делаете, гораздо эффективнее, чем стена текста. Показательный пример: целевая страница от компании по оптимизации рекламы Chatterbox Labs:
Даже опытным маркетологам может быть сложно передать визуально концепцию сегментации аудитории.Тем не менее, эта целевая страница прекрасно использует изображение героя, сопровождающее его краткую копию, чтобы донести мысль легко усваиваемым и визуально привлекательным способом.
Вместо того, чтобы объяснять словами, насколько сложной может быть сегментация аудитории или насколько разнообразной может быть сама аудитория, Chatterbox Labs использует знакомую сцену в своем визуальном образе — оживленную уличную сцену Нью-Йорка. Это подразумевает сложность аудитории, не прибегая к длинному тексту, который загромождал бы минимальную страницу.
Конечно, призыв к действию мог бы быть немного яснее, но вы поняли идею — позвольте вашим изображениям говорить.
15. Сделайте так, чтобы посетителям было легко конвертировать
Прежде чем мы погрузимся в наш следующий пример вдохновения целевой страницы, взглянем на предыдущие пять. Заметили что-нибудь? Вы поняли — все они имеют одну кнопку с призывом к действию.
Максимально упростив конвертацию посетителей, вы значительно повысите коэффициент конверсии.Чем больше работы вы просите выполнить, тем меньше вероятность, что они ее выполнят. Один из сервисов, который очень хорошо использует этот принцип, — это приложение Todoist:
для создания списков дел.Если вы хотите расширить пользовательскую базу своего приложения, например, социальная интеграция — отличный способ упростить процесс конверсии, как это делает этот пример из службы онлайн-платежей Venmo:
Важно отметить, что то, что на самом деле считается конверсией, сильно различается. Для некоторых предприятий конверсия может быть такой же простой, как переход посетителя на страницу с дополнительной информацией.Другие могут определить конверсию как отправку длинной веб-формы с указанием имени, возраста, диапазона заработной платы, должности и т. Д. Независимо от того, что вы хотите, чтобы ваши посетители делали, сделайте это как можно проще.
16. Ближе к делу — быстро
Многие маркетологи полагают, что просто потому, что кто-то щелкнул объявление или ссылку в обновлении социальных сетей, им не нужно объяснять, чем занимается их бизнес на своей целевой странице.
Это ошибка.
Ваши целевые страницы должны быть уникальны для источников, которые в первую очередь направляли на них пользователей, но вы также должны быть уверены, что ваши посетители могут почти мгновенно понять, что вы делаете, что вы продаете или что вы предлагаете.Чем больше времени им понадобится, чтобы понять это, тем больше риск их потерять. Вот почему вам нужно переходить к сути практически мгновенно, как это делает эта целевая страница от AskNative.com:
Хотя на самом деле это домашняя страница AskNative.com, это не имеет значения — нет никакой двусмысленности в том, что вы можете ожидать от AskNative как услуги. Текст ясен, краток и точно объясняет, что предлагает AskNative, прежде чем предлагать пользователю зарегистрироваться через социальную интеграцию с Facebook (умный ход — см. № 15).
Чем быстрее вы перейдете к сути, тем больше вероятность того, что ваши посетители перейдут по ссылке и конвертируются. Не заставляйте их тратить время на то, чтобы понять, что вы делаете, добавляя «умную» копию или диковинные варианты дизайна.
17. Включить видео
Многие компании отталкиваются от видео из-за предположения, что видео должно стоить тысячи долларов и иметь отличную производственную ценность. Мы уже говорили о целевых страницах для видео, и стоит повторить, что включение видео может вывести целевую страницу на новый уровень.
Посмотрите этот пример целевой страницы от производителя курятников ChickenSaloon.com (и рекламу, которая направляет пользователей на эту страницу). В нем есть короткий видеоролик из реалити-шоу «DIY Yardcore», в котором рассказывается об одном из его продуктов — Tavern coop:
Видео не должно стоить руки и ноги, и его включение на целевую страницу может сделать его гораздо более «липким» для пользователя. В этом примере видео также придает бренду и его продукту дополнительную аутентичность и помогает завоевать доверие зрителя.
Если вы не знаете, как начать работу с видео для своих целевых страниц, ознакомьтесь с этой публикацией о создании собственных маркетинговых видео.
18. Подумайте о цвете
До сих пор мы потратили большую часть этого сообщения на обмен сообщениями, текст и тон, но мы не исследовали один из самых важных элементов целевой страницы — цветовую палитру.
Хотя цвет может быть не так очевиден в его сообщении, как текст, он многое говорит о вашем продукте, вашей компании и вашем бренде.Давайте посмотрим на этот пример из сервиса управления паролями Mitro:
Эта страница не только эстетична благодаря четкому и современному дизайну, но и прекрасно использует цвета. Синий цвет означает доверие, силу и надежность — все, что вы хотите от менеджера паролей. Тонкая смесь зеленого также подразумевает мир, предполагая, что пользователи Mitro могут спокойно отдыхать, зная, что их пароли в безопасности в руках Mitro.
При разработке следующей целевой страницы подумайте, что вы хотите, чтобы цветовая палитра говорила о вашем бизнесе.Вы хотите подчеркнуть силу и доверие или передать чувство смелости и азарта? Проверьте эту цветовую таблицу, чтобы увидеть, какие цвета обозначают цвета, и тщательно подумайте о том, что вы хотите, чтобы цвет говорил о вашем продукте.
19. Используйте дизайн F-Pattern
Еще в 2006 году Nielsen Norman Group использовала тепловые карты для изучения различных способов сканирования текстовых веб-страниц. Ключевым выводом было то, что люди часто делают это в форме буквы F.
Что говорят нам эти тепловые карты?
Обычно посетители сайта просматривают верхнюю часть страницы слева направо, немного перемещаются вниз по странице, снова сканируют слева направо, а затем просматривают ее сверху вниз по левому краю.
Создавать целевые страницы по этому F-образцу — это хорошая идея. Поместите самое важное сообщение в заголовок вверху, второе по важности сообщение — прямо под ним, а дополнительную информацию (в порядке убывания важности) ниже по странице.
Теоретически, создание ваших целевых страниц таким образом будет отдавать приоритет наиболее важной информации и естественным образом направлять посетителей сайта к вашей кнопке CTA, тем самым делая конверсию максимально простой.
А чего еще вы здесь добиваетесь?
Захватывайте и конвертируйте больше потенциальных клиентов с помощью набора инструментов CRO
Итак, теперь, когда мы рассмотрели несколько прекрасных идей для целевых страниц из Интернета, пора начать создавать свои собственные.
WordStream’s CRO Toolkit — это универсальный инструмент для оптимизации коэффициента конверсии. Благодаря интуитивно понятному интерфейсу перетаскивания и неограниченной функциональности A / B-тестирования, CRO Toolkit упрощает создание и оптимизацию всплывающих окон и целевых страниц, чем когда-либо прежде.
Набор инструментов CRO Toolkit дает вам все необходимое, чтобы побудить посетителей вашего сайта принять меры с исключительно высокой скоростью. Начните бесплатную пробную версию сегодня!
.лучших шаблонов посадочных страниц Shopify
Все продукты- Шаблоны веб-сайтов
- Магазин WordPress
- Шаблоны WordPress
- Темы WooCommerce
- Торговая площадка для Elementor
- Техническое обслуживание WordPress
- HTML-шаблоны
- HTML5 шаблоны сайтов
Шаблоны страниц для новостных рассылок Шаблоны страниц - Магазин WordPress
- Specialty Pages
- Muse Templates
- MotoCMS Site Builder
- TemplateMonster Sites
- шаблонов электронной коммерции
- Shopify Темы 9000
- Шаблоны Magento 9000 Presta 9000 Шаблоны
- 000 Открытые шаблоны
- MotoCMS Ecommerce
- Шаблоны VirtueMart
- Шаблоны ZenCart
- Темы BigCommerce
- Шаблоны CMS
- Шаблоны Joomla
- Шаблоны Moto CMS 3
- Темы Drupal
- Mot o HTML-шаблоны CMS
- Популярные категории
- HTML-шаблоны компании-разработчика
- HTML-шаблоны для строительства
- Шаблоны для бизнес-сайтов
- Шаблоны для туристических сайтов
- Бизнес-темы WordPress
- Шаблоны для веб-дизайна
- Медицинские WordPress
- Новости и журналы WordPress темы
- Зоомагазины Shopify Темы
- Консультации по HTML-шаблонам
- Консультации по темам WordPress
- Шаблоны для рекламных агентств
- Ювелирные магазины Shopify Темы
- Темы WordPress для разработчиков программного обеспечения
- Темы Shopify для автозапчастей
9004 Категории - Искусство и культура
- Животные и домашние животные
- Дизайн и фотография
- Образование и книги
- Бизнес и услуги
- Автомобили и мотоциклы
- Компьютеры и Интернет
- Электроника Шаблоны 900 09
- Развлечения, игры и ночная жизнь
- Дом и семья
- Мода и красота
- Еда и ресторан
- Праздники, подарки и цветы
- Медицинские шаблоны
Добавить комментарий