8 вдохновляющих примеров товарных Landing Pages

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

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

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

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

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

1. Google Nexus

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

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

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

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

Эту образцовую страницу портит разве что безликий призыв к действию «Submit» на малозаметной CTA-кнопке.

2. Nest

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

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

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

Первый день с Nest

365 дней вместе с Nest

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

3. Garmin Fenix

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

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

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

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

4. Playstation 4

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

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

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

5. Jawbone Up

Браслет для контроля физической активности Jawbone Up — будь он еще чуточку умней 🙂 — мог бы со всем основанием гордиться своим лендингом, целиком и полностью соответствующим всем требованиям к дизайну современной целевой страницы.

• Параллактическая прокрутка (верхний и нижний слои страницы прокручиваются независимо друг от друга)? Есть!
• «Липкое» меню (остается неподвижным при скроллинге страницы)? Разумеется!
• Видеоролики о продукте? Сами смотрите!

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

6. Recon Jet

Вы думаете, что Google Glass есть неповторимое в своей уникальности изобретение? Подумайте еще раз. Правильный ответ: отнюдь нет — аналогичный носимый компьютер есть еще как минимум один, и называется он Recon Jet.

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

Гораздо хуже, что сразу под видео помещены внешние ссылки на СМИ, оставившие хвалебные отзывы о Recon Jet. Почему бы просто не поставить текстовые цитаты от тех же Time или Wired? Посетитель, ушедший на внешний ресурс — тем более такой захватывающий как The Huffington Post — может ведь и не вернуться назад.

В остальном же — это классический лендинг, сделанный очень качественно.

7. Marshall Hanwell

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

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

Эмоциональная связь — это хорошо для конверсии, безусловно.

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

Однако использование фотографий, повторим, здесь просто неподражаемое.

8. Withings Pulse

Еще один монитор физической активности — и еще одна приятная, чистая, стильная целевая страница. Лендинг Withings Pulse — как и страница Jawbone Up — строго следует самым современным тенденциям веб-дизайна: параллактическая прокрутка, «липкое» меню, видеоролик о продукте.

Единственно, что смущает — это странный круглый прогресс-индикатор, выдающий значения от 0% до 100% при прокрутке страницы вниз. Видимо, это какая-то метафора достижения поставленных целей, хотя мы приняли этот «циферблат» за индикатор загрузки видео.

Выводы: 4 важных наблюдения

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

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

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

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

По материалам econsultancy.com

Что такое лендинг: примеры, как создать

Этим словом постоянно оперируют продвинутые пользователи Интернета. Что же такое лендинг, как создать его? Разберём в этой статье, приведём примеры и расскажем об инструментах.

Что это такое?

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

— В начале всегда продающий заголовок.

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

— Его создают под определённую ЦА.

Какие бывают одностраничники, примеры

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

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

Многоэкранный. Создаётся для презентации товаров и услуг.

Лендинг-витрина. Тоже самое, что и многоэкранный.

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

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

Как создать лендинг с помощью конструктора Хиполинк?

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

На сервисе Хиполинк пользователи могут:

— настраивать оформление лендинга;

— добавлять кнопки контактов;

— добавлять фото и видео материалы;

— подключать интеграции  с внешними сервисами;

— отслеживать статистику и получать заявки.

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

Шаг 1.  Бесплатно зарегистрируйтесь на сервисе

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

Шаг 3. Разместите страницу в Инстаграм

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

5 примеров лендинг пейдж с высокой конверсией

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

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

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

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

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

Из чего строится действительно хорошая целевая страница?

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

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

• Привлекающий внимание заголовок
• Грамотно составленная форма «призыва к действию»
• Конкретные формулировки
• Перечисление характерных особенностей товара/услуги только после перечисления преимуществ для клиента
• Убедительные примеры
• Гарантии

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

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

1. Сайт финансового банка «Bank of America»

Чем хорош: Несмотря на то, что заголовок страницы не очень броский, а дизайн слегка хаотичен, форма «призыва к действию» разработана в максимально простой и понятной пользователю форме. Ещё плюсом данной целевой страницы является указание ключевых выгод для клиента прежде списка особенностей банка: текст, сообщающий об этих преимуществах, изображён на отдельном элементе интерфейса в виде гармошки. Более того, в качестве побуждающего к взаимодействию фактора выступает предложение банка выплатить 500$ тому клиенту, с чьей карточки будет взята комиссия (т. к. предполагается, что банк самостоятельно должен отменить взимание комиссии).

2. Сайт платёжной системы и управления «Square» для владельцев бизнеса в сфере фитнеса и здорового образа жизни

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

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

3. Сайт-менеджер по управлению социальными медиа «Hootsuite»

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

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

4. Сайт «Outbrain» — маркетинговая платформа, предлагающая услуги по созданию креативного контента

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

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

5. Сайт кредитования и займов для бизнеса «Kabbage»

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

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

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

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

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

Источник

черпаем вдохновение у профессионалов — CMS Magazine

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

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

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

Больше не нужно искать и обзванивать каждое диджитал-агентство
Создайте конкурс на workspace. ru – получите предложения от участников CMS Magazine по цене и срокам. Это бесплатно и займет 5 минут. В каталоге 15 617 диджитал-агентств, готовых вам помочь – выберите и сэкономьте до 30%.
Создать конкурс →

Понятная инструкция

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

Объясните пользователям, что конкретно им нужно сделать

Вопрос-ответ

Многие компании используют лендинги для продвижения своих приложений. Однако создатели crowdspottr делают это по-особенному — они задают вопрос и тут же дают лаконичный ответ. Как пользоваться crowdspottr? Скачайте приложение, войдите в аккаунт и вуаля. Все просто, а главное — понятно.

Задайте вопрос и тут же дайте четкий ответ

Два призыва к действию, усиливающих друг друга

Designedtomove.org — социальный сайт, посвященный проблеме низкой физической активности современных людей. Его посадочная страница выглядит очень необычно — в ней нет четкого заголовка, оффера и каких-либо объяснений. Лишь несколько коротких и весьма размытых фраз и два призыва к действию: «Посмотреть видео» и «Скачать отчет». Однако это не умаляет ее эффективности. Даже наоборот — легкий туман загадочности вызывает у посетителей непреодолимое желание нажать на кнопку. Причем, 99% из них, по понятным причинам, начинают именно с видео, а не с отчета. И только потом, посмотрев трогательный сюжет с участием детей и осознав всю остроту проблемы, переходят к отчету, где их ждут ошеломляющие цифры и факты. Итог: пользователи кликают по обеим ссылкам, а лендинг выполняет свою работу «на отлично».

Одно видео сильней тысячи слов

Понятно без скролла

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

Многим пользователям просто неохота скроллить

Ничего лишнего

Grooveshark.com — это музыкальный сервис, позволяющий пользователям слушать и скачивать музыку (аналог известного сервиса last.fm). Что хорошего в его посадочной странице? То, что на ней нет ничего лишнего. Два простых предложения (1), призыв к действию (2) и скриншот сервиса (3) — все, что видит пользователь на первом экране. Если прокрутить станицу вниз, можно почитать о его возможностях и даже скачать приложение для мобильного телефона.

Минимализм в лендинге только приветствуется

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

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

Демонстрация результатов

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

Покажите пользователям, что они получат от вашего продукта

Четкое описание

Создатели лендинга kaleidoscopeapp сильно постарались над созданием четкой формулировки текста. Они в подробностях описали, зачем нужно их приложение, и даже не поленились расширить описание призыва к действию («Демо 30 дней» и «Купить за 39$»).

На лендинге все должно быть четко

Создание интриги

Посадочная страница сайта klout.com предоставляет пользователям неполную информацию о сайте. Лишь некоторые, самые интересные факты (1-4). Расчет идет на то, что пользователи, на основании этих фактов, захотят сами продолжить изучение возможностей сайта и нажмут кнопку призыва к действию. Для упрощения авторизации на сайте присутствуют две кнопки: «Войдите с помощью аккаунта в Twitter» и «Войдите с помощью аккаунта в Facebook».

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

Первый экран — первое впечатление

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

Социальные доказательства не обязательно должны быть в конце лендинга

Чем проще, тем лучше

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

Чем проще и понятней, тем лучше

Оригинальная идея, прекрасное исполнение

В основе сервиса geteco.com лежит поистине великолепная идея. Смысл его заключается вот в чем: любой покупатель может оставить отзыв о продукте/услуге и получить за это приятных приз от руководства компании (ну, с учетом того, что этот отзыв оказывается полезным). В качестве приза может выступать что угодно: бесплатный продукт, скидка, подарочная карта и прочее (в зависимости от степени щедрости компании). А теперь вернемся к лендингу. В чем его особенности? В том, что он сразу объясняет, для чего нужен сервис и в чем его преимущества. Плюс к этому, большой и четкий призыв к действию, который ну просто невозможно не заметить.

Хороший призыв к действию — половина успеха

Расширенное описание кнопки призыва к действию

Главная особенность лендинга rateus.com.au заключается в том, что под кнопкой призыва к действию есть расширенное описание. Людям важно знать, что их ждет дальше. Ведь у них могут быть свои, зачастую ложные представления. Например, они могут подумать, что приложение платное, а регистрация отнимет у них много времени. Ваша задача — дать им гарантии и снизить степень сомнения. У rate us это, кстати, получилось здорово.

2 минуты? Не жалко!

Больше креатива

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

Оригинал: http://texterra.ru/blog/12-primerov-velikolepnykh-lendingov-cherpaem-vdokhnovenie-u-professionalov.html

Что написать и показать на первом экране лендинга | Блог YAGLA

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

Почему первый экран – важнейшая часть коммерческой страницы

Первое, что важно понимать: клиенты смотрят не только ваш сайт. Когда человек ищет что-то в интернете, он открывает 8–10 сайтов и проводит на каждом 5–20 секунд в среднем (в разных исследованиях цифры отличаются).

 

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

 

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

 

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

 

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

 

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

Иллюстрация: покажите не продукт, а то, как он улучшит жизнь клиента

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

 

Почему иллюстрации лучше текста. Причин две.

 

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

 

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

 

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

 

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

 

Про каждую функцию можно было бы рассказать текстом, тогда получилось бы что-то такое:

 

 

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

 

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

 

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

 

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

 

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

 

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

 

Еще из физического. Посмотрите, как преподносят свои продукты Apple: 

 

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

 

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

 

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

 

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

 

Немного забегу вперёд: дизайнер действительно может нарисовать такую иллюстрацию, но вот придумать её идею и подготовить ТЗ – задача редактора.

 

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

 

Если с физическими продуктами всё достаточно просто, то проиллюстрировать услуги сложнее. Как проиллюстрировать услугу привлечения трафика? Или юридического сопровождения сделок? 

 

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

 

 

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

 

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

 

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

 

 

Затем я подготовил короткое описание задачи для фотографа, и в результате получилось так:

 

Заголовок: просто назовите то, что вы продаете

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

 

В результате получались громоздкие конструкции, чуть ли не абзацы текста в духе «Увеличь свой статус на 30% уже завтра с наручными часами с [какой-то там] технологией». Реальный пример, между прочим.

 

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

 

Универсальный вариант – указывать в заголовке название продукта. Если вы продаете франшизы кофейни, то так и напишите: «Франшиза кофейни», без обещаний заработка и прочих сомнительных вещей.

 

Если продукт для рынка новый и непонятный, действуйте по формуле «название» – «что это из себя представляет». В примере выше вы уже видели такой заголовок: «Флайзер – альтернативный метод коррекции СДВГ у детей».

 

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

 

Альтернативный первый экран для онлайн-платформы нетворкинга. Можно было написать именно это слово, «нетворкинг». Но это не имеет значения, ибо смысл один и тот же.

Подзаголовок: опишите полезное действие

Полезное действие – это причина, по которой человек захочет купить продукт. Обычно она звучит как решение проблемы клиента. Полезное действие постепенно приходит на смену «традиционному» УТП (уникальное торговое предложение).

 

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

 

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

 

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

 

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

 

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

 

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

 

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

Дизайн: думайте об удобстве для пользователя, а не о красоте

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

 

Забудьте об этой фигне «текст слева, картинка справа». 

 

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

 

Например, картинка → заголовок → подзаголовок → кнопка → логотип.

 

Дизайнеры говорят, что на элементе сделан акцент – он выделен цветом (например, красная точка среди черных), размером (самый крупный из всех) или как-то еще.

 

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

 

Во-первых, это создает давление и ощущение «рекламности», словно продукт пытаются навязать.

 

Во-вторых, даже если вы грамотно расставили акценты, экран получится пёстрым и сложным для восприятия.

 

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

 

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

 

 

Кстати, это доказывает, что в сайтах продает не дизайн, а наполнение.

 

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

 

Выход прост: отделяйте фотографии и картинки от текста.

 

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

 

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

 

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

Что еще нужно знать о первом экране

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

 

Можно ли вместо иллюстрации разместить видео? 

 

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

 

А что если первый блок короче / длиннее экрана устройства?

 

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

 

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

 

Что еще можно разместить на первом экране? 

 

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

 

Что точно нельзя размещать? 

 

Наименее важную для клиента информацию: текст о компании, фотографии сотрудников и всё такое.

 

Можно ли размещать открытую форму?

 

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

 

Как сделать так, чтобы сразу была высокая конверсия?

 

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

 

 

Автор материала – Сергей Перевозчиков

 

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

Опубликовано редакцией Yagla

«Убойные» посадочные страницы: три примера эффективных лэндингов

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

Посадочные страницы: определение, критерии эффективности

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

Эффективные посадочные страницы соответствуют следующим критериям:

• Наличие подчеркнутого призыва или приглашения посетителя к действию. Хороший лэндинг четко побуждает потенциального клиента к совершению одного действия, например, к подписке на рассылку или к регистрации на сайте.
• Соответствие информации на посадочной странице обещанию, данному посетителю вне вашего сайта. Например, если сниппет поисковой выдачи или текст рекламного объявления сообщает клиенту о возможности подписаться на бесплатные видеоуроки, лэндинг должен предоставить ему такую возможность.
• Простота дизайна и неперегруженность информацией. «Приземлившись» на страницу, потенциальный клиент не должен отвлекаться от конверсионного действия рюшками в шапке сайта или длинными рассуждениями о качестве продукта.
• Корректное использование фотографий. Картинки улучшают визуальное восприятие лэндинга. Но соблюдайте меру — вы ведь не хотите, чтобы клиент забыл добавить товар в корзину, погрузившись в изучение фото.
• Использование силы брендов. Изображения надкушенного яблока или зеленого дроида добавят посетителям вашего сайта уверенности в качестве соответствующего продукта.
• Возможность быстро поделиться информацией в социальных сетях. Всегда добавляйте на посадочные страницы кнопки шеринга Facebook, Twitter, «Вконтакте» и других сетевых ресурсов.
• Постоянное совершенствование. Хороший лэндинг не бывает статичным. Мы, например, перманентно тестируем целевые страницы, изменяем их в соответствии с поведением пользователей, дорабатываем и улучшаем.

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

Три примера «убойных» посадочных страниц

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

Посадочная страница компании Content Rules

Американский разработчик контента Content Rules создал эффективную посадочную страницу для распространения своей электронной книги.

Что компания Content Rules сделала правильно:

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

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

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

Что можно усовершенствовать:

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

• Социальный шеринг

Кнопки популярных социальных сетей повысят эффективность лэндинга Content Rules.

Лендинг компании по недвижимости ALM Real Estate Media Group

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

Что компания ALM сделала правильно:

• Возможность регистрации через Facebook

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

Что можно усовершенствовать:

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

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

Лэндинг Windows Intune

Корпорация Microsoft использует посадочную страницу для распространения 30-дневной пробной версии облачного сервиса Windows Intune.

Что компания Microsoft сделала правильно:

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

• Четкий призыв к действию и фокусировка на преимуществах продукта

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

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

Что можно улучшить:

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

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

Заключение

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

Адаптация материала Эреза Барака Killer Landing Pages: 3 Examples of Landing Pages that Convert.

Еще несколько полезных материалов по лэндингам:

Instagram лендинг – как сделать (+ примеры)

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

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

Именно для этих целей и создаётся Landing page – посадочная целевая страница. В отличие от сайта компании здесь есть всего несколько информационных блоков, и все они связаны с одним единственным товаром или услугой.

Когда нужен

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

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

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

Сайт или аккаунт в инстаграм

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

И вот почему 💭:

1. Люди не любят переходить на сторонние ресурсы. Пользователю намного удобнее перемещаться внутри социальной сети, чем переходить на другие сайты, это факт. А так как ваша задача – сделать все, чтобы целевое действие совершалось с максимальным комфортом, лучше остановиться именно на таком варианте.
2. Аккаунт создаётся в пару кликов. Зарегистрировать новый инстапрофиль может даже школьник, а вот чтобы создать сайт-визитку, придётся потратить несколько часов своего времени, или даже заплатить специалисту за его разработку.
3. Профиль проще продвигать, чем сайт. В случае с сайтом вам будет доступна только прямая реклама в ленте и сторис, потому что кнопка «продвигать» работает только для аккаунтов. А ведь с её помощью можно существенно повысить охваты и даже попасть в «Интересное». К тому же, одностраничные сайты не продвигаются в поисковике с помощью SEO, шанс раскрутить их – минимальный. Даже если вы закажете рекламу у блогера, подумайте, куда охотнее перейдут: на сторонний сайт или профиль в инстаграм? Если сомневаетесь, что ответить, смотрите пункт № 1.

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

Советы по оформлению Инстаграм лендинга

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

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

@i.love.lampa

Хороший лендинг содержит несколько информационных блоков:

• Визуальный блок. На сайте это будут картинки и видеоролики, а в аккаунте Инстаграм: фото к посту, аватар, иконки к вечным сторис.
• Информативный блок. По сути, он же – основной. Это информация о продукте (услуге): что, из чего, для чего и для кого.
• Финансовый блок. Цены нужно указывать, никаких «по поводу цены пишите в директ», это отпугивает клиентов. Выкладывайте четкий прайс-лист.
• Убеждающий блок. Сюда по возможности добавляют живые отзывы довольных клиентов, все о преимуществах перед конкурентами и информацию о гарантии. Задача блока – окончательно перевесить решение пользователя в сторону покупки.

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

1. У лендинга должно быть не больше одной цели. Если на странице будет несколько вариантов (купить, подписаться на рассылку, оставить заявку), будет сложнее убедить человека выполнить хотя бы одно действие. Запомните: здесь не нужно мудрить, приветствуется максимально простое оформление.
2. Цель должна быть чётко обозначена. Понятно, что вы сами прекрасно знаете свою цель, но случайно зашедший в профиль пользователь тоже должен понимать, что вы от него хотите. Призыв к действию – обязателен. Пишите его текстом поверх фотографии в ленте, указывайте в шапке профиля. Люди должны понимать, куда они попали и что им предлагают сделать.
3. Никаких личных фотографий. Продающая страница – это не личный профиль. Не нужно размещать здесь фотографии из своей повседневной жизни, это выглядит непрофессионально и отвлекает внимание от главной цели.
4. Быстрая ответная реакция. Итак, landing page упрощает рабочий процесс, но здесь нужна и ответная реакция. Если ваша задача – продать, то ждите, что к вам обратятся с желанием купить. И в этот момент вы должны дать быстрый ответ. Если вы будете заходить в аккаунт раз в день, чтобы проверить директ – это уже не лендинговая страница. Бизнес не прощает «глухой» обратной связи. Ставьте уведомления, и быстро доводите покупку до конца.

Еще одно важное правило:

Одна лендинговая страница – одно предложение

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

Сервисы для создания лендинга

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

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

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

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

ImageSplitter — бесплатный сервис, разрезающий фотографию на несколько частей

• Instalanding.ru – сюда можно загрузить готовый макет (картинку) и разрезать её на несколько частей: 3, 6 или 9. В итоге вы загружаете части этого макета в профиль, и получаете большую общую картинку на всю ленту. И пускай это уже не в новинку, но все еще производит «Вау» впечатление.
• ImageSplitter – бесплатный сервис с точно таким же функционалом, что и первый, разрезает одну фотографию на мелкие кусочки, чтобы создать фото формата «гигантский квадрат».
• Grid Post (iOS) – мобильное приложение, с его помощью также можно создать фотосетку.
• Crello – онлайн редактор для создания красивых публикаций. Здесь и рамочки для фото, и готовые шаблоны, чтобы разработать привлекательную страницу за пару минут. Функционал бесплатный.

На создание одной посадочной страницы обычно уходит от двух до пяти часов.

Примеры

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

Например, взгляните на профиль @konditer.kurs. Это полноценная, раскрученная посадочная страница кондитерских онлайн-курсов.

Инстаграм лендинг кондитерских онлайн-курсов

Что мы видим в этом аккаунте?

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

Здесь:

1. Всего 15 постов, и каждый несёт смысловую нагрузку. Попав сюда, человек получит все ответы на логично возникшие в голове вопросы: что это за курс, на кого он рассчитан, сколько стоит, в каком формате происходит обучение, какие гарантии, как записаться и когда можно начать.
2. Каждый пост сопровождается картинкой, поверх которой текст, рассказывающий, о чем конкретная публикация. Это удобно, едва взгляну на аккаунт, мы можем найти в нём все что нужно.
3. Дополнительная информации в актуальных сторис: отзывы, фото, примеры работ учеников. Этот тот самый «убеждающий» блок.
4. Единый стиль: аватар, цветовая гамма фотографий и обложки сторис создают общую целостную картину.

В целом: красиво, понятно и информативно. Это пример хорошего лендинга.

А вот еще один — @ecomeshochki_kolomna. Очень простая страница, но при этом максимально понятная. Мы видим продукт, видим ссылку на человека, который и создаёт этот продукт и призыв к действию «Для заказа жми». Но есть минус – ссылка ведет в Whatsapp, а этот мессенджер есть не у всех пользователей. Мало кто станет скачивать и устанавливать Whatsapp только ради заказа экомешочков, это слишком сложно.

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

---

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

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

Хорошая целевая страница может иметь огромное значение для количества потенциальных клиентов и продаж, которые вы зарабатываете. По данным Unbounce, средний коэффициент конверсии целевых страниц составляет 9,7%. Мало того, HubSpot сообщает, что компании с более чем 40 целевыми страницами получают в 12 раз больше потенциальных клиентов, чем компании, у которых всего 15 целевых страниц. Но что такое целевая страница? И, что наиболее важно, что нужно для создания конверсионной целевой страницы? В этой статье мы ответим на эти вопросы и поделимся с вами 15 лучшими примерами целевых страниц, которые мы видели, чтобы вдохновить вас на дизайн ваших собственных целевых страниц.

---

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

---

Что такое целевая страница?

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

---

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

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

1. Shopify

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

---

2.Маркето

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

---

3. Задержано

Этот пример целевой страницы от Holded представляет собой переход по клику из рекламной кампании Google. Он включает в себя отличный заголовок, который обращается к компаниям, которые считают себя «современными». Раздел «Для кого это» — блестящий штрих; он побуждает посетителей взглянуть на разные сегменты аудитории Holded, чтобы они могли определить для себя, хотят ли они быть частью одной группы (пользователи Holded). Нам также нравится, что Holded предлагает посетителям возможность опробовать продукт.Когда вы заставляете посетителей использовать ваш продукт во время бесплатной пробной версии, они с большей вероятностью превратятся в платящих клиентов (если, конечно, продукт хороший).

---

4. ActiveCampaign

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

---

5. Студия NOOR ANISA

Studio NOOR ANISA управляется Мэйлин Сеа, экспертом в области брендинга и упаковки. В этот красиво оформленный пример целевой страницы она кратко рассказывает о себе, прежде чем сразу перейти к тем преимуществам, которые она может принести своим клиентам. Цель этой целевой страницы — побудить посетителей записаться на нее.Это серьезное предложение, поэтому идеально, что Seah включает в себя более подробные отзывы, а также бесплатный 20-минутный звонок для знакомства с брендом для тех посетителей, которые хотят погрузиться в работу, прежде чем совершить 45-минутный звонок. Seah также включает в себя красивую фотографию себя, которая может повысить доверие.

---

6. Дуло

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

---

7. Слабина

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

---

8. Типовая форма

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

---

9. HubSpot

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

---

10. Кофе без кода

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

---

11. OneRecruit

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

---

12. FitBit

FitBit — это пример целевой страницы, нарушающей правила. А именно, правило «одного призыва к действию». Большинство сайтов электронной коммерции не подпадают под действие одного правила CTA, потому что все CTA, которые они включают, преследуют одну и ту же цель: совершить продажу.FitBit ничем не отличается. На этом примере целевой страницы с последней страницы «Что нового» фитнес-бренда вы увидите множество красивых изображений с жирным фоном, разделяющим каждый раздел, большим количеством белого пространства, чтобы привлечь внимание к тому, что важно, и изображениями FitBit. продукты в действии.

---

13. Winc

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

---

14. Лумли

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

---

15. Трубопровод

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

---

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

Теперь, когда вы ознакомились с нашими подборками из 15 лучших примеров целевых страниц, готовы ли вы создать свою собственную целевую страницу (или 40)? Когда вы будете создавать дизайн своей следующей целевой страницы, помните эти советы, чтобы создать красивую целевую страницу, которая будет конвертировать:

• Будьте проще. Ваша целевая страница должна быть приятной на вид, легкой для чтения и понимания.
• Пишите как настоящий человек. Избегайте использования модных словечек и жаргона на целевых страницах; вместо этого говорите со своими читателями, как с друзьями, с которыми вы просто болтаете.
• Выбирайте слова с умом. Поделитесь своим ключевым посланием и не добавляйте лишнего. И не повторяйся! Ваша целевая страница должна вести вашего посетителя от начала до конверсии — если вы повторяете себя, вы, скорее всего, вернете его к более раннему моменту в своем сообщении маркетинговой воронки.
• Используйте социальное доказательство. Ваши посетители будут доверять другим вашим клиентам больше, чем они вам. Мы люди, да? Мы доверяем другим людям, а не брендам. Использование социальных доказательств, таких как отзывы, цитаты влиятельных лиц и отзывы клиентов, позволяет посетителям вашей целевой страницы узнать, что другие реальные люди вам доверяют.
• Сделайте это мобильным. Более 50% всего веб-трафика поступает с мобильных устройств. Убедитесь, что ваши целевые страницы адаптируются и отлично выглядят на всех устройствах.
  
• Включить видео. Video — огромный продавец. Если вы еще не используете видео в своем контент-маркетинге, узнайте, как создать стратегию для видеоконтента здесь.
  
• Проверить все. Ваши целевые страницы — это не просто «установил и забыл». Чтобы убедиться, что они конвертируются настолько хорошо, насколько это возможно, вам нужно протестировать все: заголовки, дизайн, текст страницы, ваше предложение, CTA, социальные доказательства и многое другое.

15 примеров целевых страниц с эффективным дизайном

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

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

Что делает успешный дизайн целевой страницы

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

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

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

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

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

• Яркие кнопки призыва к действию. Посетители должны иметь возможность сразу же определять основной призыв к действию, когда они попадают на страницу. Вы можете использовать тест размытия, чтобы проверить свой макет и посмотреть, какой элемент привлекает наибольшее внимание, например, добавив размытие по Гауссу 5–10 пикселей в ваш дизайн в фоторедакторе. Взглянув на размытую версию целевой страницы, вы увидите, какие элементы выделяются.Если это кнопка с призывом к действию, то все в порядке.

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

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

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

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

1.

Elysium Bulimba

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

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

2.

Hanai World

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

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

3.

Сброс проекта

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

4.

Studio One

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

Studio One — это инструмент индивидуального маркетингового дизайна Sotheby’s, который позволяет агентам выбирать фирменные печатные и цифровые маркетинговые материалы для продвижения своих объявлений.Целевая страница, созданная на основе Editor X, представляет инструмент и его преимущества с помощью понятного привлекательного дизайна.

5.

First and Foremost

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

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

6.

Centogene Solutions

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

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

7.

Petastic

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

8.

Plink

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

9.

Glowbar

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

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

10.

Easol

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

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

11.

Stelvio Grotesk

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

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

12.

Цепочка найма

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

13.

Wunder

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

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

14.

Маркус Миллер Консалтинг

Маркус Миллер — консультант по вопросам жизни. Эта целевая страница, созданная в Editor X, свободна от беспорядка и предлагает самую важную информацию заранее: «Раскройте свое истинное Я и стройте жизнь, которую хотите.»

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

15.

Mill3

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

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

11 примеров ужасных целевых страниц (и жутких историй обращения, которые они рассказывают)

Хэллоуин, может, и закончился, но это не значит, что у нас закончились жуткие истории.

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

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

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

На одном мероприятии я провел живую презентацию о сравнении хороших целевых страниц и плохих целевых страниц.

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

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

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

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

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

Готов, Фредди? 😉

Пример №1: Chase.com

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

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

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

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

Дальше становится только хуже.

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

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

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

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

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

Пример № 2: Frontier Communications

Frontier Communications предоставляет услуги телевидения, телефона и высокоскоростного Интернета. Клиенты могут выбрать любую из вышеперечисленных услуг или связать их вместе.
Достаточно просто, правда? За исключением того, что целевая страница Frontier сделала все намного сложнее, чем нужно. Обратите внимание на прошедшее время. С тех пор Frontier изменили свою целевую страницу, но теперь она выглядела так.

Ура.

Слово «пузырь» может быть привлекательным элементом дизайна, но кто знает, что означают эти пузыри?

Копия в главном пузыре почти ничего нам не говорит (хороший пример умения, а не ясности).

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

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

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

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

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

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

Пример № 3: MultiTouch

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

К сожалению, их главная целевая страница тоже нуждается в заботе.

Уф, здесь есть чем заняться.

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

Заголовок «маркетинг упрощен!» является мягким и не объясняет, почему MultiTouch — лучший выбор для ваших маркетинговых нужд.

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

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

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

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

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

Пример №4: Zendesk

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

На первый взгляд это неплохо, но клиентов перенаправляют туда из рекламы Google AdWords.

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

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

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

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

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

Урок конверсии: сделайте свое ценностное предложение максимально понятным на целевых страницах.

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

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

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

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

Пример № 5: Большой Баркер

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

Это просто странный макет. Он оформлен как газетная статья, но читается как ночной рекламный ролик.

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

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

Визуально выглядит впечатляюще, но все ли их прочитает? №

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

Урок конверсии: вы не хотите, чтобы ваш шрифт был настолько маленьким, что клиенты не могли его прочитать. Поверьте, ваши клиенты будут нормально воспринимать вашу копию, если это шрифт обычного размера (12–16).

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

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

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

Что еще более сбивает с толку, так это то, что у Big Barker уже есть страница обзоров на своем веб-сайте, но есть только один видео-обзор.

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

Пример № 6: Программные решения SAP

SAP Software Solutions производит аналитические, информационные и облачные платформы, человеческие ресурсы, цифровые цепочки поставок и решения для коммерции клиентов в различных отраслях.

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

Давайте посмотрим.

Да, это целевая страница. Первая часть неплохая. Заголовок в какой-то мере объясняет, что делает SAP (хотя он мог бы быть сильнее), и сопроводительное изображение хорошо подходит.

Однако остальная часть страницы в беспорядке. Со всеми этими (своего рода) ссылками «CTA» это выглядит спамом. Это сделало бы страницу ресурсов намного лучше, чем целевая страница.

Урок конверсии: не засыпайте клиентов такими ссылками. Это потрясающе, утечки ведут прямо со страницы и выглядят как спам.

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

Пример № 7: Loup

Однажды вызванная ShipCarsNow (фактически, это все еще их URL), Loup перемещает все виды транспортных средств из точки A в точку B.Передают даже железнодорожные вагоны.

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

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

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

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

Как это исправить: когда ShipCarsNow переименовали в Loup, они отказались от своей старой целевой страницы.

В этом намного проще ориентироваться. Заголовок хорош, потому что он четкий (вы еще не заметили закономерность?) И говорит вам, чего ожидать, как и подзаголовок.

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

Пример № 8: Advanced Hair Studio

Расположенная в Австралии клиника Advanced Hair Studio специализируется на лечении истончения и выпадения волос.Они предлагают лечение для мужчин и женщин, чтобы остановить выпадение волос.

Это не совсем понятно при просмотре их забитой целевой страницы.

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

Также есть кнопка купона на скидку 350 долларов, которая отвлекает и никуда не денется.

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

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

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

Пример № 9: Content Folk

The Content Folk — австралийское агентство контент-маркетинга. Вы могли бы подумать, что они будут мастерами призывов к действию и включат его на свою целевую страницу, но это не так.

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

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

Урок преобразования: никогда не забывайте о важности хорошего и четкого призыва к действию!

Как это исправить. Перво-наперво: контент-фолк нуждается в более конкретном призыве к действию, чем «Сказать привет». Они должны включить что-то под заголовком, что приглашает клиента изучить свои варианты или, возможно, заказать звонок.
В остальном просто эстетика, но здесь может пригодиться A / B-тестирование.Content Folk может A / B проверить, какие изображения и призывы к действию лучше конвертируются.

Пример № 10: Money4YourMotors.com

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

Их целевая страница не способствует укреплению их репутации.

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

Хорошо, это не худший пример целевой страницы, верно?

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

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

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

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

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

Как это исправить: Сделав несколько быстрых изменений в нескольких элементах, Money4YourMotors.com может иметь надежную целевую страницу.

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

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

Пример № 11: Группа GDR

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

Копия целевой страницы не представляет большой ценности для потенциальных клиентов.

Нельзя сказать, что электрические цвета и случайная группировка объектов не привлекают ваше внимание. Они будут. Но что оттуда будет делать GDR Group с вниманием клиентов?

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

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

Наконец, внизу находится контактная форма.

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

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

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

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

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

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

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

На рассмотрение:

• CTA имеют решающее значение для любой хорошей целевой страницы.Не забудьте их добавить!
• Тем не менее, не используйте слишком много призывов к действию или продвигайте несколько предложений, если цель вашей целевой страницы — заставить пользователя выполнить одно конкретное действие. Иначе они запутают людей. Они не будут знать, куда и на что нажимать.
• Лучшее содержание должно быть в верхней части страницы. Если вы поместите хорошие вещи ниже, клиенты могут их не увидеть.
• Длинные целевые страницы, которые являются длинными ради того, чтобы они были длинными, а не из-за необходимости клиента (т. Е. Для решения конкретных возражений), не помогут вам выполнить конверсию.Выясните, почему ваша целевая страница слишком длинная, и отточите сообщение. Уменьшите размер шрифта, уменьшите количество изображений и удалите ненужные копии.

Есть ли на вашей целевой странице какие-либо ошибки из приведенных выше 11 примеров?

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

Keep Hustlin ’, Оставайтесь сосредоточенными,

—Matt

17 лучших примеров посадочных страниц (+ как создать свою)

D o вы хотите увидеть лучшие примеры целевых страниц? Вы попали в нужное место! В этой статье мы покажем вам 17 примеров хорошо продуманных и высокоэффективных целевых страниц.

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

Но как выглядит хорошая целевая страница? Как они работают? И как вы их строите?

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

Поехали!

Что такое целевая страница?

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

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

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

Но целевая страница создается с единственной целью — привлечь потенциальных клиентов.

Вот пример целевой страницы:

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

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

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

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

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

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

1. Taboola — бесплатная целевая страница для электронных книг

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

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

Выводы из дизайна посадочной страницы :

• Заголовок — Заголовок целевой страницы привлекает внимание и описывает преимущества выбора.
• Описание — Пользователи могут ознакомиться с кратким описанием, в котором четко излагается, что они узнают из электронной книги.
• Форма подписки — Taboola включает форму подписки для сбора ценной информации от пользователей.
• Призыв к действию (CTA) — Цвет кнопки CTA выделяется на остальной части страницы и побуждает пользователей нажимать.

2. Foodie Crush — целевая страница викторины

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

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

Выводы из дизайна посадочной страницы :

• Интерактивное содержимое — Формат интерактивной викторины целевой страницы доставляет удовольствие пользователям.
• Изображения — Foodie Crush добавляет красочные, восхитительно выглядящие фотографии рецептов, чтобы сделать целевую страницу более привлекательной.
• Форма подписки — Пользователи хотят видеть свои результаты, поэтому они с большей вероятностью подпишутся, когда форма подписки будет представлена ​​в конце викторины.
• CTA Copy — Вместо использования стандартной CTA-копии, такой как «Отправить», на кнопке CTA написано «Посмотреть мои результаты», что более убедительно.

3. Суккуленты и солнце — посадочная страница электронной книги

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

Succulents and Sunshine — надежный и авторитетный источник для выращивания и ухода за суккулентами. Итак, пользователи готовы платить за их советы и подсказки экспертов.

Выводы из дизайна посадочной страницы :

• Minimalistic — Минималистичный дизайн целевой страницы и использование белого пространства привлекают читателя к наиболее важной информации.
• Изображение — Изображение на странице показывает пользователям, как именно будет выглядеть электронная книга при загрузке на их устройство.
• Persuasive Copy — Текст легко читается и наглядно демонстрирует преимущества чтения руководства.
• Кнопка CTA — Несколько кнопок CTA четко указывают пользователям, что делать дальше: «Нажмите здесь, чтобы купить электронную книгу».

4. Slack — Целевая страница регистрации вебинара

Вебинары

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

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

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

Выводы из дизайна посадочной страницы :

• Размещение с призывом к действию — Кнопка с призывом к действию расположена прямо вверху страницы, поэтому пользователи ее не пропустят.
• CTA Copy — «Зарегистрироваться сейчас» создает ощущение срочности и побуждает пользователей быстро зарегистрироваться.
• Информация о веб-семинаре — Подробное описание того, что пользователи узнают на веб-семинаре.
• Социальный обмен — Кнопки социальных сетей позволяют пользователям легко делиться вебинаром с другими в социальных сетях, что приводит к большему количеству регистраций.
• Изображения — Добавление изображений реальных людей на целевую страницу может помочь пользователям связаться с вами или вашей компанией.

5. Netflix — целевая страница регистрации

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

Внизу целевой страницы Netflix также включил раздел часто задаваемых вопросов (FAQ):

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

Выводы из дизайна посадочной страницы :

• Заголовок — Привлекающий внимание заголовок, демонстрирующий преимущества подписки на Netflix.
• Фоновое изображение — Фоновое изображение дает визуальное представление о бесконечном количестве фильмов и телешоу, к которым пользователи могут получить доступ.
• FAQ Раздел — Отображение часто задаваемых вопросов устраняет препятствия для регистрации.
• Trust — «Отменить в любое время» укрепляет доверие пользователей, повышая вероятность их регистрации.
• Простая форма подписки — Все, что пользователи должны сделать, чтобы подписаться на Netflix, — это указать свой адрес электронной почты.Поскольку первый шаг настолько прост, пользователи с большей вероятностью примут меры.

6. Bluehost — Целевая страница партнерского маркетинга

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

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

Выводы из дизайна посадочной страницы :

• Заголовок — Привлекающий внимание заголовок, который сообщает людям, что они получают специальную сделку.
• Описание — Краткое описание того, что пользователи получают при регистрации.
• Экономия — Все любят получать выгодные сделки.На этой целевой странице используется слово «бесплатно» и отображается обычная цена по сравнению с продажной ценой.
• Trust — Баннер «Рекомендовать WordPress.org» действует как социальное доказательство.
• Кнопка CTA — Зеленая кнопка CTA выделяется на остальной части страницы.

7. Writing Revolt — Целевая страница курса

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

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

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

Отзывы — мощный способ превратить посетителей в клиентов.

Выводы из дизайна посадочной страницы :

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

8.Энн Хэндли — Целевая страница информационного бюллетеня

Этот пример целевой страницы очень прост, но очень эффективен.

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

Выводы из дизайна посадочной страницы :

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

9. Apple — посадочная страница продукта

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

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

Выводы из дизайна посадочной страницы :

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

10. Постоянный контакт — Бесплатная целевая страница в формате PDF

Этот пример целевой страницы от Constant Contact предлагает бесплатный онлайн-маркетинг в формате PDF.

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

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

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

Выводы из дизайна посадочной страницы :

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

11. Международное общество драгоценных камней — страница членства

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

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

Далее по целевой странице Международное общество драгоценных камней демонстрирует множество преимуществ членства.

Выводы из дизайна посадочной страницы :

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

12. Hello Fresh — Целевая страница подписки

Чтобы увеличить количество подписок на службу доставки наборов еды, Hello Fresh создала эту красивую целевую страницу.

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

Выводы из дизайна посадочной страницы :

• Заголовок — Заголовок показывает пользователям, сколько денег они могут сэкономить, если зарегистрируются сейчас.
• Ценообразование — Пользователи могут заполнить форму в соответствии со своими предпочтениями и получить тарифный план, который точно соответствует их потребностям.
• Изображения — Аппетитные фотографии наборов еды дают людям представление о том, что они могут получить, и побуждают их подписаться.
• Отзывы — Отзывы клиентов и звездные рейтинги укрепляют доверие потенциальных клиентов.
• CTA — Несколько CTA размещены по всей целевой странице, чтобы пользователи могли легко зарегистрироваться.

13. Melyssa Griffin — Целевая страница онлайн-курса

У Мелиссы Гриффин великолепная целевая страница для своих онлайн-курсов, которые учат других, как развивать прибыльный бизнес в Интернете.

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

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

Выводы из дизайна посадочной страницы :

• Заголовок — Сильный заголовок сообщает посетителям, что они могут получить «цифровой MBA», не неся высоких затрат.
• Копия — ориентированная на выгоду копия используется на всей странице, чтобы побудить пользователей зарегистрироваться.
• Изображения — На странице используются привлекательные изображения реальных студентов.
• Социальное доказательство — Мелисса показывает отзывы и известные публикации, в которых она упоминалась, например Forbes, в качестве социального доказательства.
• Множественные призывы к действию — призывы к действию размещаются по всей целевой странице, поэтому пользователи могут зарегистрироваться в любое время.

14. Airbnb — Целевая страница регистрации

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

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

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

Выводы из дизайна посадочной страницы :

• Trust — Airbnb перечисляет все способы защиты своих хозяев; это заставляет людей чувствовать себя более комфортно в своем решении.
• Отзывы — Эта целевая страница содержит социальное доказательство в виде отзывов от других хозяев Airbnb.
• Раздел часто задаваемых вопросов — Раздел часто задаваемых вопросов в нижней части страницы снимает общие опасения, которые могут возникнуть у людей по поводу того, чтобы стать хозяином Airbnb.
• Несколько CTA — На странице есть несколько CTA, поэтому пользователи могут легко начать работу.

15. Нил Патель — Целевая страница заказа звонка

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

Целевая страница описывает преимущества, которые получают его клиенты, а также процесс, который включает аудит сайта, план действий и цитату:

Выводы из дизайна посадочной страницы :

• Заголовок — Заголовок, ориентированный на выгоду, который отвечает целям целевой аудитории.
• Форма подписки — короткая форма подписки для сбора наиболее важной информации от потенциальных клиентов.
• CTA — Несколько CTA, которые выделяются на странице.
• Social Proof — Список впечатляющих предыдущих клиентов, таких как Facebook и Google, для установления авторитета и доверия.

16. Smash Balloon — Посадочная страница со скидкой и распродажей

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

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

Выводы из дизайна посадочной страницы :

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

17. SeedProd — Благодарственная посадочная страница

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

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

Выводы из дизайна посадочной страницы :

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

Теперь вы хотите создать свою собственную целевую страницу, как эти удивительные примеры?

Вот несколько советов!

Что должно быть включено в целевую страницу?

Все успешные целевые страницы содержат следующие элементы:

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

Итак, как все это собрать воедино, если вы не дизайнер?

Как создать свою собственную лендинговую страницу

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

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

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

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

С помощью SeedProd вы можете получить целевую страницу с таким же высоким уровнем конверсии, как и примеры в этом списке.

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

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

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

Руководство по отличным целевым страницам: передовой опыт и примеры

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

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

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

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

Начнем.

Пять важнейших элементов дизайна целевой страницы

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

1. Единый брендинг

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

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

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

2. Заманчивые образы

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

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

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

3. A Clear CTA

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

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

Ваш CTA может сделать или сломать вашу целевую страницу, так что учитывайте это.

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

4. Надежная форма

Формы

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

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

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

5.Социальное доказательство

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

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

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

10 примеров дизайна посадочных страниц от популярных технологических компаний

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

1. Slick Like Slack

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

Вот что у этой страницы лучше всего:

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

2. Keep Things Uber Simple

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

Вот что нам нравится больше всего:

• Супер чистый
• Проходит тест на мигание — пользователи сразу ориентируются
• Четкая форма, которую приятно использовать

3. Вдохновение от внутренней связи

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

Вот основные моменты:

• Захватывающие CSS-анимации, определяющие значение
• Очень привлекательный и последовательный дизайн
• Семь точных преимуществ, описанных в одном предложении

4. Lyft Результаты вашего лидогенерации

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

Вот что нам нравится на этой странице:

• Очень соответствует бренду Lyft
• Форма прямой и быстрой регистрации в верхней части страницы
• Подробный раздел часто задаваемых вопросов

5. Учитесь в Академии Хана

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

Вот что нам нравится:

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

6. Код как Codecademy

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

Вот почему нам нравится эта страница:

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

7. Microsoft демонстрирует свои таланты ведущего поколения

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

Мы думаем, что эта целевая страница делает несколько замечательных вещей:

• Простая раскладка, прошедшая тест на мигание
• Очистить CTA
• Надежная форма, которую легко заполнить

8. Создавайте спрос, как SquareSpace

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

Вот что делает эта целевая страница лучше всего:

• Красивый интерактивный контент в верхней части
• Впечатляющий выбор технического и графического дизайна
• Четкая и точная копия

9. Sage Inspiration From Wise (ранее TransferWise)

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

Вот основные моменты:

• Интеллектуальное использование графики и интерактивного контента
• Четкое ценностное предложение
• Отличные иллюстрации и CSS-анимация

10. У Airbnb ключ к успеху

Airbnb закрепил за собой роль главного действующего лица в драматическом переходе к экономике совместного использования. Многие из 650 000 хозяев Airbnb по всему миру начнут свой путь с такой целевой страницы.

Вот что нам действительно нравится в целевой странице Airbnb:

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

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

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

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

1. Реализация интерактивного контента

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

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

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

2. Копией нельзя пренебрегать

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

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

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

3. Ваша форма должна хорошо работать

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

Протестируйте всесторонне, чтобы убедиться, что ваша форма не испорчена следующими проблемами:

• Сверхсложные поля
• Отсутствие руководства при ошибках
• Отсутствие логической последовательности
• Исчезающие этикетки

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

4. Привлекайте посетителей в первую очередь

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

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

5. Используйте подходящие инструменты

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

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

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

Заключительная мысль

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

5 вдохновляющих примеров целевых страниц и советы по конверсии

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

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

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

1. Getrest.co

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

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

Советы по преобразованию из этого примера целевой страницы:

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

2. Картографический ящик

Уникальный коммерческий аргумент очевиден, когда дело доходит до Mapbox. Они уловили суть минимализма, продемонстрировав основные преимущества своих услуг вместе с примерами изображений.Рекламируя слоган «Создайте карту, которую заслуживает ваше [ keyword ]», посетители с разными целями могут понять, как продукт может принести пользу их ситуациям.

По мере прокрутки вниз мы проходим социальную проверку от крупных брендов, таких как Pinterest и Etsy, переходя в полноэкранный призыв к действию, поддерживаемый GIF-изображением их приложения в действии. Smack dab в центре — это призыв к действию, чтобы начать создавать карту за считанные секунды бесплатно.

Советы по преобразованию из этого примера целевой страницы:

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

3.Tookapic

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

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

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

Советы по преобразованию из этого примера целевой страницы:

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

4. Штампованная

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

Stampready начинает свою целевую страницу с предельно четкого описания услуги: «Упрощенное создание и рассылка кампаний». Это накладывается на видео, в котором подробно рассказывается об их программном обеспечении. Посетители, которые продолжают прокрутку после просмотра видео, встречают небольшие блоки контента, которые включают больше описаний услуг, деталей цен и стимула для регистрации (скидка 50% на первые покупки).

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

Советы по переходу из этого примера целевой страницы:

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

5. Ceramcor

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

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

Чтобы помочь превратить социальный трафик в счастливых клиентов, мы разработали следующую целевую страницу Facebook:

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

В совокупности мы смогли увеличить годовой доход на 85% и количество конверсий на 12%, а также снизили показатель отказов на 60% . Ознакомьтесь с примером использования дизайна этого клиента здесь.

Советы по преобразованию из этого примера целевой страницы:

• Рассмотрите возможность использования липкого баннера , который предлагает скидки / поощрения на страницах продуктов и услуг, например «Скидка 10% на отдельные товары.Вы также можете использовать команды срочности, такие как «Бесплатная доставка всех товаров в течение следующих 2 часов».
• Постарайтесь выделить товары, которые продаются со скидкой и / или имеют право на бесплатную доставку, с помощью привлекающих внимание цветов. Вместо того, чтобы просматривать каталог идентично оформленных блоков продуктов, посетители смогут легко воспользоваться вашими продажами.
• Для брендов, которые начали создавать социальные сообщества, рассматривает возможность разработки целевых страниц в социальных сетях , чтобы охватить друзей и родственников клиентов.

Начните привлекать больше посетителей с помощью эффективных целевых страниц

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

.

• Профили аудитории и исследования
• Контекстное использование продуктов / услуг
• Четкие призывы к действию и одно целенаправленное сообщение
• Медиа высокого разрешения (изображения + видео)
• Интуитивное поведение пользователя
• Уникальные торговые точки, преимущества и особенности
• Копия для тестирования A / B, цвета и общие макеты
• Отзывы, простые способы связи и небольшие текстовые блоки

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

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

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

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

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

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

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

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

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

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

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

У

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

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

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

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

Хотите, чтобы ваши целевые страницы идеально дополняли остальные кампании?

.

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарий *

Имя *

Email *

Сайт