Лендинг сайт примеры сайтов: Лендинг: 15 примеров хороших лендингов!

29 лучших примеров лендингов 2020 года — Маркетинг на vc.ru

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

62 106

просмотров

Оригинал статьи:

Перевод: Анастасия Севальникова, digital-агентство «Интериум».

Довольно просто, не так ли? Вы, наверное, слышали нечто подобное ранее. Но что же это такое быть «проработанным» и «профессиональным» на лендинге? И когда дело доходит до конверсии, что за волшебный Х-фактор выделяет исключительных маркетологов? Беря во внимание эти вопросы, мы хотим продемонстрировать несколько свежих примеров лендингов, чтобы вдохновить вас на новые творения. Листайте дальше и сохраняйте самые умные, самые быстрые и современные элементы для вашего свайп-файла. Мы будем показывать точку зрения Unbounce на то, что делает каждую страницу привлекательной, а иногда, какие улучшения можно провести. Начнем.

Что делает лендинг эффективным?

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

Вот несколько основных приемов высоко конвертируемых лендингов:

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

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

• Используйте социальное влияние и отзывы, подтверждающие ваши требования.

• Сосредоточьте весь лендинг на одном предложении, с одним основным призывом к действию (CTA).

• Используйте макет, ориентированный на конверсию, чтобы выделить свой CTA (подумайте о пробелах, цвете, контрасте и направлениях).

• Проверьте новые идеи, используя A/B-тестирование. Иногда то, что работает, удивит вас.

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

1. Athabasca University

Изображение предоставлено Университетом Атабаска.

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

• Смарт-копия. Возможно, стоит попробовать более прямой заголовок, но эта копия соответствует иным инициативам школы по брендингу в других местах. Что также очень значительно. Цель ясна: люди, которые могут улучшить свое образование, но не чувствуют, что у них есть на это время. Этот лендинг говорит об обратном (на словах и в образе героя).
• Копия, ориентированная на вас: эта страница полностью обо мне (или о «вас»), а не о «великом и могущественном» университете Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость призывать к личным интересам лучше, чем многие из их коллег в других отраслях. Я не уверен, какая часть пирамиды потребностей Маслоу требует технологической гибкости, но университет Атабаски добивается большего успеха, призывая к стремлению к самореализации.
• Отзывы: немного вдохновения никогда не повредит. Социальное влияние показывает путь к личному успеху, прежде чем люди сделают значительные инвестиции. Предоставление каждому отзыву большей видимости и более подробное описание биографии вместе с портретами для их гуманизации, может дать небольшой импульс. (Конечно, это не так. Но именно поэтому мы пробуем!)
• Z-шаблон: эта страница является классическим примером Z-шаблона в действии. То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляд переходит от логотипа университета Атабаски к их слогану («Открыто. Гибко. Везде.»), затем по диагонали через заголовок к вспомогательной копии и, наконец, прямо к призыву к действию. (Вуаля!) Другие визуальные призывы также побуждают глаз совершить движение (включая хитроумно заостренную верхушку Атабаски).

2. Bariatric Eating (Агентство: Lifestyle Collection)

Изображение предоставлено Bariatric Eating и Lifestyle Collective.

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

• Красочный дизайн: яркий дизайн распространяется на каждый элемент страницы. Выбор шрифта, иллюстрации, цвета — все складывается таким образом, чтобы полностью соответствовать индивидуальности бренда.
• Генерация SMS-сообщений. Чаще всего лендинги используются для сбора адресов электронной почты от посетителей. Вместо этого лендинг запрашивает ваш мобильный номер, чтобы получить ваше разрешение на отправку программы в формате PDF. Это похоже на умный (и уникальный) способ получить прямую связь с вашими потенциальными клиентами.
• Свертываемые вопросы и ответы: как убедиться, что на вашем лендинге достаточно информации, и при этом она не ошеломляет своим количеством посетителей сайта. Скрытие ваших самых многословных страничек с помощью кнопки прокрутки вниз поможет вам сохранить порядок.

3. Blow.LTD.

Если вы посмотрите на “Uber for beauty”, то британский бренд Blow. LTD предлагает гениальное решение этой проблемы. Они рекомендуют доступные, профессиональные услуги красоты, которые подходят посетителям, и, что более важно, они могут записаться на прием к одному из мастеров прямо из приложения. Вполне разумно, что лендинг являются важной частью их стратегии. Например, сайт умным способом продвигает наращивание ресниц в домашних условиях.

• Прозрачный инсайт: Этот лендинг не сливается с привлекательной копией (например, «Глаза, которые поражают»). Вместо этого в нем четко говорится о предложении, которое полагается на ценность (и, возможно, новизну), чтобы привлечь потенциальных клиентов. Обещание не становится более однозначным, чем «Наращивание ресниц дома», и именно поэтому этот заголовок так эффективен.
• Промокод: Предоставление промокода посетителям приносит не только удовольствие, но в то же время делает нечто большее. Призыв к действию («Book Eyelash Extensions») перенаправляет посетителей на главный сайт, где они могут отвлечься или растеряться. Акция обеспечивает дополнительную мотивацию для направления посетителей к оформлению покупки. Хотите сэкономить? Тогда лучше всего использовать промокод, пока вы о нем не забыли.
• Социальное влияние. Люди по понятным причинам придирчивы к тому, кто делает прическу и макияж, поэтому социальное влияние является обязательным. Отзывы здесь были выбраны, чтобы также подчеркнуть персонализированный характер имеющегося опыта. Поскольку Blow.LTD работает только в том случае, когда потенциальные клиенты считают, что могут доверять своим мастерам, то социальное влияние помогает гуманизировать сервис, чтобы начать строить отношения.
• Простые шаги: Пролистывая вниз страницы, мы можем остановиться на разделе «Как это работает». В этом Uber-мире, сервис, предлагаемый Blow.LTD, довольно легко понять.Тогда зачем беспокоиться о его включении в три этапа? В том-то и дело. Этот лендинг уже включает в себя шаги, которые подчеркивают эту простоту. Я имею в виду, шаг третий: «Сядь и расслабься». Это то, с чем я могу согласиться.
• Мягкий подход продвижения. Вместо того, чтобы настойчиво направлять посетителей в приложение, лендинг заканчивается мягким напоминанием о том, что вы можете загрузить приложение на свой iPhone или Android. (Я бы протестировал мобильный вариант CTA, который идет прямо в приложение). Некоторые люди, безусловно, будут в восторге от бронирования Blow.LTD на ходу, но посетители не чувствуют давления, чтобы достать свой телефон. После того как посетитель преобразуется, у него будет множество возможностей добавить их в приложение.

4. Branch Furniture

Изображение предоставлено Branch Furniture.

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

• Мощный заголовок: «Офисная мебель Made Easy». Всего лишь в четырех словах вы понимаете, на кого нацелен лендинг и какое их уникальное торговое предложение. Вы не хотите собирать 00 рабочих столов для своего нового офиса в стиле Ikea, без ничего, кроме торцевого гаечного ключа и мечты. Кажется, было бы хорошо, если Branch Furniture проработает все эти детали для покупателя.
• Смарт-копия CTA: хоть на странице есть несколько кнопок CTA, все они в итоге приводят посетителя в одно и то же место. Переключение копии — это умный способ помочь посетителям визуализировать следующие шаги процесса. Хотите ли вы «Разработать мой офис» или изучить конкретный продукт.
• Консультация эксперта: Вам не нужно обставлять свой офис в одиночку. Лендинг подчеркивает, что это совместный шопинг с бесплатной консультацией по дизайну и с включенной оплатой за установку.

5. Blue Forest Farms (Агентство: Champ/Cannabis Creative)

Нам нравится этот невероятный дизайн для Blue Forest Farms от Champ
и Cannabis Creative. Фермерам конопли иногда трудно отделить себя от
культуры каннабиса. (Расцветка «завяжи-покрась», кальян и этот
странный запах, исходящий из фургона твоего старшего брата.) Но этот
лендинг требует модернизированного и, смеем сказать, взрослого подхода к оптовым экстрактам конопляного масла. От чистого дизайна до убедительного копирования — все это является веским доказательством того, что эта отрасль требует серьезного отношения.

• Экспертная копия: в отличие от лендингов B2C, эта страница предназначена для профессиональной аудитории. Я имею в виду людей, которые знают, что это означает, когда растительный экстракт содержит «натуральные терпены» и был «декарбоксилирован». Мы могли бы предложить действовать с более эффектным заголовком, но оптовики, вероятно, очень осведомлены о преимуществах. Переход напрямую к сути вопроса не может быть дурным делом.
• «Уточненный» подход: конопляное масло Blue Forest Farms продается в нескольких штатах Америки: от сырой нефти до готовой продукции на рынке. Помимо перечисления этих опций, на лендинге описывается процесс того, как очищается их конопля, а также подчеркивается забота и мастерство, которыми ее одаривают.
• Лидогенерация: я видел более короткие формы, но лидогенерация здесь относительно проста для B2B. (Они могут провести тестирование, включив в одно и то же поле имя и фамилию и изменить некоторые настройки языков). Целесообразно оставить необязательное поле для дополнительных заметок, поскольку оптовые сделки гораздо сложнее, чем все прочие.
• Простой дизайн: это то, что должно происходить в оптовой торговле, выходя за рамки одной страницы. Вместо того, чтобы помещать на страницу слишком много информации, Blue ForestFarms делают ее короткой и приятной, побуждая посетителей к действию.

6. Border Buddy

Вы когда-нибудь пытались пересечь границу с помощью 5-килограммового чеддера из Висконсина, привязанного к пассажирскому сидению (и замаскированного под вашу жену)? И я нет.Но если бы я сделал, то хотел бы Border Buddy позади меня. Этот лендинг работает, оглашая общие проблемы и затем предлагая решить их без суеты.

• Представление проблемы: заголовок начинается с боли и неуверенности («Импорт и экспорт — это сложно). Подобное, вероятно, испытывает каждый посетитель, попавший на этот лендинг. Крайне важно то, что обещание решить проблему появляется с одинаковой ясностью над заголовком: «Мы делаем за вас самую сложную часть», — сообщает Border Buddy. Прекрасно.
• Простота: перемещение ваших покупок через границу может стать запутанным процессом, поэтому поддержание чистоты этого лендинга крайне важно. Здесь нет более подробной информации(и легальной тоже), кроме той, которую вам нужно знать. У вас будет таможенный брокер, который будет беспокоиться обо всех этих маленьких деталях.
• Скорость: мы можем многое сказать о том, как скорость страницы влияет на ваши коэффициенты конвертации, но Border Buddy уже на шаг впереди. На мобильной версии этого лендинга требуется менее трех секунд, чтобы получить первую осмысленную картину происходящего. Border Buddy избегает утяжеления страниц ненужными файлами или скриптами, обеспечивая немедленное вовлечение посетителей.
• Неожиданная вибрация: иногда маркетологи ассоциируют стремление к более быстрой скорости с необходимостью жертвовать визуальной привлекательностью лендинга. Этот пример от Border Buddy показывает, что это не всегда так. Они сделали хороший выбор с точки зрения шрифта, макета и визуальных элементов, чтобы максимизировать влияние и усилить брендинг, не отвлекая посетителя.
• F-шаблон: как и Z-шаблон, макет F-шаблона имитирует то, как наши глаза перемещаются по экрану, когда мы смотрим на контент. Это уменьшает когнитивную нагрузку и гарантирует, что ключевые части сообщения (включая призыв к действию) расположены в местах, в которых они будут наиболее заметны. Медленно загружаемые страницы могут стоить вам конверсии.

7. Bouquet Bar (Агентство: Power Digital Marketing)

Power Digital Marketing создали этот великолепный лендинг для Bouquet
Bar. Хоть и другие страницы ориентированы на определенные праздники, на этом лендинге написано, что вам не нужен повод побаловать любимого человека (или же произвести на него впечатление) букетом. Вы можете сделать это просто так. Райан Пикардал, дизайнер, который работал над этим, описывает их цели следующим образом:

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

Райан Пикардал

Дизайнер

• Выберите свое собственное приключение: удерживать внимание важно, иногда один призыв к действию не совсем соответствует тем типам посетителям, которые посещают ваш лендинг. В таких случаях может быть эффективно предоставить несколько вариантов. Для покупателей, которые хотят создать что-то личное, первый призыв к действию предлагает им создать свой собственный букет. Но для тех, кому не хватает времени или воображения, «готовые подборки» являются быстрым способом, чтобы поздравить важного человека или отпраздновать событие.
• На День святого Валентина 75% роз, продаваемых в США, покупают мужчины и 25% всех взрослых сообщают о покупке цветов в качестве подарка на День Матери. Вероятно, в эти два дня Bouquet Bar имеет значительный наплыв, но обмен сообщениями «Просто потому что», привлекают к бизнесу и в течение остальных 363 дней в году.
• Правильная цветовая палитра: этот момент затрагивает общий брендинг Bouquet Bar, но на него стоит обратить внимание в контексте страницы «Просто потому что». Оранжевый, особенно тот глубокий оттенок, который они выбрали, сочетается с теплой, утонченной индивидуальностью бренда. Многое из того, что помечается как психология цвета, довольно сомнительно — использование розового цвета не заставит ваше похоронное бюро казаться более веселым. Но акценты здесь определенно поддерживают идентичность, которую хочет показать Bouquet Bar.
• Вызывающая фотография: галерея помогает контекстуализировать продукт как «выражение любви, благодарности и дружбы», демонстрируя людей, получающих подарок. Образы людей могут действовать лучше, чем слова, поэтому такая компания, как Bouquet Bar, может и должна использовать их. Фотографии также наглядно показывают масштаб, чтобы не было никаких проблем при покупке продукта онлайн. Это отличный пример для тех, кто занимается электронной коммерцией.

8. Campaign Monitor (Агентство: ConversionLab)

Этот лендинг, созданный специалистами по маркетингу в ConversionLab,
является правильным примером в отрасли SaaS. Все сфокусировано на единственной действенной цели: «Создайте свой первый HTML-email сейчас».

• Сильный, конкретный CTA: я знаю, что мы уже упоминали об этом выше, но насколько хороша эта основная кнопка CTA? Никаких «Узнать больше» или «Начать». Вместо этого нужно: «Создай свой первый HTML-email сейчас». Копия настолько специфична и незамедлительна, что вы узнаете о происходящем при переходе на следующую страницу.
• Сначала сфокусируйтесь на людях: в SaaS очень просто выбрать скриншот программного обеспечения и сделать его изображением своего героя. Но также стоит попробовать вариант с реальными фотографиями людей. Это может помочь вам задействовать эмоции ваших посетителей и даже повысить их конверсию.
• Одно-единственное сообщение: обратите внимание, сколько раз на странице появляются слова «электронные письма в форматеHTML»? Сосредоточившись на этой единственной цели (и используя в качестве ключевых слов для своих рекламных кампаний «оплата за клик»), вы можете увеличить свои шансы на создание страницы с высокой конверсией.

9. Class Creator

Австралийская компания Class Creator использует лендинг, чтобы проникнуть на американский рынок (и, возможно, помочь компании найти партнеров в США). На странице представлены многие функции продукта, а также основные преимущества. Лендинг нацелен на лиц, принимающих решения более высокого уровня, которым требуется как можно больше информации, прежде чем совершить покупку.

• Нарушение правил: я знаю, что ты собираешься сказать. «Это не лендинг. Это домашняя страница. Это нарушает все правила. Просто посмотрите на эту панель навигации! Посмотрите на все эти разные ссылки. Коэффициент внимания вышел из-под контроля!» Но здесь есть урок для тех, кто ищет вдохновение на лендинге: оставайтесь гибкими. Тим Боуман, генеральный директор Class Creator, сказал мне, что этот лендинг более успешен, чем традиционный, ориентированный на переход. Поэтому я показываю его в качестве примера.
• Плавающая панель навигации: если вы хотите включить панель навигации, лучше всегда держать ее на виду. Это также позволяет держать основной призыв к действию («Демо-школа») вверху страницы, чтобы посетителям не приходилось искать его.
• Цифры не лгут: Class Creator под заголовком предоставляет довольно серьезные цифры в качестве формы социального влияния. У них насчитывается более 10 тысяч преподавателей в 13 странах, которые уже используют свое программное обеспечение в качестве мощного убедительного устройства.
• Легкий доступ к демонстрации продукта: поразительно, что компании пространства SaaS устанавливают слишком много барьеров между потенциальными клиентами и демонстрацией своего продукта. («Отправьте своего перворожденного для получения доступа к нашей 5-минутной бесплатной пробной версии».) Class Creator знает, что для потенциальных пользователей важно запачкать руки демонстрационной или пробной версией программного обеспечения. Это гарантирует, что они смогут оценить продукт в действии, сформировав квалифицированных клиентов (с помощью простой формы электронной почты) и направить их дальше по течению.
• Умное использование лайтбоксов: этот лендинг (выступающий в качестве домашней страницы) уже может многое сказать о ClassCreator. Передача любой дополнительной информации в лайтбоксы работает исправно, чтобы не допустить утечки. Конечно, компании стоит потратить время на тестирование различных версий этой страницы, которая сменяет функции дополнительными преимуществами или ставит отзывы в более распространенное место.

10. Coco Village (Агентство: J7 Media)

Даже будучи взрослым человеком, я визжал от восторга, когда увидел
несколько кроватей и комплектов постельного белья на этом лендинге
для Coco Village. (Домик на дереве?! Мой внутренний ребенок умирает
от ревности!) Маркетологи J7 Media, рекламного агентства Facebook,
проделали феноменальную работу, чтобы этот лендинг демонстрировал коллекцию различных товаров, сохраняя при этом свою ориентацию
единственной цели перехода по клику.

• Сосредоточьтесь на продаже: когда вы предлагаете большую скидку или дисконт, вы хотите, чтобы ВСЕ знали об этом. И посетители лендинга не могут упустить это предложение: «50%скидка на кровати и комплекты постельного белья». Помимо того, что это является основным заголовком, это также повторяется под каждым товаров и CTA. Они даже демонстрируют первоначальные цены, чтобы показать, сколько денег вы сэкономите. Превосходно!
• Демонстрирует товары: с e-commerce лендингами акцент на одном товаре или услуге — не всегда хороший выбор. На этом лендинге наглядно видно, как можно показать посетителям несколько различных вариантов, сосредоточив их при этом на одной цели CTA.
• Дополнительные продукты: что ж, хорошо, возможно, вы похожи на меня и думаете, что кровати выглядят круто, но сейчас нет никакой необходимости ни в одной из них. Именно в этот момент к вам на страницу попадают несколько восхитительных подушек по более низким ценам. (Я могу купить себе ту, которая похожа на акулу).

11. Fask Mask (Агентство: J7 Media)

Вот еще один чересчур современный пример от J7 Media. Fast Mask создает и продает банданы и маски для лица, предназначенные для использования на мотоциклах, квадроциклах или во время езды на велосипедах. (Однако, я могу вспомнить еще одну причину, по которой вам может понадобиться одна из них.) Этот лендинг предназначен для искателей острых ощущений. На сайте представлен большой выбор крутых дизайнов для масок, и также можно наглядно увидеть различные способы их ношения.

• Подчеркните наиболее продаваемые продукты: на сайте представлено более 100 различных дизайнов, но на этом лендинге предложено только топ-5 вариантов масок. Достаточно дать посетителям представление о различных доступных стилях (от канадского флага до маски Человека-паука), не превращая при этом страницу в один большой список товаров.
• Сосредоточьтесь на преимуществах: Многие посетители могут подумать о покупке маски для лица в первый раз, поэтому лендингу требуются объяснения связанные с преимуществами ее использования.
• Помните о своей целевой аудитории: это лендинг, который знает свою аудиторию. Вы можете сразу сказать, что находитесь в нужном месте, если являетесь любителем острых ощущений,мотоциклов, пейнтболов, сноубордов, охоты или иных экстремальных видов спорта.

12. Goby

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

• Анатомия зубной щетки: загляните в раздел лендинга, где подробно описаны все элементы зубной щетки. Вместо того чтобы просто рассказать об этих особенностях в начале, посетители смогут сами увидеть «Мягкие, премиальные щетки» и «Осциллирующую щеточную головку».
• Сообщение о социальном воздействии: покупатели все чаще хотят поддерживать бренды, которые соответствуют их ценностям и возвращают долг обществу. Вот почему мы отыскиваем раздел в нижней части страницы, в котором рассказывается о том, как Goby жертвует процент от каждой продажи в рамках глобальной программы помощи студентам колледжа стоматологии Нью-Йоркского университета.
• Фото из Instagram: на странице есть много отличных социальных доказательств, но на расположенной снизу карусели фотографий из Instagram, на первом месте опубликована клубничка. Мало того,что каждая картинка каким-то образом заставляет зубную щетку выглядеть совершенно модно, так еще и ник Instagram присутствует. Перейдя по ссылке, вы можете сами увидеть отзывы настоящих людей. Классно!

13. Good Eggs

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

• Халява: бесплатное кажется универсально хорошим. Но в этом случае обещание бесплатного делает больше, чем просто обращается к нашей инстинктивной любви не платить за вещи. Лендинг создает доброжелательность, предоставляет образец продукта и быстро устанавливает соответствие образа жизни между обслуживанием и посетителем. Что я подразумеваю под соответствием образу жизни? Что ж, если вы в восторге от получения бесплатной кокосовой воды от Harmless Harvest, вы уже знаете, что Good Eggs отлично подойдет для вас.
• Добавленная стоимость: сначала я был озадачен прочитанным заголовком. Мне казалось, что можно получить больше удовольствия от бесплатной вещи (например, я не знаю,«Бесплатная кокосовая вода» может сработать?). Но вполне вероятно, что среднестатистический покупатель Good Eggs больше думает о заключении сделки. Продвижение помогает продемонстрировать ценности бренда, его благополучия, устойчивости и этических норм труда. Так что это не просто бесплатно, это еще и хорошо.
• Отзывы: упоминание о ваших конкурентов может быть рискованным, но Good Eggs обходит эту проблему, позволяя клиенту сделать это за них. Иногда отзывы могут быть немного одинаковыми, повторяя одно и то же в разных смыслах (это не всегда плохо). Здесь, однако, они были тщательно отобраны, чтобы усилить три ценностных предложения, перечисленных выше.

14. Grass Roots (Агентство: MuteSix)

Растет спрос на натуральное мясо, и мы покажем лендинг от кооператива Grass Roots Farmers ‘Cooperative и агентства MuteSix. Прокручивая страницу, вы проходите полный путь клиента — от проблем с осознанием (почему же все-таки это мясо лучше), через рассмотрение (почему стоит выбрать Grass Roots в качестве поставщика), до создания покупки («Получи скидку на 30 долларов»).

• Видеоролик: в верхней части страницы находится 1-минутное видео с участием основателя и генерального директора Bulletproof Дейва Аспри. В нем рассказывается о том, как сложно найти источник высококачественного мяса, и почему Grass Roots лучше мяса, представленного на полках продуктового магазина. Это служит основой для остальной части лендинга и дает посетителям правильный настрой для совершения покупки.
• Подход к рассказу: весь лендинг построен таким образом, что при просмотре возникает сознательная необходимость в покупке этого мяса. Прокручивая страницу, вы можете почувствовать, что вам не хватает этого более здорового (и более вкусного) сорта говядины, курицы или бекона.
• Сильное социальное влияние: эта страница не только демонстрирует, что Grass Roots — единственная компания по доставке мяса, одобренная Bulletproof, но и способствует тому, что у них уже есть более 500 пятизвездных отзывов и 7000 счастливых клиентов. («Я приобрету то, что у них есть».)

15. HomeLoanGurus (Агентство: ConversionLab)

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

• Проблемно-ориентированный: заголовок этого лендинга не об услуге, а о посетителе («Плохая репутация?»), которому сочувствуют, прежде чем предложить HomeLoanGurus в качестве решения.
• Ориентированный на процесс: получение ипотечного кредита довольно сложный процесс: много документов, терминологии и правил, которые вы должны обернуть в свою пользу. Этот лендинг поэтапно объясняет каждый шаг и помогает сделать их простыми для каждого посетителя.
• Говоря кратко: финансовые лендинги различаются по длине, но данные из отчета о сравнительном анализе конверсий 2020 года показывают, что те, кто имеет меньше 200 слов — лучшие. Это наглядный пример того, как можно сообщить многое, не делая при этом страницу слишком длинной.

16. Jet Pet

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

• Очевидная ценность: простой заголовок («Приют для собак в Ванкувере») дает пользователю понимание, что он на верном пути. Для платных кампаний Jet Pet также может использовать динамическую замену текста (DTR), чтобы поменять ключевое слово для поиска («Приют в Ванкувере») для четкого соответствия сообщений. Затем, когда потенциальный клиент нажимает на объявление в Google, он попадает на страницу с заголовком, который соответствует его ожиданиям.
• Двухэтапная форма. Как правило, использование многоэтапных форм может привести к более высоким показателям конверсии. В данном случае применение такой формы уменьшает психологическое давление двумя способами. Во-первых, это сводит к минимуму воспринимаемое усилие при регистрации на сервис. (И даже если вторая форма кого-то расстроит, тот, кто уже заполнил первую, с большей вероятностью будет продолжать следовать дальше). Во-вторых, двухэтапная форма может отложить запрос более «чувствительных» вопросов на потом.
• Дружелюбие: в единственном обязательном поле на первой странице, просят указать имя вашего питомца. Этот вопрос заставил меня улыбнуться. Лендинг Jet Pet полон дружественных жестов, подобных этому, которые делают их запоминающимися.
• Укрепление доверия: доверие играет значительную роль. Поэтому Jet Pet использует двухфакторную аутентификацию для уверенности клиентов, что о них заботятся. Тот посыл, который использует Jet Pet на странице, усиливает это сообщение, в это число также входят смысловые термины, такие как «забота», «безопасность» и «любовь».
• Видеоотзывы: вам не всегда нужно видео, чтобы иметь эффективные рекомендации, но в случае Jet Pet, я думаю, что это разумный шаг. Ведь реальная съемка владельцев собак создает положительный имидж компании.

17. Mooala (Агентство: BuzzShift)

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

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

Кэмерон Гоули

Директор BuzzShift

• От лендинга до покупки в автономном режиме: как указывает Кэмерон Гоули, обещание купона делает двойную обязанность в качестве мягкой конверсии. Он создает трек электронной почты и поощряет за покупку в магазине — это важнейший компонент стратегии цифрового маркетинга Mooala.
• Возражения: нелюбители бананов еще сильнее их невзлюбят. Но Mooala следует отдать должное за то, что компания ударила по возражению против ограничения: «Что такое Bananamilk, спросите вы? Это не сахарно-сладкий банановый коктейль, как вы могли подумать.» Смело решая эту проблему, лендинг помогает сбросить ожидания и рекламировать продукт как «легкую молочную альтернативу, которой вы можете наслаждаться без вины».
• Правильно размещенная анимация: видео и анимация могут быть чрезвычайно полезными, но они также могут отвлекать внимание, если они расположены неправильно. Мне нравится включение анимации внизу страницы, где она привлечет внимание к CTA, а не отвлекает от основного обмена сообщениями Mooala.
• Социальные сети: поощрение посетителей следить за аккаунтами бренда в социальных сетях увеличивает возможности быть восхитительными и оставаться на высоте.

18. NANOR (Агентство: Webistry)

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

• Темный фон: этот лендинг мгновенно выделяется своим черным фоном. Цветовая палитра страницы обеспечивает приятную атмосферу премиум-класса. Это помогает представлить продукт как роскошный.
• Изображения, которые вы можете ощутить практически: как известно, некоторые вещи сложно продать онлайн. Свечи, например, кажутся тем, что большинство людей хотели бы понюхать перед покупкой. (И до тех пор, пока кто-то не изобрел новое видение обоняния для современной эры рекламы, это будет сложно сделать.) Этот лендинг демонстрирует мельчайшие подробности: описывает аромат каждой свечи и демонстрирует красивые изображения грейпфрутов, цветов, трав и специй для четкого представления каждого аромата.
• Кнопка «Добавить в корзину»: чтобы посетители могли совершать покупки прямо на лендинге, Webistry воспользовался пользовательской кнопкой «Добавить в корзину». Ознакомьтесь с их публикацией в сообществе Unbounce, чтобы узнать, как можно добавить оформление заказа на свой лендинг.

19. Panda7 (Агентство: Webistry)

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

• Очевидные преимущества: на странице ясно видно, что есть два основных преимущества использования сервиса. Во-первых, это экономия вашего времени с помощью онлайн сравнения лучших цен. Во-вторых, это экономия ваших денег (в некоторых случаях до 30%).
• Визуальные элементы бренда: фирменный цвет королевского пурпура по всей страницы, начиная от иллюстраций и заканчивая цветами фона, придает сплоченный и очень профессиональный вид.
• Плавающий заголовок CTA: Проверьте этот плавающий заголовок. Кнопка быстро реагирует на изменение при прокрутке. Очень круто!

20. Pared

Мы рады продемонстрировать этот привлекательный лендинг от Pared.
Приложение, которое сравнивает рестораны с высококвалифицированным персоналом кухни. Как и в примере с Class Creator, Pared не нужен сложный веб-сайт, чтобы донести свое сообщение. Лендинг дает возможность вносить изменения и отслеживать конверсии. По словам Дейва Лу, президента и
соучредителя Pared, это эффективно даже спустя три года.

С первого дня я смог быстро собрать сайт и лендинг для своего стартапа. Благодаря Unbounce я могу выполнять итерации и A/B-тесты без необходимости привлекать дизайнера или разработчика. Это сильно упрощает работу для любого маркетолога.

Дейв Лу

Президент и соучредитель Pared

• В свою нишу: Pared — это услуга не для всех, и им это известно. Вместо этого у них есть определенная клиентура, чьим потребностям они широко соответствуют. Этот лендинг начинается с одной конкретной проблемы, с которой сталкиваются люди: «Никогда не хватает персонала», и это выход. (Они используют другие веб-ресурсы для привлечения Pared Pros).
• Объясняющий видеоролик: лендинг имеет краткий эксплейнер, благодаря которому зритель может узнать о проблеме и о ее решении простым и доступным языком. Лендинги приложений, в частности, выигрывают от таких типов видео.
• Знаменитые названия и логотипы. На этой странице представлены логотипы различных закусочных и ресторанов, которые пользуются данной услугой. Также там имеются отзывы от владельцев шеф-поваров таких заведений Сан-Франциско, как Little Gem, Octavia и Jaridiniere.

21. Perfect Keto (Агентство: Webistry)

Вот еще один пример от Webistry для протеиновых батончиков Perfect
Keto. Лендинг отлично справляется с продажей вкусных угощений,
подчеркивая при этом их пищевую ценность. (Всего три грамма чистых
углеводов в каждом батончике? Это значит, что вы можете есть шесть
батончиков в день, не выходя из кетоза!)

• Социальное влияние: на странице представлены отзывы различных влиятельных авторов кето-диеты. (Включая… Джо Рогана? Конечно, почему бы и нет). Но есть и много других социальных доказательств — они демонстрируют более 2500 обзоров и отмечают свой бренд в таких публикациях, как «Здоровье женщин», «Читательский дайджест» и «PopSugar».
• Вопросы о питании: во время кетодиеты приходится внимательно
  следить за своим питанием, поэтому на странице необходим
  скриншот с нужными фактами. Посетители могут сами увидеть
  распределение калорий в каждом батончике и изучить его
  натуральный состав.
• Варианты использования: лендинг предоставляет небольшой раздел, который рассказывает о том, в каких случаях можно взять с собой эти кетобары. От завтраков до тренировок и путешествий. Просто представьте, как вы ими перекусываете.

22. Twinwoods Adventure (Агентство: Bluespark Dugital)

Вам нужно увидеть эту страницу для полного эффекта. Лендинг Twinwoods Adventure захватывает дух своей съемкой в действии, где происходят прыжки в аэротрубе и многое другое. Bluespark Digital создал страницу, которая передает энергию и волнение, и при этом остается сосредоточенной на конверсии.

• Ознакомление с опытом: Twinwoods Adventure продает опыт, поэтому социальное влияние крайне необходимо для вовлечения посетителей к конверсии. (В конце концов, вы можете вернуть плохой товар, но этот опыт будет с вами на всю жизнь.) Страница поражает своим двойным набором отзывов и обзоров в Google, Facebook и TripAdvisor.
• Шумное видео: Видео с прыжками в аэротрубе снято именно в такой концепции. Его расположение в середине страницы демонстрирует ряд уровней квалификаций и создает жажду опыта. Если вы думали, что аэродинамическая труба была не чем иным, как огромным феном, то вы ошиблись.
• Держите номер под рукой: как и на многих представленных ранее лендингов, дизайн дает вам преимущество прокрутки вниз(нажатие стрелки под CTA). Но Twinwoods, вероятно, принимает много заказов по телефону, поэтому плавающий номер позволяет видеть этот прямой призыв к действию независимо от того, где посетитель оказывается на странице.
• Дополнительная информация: прежде чем оказаться в комбинезоне, возникает еще один вопрос, например, где эти ребята взяли аэродинамическую трубу. Для подобных вопросов есть специальный раздел, однако, неприметный. Необходимо нажимать на специальные кнопки, чтобы эта информация показалась.

23. Roomeze (Агентство: Snap Listing)

У меня был личный неудачный опыт соседа по комнате, так что я сразу
заинтересовался лендингом Roomeze от агентства Snap Listings.
Roomeze обещает свести вас с проверенными соседями Нью-Йорка и
поселиться в квартире по цене менее 1000 долларов в месяц.
Интересно, есть ли способ проверить, чтобы ваши будущие соседи по
комнате не играли на тромбоне? (Потому что поверь мне. Вам не нужен
сосед по комнате, который играет на тромбоне).

• Стильно: переезд может быть стрессовым, но это также может быть очень весело. Красочные иллюстрации на странице отражают последнее чувство, заставляя вас взволноваться перспективой нового старта с новыми соседями по комнате.
• Непреодолимый CTA: главный CTA на странице задает вопрос: «Что может принести вам 1000 долларов в месяц?» Если вы вообще знакомы с нью-йоркской недвижимостью, вы знаете, что во многих местах квартплата стоит целое состояние, даже за квартиру размером с обувную коробку. Идея, что вы можете найти потенциально хорошую квартиру по такой цене, очень убедительна.
• Визуальная форма: в конце страницы вас попросят заполнить простую форму, чтобы сделать первый шаг. Индекс UX здесь довольно неплох, первые два вопроса — это простые опции (включая иллюстрации), которые помогут вам начать работу.

24. Smalls

Вы когда-нибудь пробовали корм для кошек? (Нет, я тоже. Это было бы
странно.) Предполагаю, что большая часть продаваемых кормов не очень приятна на вкус, и, вероятно, они также не слишком хороши для нас. Но именно поэтому лендинг Smalls Food for Cats привлек мое внимание. Их служба предлагает качественную еду для ваших кошачьих друзей. Никаких подделок, никаких наполнителей. Существуют влажные и сухие сорта, которые дают вашей кошке более свежее дыхание всего за один месяц — это означает, что вы можете наконец узнать, какое дыхание у вашей кошки, когда оно не пахнет как корм для кошек.

• Купоны: купон или скидка может помочь убедить посетителей подписаться на коробочку. На этой странице показано, что вы можете получить скидку 25% на свой первый заказ, используя липкую панель в верхней части страницы.
• Цвета: оранжевый, желтый, синий! Страница разбита по разделам с определенным цветом фона. Это придает веселый и забавный вид. (Посмотрите эти восхитительные иллюстрации в разделе «Преимущества».)
• Кошки: на лендинге более 11 забавных фотографий кошек, которые наслаждаются кормом, сидят на ручках у хозяев и просто восхищаются собой в зеркале (без сомнения, созерцая вкусную еду, которую они только что съели). Отзывы даже показывают фотографии кошек, а не людей! Так. Много. Симпатяг.

25. Sundae

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

• Минималистичный дизайн: этот лендинг убирает почти все фотографии, анимацию, видео и отвлекающие факторы, которые вы можете найти на подобных сайтах. Вместо этого используется много пустого пространства, что очень важно для отрасли, которая часто предоставляет много информации и тактик продаж с высоким давлением.
• Самоидентифицирующаяся копия: есть много причин, по которым кто-то может использовать такую услугу, как Sundae, и эта страница ловко поднимает их прямо вверх. Независимо от того, в каком состоянии ваша недвижимость, которую вы хотите продать, например, она пострадала от стихийного бедствия, компания Sundae специализируется на продаже в любых условиях.
• Убедительная сравнительная таблица: иногда может быть рискованно сравнивать сервис с другими вариантами или конкурентами, но этот лендинг делает это очень хорошо. Они даже выделяют два своих главных преимущества, помещая их в заглавные буквы: «НУЛЕВЫЕ СТОИМОСТИ» и «ПРОДАТЬ КАК ЕСТЬ».

26. Wavehuggers (Агентство: Everett Andrew Marketing)

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

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

Марк Чэмпен

Президент Everett Andrew

• Оценка Yelp: даже самый ужасный товар или услуга может собрать несколько положительных отзывов. («Мама генерального директора считает, что мы крутые»). Именно поэтому высокие оценки Yelp, TripAdvisor, Amazon или Google могут дополнить отзывы, как и здесь. Ведь поддерживать отличные результаты на этих сайтах гораздо сложнее.
• Специальное предложение по времени: как и во многих примерах, Wavehuggers добавляют на лендинг срочность с ограниченным по времени продвижением. Может показаться, что это не так уж и много — на данный момент это почти маркетинговое клише, но даже небольшие изменения, такие как добавление промокода «на ограниченное время», могут повлиять на коэффициент конверсии.
• Безопасность, комфорт, веселье: потенциальные клиенты, вероятно, ищут уроки, чтобы чувствовать себя более комфортно на воде. На этом лендинге все сосредоточено на обещании положительного опыта. Информация на целевой странице заверяет их в том, что серфинг «не так страшен, как вы думаете».
• Реальные клиенты: на фотографиях здесь нет никакого «глянца» по сравнению с другими из этого списка (см. «Western Rise» ниже), но, знаете что? Они и не должны. Сногсшибательная фотография серфера будет гораздо менее эффективной, чем эти изображения детей, весело проводящих время на своих досках. Стиль от Wavehuggers, от рукописных шрифтов до нарисованных от руки стрелок, отражает расслабленную атмосферу серферской культуры.

27. Western Rise

Иногда, готовя такой материал, вы в конечном итоге заканчиваете покупкой товара. Я очень, очень близок к тому, чтобы нажать на ссылку Western Rise AT Slim Rivet Pants. А почему бы и нет? Этот четкий лендинг быстро определяет привлекательность продукта с помощью визуальных элементов и изображений, подчеркивающих преимущества этих «завышенных» брюк. Может быть, пришло время отказаться от моих потертых джинсов.

• Смелые визуальные эффекты: эти брюки могут быть изготовлены вручную в Лос-Анджелесе, но многие из фотографий кричат о том,что это Бруклин. Легко представить себе ношение брюк AT SlimRivet Pants по дороге на шикарную коктейльную вечеринку на крыше, когда вы едете в пробке, балансируя латте в руке.
• Подчеркивая преимущества: никогда бы не подумал, что буду писать о «болевых точках» связанных с ношением брюк, и все же. Лендинг Western Rise обращается к этой проблеме. Джинсы склонны к протиранию, чиносы всегда пачкаются и мнутся, а классические брюки для зануд. Имея общую универсальность («брюки на каждый день») и сохранив преимущество, Western Rise предлагает решение этих проблем, о которой вы даже не подозревали.
• «Технические характеристики»: несмотря на то, что здесь представлена некая умная версия, в разделе «Технические характеристики» на странице компании Western Rise очень четко описаны функции брюк AT Slim Rivet Pants. В них точно указаны материалы и дизайн в ясной и лаконичной форме.

28. Woolx

Лендинг Woolx использует фотографии и видеофоны с высоким разрешением, чтобы посетители могли ближе познакомиться со свитером Rory. Изделие изготовлено из 100% австралийской мериносовой шерсти (это овцы, если что) для создания стильной, дышащей и ультра-удобной одежды.

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

29. Zumba (Агентство: MuteSix)

У меня нет танцевальных навыков. И, соответственно, у меня
отсутствует чувство ритма. Но по какой-то причине… Я задумался,
может мне хочется стать инструктором Zumba? Вот как хорош этот
лендинг, созданный агентством MuteSix. Они сделали его совершенно
доступным (и очень забавным) для начала обучения и преподавания.

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

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

Будь Майклом Джорданом в создании лендингов

Когда я учился в средней школе, у меня был друг, который бросил
играть в баскетбол после того, как увидел Майкла Джордана в финале
NBA. «Я никогда не приближусь к его уровню, — сказал он мне, — так какой
в этом смысл?»

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

Но не сдавайтесь!

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

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

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

11 примеров Landing Page с высокой конверсией

Эта статья о том, что для успеха Landing Page важна не только визуальная привлекательность. От лендингов ждут высоких конверсий. Эффективность лендингового сайта особенно актуальна при проведении кампании. Когда создают целевую страницу (пр. оформив главную как лендинг), то задают конкретные конверсионные цели под таргетированное торговое предложение (услуги, товар). Универсальные советы не решают главных проблем посадочных страниц. Достойные лендинг пейдж для каждой цели конверсии практикуют индивидуальный подход с уникальностью в дизайне / оптимизации текста.

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

Что отличает Landing Page?

(Да-да, перейти к лендинговым страницам с высокой конверсией!)

Высококонверсионный Landing Page:

• Сначала, мощное Hero-изображение. Высококонверсионный лэндинг – страница с которой не хочется уходить. Тематичная картинка, видео в главном экране: 1) Фокусирует внимание 2) Увлекает. Представьте продукт / сервис в контексте применения: как работает, насколько прост. Покажите преимущества и пользующихся ими людей.
• Один призыв к действию, ориентированный на взаимодействие с клиентом. После мощного визуального воздействия на посетителя, вам нужно получить лид или конвертацию, верно? Сделайте CTA-посыл заметным (с точки зрения дизайна) и убедительным (с точки зрения копирайтинга). Упрощайте навигацию – только важные ссылки, чтобы не отвлекать посетителя до совершения конверсии.
• Ценностное предложение – убеждайте заголовком и тематическим подзаголовком. Почему вообще надо следовать призыву к действию? Заголовком & подзаголовком аргументируйте веско и ясно. Укажите выгоду для потребителя и что выделяет вас из толпы.
• Охарактеризуйте ваши особенности, заостряя внимание на преимуществах. Конечно, важно знать из чего продукт и что с ним делать. Только, осознающий полезность охотнее действует (нажмет CTA-кнопку или заполнит лид-форму). Выгодо-ориентированный оффер – лучшая мотивация к конверсии.
• Включите отзывы или другие социальные доказательства. Люди скорее воспользуются предложением, увидев, как это сделали другие. Благодарственные слова, неподдельная заметка довольного клиента, партнерские логотипы или значки брендов укрепляют доверие потребителей. Это доступный способ оптимизации конверсии.

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

Примеры лендингов с высокой конверсией

У оптимизированных для высокой конверсии LP: посещаемость, как минимум 500 посетителей, а у некоторых – более 100,000. Коэффициент конвертации 30-60%. Влияют и внешние факторы, конверсия сильно зависит:

• От индустрии
• От качестве трафика

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

Со всеми оговорками и нюансами, 11 примеров высококонверсионных Landing Page от Unbounce заказчиков (экспертные советы от компаний, самостоятельно создавших свой лендинг).

1. Promo

Индустрия: Социальные медиа / Коэффициент конверсии 46.94%

Promo дает совет: используйте силу видео для увеличения вовлеченности и стимулирования конверсии.

Видео способно увеличить конверсию Landing Page на 80%. Стратегия оправдана, даже если обходится недешево – считает Promo. Вот почему на лендинге много видеоконтента – от хедера, до поясняющих Coub роликов в превью и видео, которым посетители смогут воспользоваться для своего маркетинга.

Главный контент-специалист Promo, отмечает:

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

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

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

2. edX

Индустрия: Образование / Коэффициент конверсии 52.68%

edX советует для высококонверсионного LP: упрощайте ценностное предложение, будьте предельно ясны и конкретны показывая выгодность.

Маркетологи edX максимально приближены к продукту & сервисам и могут запросто перегрузить вас информацией. Да, наше основное предложение это X. На лендинговых страничках мы урезали основные моменты посыла пользователям онлайновых курсов. Чтобы не увязнуть в деталях, простыми тезисами сообщаем, что их ожидает. Ясность и недвусмысленность заголовка с подзаголовком поддержана социальными доказательствами.

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

3. Later

Индустрия: Социальные медиа / Коэффициент конверсии 57.92%

Later совет для высококонверсионного LP: предоставьте удобные конверсионные пути до цели (никаких преград или ограничений!) и сбалансируйте побудительные факторы.

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

Интуитивный путь к конверсии – это «текстово-визуальный гид», подсказывающий маршрут потребителю. На это и сделали ставку в лидогенерирующей кампании Later. Руководитель коммуникационного дизайна Chin Tan, поясняет:

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

Cмотрите, как Later прокладывает «интуитивный» маршрут к конверсии, применяя единообразие.

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

4. The Listings Lab

Индустрия: Недвижимость

Высококонверсионный совет о Listings Lab: используйте простой «прямолинейный» дизайн и сконцентрируйтесь на оффере.

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

Гайд для скачивания дает почувствовать обычным людям – тут все тщательно подготовлено. Жирный рубленый шрифт, крупные поля форм и смелые контрастные кнопки СТА – они создают эмоциональный настрой для целевого действия.

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

Этот лендинг «спокойным тоном» вселяет уверенность.

5. Twillory 

Индустрия: Одежда / Коэффициент конверсии 46.85%

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

Не надо объяснять, почему мобильные пользователи сейчас в приоритете. С 2017-го, мобайл трафик начал доминировать (50.3%), его доля постоянно растет (сейчас 52.2%). Компании тоже приспосабливаются к миру, в котором потребители часто используют свои телефоны:

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

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

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

6. TyresOnTheDrive

Индустрия: Автомобильная

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

Когда дело доходит до текстов Лендинг Пейдж, надо понимать: ясность ведет к конверсии. Посетитель хочет в секунды понять оффер, думая: «Ближе к делу, что именно мне предлагают? Зачем я с этим разбираюсь?». И, если что не так — отказ!

Такой заголовок сразу понятен и отражает суть делового предложения: «Экспертная установка шин у вас на дому или рабочем месте». Мы сразу видим ключевое отличие – не надо идти к механикам шиномонтажа, они работают с выездом к вам. Принятию решения способствуют быстрые «how-to», подгружаемые клиентские отзывы из онлайн-сообщества отзывов Trustpilot и фирменный логотип (коллаж из ключевых слов).

Результат? Конверсия зашкаливает.

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

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

7. ooba

Индустрия: Финансы / Коэффициент конверсии 35.57%

Ooba советует для высокой конверсии: применяйте описательные призывы Call-to-Action, говорящие посетителю что произойдет далее.

Каждому, кто попал на страничку лэндинга не терпится узнать, что тут предлагают? Это так, но как правило посетитель понимает каких действий от него ждут, а что будет потом – не совсем ясно. Главная страница ooba это отличный пример эффективности call to action.

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

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

8. ClaimCompass

Индустрия: Юриспруденция. право / Коэффициент конверсии 30.02%

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

Как так обычно говорят? Если не получается что-то сразу, не унываем и продолжаем в том же духе. (Стоп, возможно, это неверный подход. Не посоветуйте никому). Иначе считал Альберт Эйнштейн:

Это просто безумство: делать одно и то же раз за разом, при этом ожидая иного результата

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

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

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

«Вся Landing Page разработана так, чтобы нажимались три CTA-кнопки» – поясняет Alex. «Если предложение показалось привлекательным, дальше скроллить уже не надо. Если нет – секция ниже внесет ясности (изображениями, описаниями выгод и социальными подтверждениями). На посадочной страничке все должно приближать к клику по CTA-кнопке».

9. onX

Индустрия: GPS-навигация / Коэффициент конверсии 61.15%

onX совет для повышения конверсии: стимулируйте желание пользователей изучать / исследовать текстовым и визуальным контентом.

Можете не искать лучшего примера лендинг пейдж с конверсией на 50% выше, чем обычно бывает в спортивной тематике. В чем секрет успеха onX, отвечает менеджер по привлечению новых клиентов Райан Уотсон:

Наш лендинг показывает пользователям именно то, что они искали и хотели видеть, кликая по PPC рекламе Google Ads.

Соответствие пользовательского поиска и визуальных подсказок стоит практиковать как на лендинге с продуктом, так и в поисковой стратегии

Райан отмечает пользу A/B тестов. Мы тестировали различные CTA-призывы и это дало отличный CTR. Лучшие практики никогда не навредят.

10. MyTutor

Индустрия: Образование / Коэффициент конверсии 55.29%

MyTutor раскрывает секрет высокой конверсии: делайте нужный оффер – выгодное предложение нужным людям и в нужное время.

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

Менеджер Gemma Pearson: «Запуская однодневные кампании мы тестировали landing page. Наш оффер – репетиторское подтягивание студентов до получения нужного бала». Еще, Gemma хочет реализовать на лендинге поучительный нагоняй для неуспевающих.

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

Вот как можно добиться отклика от этой аудитории.

11. FilterEasy

Индустрия: ремонт жилья / Коэффициент конверсии 34.52%

FilterEasy о лендинговой конверсии: Не всегда ясна причина успешности Landing Page, и это вполне естественно.

Иногда вы попадаете в золотоносную жилу. Эффективность формы – больше, чем когда-либо видели. Лендинговый сайт приносит бешеный доход. Маркетинговый директор Рианна Риддл:

«Если честно, до сих пор выясняем тестами: чем особенна наша лендинговая страничка? Рианна поясняет: попытались повторить этот результат несколько раз. И безуспешно. Даже когда учли все моменты».

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

Примеры лендинг пейдж для разных сфер бизнеса

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

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

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

Сайт Цветаны Сафроновой об одежде

Пример лендинга с высокой конверсией — Как стиль в одежде влияет на жизнь женщины.

Антигравийная пленка

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

Сайт карт водителя

Изготовление карт водителя на тахограф в Москве и области от 14 дней. Сайт создан в спокойных белых тонах

Сайт мужских костюмов

Компания занимается продажей мужских костюмов премиум класса. Представлен новый каталог с костюмами

Сайт класса школы №91

Сайт создан для 2Б класса школы номер 91. На сайте есть расписание занятий, учебные материалы и многое другое

Сайт компании Геом21

Данная компания занимается бурением скважин по всей Чувашской Республике. На сайте есть примеры работ и выполняемые услуги

Web сайт ARTIDES студия

Пример сайта студия коммерческого дизайна. Комплексные решения для успешного бизнес.

Оказание услуг по монтажу интерьерного декора

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

Smart Home системы

Благодаря современным технологиям управление жизнеобеспечением осуществляется в автоматическом режиме

Garant подоконники

Одностраничный сайт продажи и установки подоконников от мебельной компании GARANT

Сайт свадебной выездной регистрации

Пример продающего сайта выездной свадебной регистрации в Астрахани под ключ

Сайт продажи iphone аксессуаров

Пример современного сайта iphone аксессуаров с продажей по всей РФ.

Продажа интерактивных панелей

Подбор интерактивных панелей под любые задачи. Готовые решения для образования или бизнеса.

Контейнерные перевозки

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

Сайт чугунного завода в г. Чебоксары

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

Сайт санатория «Aрай Deluxe Thermal Resort»

Пример сайта одностраничника санатория Aрай Deluxe Thermal Resort в городе Сарыагаш.

Сайт продажи игровых ПК

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

Сайт продажи автокресел

У этой компании вы можете купить автокресла. Сайт выполнен в современном и минималистичном стиле

Сайт клуба MMA

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

Сайт SEO-специалиста

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

Услуги свадебной фотосъемки

Сайт частного фотографа на свадьбу. Нежные тона на сайте помогают передать атмосферу радости и праздника

Списание долгов юридических лиц и ИП

Компания БИЗНЕС Логик занимается списанием долгов с юридических лиц и индивидуальных предпринимателей

Стоматология Дент

Сайт частной стоматологической клиники, занимающейся лечением зубов в Москве. Присутствуют голубые и белые тона

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

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

Почему же в качестве примеров лендинг сайтов взяли ресурсы, которые состоят из одной странички? Для этого есть несколько причин:

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

лучшие примеры [и критический разбор]

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

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

Что же делает дизайн посадочной страницы эффективным?

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

• Изложение преимуществ должно быть ясным и кратким, чтобы посетители сразу же понимали назначение страницы. Именно по такому принципу построены лучшие продающие одностраничные сайты.
• Страница должна выражать одну-единственную идею с одним главным призывом к действию (Call to action, СТА).
• При создании макета посадочной страницы используйте приемы дизайна для выделения своего СТА (пустое пространство, цвет, контраст, направляющие сигналы).
• При использовании форм для сбора данных старайтесь сбалансировать объем запрошенной информации и ценность предложения, получаемого взамен (отчет, «белая книга» и т.п.)
• Используйте модальные диалоговые окна для выведения вспомогательной информации (условия, политика конфиденциальности, подробная информация о товаре) вместо перенаправления посетителей на другие страницы (что заставит их свернуть с намеченного вами пути конверсии).

Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.

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

Содержание

E-commerce

Влюбиться в продукт по фото

Крутой баннер с рисованными продуктами

О сервисе доставки продуктовых наборов

Крутая анимация первого экрана

Милые (как котики) тексты

Теплый ламповый сайт

Мобильные продукты и услуги

Отвечает на вопросы

Забавная графика

Регистрация в 2 строчки

Начать без регистрации

Проще некуда

Все самое главное в одном экране

Финансовые продукты и страхование

Просто о сложном продукте

Люди. Люди. Люди.

Продать страховку в два экрана

Офлайн-услуги

Call to Action с размахом

Продать любой ценой

Связь

Просто как в интернет-магазине

Экспериментальный минимализм

Спецпроекты

Красивое путешествие

Виральный контент для сложной тематики

Сайты B2B

Кнопка на каждом экране

Легкий дизайн посадочной страницы для сложного сервиса

Веселые картинки для B2B

Анонсы мероприятий и курсов

Точечная анимация и живые отзывы

Сначала история — потом продажи

Поиграли со шрифтами

Лендинг как авангардное искусство

Новый модный русский дизайн

HR-лендинги

Определение ЦА

Страница одного удачного элемента

Хайповые лендинги

Мемы и шуточки для своих

Шутки шутками — но не забываем про продукт

Образцово-показательный лендинг

Дочитали до конца? Круто!

Плюсы хороших лендингов

Минусы ну таких лендингов

E-commerce

Влюбиться в продукт по фото

kitchenceremony.com

Плюсы. В первую очередь — очень аппетитные картинки с налетом luxury. Большая привлекательная фотография на весь первый экран. Аккуратное и понятное меню над ней. Динамика при проскролле в следующем экране.

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

Рекомендуем почитать: «ТОП-35 ошибок юзабилити и дизайна сайта»

Крутой баннер с рисованными продуктами

ji-fruits.ru

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

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

Удачная иллюстрация процесса заказа — переписка в мессенджере:

Об организационных моментах доставки мы писали в статье: «Тише едешь — дальше будешь, или кому нужна срочная доставка»

Можно улучшить: серьезных недочетов мы не видим. В качестве эксперимента можно попробовать добавить небольшие описания к экзотическим фруктам (например, при наведении курсора на картинку).

О сервисе доставки продуктовых наборов

chef.yandex

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

Уникальные авторские картинки — всегда хорошо:

Привлекательные фото готовых блюд и понятно организованное меню (выбор набора «Сбалансированное», «Домашнее» и т. д.).

Можно улучшить: все действительно очень хорошо. Можно поэкспериментировать и перенести блок с описанием схемы работы на первый экран (или снять фоновое видео).

Крутая анимация первого экрана

satellite-express.ru

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

Все продукты (их четыре) расположены на втором экране:

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

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

Рекомендуем почитать: «На что обратить внимание при оптимизации главной страницы»

Милые (как котики) тексты

www.kotofabrika.com

Плюсы. Этот сайт выделяется отличным копирайтингом. И если он покажется излишне «ми-ми-ми», то стоит вспомнить, кто является ЦА производителя. А это хозяева котиков, которые покупают для них домики. Достаточно ми-ми-ми?

Нестандартно подписанный блок для связи с консультантом (а ведь на 99% сайтов они абсолютно шаблонные, хотя кастомизировать их совсем не сложно):

И в целом стиль коммуникации очень дружелюбный и расслабленный, при этом покупатель найдет ответы на свои вопросы:

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

Теплый ламповый сайт

oknaludyam.ru

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

Во втором окне сразу видим кнопку «Рассчитать стоимость» (обратная связь).

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

Можно улучшить: возможно, это была часть задумки «сделано на коленке», но кнопки (шрифт) выглядят не очень удачно (см. «Рассчитать стоимость» выше). Их можно оформить в стилистике сайта (рисунок ручкой), либо сделать максимально нейтральными.

Карта и Васька прекрасны

Еще один минус — текст кнопки «Рассчитать стоимость окон» не оправдывает ожиданий — вместо калькулятора открывается стандартная форма обратной связи.

Инструменты PromoPult для рекламы в соцсетях: все каналы в одном кабинете, минимальные бюджеты, все делают штатные специалисты системы, вам нужно только дать вводные.

Мобильные продукты и услуги

Отвечает на вопросы

lite.youdrive.today

Плюсы. Видео в первом экране привлекает внимание и отлично «продает эмоцию»: электросамокат — это быстро, стильно, радостно, динамично.

Кнопки приложений для Android и iOS — сразу под видео:

Количество текста сведено к минимуму, вместо повествовательного стиля — короткие ответы по делу:

Что можно улучшить: поскольку это лендинг для приложения, имело бы смысл разместить ссылки на Google Play и AppStore на странице несколько раз, а не один.

Рекомендуем почитать: «40+ гайдов по работе в PromoPult: привлекаем клиентов без помощи агентств»

Забавная графика

molodost.bz/fact/

Плюсы. Основной плюс — интересный подход к визуализации пути к цели. Стильные анимированные иллюстрации с умеренной иронией.

И вот такой баннер на третьем экране:

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

Можно улучшить: неудачный первый экран, неубедительный дизайн, непонятна суть продукта. Заголовок «Достижение денежных целей в новой online-системе» не считывается, т. к. остальные элементы значительно активнее.

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

Ну и маленькое примечание: стоит следить за скидками. Скидка с 12 900 до 12 990 — так себе бонус.

Рекомендуем почитать: «Чек-лист по оптимизации сайта: юзабилити и коммерческие факторы»

Регистрация в 2 строчки

lingualeo.com

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

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

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

Начать без регистрации

www.duolingo.com

Плюсы. Еще один сервис для изучения языков — но здесь первый экран еще круче!

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

Кстати, кнопка «Начать» есть не только в самом начале, но и внизу короткого лендинга.

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

Проще некуда

https://www.strava.com/

Плюсы. 100% прямолинейность и простота.

Можно улучшить: 0% для улучшения. Можно включать в список лучших лендингов мира в категории минимализм.

Все самое главное в одном экране

ru.bookmate.com

Плюсы. Скидка крупно на первом экране. Здесь же — все нужные кнопки («Получить подписку», «Войти», «Магазины приложений») и краткая формулировка сути сервиса. Все по делу.

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

Можно улучшить: call to action (CTA, призыв к действию) остается в хедере сайта при прокрутке, но, возможно, стоит поэкспериментировать с его размерами и/или добавить кнопки подписки после отдельных блоков.

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

Финансовые продукты и страхование

Просто о сложном продукте

rocketbank.ru

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

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

Люди. Люди. Люди.

www.mtsbank.ru/malomu-biznesu

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

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

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

Можно улучшить: мало call-to-action элементов. Возможно, кнопку «Открыть счет» следовало бы разместить не только в верхнем баннере, но и в середине и конце лендинга и сделать ее более очевидной. Также не хватает формы обратной связи/онлайн консультанта или номера телефона в видимой части экрана (телефон можно найти только рядом с навигацией в футере сайта, и это общий колл-центр банка, без привязки к продукту).

Рекомендуем почитать: «Как установить бесплатный онлайн-консультант на сайт [инструкция PromoPult]»

Продать страховку в два экрана

www.tinkoffinsurance.ru/autoinsurance

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

И затем — схема из трех шагов:

Два экрана — три СТА (call to action) (Купить полис — Рассчитайте страховку — Позвоните мне). Все максимально лаконично, белый фон, черный шрифт, один цвет для расстановки акцентов, много воздуха, минимум слов, прямолинейный текст на кнопках.

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

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

Офлайн-услуги

Call to Action с размахом

moscowfreetour.ru

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

Шапка сайта перемещается при проскролле, так что навигационная панель и номер телефона (!) всегда доступны.

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

А еще это лендинг, который можно включать в списки сайтов с самым большим количеством повторений CTA. При этом текст кнопок очень разнообразный: «Хочу на бесплатную экскурсию», «Задать вопрос», «Посмотреть экскурсии», «Записаться прямо сейчас», «Участвовать в акции», «Записаться на бесплатную экскурсию». Список можно продолжать.

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

Продать любой ценой

qlean.ru

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

Предложение «Рассчитать стоимость» и напоминание о скидке остается с вами при прокрутке:

Цены в блоке с расценками отображаются сразу с 30% скидкой:

… и прежде чем уйти, вы увидите финальное предложение о заказе уборки)

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

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

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

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

Запускаете рекламу в системе PromoPult? Не уверены, что все делаете правильно? Хотите сделать лучше, но не знаете как? Обращайтесь за помощью к профессионалам системы. Ваш персональный менеджер в системе PromoPult.

Связь

Просто как в интернет-магазине

moskva.mts.ru/personal/mobilnaya-svyaz/mobilniy-internet/podklyuchit

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

Максимально просто и понятно оформлен блок допродажи:

Обратите внимание, USSD запросы для подключения дополнительного трафика не спрятаны в «Подробнее», а сразу видны в основном блоке. Быстрые ответы на вопросы: «что я получу», «сколько это будет стоить», «как мне это сделать».

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

Экспериментальный минимализм

www.yota.ru/#/promo

Плюсы. Очень необычный лендинг. Один экран, все что мы видим — 4 ссылки слева и большой голубой баннер справа из трех слайдов: «Реклама интернета для планшета» — «Реклама скидки 50% за привязку карты» — «Реклама Wi-Fi роутера для YOTA». Вот такой смелый минимализм и постмодернизм в действии.

Можно улучшить: не надо ничего улучшать. Идеальный экспериментальный лендинг.

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

Спецпроекты

Красивое путешествие

www.visit-rogaska-slatina.si/ru

Плюсы. Фишка сайта — красивое фоновое видео. Здесь живые фотографии и анимированные элементы.

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

Виральный контент для сложной тематики

changes.docplus.ru

Плюсы. Этот лендинг веселый, виральный, качественный как с визуальной, так и с текстовой стороны.

При этом с большинства карточек есть ссылка на основной сайт.

И в конце посадочной — промокод на услугу.

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

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

Съем позиций, кластеризация запросов, парсер Wordstat, сбор поисковых подсказок, сбор фраз ассоциаций, парсер мета-тегов и заголовков, анализ индексации страниц, чек-лист оптимизации видео, генератор из YML, парсер ИКС Яндекса (бесплатно).

Сайты B2B

Кнопка на каждом экране

megaplan.ru/megaplanstart

Плюсы. Сайт 100% заточен под продажи. В первом же экране — форма заявки. Затем кнопка с призывом к действию «Попробовать бесплатно» появляется после каждого блока (1 раз на каждый экран).

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

Очень хороший прием — блок «Зачем Мегаплан руководителю и сотруднику». В зависимости от того, кого вы выбираете, вы видите конкретный набор преимуществ, маркированный иконками.

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

Легкий дизайн посадочной страницы для сложного сервиса

www.cloudpayments.ru

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

Кнопка «Подключить» на первом же экране — большой плюс.

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

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

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

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

Веселые картинки для B2B

piratecode.ru

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

Яркие иллюстрации сочетаются с лаконичным текстом на белом фоне, по итогу нет ощущения перегруженности.

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

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

Устранить рутину в простановке внешних ссылок можно с помощью модуля «Естественные ссылки» от PromoPult. Мы подберем качественные площадки — и к вам придет заинтересованная аудитория, которая лучше ведет себя на сайте и конвертится в покупателей.

Анонсы мероприятий и курсов

Точечная анимация и живые отзывы

another-georgia.com

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

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

Отличный прием — тексты от первого лица:

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

Что можно улучшить: сейчас на посадочной странице слишком мало призывов к действию (call to action). Кнопка «Записаться» есть только в шапке сайта, при этом она не очень заметна. Стоило бы попробовать добавить более очевидные и крупные кнопки после отдельных блоков и повторить CTA несколько раз.

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

Сначала история — потом продажи

noboring-finance.ru/planerka

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

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

А далее — три истории вот в такой стилистике:

И только после блока классного сторителлинга посетитель видит описание курса

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

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

Поиграли со шрифтами

special.meduza.io/storm/2017/

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

И вот образец того, как коротко и понятно сформулировать тематику конференции, показать проблемы и определить ЦА:

Для юмора (и котов) тоже осталось немного места:

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

Что можно улучшить: не надо ничего улучшать. Надо учиться 🙂

Лендинг как авангардное искусство

kaskadproject.com

Плюсы. Это не просто лендинг, а произведение концептуального искусства.

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

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

Что можно подсмотреть, вне зависимости от смелости ваших взглядов: короткая форма регистрации, никаких лишних вопросов вроде фамилии, города, возраста и т. д.:

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

Рекомендуем почитать: «Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]»

Новый модный русский дизайн

rubyrussia.club/ru

Плюсы. Дизайн верхнего баннера — на острие современных модных трендов, образец landing page «made in Russia» (привет единению советских авангардистов и Гоши Рубчинского):

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

Очень компактно — о каждом из спикеров:

И снова котики — да что ж такое…

(кстати, использование строчных букв в именах обращает на себя внимание).

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

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

HR-лендинги

Лендинги под набор персонала — особый жанр. Их задача — продать место в компании соискателю. Два примера, как это работает.

Определение ЦА

hr.cpeople.ru

Плюсы. Агентство позиционирует себя как команду супергероев, так что страница построена в стилистике комиксов:

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

Конкретные вакансии расположены относительно далеко внизу, но к ним можно перейти сразу по кнопке «Хочу в команду!».

Что можно улучшить: флажок «работодатель года» можно попробовать сделать чуть заметнее (но что хорошо — он остается при проскролле страницы). И все-таки поэкспериментировать с дополнительными кнопками перехода к вакансиям.

Страница одного удачного элемента

job.alfabank.ru/moskva/#1520

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

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

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

Можно улучшить: в 2018 году немного странно видеть примечание «используйте колесо мыши для прокрутки сайта».

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

• крошечное окошко с видео.

Да, есть опция «развернуть», но само видео настолько плохого качества, что лучше этого не делать. Кроме того, длится оно почти 2 минуты, что очень много для имиджевого ролика (да и сам ролик оставляет желать лучшего).

• Фирменная цветовая гамма (сочетание белого и красного) сама по себе прекрасна, но не тогда, когда на ярко-красном фоне размещен мелкий белый шрифт:

• Очередной недочет в верстке — темный шрифт попадает на темный фон и становится практически нечитабельным:

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

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

Хайповые лендинги

Мемы и шуточки для своих

yasdelie.ru

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

Вся страница построена на картинках-мемах и немного упоротых текстах — невозможно оторваться:

Можно улучшить: ничего. Только расскажите нам, какая конверсия у этого лендинга и кто так тщательно охраняет конфиденциальность калининградского автора.

Шутки шутками — но не забываем про продукт

roltrol.by

Плюсы. Такой лендинг о роль-шторах вы еще не видели — а их в Рунете, пожалуй, тысячи.

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

Лендинг не выглядит совсем уж непродающим — регулярно появляются кнопки с призывом к действию «Заказать звонок» или «Перейти на сайт партнера».

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

Образцово-показательный лендинг

24run.ru

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

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

Ответ на вопрос, кто за этим стоит — в конце лендинга.

Можно улучшить. Не можно.

Дочитали до конца? Круто!

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

Самое время подводить итоги. Какие плюсы и минусы нам встречались чаще всего?

Плюсы хороших лендингов

1. Лаконичность в тексте и дизайне.
2. Стильная анимация.
3. Нестоковые фотографии.
4. Оригинальные рисунки.
5. Человеческий язык, уместный юмор.
6. Понятные кнопки CTA, встречающиеся на странице несколько раз.
7. Нестандартный подход к стандартной тематике без ущерба содержанию.
8. Апелляция к эмоциям.
9. Четко обозначенные преимущества, акции, скидки.
10. Нешаблонные отзывы.
11. Максимально простые формы регистрации.

Минусы ну таких лендингов

1. Невнимание к мелочам (огрехи в верстке, отсутствие фавиконов, контраст шрифта и подложки и т. д.).
2. Недостаточно CTA.
3. Слишком большой объем информации, длинный лендинг.
4. Неинтересные и некачественные видео.

54 примера потрясающего дизайна лендингов

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

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

Надеемся, что среди них вы найдете вдохновение для вашего лендинга.

Примечание редактора: В связи с тем, что оригинальная статья была написана в 2016 году, некоторые ссылки могут не работать. 

Содержание статьи

Электронная коммерция
Развлекательные сайты
Лендинги-портфолио
Розничная торговля
Интернет-проекты
Сфера услуг

Электронная коммерция

1. Luhse Tea

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

2. Fit For A Frame

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

3. Shop Locket

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

4. White Lotus Aromatics

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

5. Evel

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

6. Lega-lega

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

7. Urban Originals

Фишка этого дизайна — простота. Простое меню и яркий слайдер отлично сочетаются.

8. Scotch & Soda

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

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

Читайте также: Лендинг vs главная страница: ключевые отличия

Развлекательные сайты

9. Clouds over cuba

Просто и со вкусом. Сразу ясна цель страницы — просмотр документального видео.

10. Universeries

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

11. Jacqui co

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

12. Pottermore

В дизайне этой страницы, посвященной франшизе о Гарри Поттере, использованы знакомые фанатам цвета, фразы и имена.

13. Heath Life

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

14. Uncrate

Uncrate и после редизайна не меняет своей традиции расположения всех разделов сайта в удобном верхнем навигационном меню.

15. The good man

Этот сайт демонстрирует всю мощь графического дизайна и веб-разработки. Лучше зайти на него и самостоятельно убедиться в этом.

16. Silktricky

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

17. Magic Leap

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

18. Life and times

Jay-Z точно знает, как нужно развлекаться. На его сайте статьи, изображения и другой контент представлен в виде интерактивных плиток.

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

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

Читайте также: 10 примеров лендингов необычных стартапов

Лендинги-портфолио

19. Hello monday

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

20. Jib

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

21. Ride for the brand

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

22. Andy Patrick design

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

23. This is the brigade

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

24. Built by buffalo

Данный лендинг представляет собой пример необычного плиточного дизайна.

25. Galpin

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

26. Made by Vadim

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

27. Art&code

Иконки и ничего лишнего. Хороший пример минималистичного дизайна.

28. Riley Cran

Страница-портфолио отображает самое главное — примеры работ.

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

Читайте также: 20 советов для создания идеального портфолио

Розничная торговля

29. Rei

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

30. Austin beerworks

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

31. Jaquet droz

Ничто не отвлекает посетителя от созерцания прекраснейших часов.

32. Italio kitchen

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

33. TV safety

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

34. Grey Goose

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

35. Toyota

Toyota сделала сайт в стиле Pinterest для любителей Camry. Здесь можно найти множество фотографий, статей, статистики.

36. Got Milk?

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

37. Buffalo Wild Wings

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

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

Читайте также: Как создать успешный ecommerce-бренд?

Интернет-проекты

38. Chrome Web Lab

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

39. Viddy

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

40. Who is Wildlife?

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

41. Prezi

Добавление видео на лендинг-пейдж — удачный способ показать ваш товар или услугу в деле.

42. Impress a penguin

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

43. СSS piffle

Плавающая красная кнопка в середине экрана делает свое дело: на нее очень хочется нажать.

44. Fannabee

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

Читайте также: Обновления LPgenerator: parallax-эффект, изображение на всю ширину, запрет редиректа на мобильную версию

Сфера услуг

45. Captain Dash

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

46. Woodwork

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

47. Sagmeister walsh

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

48. Madwell NYC

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

49. Ryan Edy

Это страница профессионального фотографа, и ее дизайн помогает нам увидеть самое главное — фотографии. Даже меню спрятано в «гамбургер».

50. Oliver Rassel

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

51. Quarter Rest Studios

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

52. Fancy Rhino

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

53. Flint Boutique

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

54. Blind Barber

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

Читайте также: 10 примеров лендинг пейдж из сферы рекламных услуг

Заключение

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

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

Высоких вам конверсий!

По материалам: hubspot.net  Изображение: freepik.com 

18-06-2016

Лендинг сайты примеры | ЗЕКСЛЕР

Дизайн: разнонаправленные тренды

Когда в начале десятилетия Microsoft внедрил первые эксперименты с плоским дизайном в практические решения, интернет стал присматриваться к перспективному тренду. А начиная с 2014 года flat стал преобладающим направлением. Но прошло несколько лет повального увлечения, туман флёра развеялся и графика сайтов вернулась к разнообразию. Ну кому хочется терять выразительные средства оформления из-за сомнительной моды на плоские элементы. Если человеческий глаз различает 150 тыс. цветовых оттенков, объём, тени и блики – значит бессмысленно замыкать его на 256 градациях плоского монохрома.

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

• Сюжетно-тематические зарисовки на заданную тему. Выделяется направление стилизации под авторскую живопись, хотя и сделанную при помощи программных средств. Здесь и монохромные скетчи, и полноцветные иллюстрации – пользователи традиционно лояльно воспринимают имитацию ручной работы, ассоциируя её с авторским взглядом.
• Коллажная обработка фотографий. Уникальные картинки остаются тонким местом в дизайне сайтов, но их научились делать из «подручных материалов» – совокупность уже ставшего привычным Photoshop’а и эстетика профессионального графика способны дать удивительные по оригинальности художественные концепты.
• Дизайн дополненной реальности. На фантазийный графический фон добавляется нарезка документальных кадров, смешивая виртуальную абстракцию и жизнь. Такой приём не слишком часто встречается, но обладает хорошей запоминаемостью и позволяет выгодно акцентировать продвигаемый товар. И обратная сторона медали – реальный бэкграунд и рисованные предметы на нём.

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

​

Текст: продать холодильник эскимосу

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

И все-таки обратимся к практике и умению авторов влезть в шкуру покупателя.

• Интересы целевой группы. Нерационально обращать внимание покупателя на цвет холодильника бюджетной ценовой категории, когда его интересует объем камеры и класс энергопотребления. Скажем прямо – выбор бытовой техники под цвет стен присущ только VIP-сегменту, составляющему сотую долю процента потенциальных клиентов. Объективно говоря, все основные пункты создания продающих текстов (предложение, выгода, привлечение внимания, проблема и её решение) умещаются именно в этом параграфе.
• Не смешивать мотиваторы товара и услуги. В первом случае брендовая принадлежность скажет сама за себя. Глупо размазывать по одностраничнику преимущества Nike или Samsung – логотип торговой марки гарантирует без лишних слов. Важнее сервис, доставка и условия оплаты с бонусами и акциями. А вот сегмент услуг подобными «костылями» не обладает – здесь к месту вспомнить и квалификацию персонала, и описать технологические процессы, и вспомнить профессиональные достижения поставщика.

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

​

Вдохновляющие примеры лендингов для вашего бизнеса

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

Особенности построения landing page

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

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

Дизайн

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

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

Контент

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

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

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

Мы писали подробный материал о том, как сделать лендинг самому.

Важно! Лендинги не продвигают с помощью SEO, так как их жизненный цикл слишком короткий. Большинство посадочных страниц создают на время действия акции или для вывода на рынок нового товара. Пользователи приходят через email-рассылку, таргетированную, баннерную и контекстную рекламу, поэтому вряд ли удастся найти удачный пример landing page, оптимизированной под поисковики.

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

Примеры хороших лендингов

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

Продажа товаров

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

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

Пример лендинга от производителя кетчупае>

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

Пример красивого лендинга в сегменте B2Bе>

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

«Рокетбанк» создал лендинг с горизонтальной прокруткойе>

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

«Одностраничный сайт, пример от компании «Окна людям»е>

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

Стиль лендинга для аренды самокатов — движениее>

Конкурсы и специальные проекты

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

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

Лендинг для конкурса от компании Raffaelloе>

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

Пример хорошего лендинга от сервиса Airbnbе>

Регистрация на мероприятия

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

Организаторы Digital sales and marketing world приглашают маркетологов зарегистрироваться на воркшоп. Поскольку информации много, ее разбили на небольшие блоки и разбавили фотографиями. Видеоподложка на первой странице демонстрирует масштаб мероприятия.

Лендинг Digital sales and marketing world сочетает видео, фото и тексте>

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

Развлекательный фестиваль использует неформальный стиль для лендингае>

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

Ищите примеры крутых лендингов среди квестове>

Набор на обучение

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

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

Образовательный лендинг, пример от Khan Academyе>

Вирусный контент

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

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

S7 обыгрывает тему Дня космонавтикие>

Поиск сотрудников

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

Creative People придумали персонажей и изобразили будущих сотрудников в роли супергероев. С помощью этого приема удалось небанально и увлекательно рассказать соискателям о компании.

Creative People ищет супергероев в командуе>

Творчество и юмор

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

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

Австралийский информационный портал SBS адаптировал рассказ из книги «Лодка» вьетнамского писателя Нам Ле и поместил его на лендинге. Это творческий проект по переводу художественных книг в визуальный формат. Получился графический черно-белый роман с интерактивными элементами. По мере прокрутки страницы обновляется текст, меняется фон и появляются дополнительные эффекты в виде дождя и молний. На момент написания статьи лендинг собрал 19 тысяч лайков.

Графический комикс анимировали с помощью лендингае>

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

Проект «СТОП-БЕГ» в шутку предлагает избавить от беговой зависимостие>

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

Аудитория попадает на landing page благодаря таргетированной и контекстной рекламе. Еще один способ привлечь посетителей — настроить email и push уведомления или создать чат-бота. Это удобно сделать с помощью сервиса SendPulse.

[Всего: 6   Средний:  4.8/5]

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

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

Какова цель целевой страницы?

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

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

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

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

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

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

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

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

Каков хороший коэффициент конверсии целевой страницы?

Согласно WordStream, средний коэффициент конверсии целевой страницы равен 2.35% в разных отраслях, при этом верхний 25-й процентиль целевых страниц достигает 5,31% или выше.

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

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

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

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

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

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

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

1. Lyft

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

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

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

2.Профессиональный Wingman

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

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

После того, как вы нажмете эту кнопку, вы не попадете на новую страницу. Вместо этого тут же появляется межстраничная форма. И хотя он запрашивает много информации — частично личную, — он также дает понять, что The Professional Wingman отнесется к этому серьезно, но только если вы тоже.

3. Стойка для мусора

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

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

4. Цифровой

Есть несколько вещей, которые заставляют работать эту целевую страницу Cigital. В нем простые и актуальные образы. Заголовок прост, а описание электронной книги информирует зрителей о конкретной ценности, которую они получат, загрузив ее. Есть только один призыв к действию — «ПРОЧИТАЙТЕ ЭЛЕКТРОННУЮ КНИГУ», который выделяется на странице благодаря ярко-желтой кнопке CTA.

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

5. Академия Хана

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

Остальная часть страницы предназначена для зрителей, которые не полностью знакомы с Khan Academy. В нем красочно и подробно описаны ключевые преимущества использования обучающей платформы, которые легко просканировать и понять. Также есть повторяющийся призыв к действию: «Начни учиться сейчас». Как только зрители почувствуют, что у них достаточно информации, они могут щелкнуть призыв к действию, чтобы вернуться к форме вверху страницы без необходимости прокрутки.

6. Club W

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

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

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

7. Codecademy

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

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

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

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

8. Пашот

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

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

9. Сапун

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

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

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

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

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

11. Edupath

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

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

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

12. Клуб дегустаторов

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

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

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

13. Microsoft IT Showcase

Целевая страница ниже использовалась для продвижения и привлечения потенциальных клиентов для одного эпизода серии веб-семинаров Microsoft IT Showcase.

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

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

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

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

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

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

Первоначально опубликовано 18 января 2021 г. 9:47:00, обновлено 10 июня 2021 г.

Темы:

Дизайн посадочной страницы

Бесплатный конструктор посадочных страниц

Не забудьте поделиться этим постом!

25 лучших примеров посадочных страниц от ведущих компаний для вдохновения

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

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

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

25 лучших компаний с лучшими примерами посадочных страниц

(Имейте в виду, что для более коротких страниц мы показываем всю страницу. Для более длинных страниц мы отображаем только над сгибом. Вам может потребоваться перейти к примеру целевой страницы, чтобы увидеть некоторые из обсуждаемых нами моментов. Кроме того, некоторые сайты могут проводить A / B-тестирование своих страниц, что означает, что вам может быть предоставлена ​​альтернативная версия.)

1. Пример целевой страницы Marketo

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Ссылки для выхода — логотип Marketo и ссылка Legal в нижнем колонтитуле — предоставляют посетителям возможность покинуть страницу, не загружая отчет.
• Форма из 5 полей может напугать кого-то на этом этапе рассмотрения покупателя. Удаление «Должности» и «Компания» может побудить большее количество посетителей заполнить форму.
• Кнопка с призывом к действию не выделяется так сильно, как могла бы, потому что она используется в другом месте на странице.
• Копия кнопки CTA расплывчата. Измените его на что-то вроде «Я хочу отчет!» может побудить больше потенциальных клиентов щелкнуть.
• Большой блок выделенной курсивом копии не кажется необходимым, и его удаление может улучшить результаты преобразования.
• Добавление полного имени и портрета к отзыву клиента могло бы повысить доверие к нему.
• Добавление белого пространства поможет странице выглядеть менее загруженной и более эстетичной.

2. Пример целевой страницы Slack

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

3. Пример целевой страницы Oracle

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

• Статистика отчета по формированию спроса в копии не является «недавней», как говорится в ней, — она ​​датируется периодом до 2016 года, а дата авторских прав на этой странице — 2017 год.
• Изображение информационного документа дает посетителям возможность предварительного просмотра того, что они могут ожидать, загрузив информационный документ.
• Контрастный цвет формы выделяется и привлекает внимание, побуждая посетителей завершить ее.
• Не отмеченное поле согласия гарантирует, что потенциальные клиенты, которые согласны, хотят получать электронные письма от Oracle.

Что проводить A / B-тест:

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

4. Пример целевой страницы Google Hire

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Соответствие сообщения можно улучшить. Я был перенаправлен на эту целевую страницу после нажатия на кнопку веб-семинара по найму с кнопкой CTA, побуждающей посетителей «зарегистрироваться» на «предстоящем веб-семинаре». На целевой странице после клика вообще не упоминается веб-семинар, а вместо этого предлагается демонстрация по запросу. Если Google Hire считает их вебинар и демонстрацию одним и тем же, увеличение совпадения сообщений между двумя страницами, вероятно, уменьшит путаницу у посетителей.
• 14 полей формы — это много, даже для этапа рассмотрения маркетинговой воронки. Разделение этого на многоступенчатую форму может уменьшить трение формы и привести к большему количеству преобразований.
• Бирюзовая кнопка с призывом к действию похожа на другой оттенок синего на странице. Сделав его более контрастным, например, оранжевым, мы сделаем его более «выделяющимся».
• Страница неуравновешенная . Включение дополнительного элемента целевой страницы после щелчка слева от нижней части формы, такого как отзыв клиента или привлекательное изображение, может сделать страницу более эстетичной.

5. Пример целевой страницы Uber

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

6. Пример целевой страницы IBM

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

7. Пример целевой страницы LendingClub

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Множественные ссылки для выхода — логотип LendingClub, «Условия использования», «Подробнее», несколько слов, выделенных мелким шрифтом, и навигация в нижнем колонтитуле — могут удалить посетителей со страницы без преобразования.
• Изменение направления взгляда человека на фотографии, чтобы посмотреть на форму захвата лида, может подсознательно побудить большее количество посетителей ее заполнить.
• Изменение копии кнопки CTA на что-то более привлекательное и убедительное, например: «Начни инвестировать сейчас и получи прибыль!» может привести к большему количеству конверсий.
• Чрезмерное количество мелкого шрифта внизу страницы пугает и может заставить потенциальных клиентов задуматься, есть ли у компании скрытые планы.

8. Пример целевой страницы домофона

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

9. Пример целевой страницы Microsoft

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

• Ориентированный на выгоду заголовок сообщает посетителям, что они могут улучшить мобильную производительность своей команды с помощью Office 365, и побуждает их узнать больше с помощью электронной книги.
• Изображение продукта показывает потенциальным клиентам, что они получат, если решат загрузить электронную книгу. Увеличив его и сделав более реалистичным, можно еще больше улучшить результаты конверсии.
• Маркированные с минимальной копией позволяют потенциальным клиентам сканировать страницу для получения соответствующей информации.
• Инкапсулированная форма выделяется, обращая внимание посетителя на ее завершение.
• Зеленая кнопка с призывом к действию привлекает внимание, поскольку хорошо контрастирует с остальной частью страницы.

Что проводить A / B-тест:

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

10.Пример целевой страницы Lyft

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

• Подзаголовок служит социальным доказательством, позволяя посетителям узнать, что другие люди сделали отличные советы, работая с Lyft.
• Только одно поле формы с запросом номера телефона можно быстро и легко заполнить, так что это не отпугнет многих потенциальных клиентов.
• Если вы не отметите поле согласия , кандидаты почувствуют, что выбор полностью за ними.
• «Получите бонус в 250 долларов» , вероятно, является убедительным стимулом для многих потенциальных клиентов.
• CTA-кнопка «Применить сейчас» — это тег привязки, который выводит потенциальных клиентов наверх страницы для быстрого заполнения формы.
• Функция калькулятора позволяет посетителям определить, сколько денег они могли бы заработать, если решат водить машину с Lyft.
• Раздел «Почему Lyft» использует иконографию и минимальную простую копию, чтобы передать основные преимущества работы в Lyft.
• Слайдер «Как работает Lyft Driving» объясняет, как Lyft работает с помощью мобильного приложения.
• «Страховая защита Lyft» и «Рейтинги пассажиров» дает водителям уверенность, когда речь идет о вождении в Lyft.

Что проводить A / B-тест:

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

11. Пример целевой страницы постоянного контакта

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Гиперссылка на логотип «Постоянный контакт» может немедленно увести посетителей со страницы, не увидев всего предложения.
• На кнопке с призывом к действию слишком много текста, поэтому она мала и трудна для чтения. «Без риска. Кредитная карта не требуется ». можно переместить под кнопкой.
• Отсутствие политики конфиденциальности может заставить потенциальных клиентов не решиться совершить конверсию.
• Добавление социального доказательства , такого как отзыв клиента, скорее всего, заставит кандидатов чувствовать себя более уверенно в своем решении подписаться на Constant Contact, что повысит коэффициент конверсии.

12.Пример целевой страницы Salesforce

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Ссылки выхода — логотип Salesforce, значки доверия, ссылки в социальных сетях и ссылки нижнего колонтитула — позволяют посетителям легко покинуть эту страницу.
• 8 полей формы могут удерживать посетителей от заполнения формы.Удаление ненужных запросов или преобразование их в многоступенчатую форму уменьшит трение и приведет к увеличению количества загрузок.
• Синяя кнопка CTA гармонирует с синей формой. Если вы попробуете использовать более контрастный цвет (например, оранжевый), это привлечет больше внимания посетителей.
• Копию кнопки CTA можно улучшить до чего-то более заманчивого, например «Покажи мне демонстрацию Wave Analytics!»
• Добавление социального доказательства , например отзыва клиента Salesforce, повысило бы ценность доверия у посетителей и поощрило бы больше демонстрационных просмотров.

13. Пример целевой страницы Zoho

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

• Заголовок сразу предлагает два преимущества подписки на бесплатный план Zoho CRM — улучшение отношений с клиентами и предоставление десяти бесплатных пользователей.
• «Бесплатно» используется в нескольких местах на странице — в заголовке, на кнопках CTA и несколько раз во всей описательной копии.
• Несколько красных кнопок CTA хорошо контрастируют с остальной частью страницы, выделяют их и привлекают внимание.Первая кнопка — это тег привязки, который удобно переносит потенциальных клиентов в форму внизу страницы.
• Значок мыши указывает посетителям, что они должны прокрутить страницу вниз, чтобы увидеть дополнительную информацию. Это также тег привязки, поэтому, если они нажимают на него, они немедленно переносятся в следующий раздел без необходимости прокрутки.
• Длинный список функций передает все, что предлагает Zoho CRM.
• Двухэтапный дизайн означает меньшее трение на этой странице, потому что форма не видна, пока потенциальный клиент не нажмет нижнюю кнопку CTA.
• Обводка формы желтым цветом помогает привлечь к ней внимание и, вероятно, увеличит коэффициент конверсии.
• Форма с 3 полями, требующая только имя, адрес электронной почты и пароль, снижает трение.
• Снятый флажок Zoho newsletter означает только искренний интерес; потенциальные клиенты получат контент.

Что проводить A / B-тест:

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

14. AWeber, пример целевой страницы

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

• Заголовок сразу дает понять потенциальным клиентам, что вебинар длится всего 30 минут.
• Кнопка CTA находится спереди и по центру , поэтому посетители обязательно увидят ее сразу после перехода на страницу. Кроме того, текст является описательным и захватывающим, что, вероятно, побуждает потенциальных клиентов щелкнуть по нему.
• Двухэтапный дизайн удаляет форму захвата лида с этой страницы, и потенциальные клиенты видят ее только тогда, когда они нажимают кнопку CTA. Это означает меньшее трение и потенциально больше конверсий.
• Всего 3 поля формы — просто запрашивают дату / время события, имя и адрес электронной почты — можно быстро и легко заполнить.
• Копия , выделенная курсивом, сообщает потенциальным клиентам, что даже если они не могут посетить какое-либо из запланированных мероприятий, они все равно могут подписаться на получение записи.
• Снимок в голову и описание Тома Тейта — хорошее включение, потому что потенциальные клиенты могут видеть и узнавать о том, кто будет представлять. Хотя увеличение изображения, вероятно, повысит его эффективность.
• Ссылка на политику конфиденциальности внизу страницы, вероятно, заставит потенциальных клиентов чувствовать себя более комфортно при передаче своей личной информации.

Что проводить A / B-тест:

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

15. Squarespace

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

16. Пример целевой страницы Mixpanel

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

17. Пример целевой страницы Infusionsoft

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

18. Пример целевой страницы GetResponse

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

19. Оптимизировать пример целевой страницы

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

20. Пример целевой страницы HubSpot

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Логотип HubSpot в верхнем левом углу связан с домашней страницей, что может немедленно увести посетителей со страницы.
• Повторение заголовка непосредственно под основным заголовком не является необходимым и добавляет беспорядок на страницу.
• Кнопки социальных сетей также могут удалять посетителей со страницы, снижая коэффициент конверсии.
• Форма из 12 полей слишком длинная и может запугать посетителей. Удаление некоторых полей или создание многоступенчатой ​​формы может побудить больше потенциальных клиентов заполнить ее.
• Копия кнопки CTA расплывчата.Измените его на что-то вроде: «Мне нужен инструментарий!» может заинтересовать и привлечь больше потенциальных клиентов.
• Страница забалансовая . Добавление образца изображения набора инструментов или отзыва от кого-то, кто скачал набор инструментов, уравновесит страницу и, вероятно, увеличит конверсию.

21. Пример целевой страницы MailChimp

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

• Добавление социального доказательства , например отзыва клиента или статистики об использовании MailChimp, скорее всего, приведет к увеличению числа регистраций.
• Прозрачная кнопка CTA не выделяется так сильно, как могла бы. Если сделать его более темным и контрастным, больше людей будут щелкать по нему.
• Копия кнопки CTA также может быть улучшена, включив в нее более персонализированные и привлекательные формулировки, например «Создайте мою бесплатную учетную запись!»

22.Shopify пример целевой страницы

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

23. Пример целевой страницы Eloqua

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

24. Пример целевой страницы Basecamp

покажите мне, как работает Instapage ➔

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

25. Пример целевой страницы Airbnb

Что страница хорошо выполняет:

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

Что проводить A / B-тест:

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

Сможете ли вы превзойти лучшие примеры целевой страницы после клика?

Вот и все — некоторые из ведущих мировых компаний с одними из лучших примеров целевых страниц после клика.

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

15 примеров посадочных страниц ДОКАЗАНО конвертировать

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

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

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

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

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

Целевая страница — это отдельная страница веб-сайта с единственной целью — для привлечения потенциальных клиентов .

Многие целевые страницы предлагают потенциальным клиентам такие ресурсы, как:

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

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

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

Связано: Целевая страница и веб-сайт: в чем разница?

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

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

Вы можете создавать всевозможные целевые страницы для различных целей, в том числе:

Связанные: 11 примеров сжатых страниц с высокой конверсией для увеличения вашего списка

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

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

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

• Заголовки: Привлекающее внимание заявление, которое мгновенно привлекает внимание людей.
• Подзаголовки: Опишите ключевые темы для разговора и обратите внимание на остальную часть страницы.
• Убедительная копия: Опишите, что предлагается на странице. Используйте списки и маркированные пункты, чтобы облегчить беглое чтение этой информации.
• Медиа: Используйте видео и изображения, чтобы наглядно объяснить свое предложение и упростить понимание сложной информации.
• Proof: Включите вспомогательные элементы, такие как обзоры, отзывы и социальные доказательства, чтобы повысить доверие и достоверность.
• Призыв к действию: Включите несколько кнопок с призывом к действию контрастного цвета, чтобы побудить пользователей к действию.
• Форма регистрации: Включите форму регистрации, форму регистрации или контактную форму (в зависимости от ваших потребностей), чтобы легко собирать потенциальных клиентов.

15 примеров целевых страниц, конвертирующих

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

1. Netflix — пример целевой страницы регистрации

Один из лучших примеров хорошо конвертируемых целевых страниц — это страница регистрации от Netflix.

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

Почему работает этот дизайн посадочной страницы

• Заголовок — Заголовок, направленный на получение выгоды, мгновенно привлекает внимание.
• Trust — Гарантия того, что вы можете отменить в любое время, устраняет любой риск.
• Форма регистрации — в ней есть только одно поле формы, что упрощает пользователям регистрацию.
• Легкий доступ — Основная информация находится вверху страницы, что упрощает доступ к ней.
• Persuasive Copy — Копирование страницы фокусируется на преимуществах, а не на функциях, что более убедительно.
• Clarity — Раздел часто задаваемых вопросов устраняет препятствия для регистрации.
• CTA — Вторая форма подписки внизу страницы, напоминающая пользователям о подписке.

2. Zoom — Целевая страница отраслевого отчета

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

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

Почему работает этот пример целевой страницы

• Бесплатная загрузка — Бесплатное предоставление отчета делает информацию более доступной.
• Простые поля формы — Форма регистрации включает только ту информацию, которая необходима компании, что может уменьшить количество отказов от формы.
• Убедительная копия — Копия позиционирует этот отчет как обязательный к прочтению, обещая объяснить, почему Zoom является лидером.Это вызывает любопытство, побуждая пользователей зарегистрироваться и загрузить файл.
• Кнопка CTA — Цветовой контраст кнопки CTA выделяет ее на странице, делая ее более интерактивной.

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

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

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

Почему работает этот пример целевой страницы

• Мощный заголовок — Заголовок и описание четко объясняют, что пользователи получат от загрузки.
• Убедительная копия — Копия точна и демонстрирует преимущества чтения руководства.
• Изображения — Пользователи могут предварительно просмотреть PDF-файл, чтобы понять, что он будет включать.
• Proof — Включает отзыв клиента, объясняющий, как электронный маркетинг работал на других клиентов.
• CTA — кнопка CTA предлагает пользователям подписаться на бесплатную пробную версию. Пользователи с большей вероятностью выберут пробную версию, потому что нет финансовых обязательств.

4. Lyft — страница приложения для водителя

Целевая страница приложения драйвера

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

Почему работает этот пример целевой страницы

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

5. OptinMonster — Целевая страница продаж

Если вы ищете дизайн целевой страницы от SaaS-бизнеса, вам понравится этот пример от OptinMonster. На их странице продаж агентских решений есть все основные элементы целевой страницы с высокой конверсией.

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

Почему работает этот пример целевой страницы

• Разделы страницы — Различные разделы страницы разбивают страницу на части, что упрощает поиск нужной информации.
• Преимущества функций — Раздел функций посвящен преимуществам использования программного обеспечения.
• Слайдер отзывов — Узнайте, что реальные клиенты думают о программном обеспечении.
• Изображений: Изображения и гифки демонстрируют, что именно делает программа.
• Социальное доказательство — На этой странице используется комбинация последних уведомлений о продажах и подсчет количества людей, обслуживаемых программой, что показывает его популярность.
• CTA — Кнопки CTA используются по всей странице, предлагая пользователям простые способы покупки.
• Живой чат — С живым чатом пользователи могут сразу получить ответы на свои вопросы.

6. Dadz — Целевая страница Google Рекламы

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

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

Почему работает этот пример целевой страницы

• Соответствие аудитории — Эта целевая страница соответствует типу целевой аудитории и предлагает решения, соответствующие их потребностям.
• Примеры из практики — Вам предлагается прочитать примеры из практики перед покупкой, что является одной из форм социального доказательства.
• Видео — Dadz включает в себя увлекательное видео, показывающее, как вы себя чувствуете после использования их продукта.
• Отзывы — Отзывы реальных покупателей показывают, что этот продукт стоит попробовать.
• Социальные сети — Большая галерея Instagram демонстрирует процветающее сообщество брендов.
• CTA — кнопки CTA используются по всей странице, предлагая множество возможностей для покупки.

7. Codecademy — страница подписки

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

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

Почему работает этот пример целевой страницы

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

8. Airbnb — Пример целевой страницы регистрации

Цель

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

Это просто, понятно и помогает посетителям принять решение.

Почему работает этот пример целевой страницы

• Форма регистрации — Форма регистрации включает только 3 поля с дополнительными полями, скрытыми под вкладкой.Это делает его менее громоздким, но при этом позволяет собирать важную информацию.
• Ресурсы — В разделе ресурсов представлена ​​вся необходимая информация о том, как работает хостинг с Airbnb.
• Сообщество — Потенциальные клиенты могут видеть, как другие люди используют службу, что может помочь им принять решение.
• Поддержка — Легко увидеть доступную поддержку, устраняя препятствия для регистрации.
• CTA — Кнопки CTA используются повсюду, что дает возможность многократно присоединиться.

9. Асана — менеджер по продукту Целевая страница

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

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

Почему работает этот пример целевой страницы

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

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

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

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

Почему работает этот пример целевой страницы

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

11.Dropbox — пример целевой страницы приложения

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

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

Почему работает этот пример целевой страницы

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

12. Smash Balloon — Пример целевой страницы «Черная пятница»

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

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

Почему работает этот пример целевой страницы

• Брендинг — Дизайн целевой страницы четко обозначен брендом, что убеждает посетителей в том, что они ведут настоящий бизнес.
• Таймер обратного отсчета — Использование таймера обратного отсчета создает ощущение срочности, побуждая пользователей действовать до истечения времени.
• Бесплатная раздача — Включение раздачи подарков на целевой странице помогает повысить осведомленность о продвижении. Чем больше людей щелкают, чтобы войти, тем больше людей увидят сделку, что повысит вероятность того, что они ею воспользуются.
• Напоминания — Приглашая пользователей получать уведомления по электронной почте и добавлять сделку в свои календари, SmashBalloon увеличивает шансы людей вернуться, когда сделка действительна.

13. Dreamforce — Целевая страница регистрации события

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

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

Почему работает этот пример целевой страницы

• Вдохновляющие образы — Изображения, используемые на целевой странице, демонстрируют, как онлайн-мероприятие может быть таким же увлекательным и информативным, как и личные мероприятия.Включение полноразмерного gif в нижней части страницы делает все веселым и веселым.
• Основная информация — 4 различных блока страниц объясняют, что вы получите от посещения мероприятия, помогая вам принять обоснованное решение.
• CTA — Несколько кнопок CTA контрастного цвета показывают, где именно зарегистрироваться.

14. Специалист по цифровому маркетингу — пример обучающей целевой страницы

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

Digital Marketer использует эту стратегию на своей целевой странице Elite Growth Accelerator. Он начинается с видео от основателя и генерального директора, а затем показывает, как это работает.

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

Почему работает этот пример целевой страницы

• Видео — вводное видео быстро объединяет всю информацию, поэтому ее легко понять.
• Пошаговая инструкция — Пошаговые инструкции помогут вам понять, как работает коучинг.
• Clever Copy — вместо перечисления функций копия фокусируется на преимуществах. Он также говорит вам, чем не является обучение, отбрасывая любые страхи, которые мешают вам записаться.
• Бонусы — Вместо того, чтобы тренироваться, вы получите массу льгот, которые сделают это более полезным.
• Социальное доказательство — Скриншоты отзывов других участников подтверждают подлинность страницы, повышая вероятность вашего участия.
• Discount — Сокращенный ценник подтверждает, что это фантастическая сделка, которая экономит деньги.

15. Taboola — целевая страница бесплатной электронной книги

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

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

Почему работает этот пример целевой страницы

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

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

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

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

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

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

Позвольте задать вам вопрос…

Вы бы предпочли красивый веб-сайт или сайт, который понравится вашим клиентам?

С точки зрения бизнеса, вам не следует идти ни на что.

Ваш ответ должен быть 100%. Я хочу сайт с высокой конверсией.

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

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

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

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

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

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

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

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

Это ваше самое мощное оружие, и большинство предприятий делают его совершенно неправильно.

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

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

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

Но прежде чем мы это сделаем, мы должны пройти через…

Что делает отличную посадку Страница

Этот вопрос зависит исключительно от ваших потребностей.

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

# 1 Чего вы хотите достичь с помощью целевой страницы?

Наиболее распространенные варианты:

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

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

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

Если вы не уверены, ниже по тексту будет несколько примеров.

Теперь следующий вопрос, вы должны задать себе …

# 2 Вы привержены этому проекту или просто пробуете предложение?

Создание целевой страницы с высокой конверсией — это не малая суета.

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

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

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

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

И последний вопрос…

# 3 Каков ваш бюджет?

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

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

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

Это может быть разработчик, конструктор / конструктор воронки, специалист по рекламе или консультант по CRO.

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

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

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

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

Если изначально он не конвертируется, позвольте профессионалу взглянуть на него.

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

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

Вот почему вам нужна помощь третьего лица.

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

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

Вот почему лучше всего нанять маркетинговое агентство, которое поможет вам увеличить конверсию.

И говоря о CRO (оптимизации коэффициента конверсии), нет лучшего выбора, чем NP Digital.

Это просто лучшее маркетинговое агентство как для SEO, так и для CRO.

Если вы находитесь на той стадии, когда хотите оптимизировать существующую целевую страницу, но не знаете, как это сделать…

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

А теперь главное событие…

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

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

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

# 1 Получить ответ

Get Response — это простой, но интерактивный пример целевой страницы.

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

Желтый знак, который вы видите на изображении ниже, меняется между словами рост, лиды и продажи.

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

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

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

# 2 Slack

Slack всегда на высоте, когда дело касается целевых страниц.

Они постоянно оптимизируют конверсии, и это лучший способ найти вашу успешную целевую страницу.

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

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

# 3 Домофон

Основная цель

Intercom на этой целевой странице — помочь вам подписаться на рассылку по электронной почте.

Оставить его только для электронной почты — отличный способ увеличить количество подписок.

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

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

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

# 4 Lyft

Lyft в последние годы поднимается вверх в чартах, и их веб-сайт, целевая страница и общая онлайн-воронка не отстают.

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

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

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

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

И проверьте кнопку «ПРИМЕНИТЬ К ДИСКУ». Это означает, что нет 100% уверенности в том, что вы сможете получить позицию.

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

# 5 Zoho

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

Zoho — отличный пример более сложной, но все же чрезвычайно эффективной системы обмена сообщениями.

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

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

И заставить кого-то платить намного сложнее, чем просто получить его электронную почту.

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

# 6 Squarespace

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

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

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

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

# 7 ActiveCampaign

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

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

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

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

# 8 Hubspot

Hubspot — еще одна CRM, которая сегодня возглавляет список.

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

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

# 9 Shopify Плюс

Shopify — одна из самых известных платформ в современном онлайн-пространстве, и они это знают.

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

И целевая страница Shopify Plus показывает это.

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

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

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

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

# 10 Webflow

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

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

Это снимает любое напряжение, которое может быть у потенциального клиента.

Кроме того, вы можете видеть, что их программное обеспечение похоже на Photoshop.

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

# 11 ClickFunnels

ClickFunnels использует свое программное обеспечение, чтобы конвертировать вас в бесплатную пробную версию.

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

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

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

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

И самое лучшее — это аналитика, которую они добавили на свою целевую страницу.

Это смелый и мощный ход, если все сделано правильно.

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

ClickFunnels ценит истории успеха своих клиентов и всегда готов записать каждый результат.

Это один из самых сложных дизайнов целевой страницы, но если вы это сделаете, ваши конверсии резко возрастут.

# 12 Лаборатория конверсии

Conversion Lab уже много лет использует этот дизайн целевой страницы.

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

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

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

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

Это все для нашего сегодняшнего списка.

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

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

И всегда, всегда оптимизируйте процесс.

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

И даже тогда они все равно оптимизируются.

Вы пытались создать целевую страницу раньше? Как все прошло — хорошо ли оно конвертировалось и какие были ваши самые большие открытия в этом процессе?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

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

Заказать звонок

21 отличный пример целевой страницы (+ как сделать свою собственную!)

Это сообщение в блоге было обновлено на 2020 год.

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

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

Перед созданием целевой страницы

Прежде чем создавать свою целевую страницу, сначала спросите себя…

1. Какова цель? В идеальном мире, что бы посетители делали, достигнув вашей целевой страницы? Купили бы они что-нибудь? Заполнить форму? Подпишитесь на рассылку новостей? Скачать электронную книгу? Откинуть в сторону их клавиатуру, зажать губную гармошку и сыграть сладкий блюзовый рифт? Первый шаг любой стратегии — определение целей. (Вы должны определить конверсии, прежде чем сможете отслеживать конверсии.)

2. С кем я соревнуюсь? На самом деле это три вопроса: с кем я соревнуюсь, как они преуспевают и как я могу скопировать их успех? Подражание — это самая искренняя форма лести, поэтому, если ваши конкуренты делают что-то, что работает, вы должны идти вперед и следовать тому же принципу. Они будут вам благодарны (хотя это не обещание…)!

Вы можете попробовать Кирби. Можешь попробовать.

3. Кто моя аудитория? А каковы их надежды, мечты и стремления? Как бы глупо это ни звучало, в некоторой степени это правда — чем лучше вы понимаете свою аудиторию, тем лучше вы можете удовлетворить их желания и потребности.Если вы не знаете, кто ваши идеальные клиенты, будет очень сложно написать убедительную копию в голосе клиента. Так что войдите в голову своей аудитории, в стиле Ганнибала Лектера.

4. Как они попали на мою целевую страницу? Подумайте о том, чтобы изменить свое сообщение в зависимости от того, откуда приходят ваши пользователи — для пользователей, перешедших на вашу целевую страницу из Google, может подойти другое сообщение, а не из Twitter или Facebook. Компании с большим количеством целевых страниц (30+) привлекают в 7 раз больше потенциальных клиентов, чем компании с небольшим количеством, поэтому их ценность нельзя отрицать.В идеале вам нужна индивидуальная целевая страница для каждой группы объявлений, но это довольно сложная задача, так что начните с того, где можете. Попробуйте начать с одной настраиваемой целевой страницы для каждой кампании и добавлять оттуда для отдельных групп объявлений, когда позволяют ресурсы.

Как сделать отличные целевые страницы, конвертирующие

Теперь, когда мы рассмотрели основные вопросы перед целевой страницей, давайте обсудим, как сделать потрясающих убедительных целевых страниц. Вы также можете посмотреть выпуск подкаста по этой теме! Подкаст Head to Goal Talk, эпизод 13: Анатомия целевой страницы, приносящей прибыль.

Отличные целевые страницы…

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

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

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

Другой, более вкусный вид воронки. (Изображение из Держатель концессии )

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

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

Очень крутая иллюстрация Tell-Tale Heart от Daniel Horowitz .

Имейте четкий призыв к действию. Призыв к действию может присутствовать в тексте заголовка, а также в тексте кнопки (пример: «отправить» или «загрузить бесплатное руководство по маркетингу»). Не должно быть никаких вопросов относительно того, какие дальнейшие шаги необходимы — расскажите вашим посетителям, что именно вы хотите, чтобы они делали, большим жирным шрифтом. Для Kajabi изменение текста кнопки с «Посмотреть планы и цены» на «Начать работу сегодня» увеличило конверсию на 252%!

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

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

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

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

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

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

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

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

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

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

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

Это похоже на картину, написанную кем-то, кто любит жизнь?

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

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

Показать восторженные отзывы. Молва была и всегда будет движущей силой успеха. Виртуальная молва приходит в виде лайков, отметок +1 и отзывов клиентов в Интернете (желательно из надежных источников, таких как крупные бренды). Если ваша компания в прошлом получала блестящие комплименты, не забудьте продемонстрировать их.

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

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

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

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

Фото Джейсон Голдинг

Пройдено много раундов A / B-тестирования. Тестирование и исправление — это то, как мы учимся и становимся лучше.A / B-тестирование вашей целевой страницы (настройка отдельных элементов и проверка их эффективности по сравнению с предыдущей настройкой), вероятно, является самым мощным инструментом для создания отличных целевых страниц. Не уверен, где начать? «Сигнал против шума» — хороший пример хорошего A / B-тестирования, который легко читать. Всегда есть вещи, которые можно улучшить, так что никогда не прекращайте тестирование!

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

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

21 пример отличных посадочных страниц

У нас есть несколько примеров отличных целевых страниц, чтобы лучше проиллюстрировать, почему успешная целевая страница способствует конверсиям.

Short Stack помогает компаниям организовывать и управлять рекламными акциями Facebook и другим персонализированным контентом Facebook. Посмотрим, что здесь хорошо выглядит.

• Яркие цвета, хорошо сочетающиеся друг с другом
• Эта страница чистая и не загромождена минимальным количеством текста, но при этом объясняет ценностное предложение
• Содержит интерактивное видео с более подробным описанием Short Stack

Прочтите этот пост, чтобы получить более подробные советы по целевым страницам Facebook.

Gift Rocket — еще один сайт с хорошей целевой страницей. Что делает Gift Rocket правильно?

• Сильный графический элемент привлекает внимание

Заголовок

• в нескольких словах объясняет, что такое Gift Rocket.
• Небольшие маркированные фрагменты информации под заголовком можно легко сканировать
• Кнопка CTA ясна и удобна для нажатия
• Социальные кнопки присутствуют
• Дополнительную информацию можно найти, прокрутив страницу под сгибом
• Сигналы доверия и отзывы существуют ниже сгиба

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

• Четкий заголовок, объясняющий коммерческое и ценностное предложение
• Минималистичная форма, запрашивающая только адрес электронной почты
• Яркая красочная кнопка
• Множество сигналов доверия

Social Sprout (представленный в нашем руководстве по инструментам управления социальными сетями) — еще один пример мощной целевой страницы. В нем есть несколько элементов, которые действительно работают в его пользу, например:

• Сильный заголовок, объясняющий, что такое Social Sprout, без всякой ерунды.
• Визуально привлекательный дизайн, подчеркивающий эстетику самого программного обеспечения с помощью снимков экрана
• Отзывы представлены в нижней зеленой полосе
• Зеленая пробная кнопка расположена по центру и доминирует на странице, с заманчивым призывом к действию и пометкой «кредитная карта не требуется» под кнопкой для дополнительного поощрения

С программным обеспечением, аналогичным Social Sprout, HootSuite — еще один веб-сайт с хорошей целевой страницей, хотя и использует другой подход.Это хорошо работает, потому что это:

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

Подход

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

• Легко начать — просто нажмите одну из двух кнопок
• Pinterest подчеркивает, насколько легко зарегистрироваться, говоря, что это занимает всего 45 секунд
• Использует базу пользователей как фактор доверия. Любой сайт с более чем 25 миллиардами элементов пользовательского контента должен что-то делать правильно

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

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

Lyft — альтернатива Uber для совместного использования пассажиров.

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

Constant Contact — это программное решение, которое помогает малым предприятиям проводить маркетинговые кампании по электронной почте.

• Облегчает преобразование super — все, что требуется, — это адрес электронной почты
• Кнопка CTA гарантирует посетителю сайта, что конверсия не будет стоить ему денег
• Хотя копии немного, она отправляет очень заманчивое сообщение.

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

• Кратко обращается к общей проблеме в заголовке

.

• Короткое анимационное видео дает посетителям сайта увлекательный способ узнать больше
• Цитата из общенациональной газеты является убедительным социальным доказательством

Форма

• не слишком длинная, поэтому преобразовать

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

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

Blue Apron — это служба подписки на питание, которая доставляет ингредиенты прямо к дверям потребителей.

• Заголовок посвящен распространенной проблеме недостатка времени, необходимого для приготовления хорошей еды
• Кнопка CTA предлагает конкретную скидку, а копия прямо под ней создает дефицит
• Таблички справа и слева от кнопки CTA привлекают посетителей возможностями
• Нижняя половина страницы демонстрирует простоту процесса

Flock — это приложение, которое упрощает общение между сотрудниками, работающими в одной компании.

• Заголовок подчеркивает необходимость централизованного и эффективного общения на рабочем месте \

Подзаголовок

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

Squarespace, как и Wix, помогает частным лицам и компаниям создавать веб-сайты.

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

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

• Заголовок и подзаголовок кратко и точно соответствуют намерениям посетителя сайта
• Визуальный креатив показывает 1) что покупатели Shopify могут создавать и 2) что магазины Shopify работают на всех устройствах
• Относительно длинный период бесплатного пробного предложения заманчиво
• Для запуска процесса требуется только адрес электронной почты

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

• Заголовок выделяет специальное предложение
• Дизайн с F-образным рисунком направляет взгляд посетителя на кнопку с призывом к действию

Подзаголовок

• подчеркивает болевую точку, которую решает Trendy Butler
• Информация для начала работы не требуется

Harry’s — это служба подписки на туалетные принадлежности, которая доставляет потребителям на дом все необходимое для бритья.

• Заголовок подчеркивает чувство собственного достоинства посетителя сайта
• Subhead гарантирует удобство по запросу, необходимое потребителям.
• Минимальная копия позволяет использовать изображения продуктов для обмена сообщениями
• Невероятно легко преобразовать

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

• Обратный отсчет до окончания действия специального предложения создает ощущение срочности
• Наиболее заметная часть заголовка отражает то, что ищет посетитель сайта
• Резкий контраст между цветом фона и цветом кнопки CTA
• Форма не требует много информации

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

• Заголовок сразу обращается к цели посетителя сайта
• Для запуска бесплатной пробной версии требуется только адрес электронной почты
• Статистика клиентов и логотипы служат убедительным социальным доказательством

Bloomsy Box — это служба подписки для дома и сада, которая доставляет собранные вручную цветы к дверям потребителей.

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

32 лучших целевых страницы от популярных брендов

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

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

32 дизайна целевой страницы от популярных брендов

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

1. Страница «О программе» Medium

Целевая страница «О программе» Medium — прекрасный пример простой, но заполненной целевой страницы до краев информацией для любознательного посетителя.

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

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

Medium знает, как общаться и продавать свой бренд, сообщения и ценностные предложения своей аудитории.

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

2. Регистрация Dasher от DoorDash

Иногда ключом к созданию отличной целевой страницы является выполнение обмена сообщениями. Страница регистрации на Dasher от DoorDash является подтверждением этой идеи.Он разработан для обеспечения высоких показателей конверсии.

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

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

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

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

3. Целевая страница пользовательского интерфейса Figma

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

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

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

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

4. Целевая страница Apple Mac Pro

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

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

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

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

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

5. ShareCalmly

ShareCalmly — отличный пример для стартапов и малых предприятий, которые рисуют пробел в дизайне своей целевой страницы, и это делается в Webflow!

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

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

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

6. Интеллектуальные карты ClickUp

Целевая страница интеллектуальных карт ClickUp — еще один отличный пример целевой страницы, который может служить источником вдохновения для SaaS-предприятий или стартапов в технологическом секторе.Они также следуют традиционному макету, который часто используется в дизайне посадочных страниц — , если доказано, что он работает, почему бы и нет!

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

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

7. Miro

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

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

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

8. Memorisely

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

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

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

Memorisely, безусловно, имеет один из лучших примеров целевой страницы для учебной / образовательной платформы, и он создан в Webflow!

9. Дизайнер Webflow

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

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

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

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

И, конечно же, эта целевая страница была сделана в Webflow.

10. Shef

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

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

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

11. Stripe для торговых площадок

Целевая страница торговой площадки Stripe — потрясающе красивая веб-страница!

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

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

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

По сути, это сводная презентация питча и ценностного предложения, преобразованная в веб-страницу, и она работает в пользу Stripe.

12. Nightwatch

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

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

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

13. Сотрудничество с контентом в Dropbox

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

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

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

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

14. Преимущества Gusto

Целевая страница Gusto доказывает, что иногда лучше отказаться от шаблона и создать выдающуюся веб-страницу, которая отличает ваш бренд от конкурентов. Дизайн целевой страницы Gusto очень интересен.Их интерактивный дизайн затрагивает такие банальные темы, как льготы сотрудникам (без обид), и вызывает ощущение игры.

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

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

15. Wise

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

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

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

16. Keeper Tax

Целевая страница Keeper Tax доказывает, что рассказывание историй на целевой странице не имеет границ, независимо от вашего продукта, услуги или бренда — если вы мечтаете об этом, это возможно.Вам просто нужен подходящий дизайнер. (И платформу для дизайна — это тоже вам предоставил Webflow!)

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

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

17. Slack

Если вы не жили под камнем, вы слышали о Slack и, возможно, даже использовали его.

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

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

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

18. Езжайте с Uber

Мы все знакомы с этой службой каршеринга. Однако нельзя упускать из виду целевую страницу Uber «Поездка с Uber».

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

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

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

19.Mailchimp Email marketing

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

Люди знают, что Mailchimp работает, и бренд знает об этом. Они используют свою целевую страницу как подробное руководство, а не как подробное объяснение того, «почему».

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

Эта целевая страница, мягко говоря, обширна и не оставляет камня на камне от посетителя.

20. Хостинговые дома Airbnb

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

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

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

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

21. Proof Pulse

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

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

Контент плотный, но его необходимо включить на целевую страницу. Современные и красочные визуальные эффекты демонстрируют интерфейс платформы. Полный список ее функций, таких как A / B-тестирование, аналитика и т. Д., А также поддержка заявления платформы о том, что она является инструментом социального доказательства номер один для SaaS-компаний, занимают середину страницы.

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

22. Kajabi

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

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

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

23. Gemnote

Gemnote, еще один веб-сайт, созданный с помощью Webflow, имеет довольно впечатляющую целевую страницу.

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

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

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

24. Ткацкий станок для маркетинга

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

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

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

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

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

25. Buffer

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

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

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

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

26. Взаимодействие с клиентами Intercom

Еще один отличный пример передачи ценности сложного продукта или услуги посредством дизайна можно найти на целевой странице Intercom «Взаимодействие с клиентами».

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

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

27. Lattice Grow

Lattice понимает силу прокрутки, и они включили эту силу в дизайн своей целевой страницы в Webflow!

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

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

28. AngelList Venture

AngelList Venture переосмыслил, как использовать целевую страницу для продвижения новых предприятий и привлечения новых инвесторов (и они сделали это с помощью Webflow)!

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

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

29. Talkspace для бизнеса

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

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

30. VanMoof S3

Apple установила новый стандарт для дизайна веб-страниц продуктов, и команда дизайнеров VanMoof приняла вызов, создав дизайн целевой страницы для VanMoof S3.

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

Просматривая эту целевую страницу, вам нужен не просто велосипед, вам нужен VanMoof S3 нового поколения. И все это благодаря безупречному веб-дизайну.

31. Misfits Market

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

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

32. Пример использования целевой страницы Webflow

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

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

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

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

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

Ваша целевая страница — это ваш коммерческий шаг

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

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

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

44 примера целевой страницы, чтобы вдохновить вас в 2021 году [Обновлено]

Целевая страница не обычный ландшафт веб-сайта.

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

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

🎓 Бесплатный урок IMPACT +: 19 предложений по конверсии и содержанию, которые генерируют лиды

Примеры целевых страниц, которые я привожу ниже, охватывают линии B2B, B2C, а также широкий спектр отраслей и предложений.

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

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

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

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

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

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

• Пояснительное видео, в котором подробно описывается предложение и его стоимость. (Это часть видеороликов «Семь продаж», которые должны быть включены в стратегию всех предприятий.)

  🎓 Бесплатный урок IMPACT +: как создать видеоролики с целевой страницы, которые конвертируют

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

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

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

Отличные примеры целевых страниц на 2021 год

1. Amazon

Как они это сделали:

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

2. Billy Ragan Roofing *

* Примечание редактора: Billy Ragan Roofing является клиентом IMPACT

Как они это сделали:

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

3. Убер

Как они это сделали:

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

Форма

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

4. EF Ultimate Break

Как они это сделали:

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

5. Snapchat

Как они это сделали:

• Включает видео.
• Объясняет, что именно вы получаете в первую очередь.
• Яркое фирменное использование цвета.
• Используйте анимированную графику для демонстрации функциональности.
• Показывает логотипы брендов для включения социальных доказательств.

6. Наклейка Mule

Как они это сделали:

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

7. MasterClass

Как они это сделали:

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

8. HelloFresh

Как они это сделали:

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

9. Amazon Prime

Как они это сделали:

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

10. Sheffield Metals International *

* Примечание редактора: Sheffield Metals International является клиентом IMPACT

Как они это сделали:

• Ведет с видео, показывающим реального члена команды.
• Копия краткая и заостренная.
• Удаляет все, что отвлекает, включая ссылки и всплывающие окна.
• Кнопка с призывом к действию выделяется на странице и привлекает внимание.

11. Zenefits

Как они это сделали:

12. Офисные интерьеры *

* Примечание редактора: Office Interiors является клиентом IMPACT

Как они это сделали:

13.Базовый лагерь

Как они это сделали:

• Минималистичный дизайн с привлекательным анимированным персонажем, который очень оригинален.

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

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

• Общие вопросы и задачи, решаемые выше.

Бонус базового лагеря:

Как они это сделали:

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

14. ТБС

Как они это сделали:

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

• Позволяет видео говорить, показывая его в области героя. Он отлично справляется с очеловечиванием предложения за счет миниатюры человека. (К счастью для них, это тоже знаменитость.)

• Показывает, что именно вы получите, если заполните форму на странице.

15. Прикладные образовательные системы *

* Примечание редактора: прикладные образовательные системы — это IMPACT Client

Как они это сделали:

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

16. Codecademy

Как они это сделали:

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

• Функция входа через Facebook или Google+ снижает барьер для конверсии.

• Использует видео от настоящего студента, чтобы ответить на распространенный вопрос: «Как кодирование может вам помочь?»

17. Страхование ягод *

* Примечание редактора: Berry Insurance является клиентом IMPACT

Как они это сделали:

18. Патреон

Как они это сделали:

19.Строители Личфилд *

* Примечание редактора: Litchfield Builders — это клиент IMPACT

Как они это сделали:

20. УДАР

Как они это сделали:

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

21. Todoist

Как они это сделали:

• Утверждение «более 2 миллионов человек делают удивительные вещи с помощью Todoist» является социальным доказательством и исследует вопрос «Почему не вы?»

• При нажатии ярко-красной кнопки появляется форма с надписью «Зарегистрируйтесь за секунды», позволяющая войти в существующую учетную запись Google+.Это дает понять, что конвертация проста и не пугает.

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

22. Речные бассейны и спа *

* Примечание редактора: River Pools & Spas является клиентом IMPACT

Как они это сделали:

23.Вивино

Как они это сделали:

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