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

Опубликовано: 2022-01-13

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

Бесплатное руководство: как создавать и оптимизировать целевые страницы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. AirBnB

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

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

2. Викс

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

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

3. ЭкспрессВПН

Что нам больше всего нравится в этой целевой странице? Это не то, что у него есть, а то, чего у него нет — панель навигации! Удалив панель навигации, ExpressVPN привлекает внимание к основному призыву к действию.

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

4. Рядный дом

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

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

5. Кодакадемия

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

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

6. Солнечная корзина

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

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

7. Курология

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

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

8. Передышка

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

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

9. Мейлчимп

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

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

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

10. Парамаунт Плюс

В этом дизайне целевой страницы есть все. Он визуально привлекателен, интерактивен и предлагает сканируемые, но описательные заголовки, такие как Peak Streaming, Peak Originals и Peak Family Team. Кроме того, благодаря фону каждая складка выглядит немного по-другому, создавая захватывающий опыт прокрутки.

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

11. АвтоМакс

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

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

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

12. Эдупат

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

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

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

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

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

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

Простые целевые страницы

14. Убер

Люди наводнены информацией в Интернете. Вот почему так важно создать целевую страницу с возможностью просмотра — например, эту от Uber.

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

15. Спотифай

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

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

16. Канва

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

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

Целевые страницы продукта

17. Муала

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

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

18. Науто

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

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

19. Ровер

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

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

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

Новый призыв к действию