Как создать лендинг: раскрываем секреты дизайнеров
Главная проблема большинства современных лендингов – все они будто сделаны под копирку. А где же креатив, огонь, где дизайнерские безумства?
В этой подборке я собрала интересные фишки и необычные эффекты. Часть из них сделали разработчики и веб-дизайнеры «Текстерры», часть нашлась на просторах рунета. Не обошлось и без примеров отвратительного дизайна и откровенной шизы – в конце статьи вас ждет знакомство с хомяком-убийцей и Снегурочкой с ведром.
Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.
И, главное, помнить, что лендинг – не самодостаточный инструмент. Для конверсий, лидов и продаж нужен качественный трафик. А добыть его сложно без комплексного продвижения.
Расширенная форма
Обычно на одностраничниках используют стандартную форму заявки с несколькими полями.
Для чего это нужно? Владелец лендинга в любом случае получит свои лиды – даже если полей в форме всего два-три. Но вот клиенту будет интересно копнуть поглубже. Не просто заказать, а самостоятельно выбрать свой вариант.
Две кнопки СТА
На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.
Конкретные цифры (результаты)
Это не новая, но по-прежнему работающая фишка. Покажите клиентам, чего вы добились, в цифрах: это понятнее, нежели абстрактные фразы «мы лучшие», «у нас сотни выполненных проектов» и так далее. Посмотрите на лендинг smartprogress.do: сразу видно, сколько человек уже присоединились к проекту, сколько целей поставили, сколько достижений выполнили.
Персонализация
Безликие шаблонные лендинги – бр-р, что может быть унылее! Оживите свой одностраничник, добавьте огня, заинтересуйте потенциального клиента. Например, на странице услуг «Текстерры» по созданию сайтов размещены фото сотрудников, которые непосредственно этим и занимаются. Посетитель заходит и видит: ага, моим ресурсом будут заниматься не абстрактные разработчики, а вполне живые Святослав, Полина, Артем и другие.
Как сделать хороший лендинг еще лучше?Удобная форма ответа
Отзывы клиентов
Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге, который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.
Демонстрация результатов
Hipstamatic – это приложение, с помощью которого можно применить различные фильтры к фотографиям на мобильном телефоне. Лендинг является эффективным, в первую очередь, потому что на нем изображены красивые примеры обработанных в этом приложении фотографий. Так пользователь сразу видит результат и быстро принимает решение о покупке.
Параллакс-эффект
Параллакс-скроллинг – особый эффект, благодаря которому фоновые изображения двигаются чуть медленнее, чем те, что расположены на переднем плане. Вот как на сайте valenkivodka.com. Проскролльте лендинг – бутылка водки будет следовать за вами сверху вниз, медленно перемещаясь. Волшебные пузырьки по всему фону заставляют вспомнить о щедром новогоднем застолье. Душевно получилось!
Как сделать крутой лендинг: 13 небанальных идейАнимация
Вообще, у анимации функций много. Движущиеся картинки и предметы привлекают и удерживают внимание пользователя, направляют его взгляд на самые важные элементы лендинга (кнопку СТА, таймер, виджет и так далее), частично заменяют текст. Один из примеров – на сайте madwell.
Внимание, вопрос: какую функцию выполняет эта анимация? Ответить можно в комментариях к статье.
Иллюстрации
Не будем говорить банальности: авторские иллюстрации способны оживить самый тухлый шаблонный лендинг, это все знают. Важно, чтобы рисунки отвечали тематике лендинга и ожиданиям его целевой аудитории. Смотрите: на сайте полезного детского питания marcandfisa.com картинки стилизованы под детские рисунки. Точное попадание в ЦА – мамам и папам, которые покупают продукцию, должно зайти.
Еще один пример на лендинге satellite-express.ru. Иллюстрация идеально дополняет заголовок: «Главное при диабете – найти баланс».
Мультилендинги
Предложение на лендинге меняется в зависимости от запросов пользователя. Набрал «продать дачу» – читаешь на сайте про дачу. Набрал «гараж» – про гараж. Подробнее об этой технологии мы писали в статье о том, как сделать мультилендинг самостоятельно.
Вот пример мультилендинга для компании «Овионт», который сделали мы.
Клиент планировал сделать отдельные лендинги для трех продуктов: инструментов автоматизации делопроизводства.
На первом экране мультилендинга есть краткие описания продуктов. Каждый блок с описанием оформлен индивидуально. Пользователь выбирает подходящий продукт и переходит к подробному описанию.
Для каждого продукта мы сделали подробные разделы. Общий объем контента на мультилендинге – примерно 30 тыс. знаков. На каждой странице есть подробные разделы:
- описание функциональности;
- дополнительные модули;
- частые вопросы по использованию;
- тарифы;
- отзывы.
Раздел «Тарифы» на странице каждого продукта работает по-разному. Например, на странице тарифов «Контур.Экстерн» пользователь может прочитать описания трех тарифных планов, выбрать один из них и оформить подписку на один или два года.
Использование мультилендинга в данном случае оправдано, так как посетитель сразу оценивает три предложения и выбирает подходящее. Если представлять каждый продукт на отдельном лендинге, часть пользователей не найдет нужный сразу и не оформит заказ.
Нover-эффект
При наведении курсора картинки меняют цвет, увеличиваются, приближаются и удаляются. Это делает лендинг необычным и привлекает внимание к отдельным его элементам. Если навести курсор на строку «Фотографии и общение с хаски» – появится фотография собачки. На строку «Семейная беседка-гриль» – интерьер этой самой беседки, и так далее.
Сплит-макеты
Split screen, или разделенный экран – очень эффектный дизайнерский прием. Суть в том, чтобы привлечь внимание пользователя к каждой части экрана – чтобы информация точно не потерялась.
Трехмерная графика и дополненная реальность
Лендинг создан для приложения Qubi. Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.
Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.
На экране смартфона или планшета кубик оживает. Пользователь играет в трехмерный вариант «Змейки», «2048», «Лабиринта». При этом управлять игрой нужно с помощью реального кубика. Чтобы управлять кубиком двумя руками, нужно использовать специальную подставку для смартфона, которую можно собрать самостоятельно.
Трехмерную модель кубика можно увидеть на иллюстрации (gif).
Что хотел клиент
Клиент попросил сделать лендинг, который подчеркивает особенность игры: использование трехмерной дополненной реальности. В частности, он хотел видеть эффект перемещающихся граней трехмерного кубика, активная грань которой вписана в экран устройства посетителя.
Что мы сделали
Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.
Для финальной версии лендинга мы сделали более реалистичный вариант кубика. В отличие от рабочей версии, в финальной вращение кубика происходит снаружи, а не изнутри. Ощущения трехмерности усиливаются благодаря анимации заголовков.
Лендинг полностью адаптивный.
Интерактивный выбор цветов окраски интерьера и мебели
Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.
Компания «ДСК.Color» окрашивает любые поверхности в разные цвета. Можно заказать окраску мебели, бытовой техники, велосипедов, музыкальных инструментов и других предметов. Клиент может выбрать любой цвет.
Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.
Что хотел клиент
Клиент попросил сделать яркий и запоминающийся лендинг «с призывом окрасить все вокруг». У него были идеи сделать изображения мебели в формате 3D, чтобы посетитель «мог покрутить и рассмотреть окрашенный предмет с разных сторон».
Что мы сделали
Мы предложили клиенту идею: дать посетителю возможность самостоятельно выбрать цвет мебели и предметов интерьера.
Для этого на посадочной странице предлагалось изображение комнаты, в которой основные предметы посетитель может раскрашивать с помощью открывающейся по клику палитры. На основе выбранных цветов и предметов пользователь может рассчитать стоимость услуг. Первый прототип выглядел так.
Клиенту идея очень понравилась, поэтому мы сделали рабочий прототип лендинга. На нем основная часть выглядела уже так.
Договорились с клиентом оставить возможность окрашивания стола, стульев, двери и кухонного гарнитура. Это основные предметы, которые красит компания.
После согласования прототипа в работу включились дизайнер и верстальщик. Первый нарисовал все предметы в svg (это формат графики). Второй сверстал и добавил к областям svg палитру цветов. После этого реализовали модальное окно. С его помощью пользователь может перепроверить цвета и предметы и отправить заявку на услугу.
Необычные и обычные прелоадеры
С помощью прелоадера или спиннера можно сделать более удобным и визуально привлекательным любую посадочную страницу. В этом разделе поговорим о прелоадерах и посмотрим на примеры этих элементов, созданные специалистами «Текстерры».
Что такое прелоадер и какие задачи он решает
Прелоадер или спиннер – знак, который появляется на экране до загрузки страницы. Эти элементы вы видите ежедневно, когда пользуетесь интернетом. Ниже пример прелоадера.
Прелоадер решает практическую задачу: сообщает пользователю, что страница загружается, а также заменяет собой визуально непривлекательную картину загрузки. Это нужно пояснить.
Из-за технических особенностей работы браузеров страницы сайтов загружаются неравномерно. Во время загрузки верстка может «плыть». Если страница загружается несколько секунд, а не доли секунды, пользователь какое-то время наблюдает непривлекательную картину.
Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.
Как мы улучшаем лендинги с помощью прелоадеров
Мы создаем уникальные прелоадеры, в том числе анимированные. Вот несколько наших работ.
Для лендинга Qubi мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.
На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.
На лендинге Whalenet можно увидеть спиннер в виде бирюзового прямоугольника.
На сайте Parielle работает классический прелоадер в форме круга.
На лендинге Projectto использовали прелоадер в форме прямоугольника.
Внешний вид прелоадера обычно обсуждается на этапе проектирования лендинга.
Интерактив
На лендинге бизнес-центра «Фидель»необычно реализована возможность посмотреть свободные офисы и подать заявку на аренду.
Как работает лендинг
На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.
При наведении курсора на свободный офис всплывает кнопка «Подробнее».
Нажатие кнопки направляет пользователя на страницу с информацией об офисе и его фотографиями. С этой страницы можно оставить заявку на аренду помещения.
Особенности реализации
Наш дизайнер нарисовал формы офисных помещений, рисунки сделаны в формате svg. Эти рисунки накладываются на планы этажей. Когда администратор сайта в панели управления отмечает, что офис свободный, скрипт включает отображение рисунка на плане и возможность перейти на страницу с информацией и формой заказа. Когда администратор отмечает, что офис занят, скрипт отключает изображение рисунка на плане.
Собственно дизайн
В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!
Напоследок о наболевшем – несколько примеров ужасных лендингов. Для контраста, фейс
11 примеров Landing Page с высокой конверсией
Эта статья о том, что для успеха Landing Page важна не только визуальная привлекательность. От лендингов ждут высоких конверсий. Эффективность лендингового сайта особенно актуальна при проведении кампании. Когда создают целевую страницу (пр. оформив главную как лендинг), то задают конкретные конверсионные цели под таргетированное торговое предложение (услуги, товар). Универсальные советы не решают главных проблем посадочных страниц. Достойные лендинг пейдж для каждой цели конверсии практикуют индивидуальный подход с уникальностью в дизайне / оптимизации текста.
Тенденции к минимализму учат делать эффекты ненавязчивыми. Для повышения конверсии важно определить максимально результативные элементы лендинговой страницы (поп-ап заказ обратного звонка, лид-форма, ссылки футера). В каком месте происходит конвертация?
Что отличает Landing Page?
(Да-да, перейти к лендинговым страницам с высокой конверсией!)
Высококонверсионный Landing Page:
- Сначала, мощное Hero-изображение. Высококонверсионный лэндинг – страница с которой не хочется уходить. Тематичная картинка, видео в главном экране: 1) Фокусирует внимание 2) Увлекает. Представьте продукт / сервис в контексте применения: как работает, насколько прост. Покажите преимущества и пользующихся ими людей.
- Один призыв к действию, ориентированный на взаимодействие с клиентом. После мощного визуального воздействия на посетителя, вам нужно получить лид или конвертацию, верно? Сделайте CTA-посыл заметным (с точки зрения дизайна) и убедительным (с точки зрения копирайтинга). Упрощайте навигацию – только важные ссылки, чтобы не отвлекать посетителя до совершения конверсии.
- Ценностное предложение – убеждайте заголовком и тематическим подзаголовком. Почему вообще надо следовать призыву к действию? Заголовком & подзаголовком аргументируйте веско и ясно. Укажите выгоду для потребителя и что выделяет вас из толпы.
- Охарактеризуйте ваши особенности, заостряя внимание на преимуществах. Конечно, важно знать из чего продукт и что с ним делать. Только, осознающий полезность охотнее действует (нажмет CTA-кнопку или заполнит лид-форму). Выгодо-ориентированный оффер – лучшая мотивация к конверсии.
- Включите отзывы или другие социальные доказательства. Люди скорее воспользуются предложением, увидев, как это сделали другие. Благодарственные слова, неподдельная заметка довольного клиента, партнерские логотипы или значки брендов укрепляют доверие потребителей. Это доступный способ оптимизации конверсии.
Смотрите подборку лучших дизайнов Лендинг Пейдж, продающих деловое предложение и удивляющих ошеломительной конверсией. Включены советы по высокой конверсии и описания ключевых подходов при создании эффективных страниц захвата.
Примеры лендингов с высокой конверсией
У оптимизированных для высокой конверсии LP: посещаемость, как минимум 500 посетителей, а у некоторых – более 100,000. Коэффициент конвертации 30-60%. Влияют и внешние факторы, конверсия сильно зависит:
- От индустрии
- От качестве трафика
Трафик, нагоняемый нецелевой рекламой конвертируется хуже, чем живой и заинтересованный. Мало-информативная реклама, также не будет обоснованно мотивировать к CTA-действию на вашем лэндинге. А убеждающие в преимуществах товара / сервиса / предложения страницы со ссылкой (страницы-фильтры) конвертируют лучше лидо-генерирующих (продающих страниц) т.к. их цели конверсии намного проще. Учитывайте это, когда сурово оцениваете эффективность лендинговой странички.
Со всеми оговорками и нюансами, 11 примеров высококонверсионных Landing Page от Unbounce заказчиков (экспертные советы от компаний, самостоятельно создавших свой лендинг).
1. Promo
Индустрия: Социальные медиа / Коэффициент конверсии 46.94%
Promo дает совет: используйте силу видео для увеличения вовлеченности и стимулирования конверсии.
Видео способно увеличить конверсию Landing Page на 80%. Стратегия оправдана, даже если обходится недешево – считает Promo. Вот почему на лендинге много видеоконтента – от хедера, до поясняющих Coub роликов в превью и видео, которым посетители смогут воспользоваться для своего маркетинга.
Главный контент-специалист Promo, отмечает:
Мы специализируемся на создании видео, которое привлекает и побуждает действовать. Поэтому ценностное предложение разместили в хедере, поверх красивого и динамичного видеобэкграунда
Впрочем, видео – лишь составляющая успешной конвертации на LP-сайте. Вам нужно, чтобы посетитель следовал призыву Call-to-Action. Контент-стратег об этом: «Ни один лендинг пейдж не обходится без обычного текста и CTA-кнопки, привлекающей взгляды выше линии сгиба».
Promo призывает с центра главного экрана и сразу же начинает приводить социальные доказательства (партнерские лого, клиентские отзывы, значки доверяющих компании брендов.
2. edX
Индустрия: Образование / Коэффициент конверсии 52.68%
edX советует для высококонверсионного LP: упрощайте ценностное предложение, будьте предельно ясны и конкретны показывая выгодность.
Маркетологи edX максимально приближены к продукту & сервисам и могут запросто перегрузить вас информацией. Да, наше основное предложение это X. На лендинговых страничках мы урезали основные моменты посыла пользователям онлайновых курсов. Чтобы не увязнуть в деталях, простыми тезисами сообщаем, что их ожидает. Ясность и недвусмысленность заголовка с подзаголовком поддержана социальными доказательствами.
Выяснено тестами, что краткая лаконичность оправдана. Анализ показал: никто не жаждет узнать, что у вас имеется. Поберегите силы (и слова), лучше сконцентрируйтесь на интересах пользователей, что поможет конвертировать их в лиды.
3. Later
Индустрия: Социальные медиа / Коэффициент конверсии 57.92%
Later совет для высококонверсионного LP: предоставьте удобные конверсионные пути до цели (никаких преград или ограничений!) и сбалансируйте побудительные факторы.
Людям свойственно непостоянство. Они легко отвлекаются, а иногда запутываются. Большинство это раздражает. Обязанность маркетолога – вести клиента за руку на всех этапах процесса покупки.
Интуитивный путь к конверсии – это «текстово-визуальный гид», подсказывающий маршрут потребителю. На это и сделали ставку в лидогенерирующей кампании Later. Руководитель коммуникационного дизайна Chin Tan, поясняет:
Мы поддерживаем интуитивную понятность во всей проводимой кампании. Оформление оффера соответствует тому, что в рекламе / рассылке. Создано еще до лендинга и не заканчивается на его странице
Cмотрите, как Later прокладывает «интуитивный» маршрут к конверсии, применяя единообразие.
Chin также признает, что простота оффера вносит вклад в успех страницы. Хорошо, когда сразу понятно, что email просят для отсылки руководств. Сделайте оформление заказа лаконичным – только необходимые поля!. Не спугните в начале конверсионной воронки. Просите у посетителя данные в соответствии с его мотивацией к действию.
4. The Listings Lab
Индустрия: Недвижимость
Высококонверсионный совет о Listings Lab: используйте простой «прямолинейный» дизайн и сконцентрируйтесь на оффере.
Простая на вид лидогенерирующая страница, хотя не в топе этой подборки, но работает отлично. Сначала о дизайне. Уплотнив ограниченное пространство страницы, удалось разместить контент без ощущения тесноты. Посетителю не обязательно скроллить, чтобы понять суть предложения и почему оно ценно.
Гайд для скачивания дает почувствовать обычным людям – тут все тщательно подготовлено. Жирный рубленый шрифт, крупные поля форм и смелые контрастные кнопки СТА – они создают эмоциональный настрой для целевого действия.
Предлагая альтернативу, лендинговая страница смягчает проблемы риэлторской деятельности: холодные звонки (cold calling), мало лидов, временные затраты. Посетитель видит, что с ним разговаривают о наболевшем и есть решение.
Этот лендинг «спокойным тоном» вселяет уверенность.
5. Twillory
Индустрия: Одежда / Коэффициент конверсии 46.85%
Twillory совет: кастомизируйте пользовательский опыт для мобильных устройств.
Не надо объяснять, почему мобильные пользователи сейчас в приоритете. С 2017-го, мобайл трафик начал доминировать (50.3%), его доля постоянно растет (сейчас 52.2%). Компании тоже приспосабливаются к миру, в котором потребители часто используют свои телефоны:
Наша конверсионная стратегия – сначала мобильные. Мы создали и оптимизировали для этой цели сайт-воронку с посадочной страницей
Как на большинстве отзывчивых страниц брендов, мобильному посетителю – отдельный пользовательский опыт.
На десктопе лендинг включает видео и GIF – элементы привлечения и увеличения конверсий., Урезанная версия дизайна (для мобильных) быстрее загружается и сохраняет визуальную привлекательность. Дополнительно, к конверсии стимулируют Pop-up окна.
6. TyresOnTheDrive
Индустрия: Автомобильная
Рекомендует для высокой конверсии LP: придумайте ясный заголовок, подкрепите его социальными доказательствами.
Когда дело доходит до текстов Лендинг Пейдж, надо понимать: ясность ведет к конверсии. Посетитель хочет в секунды понять оффер, думая: «Ближе к делу, что именно мне предлагают? Зачем я с этим разбираюсь?». И, если что не так — отказ!
Такой заголовок сразу понятен и отражает суть делового предложения: «Экспертная установка шин у вас на дому или рабочем месте». Мы сразу видим ключевое отличие – не надо идти к механикам шиномонтажа, они работают с выездом к вам. Принятию решения способствуют быстрые «how-to», подгружаемые клиентские отзывы из онлайн-сообщества отзывов Trustpilot и фирменный логотип (коллаж из ключевых слов).
Результат? Конверсия зашкаливает.
Но хорошая конверсия не должна положить конец тестированию. Главный UX-дизайнер рассказал о том, как компания рассматривает проблемы конверсии под разными углами, зачастую возвращаясь к фундаментальным подходам.
Мы обнаружили, что месседж ориентированный на выгоду имеет большую конверсионную эффективность, чем проталкивание оффера и раскручивание рекламной кампании.
7. ooba
Индустрия: Финансы / Коэффициент конверсии 35.57%
Ooba советует для высокой конверсии: применяйте описательные призывы Call-to-Action, говорящие посетителю что произойдет далее.
Каждому, кто попал на страничку лэндинга не терпится узнать, что тут предлагают? Это так, но как правило посетитель понимает каких действий от него ждут, а что будет потом – не совсем ясно. Главная страница ooba это отличный пример эффективности call to action.
«Продуманные фразы с контекстными подсказками и вспомогательной информацией дают понимание, чего следует ожидать. Удобно заполнять формы. Изначально, переход к страницам лидогенерации (продающим страницам) из первого экрана помогает быстрее разобраться с предложением» – объясняет глава агентства, разработавшего лендинг. «Цветовые контрасты фокусируют внимание на цели, а описательные CTA поясняют предпринимаемое действие».
Формы запрашивают достаточно много данных, но это можно рассматривать как фактор укрепляющий доверие: «Тут занимаются жилищными займами, а не рассылкой новостей». Мы должны информировать глубже, если вы ждете компетентного описания оффера.
8. ClaimCompass
Индустрия: Юриспруденция. право / Коэффициент конверсии 30.02%
ClaimCompass создателю лендинга: вы предоставили достаточно информации для совершения конверсионного действия? Еще и еще раз убедитесь.
Как так обычно говорят? Если не получается что-то сразу, не унываем и продолжаем в том же духе. (Стоп, возможно, это неверный подход. Не посоветуйте никому). Иначе считал Альберт Эйнштейн:
Это просто безумство: делать одно и то же раз за разом, при этом ожидая иного результата
ClaimCompass лендинг ориентирован на путешествующих по Евросоюзу, чей рейс был задержан и рассчитывающих на (законодательно предусмотренную) компенсацию за срыв поездки. Соучредитель компании Alexander Sumin, рассказал насколько непросто мобилизовать людей на сбор их же денег, причем безо всяких условий.
«Мы постарались включить различную полезную информацию и придать ей весомости – не одними социальными доказательствами и логотипами популярных медиа, а еще кратко пояснив, что и как делать. Это укрепило доверие к офферу, предлагающему пассажирам бесплатные деньги».
Компания признает, что приходится иметь дело с разным правовым опытом клиентов. Одним посетителям хватает лендинговой информации для совершения целевого действия сразу, а другие нуждаются в просвещении.
«Вся Landing Page разработана так, чтобы нажимались три CTA-кнопки» – поясняет Alex. «Если предложение показалось привлекательным, дальше скроллить уже не надо. Если нет – секция ниже внесет ясности (изображениями, описаниями выгод и социальными подтверждениями). На посадочной страничке все должно приближать к клику по CTA-кнопке».
9. onX
Индустрия: GPS-навигация / Коэффициент конверсии 61.15%
onX совет для повышения конверсии: стимулируйте желание пользователей изучать / исследовать текстовым и визуальным контентом.
Можете не искать лучшего примера лендинг пейдж с конверсией на 50% выше, чем обычно бывает в спортивной тематике. В чем секрет успеха onX, отвечает менеджер по привлечению новых клиентов Райан Уотсон:
Наш лендинг показывает пользователям именно то, что они искали и хотели видеть, кликая по PPC рекламе Google Ads.
Соответствие пользовательского поиска и визуальных подсказок стоит практиковать как на лендинге с продуктом, так и в поисковой стратегии
Райан отмечает пользу A/B тестов. Мы тестировали различные CTA-призывы и это дало отличный CTR. Лучшие практики никогда не навредят.
10. MyTutor
Индустрия: Образование / Коэффициент конверсии 55.29%
MyTutor раскрывает секрет высокой конверсии: делайте нужный оффер – выгодное предложение нужным людям и в нужное время.
По сути, успех проводимой кампании сводится к эффективному таргетингу, Речь не только о наличии целевой аудитории – адресность еще полезней в контексте хорошего пользовательского опыта по каждому моменту. Поэтому маркетологи затрагивают важные (даже глубоко личные) периоды жизни посетителя, во время которого предложение особенно ценно.
Менеджер Gemma Pearson: «Запуская однодневные кампании мы тестировали landing page. Наш оффер – репетиторское подтягивание студентов до получения нужного бала». Еще, Gemma хочет реализовать на лендинге поучительный нагоняй для неуспевающих.
Актуальный позитивный месседж в нужное время и четкий CTA-призыв — ключевые факторы успеха. Это посыл сочувствия провалившимся студентам с предложением ясного решения
Вот как можно добиться отклика от этой аудитории.
11. FilterEasy
Индустрия: ремонт жилья / Коэффициент конверсии 34.52%
FilterEasy о лендинговой конверсии: Не всегда ясна причина успешности Landing Page, и это вполне естественно.
Иногда вы попадаете в золотоносную жилу. Эффективность формы – больше, чем когда-либо видели. Лендинговый сайт приносит бешеный доход. Маркетинговый директор Рианна Риддл:
«Если честно, до сих пор выясняем тестами: чем особенна наша лендинговая страничка? Рианна поясняет: попытались повторить этот результат несколько раз. И безуспешно. Даже когда учли все моменты».
Интернет-маркетинг не точная наука. Хотя применение лучших практик повышает шансы на успех. Рианна применяет: современный простой дизайн посадочной страницы, решительное заявление о выгодном предложении, весомые социальные доказательства, убедительность оффера. В одном мы уверены – наилучшего результата достигли тестированием.
что это, как сделать посадочную страницу, как ее продвигать, зачем это нужно и лучшие примеры
Тематический трафик – альтернативный подход в продвижении бизнеса
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
Лендинг пейдж — это одностраничный сайт, который создается для сбора контактных данных посетителей, представляет информацию только об одном товаре/услуге и побуждает клиентов выполнить необходимое авторам действие.
Предположим, что у вас есть один товар – часы, поэтому вам не нужен объемный сайт, достаточно одной страницы. В этом случае вам подойдет лендинг пейдж.
Landing page — что это
- С точки зрения клиента: это страница, на которую он перешел, выбрав из множества рекламных продуктов необходимый ему товар или услугу.
- С точки зрения маркетолога: это Интернет-ресурс, который переводит посетителей в статус клиента/покупателя.
- С точки зрения веб-программиста: это сайт со всеми необходимыми элементами, который состоит из одной страницы.
Лендинг пейдж или сайт: что лучше
Для ответа на этот вопрос давайте рассмотрим особенности того и другого.
№ | Основания для сравнения | landing page | Сайт/домашняя страница |
1 | Цель страницы | Одна — побудить читателя к какому-либо действию:
| поделиться с посетителями подробной информацией о компании и продуктах, которые она предоставляет |
2 | Объем информации | минимальный | много информации: меню, статьи, ссылки, реклама |
3 | Возможность усовершенствования | можно легко создавать и проверять много вариантов в поисках лучшего | только один вариант существования страницы |
4 | Конверсионность | высокая | средняя |
5 | Цена | дешево | дорого |
Landing page с английского языка переводится как посадочная страница. Это специальная рекламная страница, которая должна провести потребителя через 5 основных стадий:
- внимание;
- интерес;
- желание;
- действие;
- удовлетворенность/неудовлетворенность.
Поэтому у такой страницы должна быть четкая структура.
Обязательные элементы landing page
1. Заголовок
Должен максимально совпадать с рекламным объявлением, содержать рекламный слоган. Часто требуется подзаголовок, в который попадает важная информация, не вошедшая в заголовок.
2. Картинка
Создает визуально положительный образ услуги/продукта.
3. Описание товара/услуги
Краткое описание товара.
4. Индикаторы доверия
Отзывы, список клиентов и партнеров, статистика, сертификаты и лицензии, гарантии и контактные данные – всё это вызывает доверие у потенциального клиента. Если кто-то уже воспользовался этим товаром/услугой, значит, этой компании можно доверять.
5. Наличие логотипа
Логотип формирует у пользователя связь: “продукт — бренд”.
6. Иконки социальных сетей
Нужны для того, чтобы посетитель мог поделиться информацией со своими друзьями или добавиться в друзья на ваших страницах.
7. Форма для заполнения информации — лид-форма
Поле, куда клиент заносит необходимую информацию, чтобы получить товар/услугу. Ваша выгода в том, что вы расширяете базу данных и имеете возможность позвонить и предложить свой товар.
8. Кнопка, или призыв к действию (Call-to-Action -СТА)
Этот элемент призывает пользователя совершить целевое действие. Купить товар, оформить заказ или оставить контактные данные.
9. Форма после отправки заявки клиентом
Форма оповещения, которая содержит ссылку или купон на скидку на последующие покупки.
Виды лендингов
Landing page делятся
По длине:
- Long page – длинная страница, которая содержит в себе все основные элементы. Больше двух прокруток.
- Short – это короткая страница предназначена для сбора телефонов и электронных адресов. Это помогает увеличить количество подписчиков. Одна-две прокрутки страницы.
По количеству шагов:
- One step – нужно сделать только один шаг.
- Two step – два шага: на первой странице вызывается интерес клиента, на второй – оформляется действие.
По цели:
- Click-through Page (только клик): цель страницы – так преподнести выгодность продукта/услуги, чтобы клиент нажал кнопку СТА.
- Lead-capture Page (захват лида): цель страницы – сбор личных данных и продажа продукта/услуги.
- Squeeze Page (от англ. squeeze — давить, выжимать): цель страницы – только сбор личных данных. Посетители записывают свой адрес в обмен на выгодное для них предложение.
Цель продающих лендингов – выдать посетителю максимальный объем информации о продукте, чтобы он мог принять обдуманное решение о покупке. Обычно имеет два призыва к действию – в начале и в конце страницы.
Как сделать лендинг пейдж
Варианты создания целевой страницы:
1. Используете шаблоны из генератора сайтов.
2. CMS (content management system) – комплекс программ для управления сайтом.
3. Создаете сайт Html.
4. Обращаетесь к специалистам.
Как создать идеальный лендинг пейдж
- Разместите в шапке сайта самую важную информацию, чтобы прокрутка страницы была необязательным действием.
- Придумайте яркий и запоминающийся заголовок.
- Используйте изображение товаров только высокого качества, так как из-за невозможности потрогать товар клиент полагается только на визуальное его представление. Оно должно быть лучшим.
- Предоставьте покупателю возможность увеличения картинки с товаром, чтобы он мог изучить его в мельчайших подробностях.
- Персонализируйте обращение к клиенту, докажите ему, что ваш товар нужен.
- Структурируйте информацию на странице: грамотно используйте иконки, списки, буллеты, информативные видеоролики.
- Не пренебрегайте использованием отзывов на товар. Люди доверяют чужому мнению.
- Исключите любую навигацию. Она отвлекает внимание от основной цели.
- Предложите подарки, скидки.
Зачем нужен лендинг пейдж
Главная цель посадочных страниц – побудить к совершению целевого действия: купить, подать заявку на участие, подписаться на рассылку и т.д.
Кроме того, создание целевых страниц оправдано:
1. Если у вас уникальный товар, то такая страница лучше полноценного сайта будет продвигаться в поисковой системе.
2. Если вы собираетесь создавать сайт, то одностраничник поможет собрать большое количество подписчиков, т.е использовать его как рекламу будущего сайта.
3. Если у вас малый бизнес, то лендинг пейдж будет вам доступен по цене, в отличие от полноценного сайта.
Как продвигать landing page
Чтобы увеличить продажу, мало просто создать одностраничный сайт. Необходимо позаботиться о его продвижении по бесплатным и платным каналам:
- Контекстная реклама
- Реклама в социальных сетях.
- Рассылка
- Гостевой блоггинг
Лендинг пейдж — лучшие примеры
BearCss — пример хорошего лендинга. Этот ресурс не продает товары, не просит оформить платную подписку. Он решает проблему посетителя — помогает создать нужный шаблон сайта.
Designed To Move — лендинг, который тоже ничего не продает, но просто побуждает человека встать из-за стола и начать заниматься спортом. Сайт фокусируется на проблеме низкой физической активности современных людей и предлагает начать заниматься спортом.
Более 20 примеров посадочных страниц для вдохновения вашего дизайна [+ шаблоны]
Давайте будем честными, переделать целевые страницы сложно. Но создать целевые страницы с нуля еще сложнее.
Какие целевые страницы лучше всего подходят для вашей отрасли? Какую целевую страницу следует создать для конкретного варианта использования? Как достичь тонкого баланса между отличным дизайном целевой страницы и текстом?
Поверьте, я был там и задавал те же вопросы.Что мне больше всего помогло в подобных ситуациях, так это поиск вдохновения вовне.
В этом руководстве мы собираемся поделиться некоторыми из лучших примеров целевых страниц, которые мы нашли в Интернете, в разных отраслях и сценариях использования.
Вот что будет рассказано в этом руководстве (нажмите, чтобы пропустить):
- Примеры целевых страниц программного обеспечения
- Примеры посадочных страниц продукта
- Примеры целевых страниц для электронной торговли
- Примеры целевых страниц приложения
- Скоро будет Примеры посадочных страниц
- Примеры посадочных страниц для консультантов и агентств
- Примеры целевых страниц для электронных книг
Мы также добавили некоторые из наших шаблонов целевых страниц, чтобы вы могли сразу же начать создавать свои собственные целевые страницы!
Ищете вдохновение, чтобы оживить редизайн целевой страницы? Вы пришли в нужное место.
Как вы используете наши шаблоны целевых страниц?
Есть много способов использования наших шаблонов целевых страниц. Вот их три:
- Мокап для вашей собственной целевой страницы: Сообщать дизайнерам или инженерам, как должны выглядеть ваши целевые страницы, может быть непросто, если вы не создадите макет целевой страницы для визуализации и передачи своих идей.
- Привлечь финансирование для своего стартапа: Возможно, у вашего стартапа еще нет домашней страницы, но это не значит, что вы не можете собрать деньги.Самодельный макет целевой страницы, включенный в вашу колоду для инвесторов, может воплотить вашу идею в жизнь и убедить инвесторов поддержать вас.
- Привлекайте новых клиентов для своего агентства: Хотите заключать больше сделок и увеличивать продажи? Сосредоточьтесь на шоу, не говорите. Настройте шаблон целевой страницы, чтобы показать клиентам, как могла бы выглядеть их новая целевая страница, если бы они работали с вами. Приложите его к своему предложению или бизнес-презентации.
Например, эта целевая страница электронной коммерции оптимизирована для увеличения продаж и может использоваться в качестве макета для вашей последней целевой страницы:
СОЗДАТЬ ШАБЛОН
Однако это всего лишь один вариант использования.Вы также можете создать целевые страницы на:
- Превратите посетителей веб-сайта в пробные подписки для вашего программного обеспечения.
- Убедите посетителей загрузить ваше мобильное приложение.
- Продавайте свои цифровые и физические товары в Интернете.
- Подтвердите новую бизнес-идею, прежде чем решите пойти ва-банк.
- Привлекайте новых потенциальных клиентов для своего агентства или консалтингового бизнеса.
Давайте нырнем.
1. Примеры целевой страницы программного обеспечения
Целевая страница ПО Stripe
Что касается программных целевых страниц, меня поразил недавний редизайн целевой страницы Stripe.
Stripe — один из крупнейших стартапов в сфере финансовых услуг на этой планете, который очень хорошо знает три вещи: финансы, технологии и дизайн.
И их склонность к хорошему дизайну и пользовательскому опыту отражена на этой целевой странице программного обеспечения:
Источник
Чтобы быть полностью объективным, их дизайн целевой страницы имеет множество причудливых наворотов.
Я говорю о градиентной анимации, которая может повлиять на скорость страницы и заряд батареи, плохую читаемость текста, нечеткие и мелкие призывы к действию (CTA) и т. Д.
Целевые страницы вашего программного обеспечения должны держаться подальше от любых наворотов. Мой совет? Будь проще.
Понедельник зарегистрироваться целевая страница
Что касается простоты, минималистичный дизайн целевой страницы до сих пор был одной из самых популярных тенденций графического дизайна в 2020 году.
Кого лучше показать в пример, чем понедельник? Их целевая страница регистрации чистая, минималистичная и приятная для глаз:
Источник
бонусных балла за красные призывы к действию, которые трудно пропустить, и варианты использования с автоматической прокруткой в разделе героев, которые демонстрируют все способы использования команд и отделов в понедельник.
Шаблон целевой страницы программного обеспечения Venngage
Если вы похожи на меня, и вам понравилось, как Monday подошел к дизайну их целевой страницы, у меня есть для вас похожий программный шаблон целевой страницы.
Целевая страница программного обеспечения ниже организована, минималистична и удобна для чтения. Идеально, если вы стартап, предлагающий простое и удобное программное обеспечение.
Отредактируйте этот шаблон целевой страницы программного обеспечения прямо сейчас:
СОЗДАТЬ ШАБЛОН
2.Примеры целевой страницы продукта
Интерактивная целевая страница TransferWise
Еще одна финансовая компания в этом списке? Что я могу сказать, подход Transferwise к традиционной целевой странице продукта был слишком хорош, чтобы его игнорировать.
Transferwise быстро стал одним из самых простых способов отправлять и получать деньги за границу, а их интерактивный пример целевой страницы продукта — это то, что сделало меня и меня клиентом:
Источник
Вы действительно не ошибетесь с калькулятором действующей валюты, который работает в обоих направлениях и четко демонстрирует как разбивку по конвертации, так и комиссии.
Кикер? Их целевая страница продукта имеет несколько призывов к действию, направленных на то, чтобы либо обучить вас, завоевать доверие и авторитет, и, что наиболее важно, побудить вас зарегистрироваться.
Если вы уже уверены, все, что вам нужно сделать, это нажать кнопку «начать». Хотите узнать больше? Нажмите кнопку «Узнайте, что мы делаем», и появится поясняющее видео.
В конечном итоге их цель — преобразовать неизвестных посетителей в реестры. Так что большой, жирный и зеленый CTA всегда находится в центре внимания.
Как я уже сказал ранее, я рекомендую, чтобы целевые страницы вашего продукта были простыми.
Ваши ресурсы можно было бы лучше потратить на что-то другое (например, на разработку стратегии интернет-маркетинга). Особенно, если у вас малый и средний бизнес или вы только начинаете.
Целевая страница продукта Astra
За время работы маркетологом я наткнулся на множество примеров целевых страниц продуктов, но недавно случайно наткнулся на целевую страницу Astra. Я сразу понял, что это лучшая целевая страница продукта, которую я когда-либо видел.
Но почему? Во-первых, их заголовок интригует, но нацелен на болевую точку, с которой сталкиваются все владельцы веб-сайтов. В следующем подзаголовке описывается сценарий «что, если», который еще больше усугубляет эту боль.
Astra завершается призывом к действию, который позиционирует их как решение, призванное помочь любому владельцу веб-сайта защитить свой веб-сайт за три минуты, которые являются гипер-специфичными и ограниченными по времени.
Не только это, но они также проделали отличную работу по списку крупнейших компаний, использующих Astra, чтобы убедить потенциальных клиентов, что они работают в хорошей компании:
Источник
Шаблон целевой страницы продукта Venngage
Вот актуальный шаблон целевой страницы продукта, который придумали наши дизайнеры, который вы можете изменить и настроить по своему вкусу.
Этот шаблон целевой страницы поставляется со всеми стандартными элементами, такими как раздел героев, принцип его работы, несколько призывов к действию и социальное подтверждение в виде отзывов клиентов.
Если вы продаете какое-либо программное обеспечение или физический продукт, этот универсальный шаблон целевой страницы продукта — ваш лучший выбор:
СОЗДАТЬ ШАБЛОН
Совет для профессионалов: Беспокоитесь, что дизайн вашей целевой страницы не будет отражать бренд? С помощью нашей функции My Brand Kit вы можете мгновенно применить брендинг своей компании ко всем своим дизайнам (включая наши целевые страницы).Импортируйте свои фирменные цвета , логотипы и шрифты и примените их к любому дизайну одним щелчком мыши. Это так просто. Узнайте больше о Brand Kit здесь.
3. Примеры целевых страниц электронной торговли
Целевая страница Casper для электронной коммерции
Еще один пример правильного дизайна целевой страницы — от мастера по матрасам Каспера.
Заголовок содержит смелое заявление, которое сразу зацепляет посетителя, уникальное торговое предложение заманчиво, а использование популярных медиа-домов в качестве социального доказательства повышает доверие к их предложению.
В целом простая структура, элегантный дизайн и убедительные сообщения делают дизайн целевой страницы Casper одним из лучших в сфере электронной коммерции:
Источник
Совет для профессионалов: Если вы хотите увеличить конверсию целевой страницы, используйте социальное доказательство в своих интересах. Вы попали в журнал TIME? Получили восторженные отзывы от влиятельных лиц? Получили 5 из 5 оценок от клиентов? Покажите их на своей целевой странице.
Dollar Shave Club вирусная целевая страница
Компания, известная своим гениальным маркетингом, опирающимся на серьезный подход, трудно оспаривать монументальный успех запуска продукта Dollar Shave Club.
Несмотря на то, что по сравнению с большинством примеров целевой страницы электронной коммерции она довольно проста с точки зрения дизайна, эта целевая страница в сочетании с их вирусным видео помогла Dollar Shave Club привлечь около 12000 новых клиентов всего за 48 часов.
Поговорим о том, чтобы стать вирусным.
В то время как юмор и аутентичность вирусного видео сделали тяжелую работу, эта целевая страница электронной коммерции делает все правильно — от определения торгового предложения до блестящего использования социального доказательства:
Источник
Спустя почти десять лет, после приобретения, материнская компания Unilever выбрала традиционный путь целевой страницы электронной коммерции с Dollar Shave Club:
Источник
Шаблон целевой страницы Venngage для электронной коммерции
Вдохновленные приведенными выше примерами целевой страницы электронной коммерции, мы также создали шаблон целевой страницы, с которым вы можете поиграть прямо сейчас.
В этом шаблоне целевой страницы электронной коммерции, которым я поделился ранее, есть стильный раздел героя с контрастирующим призывом к действию, простое торговое предложение в трех пунктах и социальное доказательство в виде упоминаний в СМИ и отзывов клиентов:
СОЗДАТЬ ШАБЛОН
4. Примеры целевой страницы приложения
Целевая страница приложения Hopper
Hopper — это популярное приложение для путешествий с лучшим пользовательским интерфейсом в приложении, которое у меня когда-либо было.
Но давайте остановимся на теме целевых страниц. Целевая страница приложения Hopper проста, удобна для чтения и наполнена игривыми значками, фантастическими иллюстрациями и минимальным использованием текста.
Что самое уникальное в этой целевой странице мобильного приложения, так это то, что независимо от того, используете ли вы браузер на компьютере или смартфоне, они всегда будут перенаправлять вас со ссылкой для загрузки своего мобильного приложения.
И когда я впервые испытал их мобильное приложение, я понял их рассуждения:
Источник
Целевая страница мобильного приложения AnyList
Если вы обратили внимание, то заметите, что многие целевые страницы мобильных приложений, как правило, минималистичны как с точки зрения содержания, так и с точки зрения текста.
Основная причина этого проста: посетители, вероятно, ищут ваше мобильное приложение на своих мобильных устройствах. Из-за ограниченного пространства экрана вы должны учитывать каждое слово.
Приложение со списком покупок AnyList не слишком усложняет задачу и вместо этого очень хорошо следует традиционному дизайну целевой страницы приложения.
Минимальная копия (часто максимум несколько строк), изображение в высоком разрешении приложения в действии, за которым следуют ссылки для загрузки на их приложения — это действительно не может быть более простым, чем это.
AnyList — доказательство того, что когда дело доходит до целевых страниц приложения, иногда скучно может быть лучше:
Источник
Шаблон целевой страницы приложения Venngage
Чтобы помочь вам воплотить в жизнь идею вашего приложения, мы создали собственные шаблоны целевых страниц для мобильных приложений на основе дизайнов целевых страниц приложений, которые мы видели в разных веб-сайтах.
Во-первых, этот шаблон целевой страницы мобильного приложения снабжен красивыми, но визуально привлекательными иллюстрациями, а также несколькими, но стратегически разбросанными CTA:
Landing Page Вдохновение: 19 примеров посадочных страниц на 2019 год
Это сообщение в блоге было обновлено на 2020 год.
«Хорошие художники копируют. Великие художники воруют ».
Хотя точное происхождение этого противоречивого утверждения горячо оспаривается в течение многих лет, именно покойный Стив Джобс приписал его Пабло Пикассо. Независимо от того, кто на самом деле сказал эти слова, они дали бесчисленному количеству художников «творческую лицензию», чтобы они вдохновлялись другими художниками и воплощали великие идеи в свои собственные работы.
Вот что я сделаю в сегодняшнем посте — позволю вам вдохновиться.Если вашим целевым страницам нужна небольшая «привлекательность», читайте дальше, чтобы увидеть 17 прекрасных примеров вдохновения для целевых страниц со всего Интернета. Надеюсь, эти примеры целевых страниц дадут вам представление о том, как сделать ваши целевые страницы лучше, повысить коэффициент конверсии и обеспечить лучший опыт для ваших пользователей.
Прежде чем мы начнем …
Пара быстрых заявлений об отказе от ответственности. Во-первых, в отличие от Пикассо (или того, кто действительно сказал эту цитату), я не защищаю откровенное воровство идей у других.Плагиат — это не круто, равно как и откровенное копирование чужой работы. Вдохновляйтесь, но не будьте вором.
Во-вторых, не каждый из следующих примеров является «истинной» целевой страницей — некоторые из них являются домашними страницами, но они все же могут служить ценными примерами методов, которые вы, возможно, захотите включить в свои собственные страницы. Кроме того, эти примеры не дают особых советов для целевых страниц в социальных сетях. Подробнее об этом читайте в этой публикации на целевых страницах Facebook.
С учетом этих двух предостережений, приступим. Это 19 лучших целевых страниц, которые мы видели.
И еще кое-что: если вы создаете целевую страницу для предстоящего продукта или выпуска, ознакомьтесь с нашей публикацией о целевых страницах, которые скоро появятся.
Вдохновение для целевой страницы: Копирайтинг
Вы также можете посмотреть выпуск подкаста по этой теме! Подкаст 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
Итак, теперь, когда мы рассмотрели несколько прекрасных идей для целевой страницы из Интернета, пора начать создавать свои собственные.
Набор инструментов CROWordStream — это универсальный инструмент для оптимизации коэффициента конверсии. Благодаря интуитивно понятному интерфейсу перетаскивания и неограниченной функциональности A / B-тестирования, CRO Toolkit упрощает создание и оптимизацию всплывающих окон и целевых страниц, чем когда-либо прежде.
Набор инструментов CRO Toolkit дает вам все необходимое, чтобы побудить посетителей вашего сайта принять меры с исключительно высокой скоростью. Начните бесплатную пробную версию сегодня!
Учимся на лучших и худших целевых страницах в Интернете
С выпуском нового инструмента оценивания целевых страниц WordStream мы не можем выбросить целевые страницы из головы! В удивительной сети целевые страницы повсюду — и хорошие, и плохие. Сегодня мы покажем несколько реальных примеров целевых страниц, так что будьте готовы к захватывающему дух великолепию и жалким чудовищам.
Прежде чем мы начнем, важно помнить, что целевые страницы не , а о самой странице. В игру вступает и процесс — что нажимали посетители, чтобы перейти на вашу целевую страницу? Если это была реклама, что в ней говорилось? Если это была рассылка информационных бюллетеней, по каким ссылкам они переходили? Процесс «посадки» и движение по воронке так же важны, как и физический дизайн страницы.
В духе конкурентного анализа я потратил некоторое время на поиск в Google и сравнение лучших и худших целевых страниц, которые я видел, по тем запросам Google.В этом посте мы собираемся оценить и оценить несколько примеров целевых страниц из каждого поиска Google, а также взглянем на некоторые новаторские дизайны целевых страниц, которые нарушают стереотипы.
[СВЯЗАННЫЙ: Хотите повысить коэффициент конверсии? Вот как их утроить ]
Примеры целевой страницы Поиск № 1: «Комплект освещения для фотосъемки »
Давайте взглянем на целевые страницы, которые мы находим, когда ищем «комплект для освещения фотографии.”
Первый пример целевой страницы принадлежит Kaezi.
Эта целевая страница Kaezi выглядит великолепно — она показывает мне набор студийных осветительных приборов, которые могут быть мне интересны, и я могу щелкнуть отдельный набор, чтобы получить более подробную информацию. Также есть несколько подходящих связанных категорий на левой панели навигации, которые могут меня заинтересовать. В целом дизайн чистый, и я вижу кнопки «добавить в корзину» над сгибом.
Оценка: B +
Далее идет целевая страница осветительного комплекта для фотографий Cowboy Studio.
Первая серьезная проблема — намерение — Я щелкнул по рекламе комплектов освещения для фотосъемки, и вот что я получил. Это не какой-то комплект — это всего лишь один стробоскоп. Как потребитель, у меня очень хорошие шансы, что я сразу же выйду из этой катастрофы с целевой страницей и найду страницу, которая лучше соответствует моим потребностям.
Намерение далекое, и дизайн этой страницы беспорядочный. Есть много потраченного впустую места с кнопками социальных сетей и кнопками увеличения фото / электронной почты другу, занимающими слишком много первоклассной недвижимости.Информация, которую я действительно хочу (подробности о продукте), потеряна ниже сгиба. Эта информация должна быть маркирована и находиться рядом с основным изображением продукта.
Что действительно расстраивает, так это то, что на этом сайте есть то, что я ищу — их просто трудно найти. Небольшое путешествие по сайту помогло мне найти несколько настоящих комплектов освещения для фотосъемки, подобных тем, что показала Каэзи.
Класс: C-
Это была довольно плохая целевая страница, но на самом деле стало еще хуже.Спрячьте своих детей, спрячьте своих жен, с этим примером целевой страницы «Комплект освещения для фотографий» от Fovitec все станет действительно ужасно.
Сразу после перехода на эту целевую страницу я как посетитель полностью дезориентирован. Где я, черт возьми? Я нажал на рекламу осветительного оборудования для фотосъемки, так почему я не вижу ничего даже отдаленно ориентированного на фотографию? Единственный намек на то, что я случайно не нажал на случайную всплывающую рекламу, — это логотип Fovitec со значком диафрагмы в букве «O» (хотя какие бы ссылки на камеру не вызывали слова «Fovitec», я не понимаю).
Даже если я задержусь достаточно долго (а подавляющее большинство не будет), чтобы исследовать, ни одна из навигационных ссылок вверху, похоже, не поможет мне в поиске комплектов освещения. Помните: не заставляйте посетителей искать то, что вы хотите, чтобы они купили! Сделайте им конвертацию как можно проще. Здесь вам пригодится инструмент целевой страницы!
Марка: F
Примеры целевых страниц Поиск № 2: «Собачьи лежаки »
Затем мы попробуем выполнить еще один поиск в Google, на этот раз по запросу «собачьи лежаки», потому что мы все любим своих собак и хотим, чтобы они были удобными и уютными.
Orvis делает довольно солидную целевую страницу для собачьих лежаков — на их целевой странице представлен широкий выбор собачьих лежаков и привлекательная фотография счастливого, дремлющего щенка. Также привлекательны большие фотографии продуктов, и вы можете отфильтровать выбор по цвету, характеристикам, форме, ткани, цене и т. Д. Поскольку «собачьи кровати» — довольно широкий запрос, это хорошо соответствует цели, позволяя посетителю просматривать и находить именно то, что им нужно. (Напротив, если бы я ввел в Google запрос с длинным хвостом, например «кровать для собак из пены с эффектом памяти», я бы ожидал, что целевая страница будет более конкретной.
Класс: A-
Далее идет Big Barker Beds, компания по продаже ортопедических кроватей для собак крупных пород.
Эта страница вызывает затруднения, потому что она многое делает правильно, но то, что она делает неправильно, довольно разрушительна. Самая большая проблема с этой целевой страницей — ее размер. Он прокручивается вниз, чтобы… получить это…. 38 страниц. Ага, 38 страниц, потому что текст ОГРОМНЫЙ. Там действительно потрясающий контент, но он теряется в огромном количестве информации.
На целевой странице размещено множество отличных обзоров Amazon, и хотя мне нравится, как они использовали красное подчеркивание для выделения ключевых моментов, отзывов слишком много (40+). Честно говоря, эта целевая страница о кроватях для собак XL делает все, что угодно, БОЛЬШОЙ способ — текст, обзоры, все. Нельзя сказать, что страница непоследовательна.
У них есть 3 отзыва, в которых рассказывается о том, как легко мыть постель, 7 о том, как кровати хороши для собак, страдающих артритом, 5 о том, насколько привлекательна кровать и т. Д.Это абсолютно фантастический , что так много покупателей любят этот продукт, и действительно разумно продемонстрировать эти хорошие отзывы, но вместо того, чтобы утопить посетителя в принте XL, я бы рекомендовал, чтобы был один блестящий отзыв о том, насколько удобны кровати нужно убирать, , один, , о том, насколько они полезны для собак, страдающих артритом, и т. д. Посетители уже видят, что эти кровати имеют пятизвездочный рейтинг Amazon (что является умным сигналом доверия для продвижения вперед). Если потенциальные покупатели захотят прочитать больше отзывов от клиентов, они перейдут на страницу Amazon.Размещение каждого отличного отзыва на вашей странице только ошеломляет посетителей.
Несмотря на то, что сигналы доверия вверху хороши, первый кусок текста под заголовком может быть более удобным для сканирования.
Этот маркированный текст, который можно найти при прокрутке вниз, действительно должен быть вверху над сгибом, где он может быть более полезным и предоставить посетителям лучшее представление о собачьих лежаках.
На этой странице есть отличная информация о том, почему этот тип кровати рекомендуется для пожилых собак с артритом (эта информация была особенно интересна мне, как владельцу пожилой собаки), но большая часть этого замечательного контента похоронена из-за огромных размеров страницы.
Простая перестановка содержимого и изменение размера текста могут очень помочь этой целевой странице. (Предостережение: я не знаю коэффициента конверсии этой компании, поэтому вполне возможно, что весь текст ниже сгиба действительно помогает странице. Странные результаты были получены с тестами A / B.)
Марка: B
Далее идет Pottery Barn. Целевая страница Pottery Barn «кровати для собак» потерпела неудачу — щелкнув объявление об их кровати для собак, я попал на целевую страницу с аксессуарами для декора.Я вижу подушки, одеяла и чехлы, но ничего не связанное с собаками.
Что действительно глупо, так это то, что после поиска подстилок для собак с помощью инструмента поиска по сайту я обнаружил, что Pottery Barn действительно предлагает подстилки для собак. Так почему же моя целевая страница не выглядела так?
Pottery Barn, несомненно, имеет внушительный рекламный бюджет, так зачем же так небрежно работать с целевыми страницами? Это действительно упущенная возможность со стороны Pottery Barn. Бренд Pottery Barn хорошо известен и имеет солидных поклонников — я уверен, что многие потребители предпочтут лежаки для собак PB другим, но увеличение количества кликов PPC на неправильную целевую страницу отбрасывает потенциальные покупки.
Марка: F
Примеры посадочных страниц Поиск № 3: «Silk Flowers »
Давайте посмотрим, какие примеры целевых страниц мы получаем, когда ищем в Google «шелковые цветы».
Эта целевая страница начинается с большого флаера, в котором рассказывается обо всех крутых поделках, которые я могу сделать из шелковых цветов.
Круто… я думаю. На самом деле у меня уже была идея, и я просто хочу проверить цветы. Вот они внизу, ниже складки, сложенные вместе, как мешанина.
Интересно то, что когда я нажимаю на эту листовку о поделках своими руками из шелковых цветов, я попадаю на эту страницу.
Эй, это ваши самые популярные шелковые цветы! Это намного лучшая целевая страница, чем та, на которую меня изначально взяли. Здесь представлен широкий ассортимент шелковых цветов, отсортированных по названию, и яркие, красочные фото. Это хорошая целевая страница — она идеально подошла бы для моего первоначального поиска по запросу «шелковые цветы». Однако, чтобы попасть сюда, мне пришлось щелкнуть ссылку, рассказывающую о поделках из шелковых цветов своими руками.Я не вижу здесь информации о ремесле. Похоже, этому сайту действительно нужно сосредоточиться на намерениях и подумать о том, куда они действительно хотят направлять посетителей.
Оценка: C +
Наш следующий пример целевой страницы шелкового цветка взят с сайта eFavorMart.
Это еще одна непривлекательная целевая страница, напоминающая начало 2000-х. Заголовки на этой целевой странице не особо важны, а скучное, длинное (мелким шрифтом) содержание изобилует очень очевидными случаями наполнения ключевыми словами.Эта страница выглядит как спам и подрывает любое возможное доверие к бренду (и действительно, любой веб-сайт, который начинается со строчной буквы «e» или «i», уже вызывает подозрения).
Марка: C
Примеры целевой страницы Поиск № 4: «Программное обеспечение для электронного маркетинга »
Давайте взглянем на целевые страницы, которые мы встречаем при поиске в Google по запросу «программное обеспечение для электронного маркетинга».
Hubspot находится впереди всех, что неудивительно.На их целевой странице отсутствуют какие-либо яркие образы, чтобы удерживать внимание посетителей, вместо этого они предпочитают сосредоточиться на впечатляющих наградах и похвалах.
Многие другие целевые страницы изо всех сил пытаются закрепить и сжать свою копию, но эта целевая страница Hubspot сразу подходит к делу. В нижней части страницы есть более убедительный текст с сигналами социального доверия и отзывами клиентов:
Это хороший пример целевой страницы, но его все же нужно исправить.Я бы посоветовал немного повозиться с цветами кнопок. На данный момент кнопки имеют тот же цвет, что и фон, с тонким оранжевым контуром, поэтому на них невозможно устоять. Более высокий контраст почти всегда лучше. В этой первой верхней странице также чего-то не хватает. В нем нет энергии или волнения, и ему может быть полезно добавить больше цвета или поп-музыки.
Оценка: B +
Далее идет кампания Zoho. У Zoho также есть сильный дизайн целевой страницы, который можно улучшить после нескольких корректировок.
Большинство моих критических замечаний незначительны и могут даже показаться мелочными, но действительно хорошие целевые страницы действительно требуют почти научной точности и перфекционизма. Заголовок Zoho, вероятно, должен уместиться в две строки вместо трех. Основное изображение сбивает с толку — это проблеск самого продукта, или мы должны быть привлечены красочными шаблонами, которые предлагает Zoho, на фоне унылых и унылых шаблонов, предлагаемых другими компаниями? Непонятно — выбор другого изображения действительно может улучшить эту целевую страницу.
Мне нравятся маленькие значки, объясняющие основные компоненты кампаний Zoho, но цвета слишком светлые. Оттенки серого текста могут быть предпочтительнее черного, обычно используются для выделения фокуса (более темный текст = более важно). Эти значки должны требовать большего внимания, поскольку они раскрывают основные преимущества Zoho. Также присутствует немного слишком много белого пространства. Если бы мне пришлось выбирать между слишком многолюдной или слишком разнесенной целевой страницей, я бы определенно выбрал страницу без интервала.Тем не менее, можно добавить второй отзыв или дополнительную линейку значков, сохраняя при этом гладкий и привлекательный дизайн.
Хотя рекомендация клиента — это хорошо, может быть лучше выбрать рекомендацию от более узнаваемого бренда или клиента (и добавить их логотип в отзыв). Конечно, Кэти из Forum Group Events Ltd. может быть их главным клиентом, и в этом случае все в порядке (без обид, Кэти, ничего личного).
Марка: B
Далее мы рассмотрим SAP.Привет, это отвратительный боров с целевой страницы. Это больше похоже на страницу ресурсов, чем на целевую страницу продукта (и при этом уродливый раздел ресурсов). Я нажал на рекламу «программного обеспечения для электронного маркетинга», а слова «электронная почта» нигде не было.
Очень жаль, потому что я не сомневаюсь, что часть этого контента является ценным; Замечательно, что SAP пытается создать оригинальный полезный контент, которым можно поделиться с посетителями, но сейчас не время и не место. Здесь отчаянно требуется серьезный мозговой штурм для посетителей.
Марка: D
Наш последний пример целевой страницы взят из маркетингового программного обеспечения Infusionsoft.
Эта целевая страница качественная.
Заголовки и текст хорошо подобраны и размещены, с изменением цвета текста, чтобы указать уровни важности текста. Цветные значки справа привлекают внимание посетителей к основным преимуществам, предлагаемым продуктом. Индикаторы доверия в правом верхнем углу незаметны, но заметны.Цвет кнопки и текст уместны, и мне нравится, как центральная форма привлекает посетителей.
Несколько вещей, которые я бы изменил: Я мог бы подумать о том, чтобы переместить отзывы, которые существуют ниже сгиба, вверх и поменять местами нижний левый фрагмент текста, но это не конец света.
Меня немного раздражает то, что поле формы имени не совпадает с полем формы ниже, и что кнопка не идеально отцентрирована между полями формы, но это легко исправить.Я считаю бесплатное пробное предложение лучшим стимулом, чем демонстрация, но, возможно, Infusionsoft добилась большого успеха со своей демонстрацией — у каждой компании есть своя собственная папка тестовых исследований, которые могут повлиять на определенные элементы их целевой страницы. Помните, что вы лучше всех знаете свою компанию, и вполне возможно, что не все общие рекомендации по работе с целевыми страницами будут применимы к вам.
Я считаю, что это мой самый любимый из всех рассмотренных нами примеров целевых страниц.
Оценка: A +
Вы согласны с моей оценкой? Какие оценки вы бы поставили?
Примеры дизайна посадочных страниц: инновации vs.Лучшие Лрактики
Давайте перейдем к рассмотрению некоторых инновационных дизайнов целевых страниц, над которыми работают некоторые компании. В предыдущем сообщении в блоге о прекрасном дизайне целевой страницы мы обсудили рекомендуемые передовые методы для получения оптимальной целевой страницы. Однако многие сайты заинтересованы в том, чтобы пожертвовать стандартами целевых страниц ради экспериментов.
Одна из растущих тенденций целевой страницы заключается в том, чтобы отказаться от почти всего текста и вместо этого полагаться исключительно на большие высококачественные изображения, чтобы донести идею страницы или продукт.
Square Space занимает всю целевую страницу одним гигантским изображением. Это немного рискованный шаг, поскольку не совсем понимает, как Square Space планирует улучшить мой веб-сайт. Они помогают с дизайном? Управление сайтом? В наши дни Square Space получает достаточно внимания, чтобы поверить в то, что посетители уже знают, что они собой представляют. Хотя некоторые могут назвать это предположение опасным, дизайн, безусловно, подкупает.
Целевая страницаFalcon Social, программного обеспечения для управления социальными сетями, очень похожа на страницу Square Space, вплоть до цветовой палитры.Falcon Social опускает нечетко философскую фразу и сразу переходит к делу — управлению социальными сетями для предприятий.
Manpacks также погружает в воду с помощью этой ориентированной на имидж стратегии. Целевая страница сосредоточена вокруг большого изображения, при этом сохраняются некоторые стандартные методы целевой страницы с отзывами и сигналами доверия.
Social Safe также использует подход фокусировки изображения, но также добавляет видеоэлемент.(Подробнее о целевых страницах с видео здесь.) Не совсем понятно, в чем состоит ценностное предложение Social Safe — зачем мне «сохранять» все свои социальные сети на моем компьютере? Что это вообще значит? Здесь необходимы дополнительные объяснения, поэтому особенно необходимо поясняющее видео. Вопрос в том, будут ли посетители останавливаться и смотреть видео, чтобы лучше понять, или просто будут искать в другом месте целевую страницу, которая объясняет преимущества для них в быстром, удобном для сканирования дизайне?
Мы надеемся, что это приключение с примерами и дизайном целевых страниц помогло вам лучше понять, что составляет хорошую целевую страницу, и дало вам идеи о том, как вы можете создать целевую страницу и постепенно улучшать ее.Если вам интересно, как выглядит ваша целевая страница, обязательно попробуйте наш бесплатный инструмент оптимизации целевой страницы.
Заметили ли вы какие-либо новые тенденции на целевых страницах, которые вам нравятся или не нравятся? Что вы думаете о наших примерах целевой страницы? У вас есть герой целевой страницы или страшилка? Дайте нам знать об этом в комментариях!
7 лучших примеров целевых страниц, из которых следует научиться
Сколько времени у вас есть, прежде чем посетители вашего сайта заскучают и уйдут?
Есть много источников, которые говорят, что это где-то от 15 секунд до семи или меньше.
Независимо от цифр, все они указывают на один и тот же вывод: вам нужны отличные целевые страницы, чтобы привлекать внимание посетителей и увлекать их умы (и кошельки, пока вы это делаете).
Целевые страницы не совсем такие, как средняя веб-страница. Они более целенаправленны и ориентированы на действия. Они здесь, чтобы сделать вам несколько конверсий.
По этой причине им необходимо уделять повышенное внимание тому, чего вы пытаетесь достичь.
В этой статье мы рассмотрим, что делает хорошую целевую страницу.Затем мы рассмотрим 7 примеров целевых страниц, чтобы вы могли получить представление о своих кампаниях.
Давай сделаем это.
Не ждите, пока это сделает кто-то другой. Возьмите на работу себя и начните командовать.
Начни бесплатноЧто делает хорошую посадочную страницу?
Источник
Прежде чем мы перейдем к тому, что делает хорошую целевую страницу, давайте кратко рассмотрим, что такое целевая страница и чем она отличается от других страниц вашего веб-сайта.
Целевая страница — это отдельная страница, которая предназначена для достижения одной конкретной цели — например, подписки на ваш список адресов электронной почты, регистрации в программе VIP или покупки товара.
Обычно бренды направляют посетителей Интернета на целевую страницу с помощью определенной кампании, например рекламы Google или Facebook или маркетингового предложения по электронной почте.
Итак, что же делает хорошую целевую страницу? Вот основы:
- Целевой обмен сообщениями с единственной целью: вызвать одно конкретное конверсионное действие со стороны посетителя
- Короткие и приятные (и мощные) заголовки и копии, иллюстрирующие то, что предлагается, почему это ценно и почему посетители должны верить вам
- Минималистичный макет, дизайн и ссылки, чтобы посетители не отвлекались и не переходили со страницы без преобразования.
- Четкие, привлекающие внимание кнопки призыва к действию (CTA), которые ведут пользователей к конверсия, например заполнение формы или совершение покупки
Имейте в виду, что это общие рекомендации для целевых страниц.Необязательно следить за ними все время.
Давайте посмотрим на некоторые из лучших примеров целевых страниц, которые иллюстрируют эти принципы, и на нескольких мятежников, которые нарушают правила.
7 лучших примеров посадочных страниц
1. One Page Love
Эта целевая страница от One Page Love использует умную тактику, чтобы привести к продаже их электронной книги «Горячие советы по целевой странице».
В верхнем баннере вы можете увидеть объявление о предварительной продаже книги.
Это дает посетителям ощущение срочности и FOMO, говоря, что предварительная продажа на 30 долларов закончилась, но они все еще могут получить скидку 20 долларов на оставшуюся часть месяца.
Магия заключается в том, что происходит дальше: те, кто заинтересован, но еще не совсем продан, могут подписаться на получение одного чаевого по электронной почте в день в течение 100 дней.
Это дает необходимое количество обязательств и дает посетителям возможность «попробовать перед покупкой». А если им понравятся первые письма, они купят книгу, вместо того чтобы ждать более трех месяцев, чтобы получить все советы.
Genius.
Под формой регистрации они включают несколько отзывов от клиентов, которые служат социальным доказательством того, что советы действительно хороши. Ниже приведен пример того, как выглядит электронное письмо.
One Page Love отлично справляется с задачей привлечь внимание посетителей к тому, чтобы купить книгу или протестировать ее содержание.
2. Shopify
Целевая страница бесплатной пробной версии Shopify предназначена для того, чтобы вы подписались.
В соответствии с рекомендациями по использованию целевой страницы, на всей странице есть только одна кнопка с призывом к действию: «Начать бесплатную пробную версию». Это появляется один раз в герое, а затем снова в самом низу.
Двойной призыв к действию — эффективная стратегия. Это понятно и просто в самом верху страницы для посетителей, которые готовы к работе.
Но для тех, кому нужно больше убедительности, они могут пролистать и увидеть преимущества Shopify. Когда они дойдут до конца, им напомнят об единственной цели этой страницы и предоставят возможность зарегистрироваться, не прокручивая назад.
Это говорит о ключевом элементе всех лучших целевых страниц: посетителю легко совершить конверсию. С каждой дополнительной прокруткой или щелчком вы добавляете еще одну возможность потерять конверсию.
Рассмотрите эту тактику на своих целевых страницах… вы удивитесь, сколько людей нажимают нижнюю кнопку!
3. Fitbit
Как правило, лучшие примеры целевой страницы следуют главному правилу: иметь только одну кнопку или ссылку с призывом к действию.
Но некоторые правила нарушаются.
Целевая страница «Что нового» на Fitbit — отличный тому пример. Зонтичный CTA предназначен для того, чтобы узнать больше о том, что нового, с возможностью щелкнуть, чтобы узнать больше о том, какие именно новинки интересуют каждого посетителя.
Он начинается с большого красивого изображения героя некоторых из их продуктов. Под ним находится интерактивное меню с четырьмя основными разделами страницы.
По мере продвижения вниз по странице в каждом разделе используются привлекающие внимание визуальные приемы, например:
- Полужирный шрифт, четкое разделение цветов и изображений между разделами
- Негативное пространство или пустое пространство вокруг объекта фокусировки, которое рисует взгляд посетителя на звезду фотографии
- Фотография стиля жизни, на которой показаны люди, использующие продукты Fitbit в действии
Каждое изображение сопровождается коротким заголовком и описанием из одного предложения, чтобы страница не становилась слишком загроможденной или отвлекающей .
Даже несмотря на несколько призывов к действию, Fitbit направляет посетителей через оптимизированный интерфейс, чтобы научить их всему, что нового.
4. Mixpanel
Mixpanel имеет забавный и креативный пример целевой страницы, на которой пользователи могут загрузить свою бесплатную электронную книгу.
Этот метод лидогенерации может помочь вам собрать адреса электронной почты заинтересованных людей, которых вы можете развивать с помощью маркетинговых кампаний по электронной почте и других стратегий в вашей воронке продаж.
На странице используется отрицательное пространство, чтобы привлечь внимание к изображению героя. Эта электронная книга — звезда шоу. Mixpanel создавал физическую книжную графику, даже если это электронная книга — метод, который делает предложение более осязаемым и легким для визуализации.
Обложка электронной книги белого цвета с яркими абстрактными изображениями, которые привлекают внимание, сохраняя при этом стильный вид.
Ниже приведено социальное доказательство в виде прошлых клиентов, таких как Clorox и US Bank.
Затем краткое изложение того, какая информация содержится в книге.
На странице есть три кнопки с призывом к действию: первые две привязаны к нижней части страницы, что означает, что при нажатии на них экран автоматически прокручивается вниз. Здесь нужно заполнить форму и получить доступ к книге.
Эта страница соответствует практике некоторых из лучших конвертирующих целевых страниц:
- Чистый дизайн с правильным привлечением внимания
- Несколько возможностей привлечь посетителей к главному действию, которое вы хотите, чтобы они совершили
- Правильное количество информация, чтобы убедить посетителей в том, что это предложение является законным, надежным и содержит ценный контент
5.Винк
ВинодельняWinc имеет одну из лучших целевых страниц электронной коммерции, когда дело доходит до простоты.
Эта страница начинается с привлекательного предложения: скидка 50% на первый заказ. И вам даже не нужно ничего делать — это применяется автоматически.
Наберите несколько баллов за упрощение взаимодействия с пользователем.
Простой заголовок из трех слов «Распаковать, откупорить, наслаждаться» сочетается с подзаголовком «Мы приносим мир вина к вашему порогу.Эти двое работают вместе, чтобы нарисовать картину легкости и простоты, которую вы получите, купив у Winc.
Ниже героя есть три простых аргумента, которые подтверждают их главное ценностное предложение: они узнают ваш вкус и подберут коробки с вином специально для вас.
Winc завершает страницу убедительной поддержкой Forbes, которая гласит: «Доказательство в бутылке».
На странице есть две идентичные кнопки с призывом к действию, каждая из которых ведет вас к первому этапу процесса продажи: викторине из шести вопросов, чтобы почувствовать вкус.
Что в этом круто, так это то, что они объясняют, что означает каждый вопрос. Например, первый вопрос касается того, как вы пьете кофе, что указывает на ваше предпочтение горьким танинам в красных винах.
6. Домашний повар
Компания по доставке еды Home Chef сразу зацепляет пользователей: баннер в верхней части страницы предлагает вкусную скидку в размере 60 долларов на ваши первые четыре коробки с едой.
На этой странице используется сильный брендинг, чтобы привести вас к продаже.Логотип находится в центре главного героя, наряду с гордым заявлением о том, что они занимают первое место по удовлетворенности клиентов среди своих конкурентов.
(К сожалению, это пустая заявка, потому что они не предлагают никаких исследований или информации, подтверждающей ее. Я рекомендую вам избегать необоснованных заявлений на ваших собственных целевых страницах.)
Но Home Chef следит за этим с полной прозрачностью в следующем разделе. Заголовок гласит: «Почему мы думаем, что вам стоит попробовать Home Chef».
Далее мы перечисляем гибкость, разнообразие и ценность как три своих ценностных предложения.И для любого, кто изучает службу доставки еды, это в значительной степени три определяющих фактора для выбора.
Домашний повар завершает этот пример целевой страницы электронной коммерции коротким видео-отзывом от молодой пары и тем же призывом к действию «Выбери себе еду», что и герой.
7. Crazy Egg
Crazy Egg — одна из самых конвертирующих целевых страниц, которые я когда-либо видел. В этом есть смысл — услуга направлена на то, чтобы помочь своим клиентам повысить производительность их веб-сайтов и коэффициент конверсии.
Когда вы попадаете на главную страницу, под героем нет контента. У вас просто есть несколько вариантов. Один из них — ввести URL-адрес вашего веб-сайта, чтобы он мог показать вам тепловую карту, которая показывает, какие части ваших веб-страниц ваши посетители нажимают (и, следовательно, наиболее интересуют).
Под основным призывом к действию находится вторичный призыв к действию: «Не готовы начать? Учить больше.»
Если щелкнуть эту кнопку, остальная часть целевой страницы будет развернута с полезной информацией о том, что делает Crazy Egg и как это может принести вам пользу.
Вместо того, чтобы говорить о компании и хвастаться ее возможностями, Crazy Egg сосредотачивается на том, «что это вам выгодно» (WIIFY). Это помогает посетителям установить связь и визуализировать, как продукт соответствует их потребностям и целям.
Под героем есть несколько разделов с одинаковым призывом к действию: «Начните с анализа вашего веб-сайта». Это приведет вас обратно в верхний раздел, чтобы получить тепловую карту.
Эта целевая страница имеет одну четкую цель с несколькими возможностями направить посетителей к конверсии.
Это лаконично, эффективно и отлично демонстрирует продукт, не теряя при этом внимания потенциальных клиентов.
Делайте заметки!
Дополнительные советы по созданию отличных целевых страниц
Помните об этих дополнительных советах при создании потрясающих целевых страниц:
- Убедитесь, что они адаптированы для мобильных устройств. Это касается каждой страницы вашего сайта. По состоянию на 2019 год 53 процента всего веб-трафика приходилось на мобильные устройства. Не упускайте этих посетителей из своего плана.
- Если на вашей целевой странице используются формы, постарайтесь минимизировать количество полей, которые им необходимо заполнить. Одна компания сократила свою форму с 11 полей до четырех и увидела рост конверсии на 120 процентов.
- Все любят видео, поэтому по возможности используйте видео на своих целевых страницах. Еще лучше, если вы сможете сделать свою собственную, а не использовать чужую. Одно исследование показывает, что добавление видео может повысить конверсию на 86 процентов.
Целевые страницы-убийцы для привлечения внимания и конверсий
Как видите, не существует единственно правильного способа создать целевую страницу.Все лучшие примеры целевых страниц соответствуют общему списку передовых практик, но у вас есть много возможностей проявить творческий подход.
Название игры действительно понимает ваших клиентов. Когда вы знаете, что для них действительно важно и как передать это на их родном языке, вы сможете побеждать их время от времени.
Просто помните: на всех потрясающих целевых страницах есть четкий и прямой обмен сообщениями в сочетании с плавным и оптимизированным пользовательским интерфейсом.
Как только вы это поняли, вы уже выиграли половину битвы.
Хотите узнать больше?
10 примеров целевых страниц с высокой конверсией от ведущих блогеров
Вы когда-нибудь задумывались, почему вы не получаете те коэффициенты конверсии, которые, как утверждают другие блоггеры, имеют на своих целевых страницах?
Хотя может иметь значение множество факторов, от качества трафика до намерений читателей, оказывается, что вы можете многое сделать, когда дело доходит до повышения коэффициента конверсии целевой страницы, просто экспериментируя с дизайном ваших страниц.
Ознакомьтесь с бесплатными целевыми страницами ConvertKit
Как блоггер, который хочет привлечь больше подписчиков по электронной почте, привлечь более качественных лидов или направить читателей к недавно выпущенному цифровому продукту, у вас гораздо больше шансов привлечь посетителей, если вы направите трафик на продуманную целевую страницу. в отличие от длинной статьи, списка всех ваших продуктов или вашей домашней страницы.
Целевые страницы уникальны тем, что имеют единственную цель: собирать подписчиков.
Если вы уже запустили свой блог и трафик начинает поступать, целевые страницы станут для вас все более важным инструментом по мере того, как вы расширяете свой список рассылки и работаете над монетизацией своего сайта. Целевые страницы:
- Подарите читателям очень четкое предложение (бесплатная загрузка, лид-магнит, подписка на информационный бюллетень)
- Скажите читателям, что им нужно сделать, чтобы получить поощрение
- Не отвлекают, например, лишний контент или интерактивные ссылки для перехода за пределы страницы.
Вот пример одной из моих самых эффективных целевых страниц, которая побуждает читателей записаться на мой бесплатный курс по развитию прибыльного блога после того, как они уже ознакомились с моим подробным руководством по созданию вашего блога с нуля.
Поскольку читатели, попавшие на эту целевую страницу, настолько хорошо нацелены и уже готовы присоединиться к этому бесплатному курсу, он превращает 64,88% посетителей в новых подписчиков электронной почты.
Пример целевой страницы курса от Райана Робинсона. Вы заметите, что мой заголовок, описание и призыв к действию на этой целевой странице предельно ясны и кратко объясняют, какие действия вы должны предпринять прямо сейчас и что вы будете делать. получать в обмен на участие в бесплатном курсе.
Мощная комбинация простого предложения и источника целевого трафика, который получает бесплатный ресурс, который точно соответствует их поисковому намерению, — вот рецепт целевой страницы с высокой конверсией.
А теперь давайте углубимся в то, что делает целевую страницу успешной.
6 ключевых элементов эффективной целевой страницы и способы их создания для вашего блога
Как мы уже упоминали, успешная целевая страница — это та, которая решает явную проблему, предлагает решение и заставляет посетителей действовать, что приводит к увеличению конверсии. Вот шесть элементов эффективной целевой страницы, а также четкие правила, которые следует и нельзя учитывать при разработке макета.
1. Убедительное предложение, соответствующее намерениям читателей
Для того, чтобы ваша целевая страница когда-либо работала в вашу пользу, она должна сначала содержать актуальное и убедительное предложение (решение проблемы), которое действительно волнует ваших читателей.
Ключ к успеху заключается в знании своей аудитории, понимании того, что им действительно интересно, и признании их мотивации. Подумайте об их самых насущных проблемах, которые вы можете решить с помощью бесплатного предложения, такого как электронная книга, курс, контрольный список, шаблон или другой цифровой актив, к которому они могут сразу получить доступ после заполнения формы на вашей целевой странице.
Вот несколько способов определить, какой умный лид-магнит может быть для вашей аудитории:
- Проведите опрос существующих читателей с помощью бесплатного инструмента, такого как Google Forms или SurveyMonkey, разместив ссылку на опрос в своем контенте, в социальных сетях или в рамках кампании по электронной почте, которая спрашивает читателей, с какими проблемами они сталкиваются сегодня.
- Используйте функцию автозаполнения Google по заданному поисковому запросу, чтобы собрать информацию о часто задаваемых вопросах, относящихся к вашей нише или интересующей теме, которая, как вы подозреваете, волнует ваших читателей.
- Просмотрите разделы Quora в своей нише, чтобы узнать, какие вопросы люди задают чаще всего в связи с набором общих проблем, о которых вы знаете.
Выяснить, как привлечь читателей — это одно, но для того, чтобы превратить ваших новых посетителей в возбужденных потенциальных клиентов, вам нужно будет точно согласовать свое предложение с интересами ваших читателей. После того, как вы определились с этим основным предложением, вы должны суметь продемонстрировать его ценность и рассказать, какую выгоду от него получат ваши читатели.
Еще один важный аспект, о котором следует помнить, — это то, что ваша целевая страница должна очень точно соответствовать сообщению, которое передается о предложении из внешних источников, таких как поисковые системы и объявления в социальных сетях (сайты, с которых приходят ваши читатели). Если сообщения не совпадают, вы получите высокий показатель отказов, поскольку читатели будут чувствовать, что их обманывают, нажимая на ваше предложение.
Например, если в вашем сообщении в социальной сети или в заголовке SEO утверждается, что вы предлагаете «бесплатную демонстрацию» своего продукта с этой целевой страницы, убедитесь, что копия на странице ясно сообщает об этом.
2. Простой макет, соответствующий вашему брендингу
Лучшие целевые страницы — это те, которые просты, не перегружены и удобны для навигации.
Хотя большинство целевых страниц создаются для достижения одной цели, каждая из них по-прежнему является частью вашего более крупного веб-сайта и должна соответствовать идентичности вашего бренда, начиная от использования тех же цветовых схем и заканчивая единообразными шрифтами, элементами макета и стилями изображений. , и больше.
Найдите способы интегрировать общий внешний вид вашего веб-сайта, чтобы предложить единообразное взаимодействие с целевыми страницами, которые произведут неизгладимое впечатление на ваших новых подписчиков.
Хотя поначалу вы можете почувствовать необходимость сообщать много информации на своих целевых страницах, предложение слишком большого количества текста может фактически перегрузить посетителей слишком большим объемом информации и дать им повод дважды подумать, готовы ли они заявить о вашем предложении. .
Держите свои страницы в чистоте, четко сообщайте о преимуществах того, что получат читатели после того, как заявите о вашем предложении, и упростите быстрое сканирование основных моментов.
3. Мобильный отзывчивый
Как ни крути, но за мобильными устройствами будущее.А с учетом того, что на мобильные устройства сейчас приходится более 52,2% всего трафика, разработка адаптивной целевой страницы для мобильных устройств больше не может быть задумкой.
Это означает, что если вы используете устаревшую систему управления контентом, плохо спроектированную тему WordPress или платформу электронной коммерции, которая не позволяет создавать мобильные адаптивные страницы, вы упустите важные возможности для конвертировать больше читателей.
Ваши целевые страницы должны быть оптимизированы для всех типов устройств, чтобы они предлагали удобное взаимодействие с пользователем независимо от размера окна браузера — и все это с целью снижения показателя отказов и увеличения конверсии.
Что способствует разработке интеллектуальной целевой страницы, адаптируемой к мобильным устройствам?
- Четкие, легко читаемые заголовки и маркированные списки копии
- Оптимизированные изображения или встроенное видео, которые быстро загружаются
- Простой дизайн с использованием макета в одну колонку (на мобильном устройстве)
- Разместите весь важный контент и CTA в верхней части страницы
- Короткие формы регистрации с включенными опциями автозаполнения
Меньше всего вам нужно, чтобы ваши читатели продолжали увеличивать и уменьшать масштаб и регулировать размер своего экрана, чтобы понять вашу целевую страницу.Убедитесь, что вы нашли время, чтобы разработать адаптивную для мобильных устройств целевую страницу, которая обеспечивает удобство работы пользователей на всех устройствах.
4. Яркий заголовок, привлекающий внимание читателя
После того, как вам удалось направить трафик на свою целевую страницу, дальнейшие действия во многом зависят от того, насколько мощный заголовок заставляет посетителей читать дальше.
Тот факт, что в среднем 8 из 10 человек будут читать только заголовки на странице, прежде чем принять решение о том, предназначен ли контент для них, делает его, пожалуй, самым важным отдельным элементом на вашей целевой странице.
У вас может быть лучший подарок с наиболее убедительным текстом, но с неправильным заголовком — многие читатели немедленно уйдут, если им это не понравится.
Заголовок целевой страницы с высокой конверсией — это заголовок, который:
- В частности, указано, что подписчики получат точную доставку.
- Точно соответствует ожиданиям посетителей и привлекает их внимание
- Ориентирован на преимущества и ожидаемые положительные результаты
- Взывает к эмоциям и создает ощущение срочности
Я рекомендую использовать бесплатный инструмент CoSchedule Headline Analyzer, чтобы проверить заголовки и получить предложения по их улучшению перед запуском новых целевых страниц.Их инструмент учитывает эти факторы, чтобы формировать заголовки в правильном направлении.
Хотя заголовок действительно должен быть коротким и емким, вы можете подумать о добавлении подзаголовка, чтобы подробно рассказать о своем сообщении и добавить больше контекста, чтобы донести до него суть. Подумайте об использовании отзывов или данных исследований, чтобы повысить доверие к себе на странице.
5. Актуальные, визуально привлекательные изображения
Использование визуальных элементов на целевой странице почти всегда оживляет атмосферу и способствует лучшему привлечению внимания посетителей, когда они приходят.
Рассмотрите возможность использования изображений людей (даже самих себя, если вы занимаетесь центральным элементом своего бренда), чтобы вызвать эмоциональную связь, очеловечить ваше предложение и наладить отношения с новыми подписчиками.
Также выгодно использовать изображение цифрового продукта, который вы предлагаете — будь то электронная книга, видеокурс, аудиозапись или что-то еще, — чтобы установить связь между заголовком целевой страницы и форматом вашего предложения. Это помогает читателям визуализировать продукт и облегчает им возможность подписаться на него.
Если вы добавляете отзывы на свою целевую страницу, дополните их фотографиями клиентов, которые будут сопровождать их цитаты, или подумайте о добавлении видео-отзывов, чтобы добавить еще более глубокий уровень достоверности.
С учетом всего вышесказанного не делайте ошибки, используя слишком много изображений на своих целевых страницах — до такой степени, что они загромождают макет, отвлекают читателя или затрудняют навигацию по мобильной версии страницы. Экономно используйте визуальные эффекты и заставляйте их рассчитывать.
6. Бесфрикционная форма с прозрачным CTA
Вся цель создания целевой страницы в вашем блоге — побудить посетителей заполнить форму и заинтересовать вас предложением контента, верно?
После всей тяжелой работы, которую вы проделали для привлечения целевого трафика на свою страницу, вы не хотите заставлять читателей задумываться о том, стоит ли им время заполнять длинную форму.
Чем больше полей вы требуете от читателей, тем выше вероятность, что они покинут страницу.
Делайте ваши формы как можно короче и понятнее, запрашивая минимум информации, которую вам необходимо собрать. Спросите себя, какие точки данных абсолютно необходимы для получения на данном этапе от вашего нового подписчика.
Например, если вы просите посетителей подписаться на предстоящий веб-семинар, вам, вероятно, не нужен их почтовый индекс и размер их компании, не так ли?
Если вы хотите, чтобы ваши целевые страницы хорошо конвертировались, привлеките больше читателей, чтобы завершить процесс регистрации, сделав это невероятно простым для них.
Последний важный элемент, который вам нужно тщательно продумать в форме для потенциальных клиентов, — это кнопка с призывом к действию (CTA), на которую посетители будут нажимать, чтобы отправить свою информацию и запросить ваше предложение.
Цвет, который вы выбираете для кнопки CTA, должен оставаться фирменным и достаточно контрастировать с остальными элементами вашей страницы, чтобы он четко выделялся.
Вы также захотите разместить его на видном месте под полями формы, которые только что заполнили ваши посетители, чтобы это был естественный следующий шаг, и используйте ориентированный на действия язык для текста кнопки.
8 правил, которые можно и чего нельзя делать для создания успешной целевой страницы
- Использовать ли целевые ключевые слова для оптимизации целевой страницы в соответствии с передовыми методами SEO
- Не переполняйте страницу, вставляя слишком много текста или слишком много изображений
- Сделайте используйте контрастные цвета, чтобы выделить заголовок и призыв к действию
- Не используйте несколько кнопок с призывом к действию, которые могут запутать посетителей
- Проведите A / B-тестирование заголовков, копий и изображений целевой страницы, чтобы улучшить результаты
- Не используйте общие и неоднозначные тексты с призывом к действию, такие как «Нажмите здесь» или «Отправить».
- Сделайте перенаправлять посетителей на страницу с благодарностью, чтобы определить ожидания относительно того, что будет дальше
- Не вставляйте ссылки на другие содержательные страницы на свои целевые страницы
А теперь давайте подробнее рассмотрим несколько целевых страниц с высокой конверсией.
6 лучших блогеров делятся примерами своих самых конверсионных целевых страниц
Чтобы помочь вам представить более разнообразную выборку примеров целевых страниц, я обратился к нескольким блоггерам, которые разрабатывали (и оптимизировали) свои целевые страницы в течение многих лет — через миллионы читателей, посетивших эти страницы.
1. Мишель Шредер, «Размышляя о центах»
Целевая страница шпаргалки по центамМишель Шредер ведет свой блог о личных финансах «Смысл в центах» и учит более 300 000 читателей в месяц, как делать все: от более ответственного обращения с деньгами до ускорения накопления сбережений, увеличения доходов и многого другого. .Значительную часть ее аудитории составляют блоггеры, которые хотят получать доход в Интернете от партнерского маркетинга.
Для правильных читателей, которые увидели статью Мишель о том, как увеличить свой партнерский доход, этот бесплатный контрольный список подойдет как нельзя лучше с точки зрения соответствия намерениям пользователей для тех, кто хочет вывести свое обучение на новый уровень.
Этот лид-магнит, который я предлагаю через Convertkit, за годы принес мне десятки тысяч подписчиков и очень хорошо конвертирует.Я думаю, что это хорошо для многих по многим причинам, но в основном потому, что статья, к которой он привязан, действительно полезна (а не просто пустяк). Контент состоит из более чем 1000 слов, и это не просто попытка что-то продать читателям снова и снова.
Вторая причина, по которой это делается так хорошо, заключается в том, что контент действительно интересует читателей темой аффилированного маркетинга и рассказывает о преимуществах того, что может случиться, если вы отнесетесь к нему серьезно, что убеждает их подписаться на бесплатную услугу.
Мишель Шредер
2. Пэт Флинн, Smart Passive Income
Шпаргалка подкаста Пэта Флинна, целевая страницаБлог Пэта Флинна «Smart Passive Income» и его чрезвычайно популярный подкаст стали синонимами освещения всего, что необходимо для получения дохода в сети, особенно когда речь идет о создании пассивных источников дохода.
С момента запуска своего подкаста более девяти лет назад он собрал более 50 миллионов загрузок, и он давно отвечает на вопросы своих читателей о том, как он поднял свое шоу до таких невероятных высот.Его шпаргалка по подкасту разрушает все его советы.
Эта целевая страница с очень четкой визуализацией того, как выглядит шпаргалка вверху, рядом с заголовком и четкой кнопкой CTA, получает высокие оценки за дизайн. Добавьте к этому короткое видео с автоматическим воспроизведением, расположенное ниже сгиба Пэта, быстро объясняющее преимущества того, что вы получите из шпаргалки, и эта загрузка стала одной из его самых эффективных загрузок.
Эта целевая страница подходит для нас, потому что это очевидное обновление контента, и когда я говорю о подкастинге в моем контенте, люди легко могут получить все этапы, изложенные прямо перед ними в одном месте.
Пэт Флинн
3. Брайан Дин, Backlinko
Целевая страница информационного бюллетеня Backlinko с советами по SEOХотите верьте, хотите нет, но такая простая вещь, как страница подписки на информационный бюллетень, на самом деле может служить целевой страницей с высокой конверсией для сбора новых подписчиков по электронной почте, если вы хорошо ее спроектируете и сделаете убедительное предложение. Всемирно известный SEO-блог Брайана Дина является ярким примером того, как это работает сегодня.
Эта целевая страница так хорошо конвертируется, потому что мы делаем то, что вы получаете, более ощутимым, чем просто информационный бюллетень или еженедельные обновления.Вместо этого мы используем такие термины, как советы и стратегии SEO, которые делают ценность информационного бюллетеня более понятной. Мы также добавили второе поле в нижней части страницы, что повысило наш коэффициент конверсии на странице примерно на 10%.
Брайан Дин
Хотя ваш успех в том, чтобы убедить читателей подписаться на новый информационный бюллетень, который будет попадать в их почтовый ящик каждую неделю, естественно, во многом будет зависеть от того, насколько привлекательным будет ваше предложение, вам также необходимо принять во внимание, как посетители переходят на эту страницу — и каковы их ожидания по прибытии.
4. Бетани Кантор и Анкур Нагпал, обучаемый
Целевая страницаTeachable’s Women Who Create. Этот пример целевой страницы взят из кампании Teachable’s Women Who Create, которая проводилась в марте 2019 года как трехдневное виртуальное мероприятие специально для женщин-авторов. Тот факт, что это предложение было так тщательно нацелено на конкретную целевую аудиторию, помог добиться высоких показателей посещаемости мероприятия.
Эта страница для нас сконвертирована на 60%, что может удивить многих, учитывая, что она была довольно длинной по сравнению с большинством наших целевых страниц.Это была уникальная страница, которую мы запустили для разового саммита, и каждый раздел страницы имел определенную цель, начиная от объяснения преимуществ, которые вы получите от посещения бесплатной конференции, до некоторых конкретных часто задаваемых вопросов, и цель оставалась ясной. путь вниз по странице.
Бетани Кантор
Помимо всего прочего, посещение бесплатного виртуального саммита для некоторых из ведущих женщин-лидеров онлайн-бизнеса сегодня имеет огромную ценность.
Повествование на всей странице было в значительной степени основано на улучшении ваших маркетинговых навыков, в позитивном, вдохновляющем тоне, и единственный CTA ясен.Мы просим ваше время заранее. Затем мы берем на себя ответственность за обеспечение ценности саммита.
5. Hiten Shah, FYI
Целевая страница расширения Chrome FYIИнструмент поиска и организации документов Hiten Shah, FYI, имеет минималистичную целевую страницу для расширения Chrome, которая очень хорошо конвертируется — во многом благодаря автозапуску фонового видео, которое быстро помогает посетителям понять, что именно они получат.
Ключ к странице — это анимированный GIF, который подчеркивает простоту поиска документов.Этот тип целевой целевой страницы заставляет людей выбирать, подходят ли мы им или нет. Поскольку целью является конверсия, мы пришли к выводу, что такой подход краткой страницы работает лучше, чем целевая страница длинной формы.
Хитен Шах
Помимо прямого и лаконичного заголовка и призыва к действию, стоит подчеркнуть, насколько эффективны различные изображения логотипов продукта, расположенные рядом с заголовком. Он обеспечивает мгновенное соединение с посетителями, чтобы понять, что этот продукт позволит вам искать и систематизировать все ваши документы на различных платформах, которые вы уже используете.
6. Джон Морроу, SmartBlogger
Шпаргалка Smart Blogger, целевая страницаОснова империи SmartBlogger, Джон Морроу на протяжении большей части десятилетия учил сотни тысяч писателей и блоггеров, как стать лучшими создателями контента, маркетологами и успешными владельцами онлайн-бизнеса.
Его самая эффективная целевая страница имеет умное название — Headline Hacks — и очень простой макет с убедительным изображением продукта, жирным заголовком и четким CTA без каких-либо отвлекающих факторов.
Наша целевая страница взлома заголовков работает так хорошо, потому что это больше всего похоже на чит-код для ведения блога.
Люди ищут быстрых и легких результатов, и шаблон заголовка, заполняющий пустые поля, отвечает всем требованиям. Это также обещает пользу, которую хочет наша аудитория: сделать ваш пост вирусным. Соедините их вместе с простой целевой страницей, и это будет победа.
Джон Морроу
Примеры наиболее эффективных целевых страниц ConvertKit
Если вы хотите создать целевую страницу для своего блога, это поможет черпать вдохновение из других успешных целевых страниц и понять, что делает их такими успешными.
В дополнение к примерам, которые мы уже использовали у самых успешных блоггеров мира, вот четыре высокоэффективных дизайна целевой страницы ConvertKit, которые помогут вам начать работу.
1. Пример целевой страницы бизнес-тематики
Бесплатный шаблон целевой страницы бизнес-тематики от ConvertKitЕсли вы запускаете новый курс, эта целевая страница бизнес-тематики является отличным примером.
- Использует пронумерованный заголовок, чтобы выделить ценностное предложение предложения (курс по электронной почте).
- Подзаголовок подробно описывает, какую пользу получит читатель.
- Простая форма, в которой запрашивается только основная информация (имя и адрес электронной почты)
- Выдающийся, ориентированный на действие CTA, который включает в себя пособие (бесплатный курс) в копии
- Четкий дизайн и привлекательный внешний вид
- Создает ощущение срочности (зарегистрируйтесь сегодня, не упустите свой шанс)
- Использует триггеры кликов для увеличения конверсии (мы уважаем вашу конфиденциальность, откажемся от подписки в любое время)
2.Скоро появится пример целевой страницы
Скоро появится бесплатный шаблон целевой страницы от ConvertKit. Если вы хотите продвигать предложение перед его запуском, чтобы оценить интерес или создать некоторый шум перед запуском вашего предстоящего предложения, вот скоро появится целевая страница, которая идеально подходит случай.
- Обозначает поощрение (зарегистрируйтесь и получите скидку 20%)
- Создает ощущение срочности (срок действия предложения истекает 31 декабря)
- Излагает особенности предложения
- Простая форма, запрашивается только адрес электронной почты
- Изображение героя, дополняющее товар
- Использует триггеры кликов (мы уважаем вашу конфиденциальность, откажемся от подписки в любое время)
3.Пример целевой страницы бесплатного курса
Пример целевой страницы бесплатного курса из ConvertKitЕсли вы запускаете бесплатный курс по электронной почте или просто хотите создать свой список с более целевой страницей подписки на рассылку новостей, вот целевая страница, от которой вы можете почерпнуть много вдохновения.
- Показывает вашу фотографию спереди и в центре, чтобы установить связь с посетителями
- Задаёт актуальные вопросы в форме
- Динамические поля формы для сбора нескольких типов входных данных (советую не усложнять)
- Ориентированный на действие CTA
4.Пример целевой страницы для лид-магнита
Пример целевой страницы для лид-магнита от ConvertKit. Ваши шансы на расширение списка адресов электронной почты значительно возрастут, если вы можете предложить ценный лид-магнит взамен адреса электронной почты посетителя. Вот шаблон целевой страницы для лид-магнита, который вы можете использовать для начала.
- Изображение героя вверху, которое помогает читателям визуализировать ваш продукт
- Заголовок жирным шрифтом, описывающий предложение всего несколькими словами
- Копия, демонстрирующая, что товар есть в магазине
- Простая форма с четкой кнопкой CTA
Создайте свои собственные целевые страницы с высокой конверсией
Целевые страницыпредназначены не только для крупных брендов и устоявшихся интернет-компаний, которые продают что-то дорогое, — они одинаково полезны для блоггеров на всех этапах, от новичков до опытных авторов.
Хорошо продуманная целевая страница поможет вам превратить больше читателей в подписчиков электронной почты, что, в свою очередь, создает возможности для получения в конечном итоге беспроигрышного дохода за счет продажи соответствующих продуктов или услуг вашей аудитории.
Конечно, чтобы построить прибыльный бизнес вокруг вашего блога, нужно время, но целевые страницы находятся в центре всего этого. Они являются средством, с помощью которого вы можете генерировать подписчиков электронной почты, с которыми вам нужно будет связаться (и у которых можно будет учиться), чтобы разработать действительно полезные решения проблем, с которыми они сталкиваются.
Кроме того, когда целевая страница сочетается с правильным предложением, это также помогает вам начать отношения с новыми подписчиками на значимой ноте, предлагая сразу что-то ценное.
Не знаете, с чего начать?
Попробуйте конструктор целевых страниц ConvertKit, чтобы создавать красивые целевые страницы за считанные минуты.