29 лучших примеров лендингов 2020 года — Маркетинг на vc.ru
Профессионально проработанный лендинг может повысить коэффициент конверсии (в то время как непорядок может ему навредить).
61 613 просмотров
Оригинал статьи:
Перевод: Анастасия Севальникова, digital-агентство «Интериум».
Довольно просто, не так ли? Вы, наверное, слышали нечто подобное ранее.
Что делает лендинг эффективным?
Прежде чем перейти к примерам, стоит выделить те качества, которые присутствуют у большинства лучших лендингов.
Вот несколько основных приемов высоко конвертируемых лендингов:
- Используйте четкое и краткое изложение ценностей (под заголовком), чтобы посетители сразу поняли цель вашей страницы.
- Подберите основной заголовок к объявлению, на которое нажмет ваш посетитель, чтобы попасть в первую очередь на лендинг (или кнопка CTA, например, электронная почта).
- Используйте социальное влияние и отзывы, подтверждающие ваши требования.
- Сосредоточьте весь лендинг на одном предложении, с одним основным призывом к действию (CTA).
- Используйте макет, ориентированный на конверсию, чтобы выделить свой CTA (подумайте о пробелах, цвете, контрасте и направлениях).
- Проверьте новые идеи, используя A/B-тестирование. Иногда то, что работает, удивит вас.
Лучшие примеры целевых страниц
1. Athabasca University
Изображение предоставлено Университетом Атабаска.
Университет Атабаски впервые ввел дистанционное обучение в Канаде
в 1970-х годах. Сегодня он использует лендинги для активации своих
инициатив по онлайн-регистрации, включая этот пример,
представляющий 14 программ сертификации. Это разумный выбор,
внимание посетителя на конкретной сфере своих многочисленных
онлайн-программ.
- Смарт-копия. Возможно, стоит попробовать более прямой заголовок, но эта копия соответствует иным инициативам школы по брендингу в других местах. Что также очень значительно. Цель ясна: люди, которые могут улучшить свое образование, но не чувствуют, что у них есть на это время. Этот лендинг говорит об обратном (на словах и в образе героя).
- Копия, ориентированная на вас: эта страница полностью обо мне (или о «вас»), а не о «великом и могущественном» университете Атабаски. Маркетологи, работающие в сфере образования, понимают необходимость призывать к личным интересам лучше, чем многие из их коллег в других отраслях. Я не уверен, какая часть пирамиды потребностей Маслоу требует технологической гибкости, но университет Атабаски добивается большего успеха, призывая к стремлению к самореализации.
- Отзывы: немного вдохновения никогда не повредит. Социальное влияние показывает путь к личному успеху, прежде чем люди сделают значительные инвестиции. Предоставление каждому отзыву большей видимости и более подробное описание биографии вместе с портретами для их гуманизации, может дать небольшой импульс. (Конечно, это не так. Но именно поэтому мы пробуем!)
- Z-шаблон: эта страница является классическим примером Z-шаблона в действии. То есть его визуальная иерархия использует то, как люди обычно сканируют веб-страницу. В этом случае взгляд переходит от логотипа университета Атабаски к их слогану («Открыто. Гибко. Везде.»), затем по диагонали через заголовок к вспомогательной копии и, наконец, прямо к призыву к действию. (Вуаля!) Другие визуальные призывы также побуждают глаз совершить движение (включая хитроумно заостренную верхушку Атабаски).
2. Bariatric Eating (Агентство: Lifestyle Collection)
Изображение предоставлено Bariatric Eating и Lifestyle Collective.
Вот страница о бариатрической еде, которая показывает, почему
индивидуальность и стиль так важны для вашего лендинга. Вы можете
легко представить версию сайта этой компании, которая выглядит
намного более клинической и научной, но маркетологи из Lifestyle
сделало его более доступным. Подход, кажется, работает… Эта
страница имеет впечатляющий коэффициент конверсии, более 39%.
- Красочный дизайн: яркий дизайн распространяется на каждый элемент страницы. Выбор шрифта, иллюстрации, цвета — все складывается таким образом, чтобы полностью соответствовать индивидуальности бренда.
- Генерация SMS-сообщений. Чаще всего лендинги используются для сбора адресов электронной почты от посетителей. Вместо этого лендинг запрашивает ваш мобильный номер, чтобы получить ваше разрешение на отправку программы в формате PDF. Это похоже на умный (и уникальный) способ получить прямую связь с вашими потенциальными клиентами.
- Свертываемые вопросы и ответы: как убедиться, что на вашем лендинге достаточно информации, и при этом она не ошеломляет своим количеством посетителей сайта. Скрытие ваших самых многословных страничек с помощью кнопки прокрутки вниз поможет вам сохранить порядок.
3. Blow.LTD.
Если вы посмотрите на “Uber for beauty”, то британский бренд Blow. LTD предлагает гениальное решение этой проблемы. Они рекомендуют доступные, профессиональные услуги красоты, которые подходят посетителям, и, что более важно, они могут записаться на прием к одному из мастеров прямо из приложения. Вполне разумно, что лендинг являются важной частью их стратегии. Например, сайт умным способом продвигает наращивание ресниц в домашних условиях.
- Прозрачный инсайт: Этот лендинг не сливается с привлекательной копией (например, «Глаза, которые поражают»). Вместо этого в нем четко говорится о предложении, которое полагается на ценность (и, возможно, новизну), чтобы привлечь потенциальных клиентов. Обещание не становится более однозначным, чем «Наращивание ресниц дома», и именно поэтому этот заголовок так эффективен.
- Промокод: Предоставление промокода посетителям приносит не только удовольствие, но в то же время делает нечто большее.
- Социальное влияние. Люди по понятным причинам придирчивы к тому, кто делает прическу и макияж, поэтому социальное влияние является обязательным. Отзывы здесь были выбраны, чтобы также подчеркнуть персонализированный характер имеющегося опыта. Поскольку 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. «Я никогда не приближусь к его уровню, — сказал он мне, — так какой
в этом смысл?»
Хорошие примеры лендингов, как те, что выше, должны вдохновлять вас. Но иногда, видя чужое превосходство, можно получить противоположный эффект.
Но не сдавайтесь!
Хорошей новостью является то, что все, что вы видите здесь, было построено с помощью конструктора. Хотя многие и используют собственное видение, все эти примеры брали свое начало с того же этапа, где и вы сейчас, — с бренда, пустой страницы и блестящей идеи. Даже больше, некоторые из этих вдохновляющих лендингов начинались как шаблоны, хотя вы никогда не узнаете об этом. А мы и не скажем.
Так что просмотрите несколько предложенных идей, загрузите ваш любимый шаблон и, да… будьте Майклом Джорданом в создании лендингов.
Если у вас есть лендинг, который вы хотели бы показать — свой или даже
чужой — пожалуйста, поделитесь им в комментариях.
28 оригинальных примеров лендингов за 2017 год
Что такое оригинальный лендинг? Запоминающийся, необычный дизайн, продуманная концепция, привлекающие внимание детали. Мы сформулировали такое понятие. Возможно, вы составите свое?
В этой статье мы собрали для вас 28 лучших примеров оригинальных лендингов. Уверены, они вдохновят вас на интересные решения. Поехали!
Лендинг носит «говорящее» название — Future OF Design (Будущее дизайна). Он предназначен для презентации форума, где профессионалы будут делиться опытом, как дизайн помогает бренду. Согласитесь, в таком деле посадочная страница действительно должна удивлять. Здесь это получилось. Множество рисованных деталей, необычное шрифтовое решение, яркие, но ненавязчивые цвета. Действительно, есть на что посмотреть. Переходите по ссылке выше и убедитесь в этом.
Лендинг Mai 36 Galerie представляет международную галерею современного искусства, которая находится в Цюрихе. Их специализация — презентация и продажи лучших экспонатов современной живописи, фотографии, скульптур. Как должна выглядеть страница выставочного центра?
Конечно, именно так, как сайт Mai 36 Galerie. Много «пустого пространства», «воздуха», окружающего картины и другие экспонаты. Дизайнерам удалось создать простой, но удивительно правильный лендинг. Вдохновляйтесь:)
Бренд AMAIÒ представляет люксовые купальные костюмы и аксессуары. Стиль, заключенный в простоте. Эту концепцию они реализовали и на своем лендинг пейдж.
При переходе на сайт, открывается сначала полностью темный экран, после — лаконичное название бренда, и лишь затем появляется нежно-лиловая посадочная страница с ненавязчивыми силуэтами девушек и «парящими» заголовками. Просто? Да. Стильно? Очень. Запоминается? Безусловно. Особенно необычно смотрится вертикально расположенное навигационное меню.
Перед вами лендинг…фермы. Да-да, фермы! Представители сельскохозяйственного направления смогли создать привлекательную страницу, которая презентует их компанию как самую «зеленую» и безусловно вызывает аппетит. Даже запах свежей зелени будто ощущается, правда?:)
На посадочной странице привлекает взгляд мощный заголовок, а красивые изображения растений дополняют очень «свежее» первое впечатление. Bowery однозначно достойны того, чтобы на них посмотреть.
От зелени — к «яблокам» 🙂 Мы не могли обойти стороной промо-лендинг новинки от Apple — iPhone X. Весь мир с нетерпением ждет старта продаж, а разработчики посадочной страницы подогревают их интерес футуристическим дизайном. При переходе на лендинг мы видим огромный знак «Х». Движение колесиком мышки — и «Х» превращается в смартфон.
Минимализм, красота, воплощение будущего — это лендинг нового iPhone X. Посмотрите, хотя… вы наверняка уже видели:)
Мед? Хм, нет. Это лимитированная серия блокнотов от бренда Baron Fig — Raspberry Honey (Малиновый мед). Как все грамотные маркетологи, специалисты Baron Fig отвели под свой продукт лендинг-страницу. И сделали ее по-настоящему вкусной:) Яркие цвета, красивые изображения, крупная надпись на посадочной странице, удачное сочетание разных шрифтов и ненавязчивая CTA-кнопка (Купить сейчас) — дизайнеры действительно постарались.
Лендинг, посвященный историям жителей США по программе DACA (Deferred Action for Childhood Arrivals). Эта программа создана для людей, которых в возрасте до 16 лет нелегально привезли на территорию Соединенных штатов. Программа позволяла им находится в стране на законных основаниях, получить образование. С приходом новой власти, Администрация Президента решила сократить эту программу. Лендинг посвящен людям, которые теперь могут быть депортированы.
Краткая, но емкая фраза «Мы все мечтатели» выражает основной посыл этой страницы. Яркие рисованные портреты участников движения привлекают внимание неравнодушных. Дизайнеры сделали простой, но «говорящий» продукт.
Лендинг-страница, посвященная идеальному рецепту напитка Джин-тоник. Идеальному — по словам создателей, конечно, мы то не пробовали:) Зато сайт у них соответствует этому заявлению. В первую очередь привлекает внимание цветовое решение и рисованные изображения. Над фирменным стилем явно поработали профессионалы.
На лендинге удачно реализован параллакс-скроллинг, постепенно раскрывающий особенность продукта. Необычно и запоминается надолго. На скрине мы объединили 2 экрана. Перейдите по ссылке из заголовка, вы удивитесь:)
Storybacker — это платформа для связи блогеров с рекламодателями (компаниями, которые хотят расширить аудиторию). Не секрет, что сегодня лидеры мнений миллионов — популярные блогеры YouTube, Instagram, Facebook и других соцсетей.
С первого взгляда на лендинг непонятно, почему выбрана такая тематика? Звездное небо, лиловые оттенки добавляют атмосферу тайны.
То, что это как-то связано с блогингом, нам подсказывает фраза, которая «печатается» прямо перед нами на первом развороте. Тут же есть поле для ввода e-mail, и фраза призыва зарегистрироваться быстрее, ведь места ограничены. Маркетологи тоже поработали хорошо, но все же, почему именно такие цвета?:) Наверное, личные предпочтения дизайнеров. А вы как считаете?
Father Rabbit — это бренд посуды, кухонного текстиля и различных аксессуаров. Если компания представляет продукты стиля, значит, и лендинг должен быть соответствующий. «Папа Кролик» с этим справился:)
Хорошее сочетание цветов, много пространства, удачное использование лаконичного логотипа рядом с CTA-кнопками «Купить сейчас». Понятный, и приятный глазу лендинг.
YouAte — это приложение для смартфонов, которое помогает ввести и сохранить полезную привычку питаться правильно. Промо-страница онлайн-продукта должна демонстрировать красивые, но правильные блюда, при этом без возбуждающих аппетит цветов (красного, например).
Привлекает внимание интересный шрифт на посадочной странице, судя по логотипу бренда — их фирменный:) Дизайн милый, симпатичный, вызывающий улыбку. Несет позитив, и это правильно.
Разработчики лендинга для Nebia Shower выбрали нетипичное, но однозначно интересное решение. Душевая лейка — то, что продвигается на этом сайте. Она же должна быть на посадочной странице. Как расположить изображение лейки, не уменьшая ее до размеров первого экрана лендинга. но при этом и не занимая все полезное пространство? Правильно, разместить ее сбоку, давая пользователю разглядеть струи воды. Справа — оставили места для УТП (кстати, тоже очень интересного: «Вы принимали душ тысячи раз, но так — ни разу»), а также для CTA-кнопок. Словом, лендинг достоин быть в списке лучших.
Минимализм — это тренд в дизайне последних нескольких лет. Но применимо к лендингу VERK, лаконичность является единственно верным решением.
Как представить бренд наручных часов в минималистичном исполнении? У них нет ярких цветных ремешков или узоров из страз. Металл, стекло, кожа. Промо-страница полностью соответствует этой концепции. Обратите внимание на значок корзины в шапке сайта — это интерпретация их логотипа. Продумано до мелочей, заслуживает высшей оценки.
Uber Design — это проект компании Uber. Кажется странным, что одна из самых известных в мире служб такси увлечена дизайном, правда? Но они так говорят. И показывают. «Говорит и показывает Убер» 🙂
А мы смотрим. Рисованные картинки, лаконичность, но яркость цветов, а главное — выдержанность в фирменном стиле (угловатость форм). Словом, Убер делает большой акцент на дизайн в своей компании, и делает его правильно.
B&O PLAY — бренд наушников, которыми удалось удивить. При переходе на посадочную страницу основная часть как будто сжата, как лист бумаги гармошкой, а затем распрямляется и дает оценить дизайн.
Такие цвета и фигуры мы привыкли видеть у брендов молодежной одежды. Производители наушников, как правило, используют что-то лаконичное, с акцентом на устройство. Тут же разработчики пошли «от обратного» — модели презентуют гаджеты на себе. Необычно, но безусловно интересно. А из заголовка лендинга сделали целый ребус. Пролистайте ниже страницу, чтобы дочитать до конца. «A new beginning». По-настоящему оригинальное решение.
Simply Gum — бренд, который представляет на рынке натуральные жвачки. Да-да, жвачки. До чего дошел бум в погоне за здоровым образом жизни. Лендинг у Simply Gum получился поистине… милым. Такие эмоции вызывают изображения маленьких коробочек, красивая подборка картинок, чего стоит одна только ложечка в футере (пролистайте лендинг до конца). Дизайнер сделал акцент на деталях, выбрав белый фон. Решение достаточно опасное, ведь есть риск наскучить. Но создатели Simply Gum справились с задачей. Хочется пожевать 🙂
Виолетта Ной (Violeta Noy) — иллюстратор из Барселоны. Об этом она сообщает сразу же на посадочной странице своего лендинга. Сайт — ее визитка, и Виолетта взяла на себя большую ответственность, создавая его, ведь иллюстратор должен обладать безупречным вкусом, необычным видением, индивидуальностью.
Виолетта с задачей справилась — она решила разместить на лендинге свои рисунки, презентуя себя посредством работ. Получился яркий, говорящий дизайн.
Посмотрите на этот лендинг. Можете ли вы догадаться, не вчитываясь в текст, что он посвящен уборке дома, прачечным, химчисткам и другим сопутствующим бытовым мелочам? Готовы поспорить, что нет.
Лендинг Alfred — отличный пример того, что можно отойти от стереотипов «мистер проперов», и презентовать услуги клининга стильно, красиво, чисто:)
Выверенные цвета, красивые изображения, читаемые шрифты и ненавязчивость — то, что отличает дизайн этого лендинга.
Shantell Martin — художник-иллюстратор. На создание своего лендинга она положила всю себя — в прямом смысле этого слова. Фон — это иллюстрации Шантель. Если поводить мышкой по ним, они «оживут». А крупные надписи являются навигацией по разделам лендинга. Очень необычно, но привлекательно. И главное, персонифицировано. То, что требуется от лендинга-визитки.
FEED — бренд одежды и аксессуаров. Нам понравились удачно сочетаемые шрифты и акцент на товарах, которые сделаны на лендинге. При наведении на картинку с сумочкой, она «переворачивается», и открывается цена предмета. Удобно! Не нужно нагромождать страницу ценами и кнопками, создана одновременно и красивая «витрина», и магазин.
Перед нами еще один лендинг-визитка. На этот раз — лондонского дизайнера Виктории Спайсер (Victoria Spicer). Исходя из ее фамилии, можно предположить, что сайт должен быть, если не «острым», то уж точно не пресным. У Виктории свой подход к делу. При переходе на страницу нам открывается сначала пустое пространство, затем «падают» три белые точки (может, все-таки перчинки? :), и после открывается большой баннер с ее именем и смелым изображением — смятой в кулаке ежевикой. Во всем этом есть некий вызов, видна смелость — то, что нужно дизайнеру, чтобы презентовать себя.
Продолжением серии лендигов-визиток будет продукт Гейвина Энтони (Gavin Anthony), под кодовым названием «Вдохновленный Малевичем» 🙂 Если серьезно, Гейвину, разработчику облачных технологий, удалось придумать интересную концепцию и воплотить ее. Черный фон — белый текст. Нет лишних деталей, которые отвлекали бы пользователя от чтения. Очень «по-мужски», не правда ли?
При этом второй экран контрастный. С него же (второго экрана) начинается небольшое портфолио. Лаконичность — лейтмотив этого лендинга.
Бренд Tomorrow Sleep — производитель матрасов и аксессуаров для сна. Необычной и очень удачной нам показалась посадочная страница. Необычность в том, что изображение посадочной страницы не помещается на первый экран, но при этом такое решение совершенно не мешает полноценному восприятию. Тематические изображения, проработанные иконки продукции — все это создает впечатление, что над дизайном работал профессионал. Выверенные линии и пропорции свидетельствуют о том же.
Рискованное решение выбрал бренд шляп Paris+Hendzel — разместить на первый экран лендинга фото модели без каких-либо надписей. Такое может себе позволить только известный дизайнер. Но смелые решения поощряются — поэтому лендинг находится в нашем списке.
Thriva — это сервис онлайн-анализов. Удивляет, не так ли?
Что является самым неприятным для людей при заборе анализов? Правильно, иголки. В сознании анализы прочно связаны с неприятными ощущениями. Thriva постарались преподнести свою идею мягко, за счет позитивного яркого дизайна. Вы только взгляните на этот голубой «палец» — главный персонаж посадочной страницы:) Вызывает улыбку и положительные эмоции — то, что и нужно пользователям.
Бренд LivSo представляет органическую косметику. Дизайн их промо-страницы полностью соответствует концепции «эко». Нежно-оливковый фон, читаемый, изящный шрифт, крупным планом баночки с продукцией. Ненавязчивый, но запоминающийся дизайн лендинга можно взять на заметку.
Wokine — digital-агентство, которые настолько уверены в себе, что на посадочной странице лендинга не написали ничего, кроме приветствия. «Hello» — вот, что встречает посетителя. С одной стороны, это неправильно. А как же УТП на посадочной странице, call-to-action элементы? С другой стороны, это очень оригинально. Поэтому Wokine по праву занимают свое место в нашей подборке.
Create Upstate — ивент для дизайнеров, который рекламировал себя посредством лендинга. Страница получилась действительно оригинальной. Цвета, масштаб изображений, необычное выделение навигационного меню. Получилось интересно — лендинг привлекает внимание.
Хотите создать подобную необычную, но концептуальную страницу — напишите нам, мы поможем!
Высоких вам конверсий!
27-09-2017
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
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
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
лучшие примеры [и критический разбор]
Мы собрали 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 примеров посадочных страниц с высокой конверсией и просто необычных лендингов.
Самое время подводить итоги. Какие плюсы и минусы нам встречались чаще всего?
Плюсы хороших лендингов
- Лаконичность в тексте и дизайне.
- Стильная анимация.
- Нестоковые фотографии.
- Оригинальные рисунки.
- Человеческий язык, уместный юмор.
- Понятные кнопки CTA, встречающиеся на странице несколько раз.
- Нестандартный подход к стандартной тематике без ущерба содержанию.
- Апелляция к эмоциям.
- Четко обозначенные преимущества, акции, скидки.
- Нешаблонные отзывы.
- Максимально простые формы регистрации.
Минусы ну таких лендингов
- Невнимание к мелочам (огрехи в верстке, отсутствие фавиконов, контраст шрифта и подложки и т. д.).
- Недостаточно CTA.
- Слишком большой объем информации, длинный лендинг.
- Неинтересные и некачественные видео.
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, и это вполне естественно.
Иногда вы попадаете в золотоносную жилу. Эффективность формы – больше, чем когда-либо видели. Лендинговый сайт приносит бешеный доход. Маркетинговый директор Рианна Риддл:
«Если честно, до сих пор выясняем тестами: чем особенна наша лендинговая страничка? Рианна поясняет: попытались повторить этот результат несколько раз. И безуспешно. Даже когда учли все моменты».
Интернет-маркетинг не точная наука. Хотя применение лучших практик повышает шансы на успех. Рианна применяет: современный простой дизайн посадочной страницы, решительное заявление о выгодном предложении, весомые социальные доказательства, убедительность оффера. В одном мы уверены – наилучшего результата достигли тестированием.
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 г.
Темы:
Дизайн посадочной страницы Бесплатный конструктор посадочных страницНе забудьте поделиться этим постом!
Все, что вам нужно знать о дизайне посадочной страницы
Тот, кто сказал: «У вас никогда не будет второго шанса произвести хорошее первое впечатление», имеет веское значение.У вас есть только одна возможность впервые пообщаться с другим человеком … и последнее, чего вы хотите, — это чтобы это первое взаимодействие было плохим. В конце концов, люди, как известно, лучше запоминают отрицательные переживания, чем положительные.
Отличные первые впечатления имеют значение при встрече с кем-то, при поездке в новое место и даже при посещении веб-сайта.
В мире, где практически у каждой компании есть веб-сайт, создание положительного первого впечатления, когда члены вашей целевой аудитории нажимают на ваш сайт через страницу результатов поисковой системы (SERP), имеет решающее значение.Это потому, что ваша целевая страница — это «целевая страница» вашего сайта или первая страница , на которую посетители попадают, когда открывают ваш сайт.
Кроме того, чтобы действительно оказал давление на , у вас есть всего около 7 секунд, чтобы произвести хорошее первое впечатление на вашем веб-сайте, прежде чем средний посетитель решит, останутся ли они или откажутся от него в другом месте.
Итак, как вы можете гарантировать, что первое взаимодействие вашей целевой аудитории с вашим сайтом было положительным?
Ответ: отличный дизайн целевой страницы.
Дизайн посадочной страницы
Дизайн целевой страницы — это процесс создания привлекательной страницы сайта для вашей целевой аудитории и посетителей сайта. Это должно побуждать их превращаться из потенциальных клиентов в подписчиков или клиентов. Эффективный дизайн целевой страницы ориентирован на бренд, включает информацию о вашем продукте или услуге и компании, а также включает соответствующие предложения и призывы к действию (CTA).
Адаптивный дизайн
Возможно, вы слышали раньше об адаптивном дизайне или адаптивном веб-дизайне.
Веб-страница с адаптивным дизайном автоматически отображается на любом устройстве, то есть веб-страницы меняются по мере необходимости, чтобы соответствовать любому экрану или устройству (например, настольному компьютеру, ноутбуку, планшету или смартфону).
Источник
Поскольку все больше людей ищут в Интернете с разных устройств и из разных мест, необходим адаптивный дизайн, чтобы посетители и клиенты получали удовольствие от посещения вашего сайта.
Хотя рекомендуется, чтобы весь ваш веб-сайт был адаптивным, очень важно иметь адаптивный дизайн целевой страницы — опять же, это первая страница , с которой каждый посетитель взаимодействует и видит, когда они открывают ваш веб-сайт, поэтому исключительный пользовательский интерфейс (UX) имеет решающее значение .
веб-страниц без адаптивного дизайна могут разочаровать посетителей — они будут иметь дело с изображениями и текстом, которые не умещаются на экране. Это потенциально может привести к тому, что посетители полностью покинут ваш сайт или даже вместо этого перейдут на сайт конкурента.
Примечание . В зависимости от программного обеспечения для дизайна целевой страницы, с которым вы работаете (мы вскоре рассмотрим некоторые варианты), адаптивный дизайн может быть для вас автоматической функцией. В этом случае вам не нужно беспокоиться об адаптивном дизайне — когда вы создаете свою целевую страницу, она уже будет адаптивной.
Помимо адаптивного дизайна, существует множество других аспектов создания и проектирования целевой страницы, которые влияют на вашу способность превращать посетителей в клиентов и улучшать UX. Итак, давайте рассмотрим некоторые из наиболее распространенных и важных шагов, которые вы должны учитывать при разработке целевой страницы.
Как создать посадочную страницу
- Определите вашу целевую аудиторию и ее потребности.
- Убедитесь, что целевая страница имеет конкретное назначение.
- Выберите программу для дизайна целевой страницы.
- Напишите привлекательные заголовки целевых страниц.
- Сделайте целевую страницу красивой и полезной.
- Опубликуйте и протестируйте дизайн целевой страницы.
1. Определите вашу целевую аудиторию и ее потребности.
Независимо от того, над какой частью вашего бизнеса вы работаете, вы должны думать о том, кто ваша целевая аудитория и как вы можете решить их болевые точки — и создание целевой страницы не является исключением из этого практического правила.
При планировании дизайна целевой страницы подумайте о том, чего ожидает ваша целевая аудитория и что ей нужно видеть, когда они открывают ваш сайт. Задайте себе следующие вопросы, чтобы помочь вам в этом:
- На какие вопросы целевая страница должна сразу ответить вашей аудитории?
- Как можно брендировать свою целевую страницу, чтобы аудитория знала, что она находится в нужном месте?
- Какой привлекающий внимание заголовок, релевантный контент и призыв к действию вы можете включить на свою целевую страницу, чтобы эффективно и действенно удовлетворить потребности вашей аудитории?
- Как сделать так, чтобы ваша целевая страница была уникальной по сравнению с целевой страницей ваших конкурентов?
- Как вы можете доказать ценность, которую ваша компания, продукты и услуги предоставляют вашей аудитории?
Если вам нужна дополнительная помощь в осмыслении вашей целевой аудитории, попробуйте создать портреты покупателя для вашего бизнеса.
2. Убедитесь, что целевая страница имеет определенную цель.
Чтобы дизайн вашей целевой страницы был успешным, у него должна быть четкая цель. Когда посетители заходят на вашу целевую страницу, они должны сразу знать, почему эта страница существует.
Например, вы можете использовать дизайн целевой страницы, чтобы четко определить цель вашей страницы, следующими способами:
- Увеличьте конверсию на , поделившись соответствующими CTA
- Повысьте узнаваемость бренда с помощью , включая форму подписки на электронную рассылку новостей
- Увеличьте продажи на , показывая свой самый продаваемый продукт
- Развивайте интерес к своему продукту или услуге с помощью , добавляя информацию о том, как они решают болевые точки посетителей
Без определенной цели целевой страницы ваши посетители могут не знать, что им делать после того, как они попали на страницу, или не уверены, находятся ли они в нужном месте.Это может привести к тому, что они потеряют интерес и полностью откажутся от вашей страницы. Итак, используйте свой дизайн, чтобы ваша целевая страница имела четкую цель.
3. Выберите программу для дизайна целевой страницы.
Существуют десятки вариантов программного обеспечения, которые помогут вам создать и спроектировать целевую страницу. Ключ в том, чтобы найти тот, который вам подходит. Просмотрите пять вариантов программного обеспечения, которые мы рекомендуем ниже, и различные функции, которые каждый из них предлагает ниже.
4. Напишите привлекательные заголовки для первых страниц.
Цель заголовка — привлечь внимание посетителей и / или заставить их что-то сделать — это означает, что заголовки должны быть соблазнительными, эффективными и ориентированными на действия.
Скорее всего, это одна из первых (если не первая) информация, которую посетители вашего сайта узнают о вашей компании. По этой причине заголовки вашей целевой страницы также должны дополнять тон и копироваться везде на вашем сайте (и в вашем мета-описании).
Когда вы используете соблазнительную и ориентированную на ценность лексику в заголовках целевой страницы, вы гарантируете, что посетители знают, что они получат что-то стоящее от конверсии и проведения времени на вашем сайте.
Например, посмотрите на целевую страницу генератора личности покупателя HubSpot.Заголовок гласит: «Сделайте мою персону… Генератором персональной информации покупателя от HubSpot». Благодаря заголовку посетители знают, где они находятся и что они получат от посещения целевой страницы.
Источник
Посетители автоматически перенаправляются на вторую часть целевой страницы, которая также включает соблазнительный и ориентированный на ценности язык.
Источник
Дизайн включает два призыва к действию, которые посетители могут щелкнуть в зависимости от своих потребностей и интересов.Заголовки на этой целевой странице полезны, актуальны, привлекают внимание и соответствуют бренду
.5. Сделайте красивую целевую страницу
и полезными.Мы много говорили о том, что ваша целевая страница — это первое, что посетители вашего сайта увидят, когда они откроют ваш сайт. Итак, помимо привлекательных заголовков и языка, вы также хотите, чтобы ваша страница была красивой и полезной .
Сделайте свою посадочную страницу красивой с помощью:
- Использование согласованных фирменных цветов и шрифтов
- Поддержание порядка на вашей странице
- Вспоминая меньше значит больше при конструировании
- Включая эстетически привлекательные визуальные эффекты (изображения и / или видео)
- Создание очевидных и захватывающих призывов к действию
Сделайте вашу целевую страницу полезной:
- Добавление контента, который соответствует потребностям и задачам вашей целевой аудитории
- Создание призывов к действию, обеспечивающих ценность посетителей
- Включая информацию, которая сообщает посетителям , почему им следует конвертировать
- Убедитесь, что посетители знают , как преобразовать
- Обеспечение беспрепятственного доступа посетителей к вашей контактной информации
6.Опубликуйте и протестируйте дизайн целевой страницы.
Когда ваш дизайн установлен, самое время опубликовать и протестировать его среди членов вашей аудитории. После публикации целевой страницы вы можете A / B протестировать различные элементы дизайна (например, цвета, кнопки CTA, фразы, шрифт и т. Д.), Чтобы увидеть, какие варианты приводят к наибольшему количеству конверсий.
Таким образом, вы можете гарантировать, что ваша целевая страница соответствует потребностям вашей аудитории, а также гарантирует, что вы получите наилучшие результаты, которые повлияют на прибыль вашего бизнеса.
Помимо этих шагов по созданию целевой страницы, примите во внимание и эти передовые практики. Вы заметите, что некоторые из этих передовых методов также напрямую связаны с конкретными шагами, которые мы только что рассмотрели выше.
Рекомендации по дизайну посадочных страниц
- Определите вашу целевую аудиторию и ее потребности.
- Напишите убедительный и полезный заголовок.
- Включите уникальные и привлекательные изображения.
- Будь проще.
- Убедитесь, что у него адаптивный дизайн.
- Держите его под маркой.
- Оптимизируйте его с помощью призывов к действию.
- Добавьте свою контактную информацию.
- Включите онлайн-чат на целевую страницу.
- Используйте A / B-тестирование, чтобы определить, какой дизайн работает лучше всего.
При рассмотрении следующих передовых практик мы будем ссылаться на следующее аннотированное изображение целевой страницы HubSpot:
1.Помните свою аудиторию на протяжении всего процесса проектирования.
Как мы рассмотрели выше, первая часть разработки вашей целевой страницы — это определение вашей целевой аудитории — не забудьте помнить о ней на протяжении всего процесса разработки. Таким образом вы создадите дизайн и включите контент, который находит отклик у вашей аудитории. Таким образом, у вас будет больше шансов увеличить количество конверсий среди посетителей сайта.
2. Напишите убедительный и полезный заголовок.
Добавьте привлекательный заголовок на свою целевую страницу, чтобы сразу привлечь внимание посетителей.Хороший заголовок целевой страницы должен быть привлекательным и полезным.
Например, на целевой странице HubSpot написано: «Есть лучший способ расти». Этот заголовок заставляет посетителей думать, что HubSpot — это то, что им нужно для улучшения и расширения своего бизнеса.
Кроме того, «расти лучше» — это выражение, которое HubSpot использует во всех маркетинговых материалах. Компания работает над этим каждый день, чтобы помочь другим компаниям расти лучше. Это также делает заголовок на бренде (что является еще одним передовым опытом, о котором мы поговорим чуть позже).
3. Включите уникальные и привлекательные визуальные эффекты.
Включите привлекательный визуальный контент на свою целевую страницу. Будь то фото, видео или анимация, вы хотите, чтобы дизайн целевой страницы каким-то образом пробуждал интерес посетителей.
Визуальный контент целевой страницы HubSpot уникален для компании — анимированный дизайн и цвета являются фирменными. Они также не отвлекают внимание от письменного содержания на странице.
4. Будьте проще.
Хотя вы хотите включить заголовок, письменный контент, CTA и визуальный контент на свою целевую страницу, это не значит, что вы хотите, чтобы ваш дизайн был слишком загруженным.На самом деле вы хотите обратного.
Помните: Меньше значит больше , когда дело касается дизайна вашей целевой страницы (и всего вашего веб-сайта в этом отношении). Это сохраняет вещи чистыми, организованными и простыми для понимания и навигации для ваших посетителей.
Как вы можете видеть на целевой странице HubSpot, хотя визуальный элемент занимает большую часть страницы, заголовок, письменный контент и CTA организованы упрощенно и эстетично.
Навигация в верхней части страницы минималистична, а чат в правом нижнем углу может свернуться, чтобы целевая страница выглядела еще чище для посетителей.
5. Убедитесь, что у него адаптивный дизайн.
Помните, что вероятность того, что посетители, потенциальные клиенты и клиенты вашего сайта посетят ваш сайт через мобильное устройство или планшет, высока. Итак, убедитесь, что ваша целевая страница имеет адаптивный дизайн, который автоматически меняет формат в зависимости от устройства, на котором она просматривается.
Например, вот как выглядит целевая страница HubSpot на моем iPhone. Как видите, весь контент одинаков и включает те же призывы к действию и визуальные эффекты, но он организован и отформатирован таким образом, чтобы соответствовать моему экрану.
Источник
6. Держите марку.
Когда посетитель заходит на вашу целевую страницу, он автоматически должен знать, что она принадлежит вашему бизнесу. Брендируйте свою целевую страницу так, чтобы она дополняла остальной маркетинговый контент, логотип и цвета. Ваши посетители должны сразу узнать, что ваша целевая страница принадлежит вашему бизнесу, благодаря используемому вами бренду.
Целевая страницаHubSpot справляется с этим хорошо — она соответствует требованиям, изложенным в Руководстве по использованию бренда HubSpot.Логотип HubSpot находится в верхней части целевой страницы.
7. Оптимизируйте свою целевую страницу с помощью призывов к действию.
Ваша целевая страница должна включать по крайней мере один соответствующий CTA, расположенный в верхней части страницы (это означает, что посетителям не нужно прокручивать, чтобы перейти к форме, потому что она отображается, как только они попадают на страницу), чтобы посетители могли перейти на ваш лендинг. страницу и конвертировать в считанные секунды. Этот CTA может использоваться, чтобы узнать больше о вашем продукте или услуге, купить ваш продукт, подписаться на специальное предложение или подписаться на рассылку новостей по электронной почте.
Кнопка CTAHubSpot — одна из самых очевидных функций на целевой странице. Кнопка CTA четко указывает, что посетители получают от конверсии. Поскольку в кнопке CTA есть слово «бесплатно», она становится еще более заманчивой… кто не любит бесплатные? Наконец, она расположена над сгибом страницы, поэтому ее видят все в тот момент, когда они ее открывают.
8. Добавьте свою контактную информацию.
Посетители могут перейти непосредственно на ваш сайт в поисках вашей контактной информации или решить, что они хотят связаться с вами для получения помощи или поддержки, проведя некоторое время на вашей странице.
Чтобы не тратить их время зря и не причинять им ненужного разочарования при попытке найти вашу контактную информацию, разместите эти данные на своей целевой странице. Это делает процесс связи с вами максимально простым и понятным для посетителей.
HubSpot имеет контактную информацию, указанную под панелью навигации вверху целевой страницы. Это отличный вариант, если вы хотите, чтобы ваша целевая страница была как можно более минималистичной.
9.Включите онлайн-чат на целевую страницу.
Если возможно, включите функцию живого чата на своей целевой странице. Таким образом, посетители могут получить незамедлительную помощь, которая им нужна и в которой они нуждаются, с момента открытия вашей страницы.
На целевой страницеHubSpot есть функция живого чата для быстрого доступа к немедленной поддержке. Благодаря расположению складного окна чата страница выглядит организованной.
После того, как вы создали свою целевую страницу, не переживайте — это итеративный процесс.Например, не стесняйтесь тестировать свой дизайн среди своей целевой аудитории, чтобы определить, какие цвета, кнопки CTA, заголовки, визуальные эффекты и письменный контент им лучше всего подходят (и приводят к наибольшему количеству конверсий).
Для этого вы можете A / B тестировать дизайны. Изучив свои результаты, вы узнаете, какой дизайн лучше всего подходит для вашей целевой аудитории и увеличивает конверсию — придерживайтесь этого дизайна, пока у вас не появится новый и улучшенный дизайн, чтобы поделиться им, не изменится ваша продуктовая линейка или не обновится ваш бренд — затем начинайте. этот процесс снова.
Теперь давайте посмотрим, какие варианты программного обеспечения необходимы для запуска и запуска целевой страницы, чтобы вы могли начать превращать больше посетителей в клиентов.
Программа для создания посадочных страниц
Существует множество вариантов программного обеспечения для дизайна целевой страницы, каждая из которых может помочь вам разработать весь ваш веб-сайт (а не только вашу целевую страницу). Следующие пять вариантов упрощают процесс проектирования и не требуют наличия опыта работы в Интернете или дизайне.
1. Конструктор бесплатных посадочных страниц HubSpot
Бесплатный конструктор целевых страницHubSpot поможет вам бесплатно создать несколько дизайнов целевых страниц. Программное обеспечение включает в себя бесплатную встроенную библиотеку адаптивных шаблонов целевых страниц и редактор на странице для добавления изображений и копирования.
При переходе на платный план вы также можете создавать персонализированные призывы к действию, контент и формы для посетителей, которые помогут вам повысить конверсию. HubSpot также предоставляет вам возможность тестировать и анализировать производительность дизайна вашей целевой страницы, чтобы вы могли вносить улучшения.
2. Instapage
Instapage позволяет создавать и публиковать пользовательские целевые страницы после клика с различными вариантами шаблонов. Конструктор страниц прост в использовании и предлагает возможность A / B-тестирования различных дизайнов, чтобы определить, какой из них лучше всего подходит для вашей аудитории. Программное обеспечение также помогает вам оптимизировать вашу целевую страницу с помощью динамической замены текста, чтобы вы могли автоматизировать подписку на контент на своей странице.
3. Разблокировать
Unbounce имеет создателя целевой страницы с более чем 100 шаблонами на выбор, чтобы ваш дизайн дополнял ваш бренд и контент.Шаблоны организованы по типу бизнеса и включают варианты для SaaS-компаний, агентств и предприятий электронной коммерции. Целевые страницы Unbounce адаптивны и полностью настраиваются.
4. Mailchimp
Mailchimp позволяет вам создать целевую страницу за считанные минуты, благодаря конструктору страниц с перетаскиванием. Вы также можете настроить другое содержимое своего веб-сайта для заполнения целевой страницы, что еще больше упростит процесс дизайна. Добавьте персонализированные призывы к действию, чтобы побудить вашу целевую аудиторию совершить конверсию или зарегистрироваться.И, если вам нужна помощь в персонализации целевой страницы, просмотрите множество обучающих видео, которые Mailchimp предоставляет пользователям.
5. Leadpages
Leadpages — это программное обеспечение для дизайна посадочных страниц с конструктором перетаскивания, которое позволяет легко настроить целевую страницу в соответствии с вашим брендом, и вы можете A / B протестировать свои дизайны с помощью программного обеспечения, чтобы эффективно определить, какой вариант преобразует больше всего. посетители.
Когда вы начнете думать о дизайне целевой страницы и проработаете детали, представленные в этом руководстве, вы можете почувствовать, что вам нужно дополнительное вдохновение для дизайна.Если это так, ознакомьтесь с нашим сообщением в блоге о великолепном дизайне целевой страницы.
Загрузите десятки бесплатных примеров целевых страниц, которые вдохновят вас на дизайн вашего бизнеса.
Начните разработку своей целевой страницы
Ваша целевая страница — это первое, что видит и испытывает любой посетитель, который заходит на ваш сайт. Вот почему так важен качественный дизайн целевой страницы — это первое впечатление каждого посетителя о вашем веб-сайте … и, возможно, их первое впечатление о вашем бизнесе в целом.
Хорошая целевая страница может помочь вам привлечь больше потенциальных клиентов, заключить больше сделок, повысить удобство использования вашего веб-сайта, произвести впечатление на посетителей и обеспечить профессиональный, фирменный стиль вашего сайта. Выполните эти шаги по созданию целевой страницы и передовой опыт, приведенный выше, чтобы убедиться, что ваша целевая страница точно представляет ваш бизнес и заставляет ваших потенциальных клиентов хотеть, чтобы стали клиентами.
Примечание редактора: этот пост был первоначально опубликован в августе 2017 года и был обновлен для полноты.
16 лучших конструкторов посадочных страниц для любого бизнеса
Привлечение потенциальных клиентов необходимо для стимулирования продаж и развития онлайн-бизнеса.
Существует множество различных методов привлечения потенциальных клиентов, но одним из наиболее эффективных является хорошо продуманная целевая страница.
Создание полностью оптимизированной целевой страницы никогда не было таким простым — фактически, теперь можно создать золотую жилу для генерации лидов с помощью инструментов перетаскивания, не видя ни единой строчки кода.
Независимо от того, управляете ли вы одной или несколькими страницами, теперь доступно так много опций, что бывает сложно найти лучшую из ваших потребностей.
Скорее всего, самая сложная часть разработки целевой страницы — это выбор правильного инструмента для начала работы. Кроме того, вы не хотите тратить месяцы на разработку целевой страницы, прежде чем поймете, что программное обеспечение просто не работает. с тем, что вам нужно.
Чтобы убедиться, что вы можете выбрать лучший конструктор целевых страниц для целей вашей команды, мы составили список из 14 лучших, но сначала давайте рассмотрим некоторые ключевые функции, которые нужно искать в конструкторе целевых страниц.
Основные возможности конструктора целевых страницНесмотря на то, что существует множество вариантов конструктора целевых страниц с уникальными достоинствами и недостатками, есть определенные функции, которые вы захотите увидеть в любом конструкторе целевых страниц.
Вот четыре:
1. Простой в использовании визуальный конструктор.
В наши дни пользователям требуется простота использования, а конструкторы целевых страниц, как правило, имеют интерфейс с перетаскиванием, который позволяет любому быстро создать целевую страницу — без программирования.Вы должны убедиться, что ваш конструктор целевой страницы предлагает простой и интуитивно понятный интерфейс. Если это не так, вам следует проверить альтернативы.
2. Интеграция с ПО CRM.
Целевая страница предназначена для привлечения потенциальных клиентов или осуществления продаж, поэтому жизненно важно, чтобы ваш конструктор целевой страницы интегрировался с программным обеспечением, которое может хранить эти сведения и позволять анализировать данные о потенциальных перспективах.
В идеале конструктор целевой страницы должен быть связан с мощной CRM, которая может собирать данные о клиентах и интегрироваться с программным обеспечением для маркетинга, продаж и управления клиентами.
3. A / B тестирование и оптимизация.
Тестирование и оптимизация целевой страницы — неотъемлемая часть этого процесса.
Маловероятно, что вы справитесь с этим с первого раза, поэтому вам нужно программное обеспечение, позволяющее тестировать поведение клиентов и оптимизировать контент и макет для увеличения конверсии.
Это может быть либо частью самого продукта, либо предоставленным третьей стороной, если ваш конструктор целевой страницы предлагает возможность интеграции со сторонними инструментами A / B-тестирования.
4. Инструменты аналитики.
Большинство сервисов предлагают встроенные специализированные инструменты аналитики целевых страниц, которые позволяют вам копаться в своих пользовательских данных.
Независимо от того, предоставляют ли вы подробные отчеты, тепловые карты или простые просмотры старых страниц, инструменты аналитики необходимы для оценки того, как работает ваша целевая страница.
Теперь, когда мы изучили четыре ключевых компонента любого конструктора целевых страниц, давайте взглянем на 14 наших любимых вариантов.
Лучшие конструкторы посадочных страниц
- Целевые страницы HubSpot
- Landingi
- OptimizePress
- GetResponse
- Mailchimp
- Unbounce
- Instapage
- Squarespace
- Leadpages
- Thrive Architect и Thrive Optimize
- Посадочный модуль
- LaunchRock
- KickOffLabs
- ShortStack
- ConvertFlow
- вовлекают.мне
1. Целевые страницы HubSpot
HubSpot предлагает один из самых многофункциональных и интуитивно понятных конструкторов целевых страниц на рынке, который становится еще более полезным в сочетании с бесплатной CRM HubSpot. Как и в большинстве случаев с HubSpot, конструктор целевой страницы удобен, прост в использовании, мощный, и вы можете начать использовать его бесплатно.
Программное обеспечение подходит для отдельных пользователей, небольших команд, больших команд и даже агентств, управляющих несколькими страницами. Вы можете просто добавить больше платных функций по мере необходимости.
Для новичков программа проведет вас через процесс создания полностью настраиваемой целевой страницы, начиная с одного из сотен проверенных на практике шаблонов. Бесплатная версия дает вам доступ к 13 шаблонам, ориентированным на конкретные отрасли и предложения контента, а также к аналитике на уровне страниц, чтобы помочь вам измерить свой успех.
Для более продвинутых пользователей есть множество инструментов и технологий, с которыми можно поиграть. Одной из наиболее продвинутых функций является возможность персонализации для отдельных лиц с использованием ваших существующих контактов и данных HubSpot.Конструктор также включает расширенные инструменты аналитики и программное обеспечение для тестирования HubSpot, поэтому вы можете оптимизировать свою страницу для захвата как можно большего количества потенциальных клиентов.
Pages полностью адаптируются на всех устройствах, как и следовало ожидать, и создавать профессионально выглядящие страницы можно за считанные минуты.
Цена: Стартует бесплатно
Capterra Рейтинг: 4,5 / 5 | 3309 отзывов
2. Landingi
Landingi позиционирует себя как «конструктор целевых страниц для непрограммистов» — все дело в простоте использования и предлагает более 200 шаблонов.Интерфейс является перетаскиваемым, что позволяет создать страницу за считанные минуты. Он также предлагает функции A / B-тестирования и оптимизации.
Это более дешевый вариант, подходящий для новичков, но если вы ищете более продвинутые функции или масштабируемость, премиум-уровни быстро приведут вас к цене более мощных инструментов, не предлагая той же функциональности.
Источник изображения
3. OptimizePress
OptimizePress — это конструктор целевых страниц на основе WordPress с сотнями шаблонов для страниц лидогенерации, продаж и многого другого.Он имеет библиотеку графических элементов и полезных плагинов для легкой настройки, а также интегрируется с сервисами электронного маркетинга, такими как Mailchimp или ActiveCampaign.
Он работает на основе разовой оплаты, которая включает один год поддержки и обновлений. Это означает, что вы платите только за те функции, которые вам нужны по мере вашего роста.
Источник изображения
4. GetResponse
GetResponse — хороший вариант, если вы хотите быстро создавать оптимизированные и адаптивные целевые страницы.Он имеет удобный интерфейс и позволяет публиковать свою страницу в собственном домене.
Наряду с целевыми страницами вы также можете создавать веб-семинары и маркетинговые кампании по электронной почте. Кроме того, GetResponse имеет встроенные функции аналитики и возможность добавить кнопку PayPal для удобных мобильных платежей.
Несмотря на то, что он предлагает интуитивно понятный конструктор целевых страниц и комплексный маркетинговый пакет, целевые страницы — это не то, на чем специализируется GetResponse, но это по-прежнему хороший вариант для маркетологов в этой ценовой категории.
Самый простой вариант предлагает маркетинг по электронной почте и целевые страницы для до 1000 ответов. Если вы вырастете дальше этого уровня, вам придется перейти на более дорогой уровень Pro, который предлагает все возможности создания целевой страницы.
Источник изображения
5. Mailchimp
Неудивительно, что конструктор целевых страницMailchimp ориентирован на электронный маркетинг. Все дело в создании страниц, которые визуально соответствуют вашим почтовым кампаниям Mailchimp и позволяют легко добавлять контакты в существующие списки.
Программа проста в использовании и предлагает впечатляющую поддержку с множеством доступных материалов по устранению неполадок. Полная интеграция с пакетом Mailchimp является плюсом, если вы уже используете программное обеспечение, но целевые страницы не являются основным направлением Mailchimp, поэтому редактор ограничен. Фактически, он не намного более продвинут, чем простой инструмент для создания электронной почты Mailchimp.
Это хорошо для кампаний по электронной почте, но немного ограничено в качестве конструктора целевой страницы. Более продвинутые пользователи захотят воспользоваться функциями оптимизации, тестирования и аналитики некоторых других опций в этом списке.
Положительным моментом для новичков является то, что вы можете бесплатно создать целевую страницу на самом базовом уровне и наращивать ее оттуда.
Источник изображения
6. Unbounce
Unbounce была одним из первых разработчиков целевых страниц, вышедших на рынок, и остается одним из лидеров. Он имеет простой в использовании редактор перетаскивания, настраиваемые плагины, оптимизацию для мобильных устройств и возможность добавления всплывающих окон и липких полос.
Продукт многофункциональный — он предлагает интеграцию с WordPress, A / B-тестирование и динамическую вставку ключевых слов для SEM-кампаний.Хотя он не предлагает собственных инструментов аналитики, для этого его можно интегрировать с другими сервисами, такими как Mailchimp, HubSpot или WordPress.
В целом, Unbounce — один из лучших инструментов, но он стоит дорого. Его предпочитают более крупные маркетинговые агентства, специализирующиеся на маркетинге в поисковых системах, но не обладающие универсальными возможностями таких инструментов, как HubSpot.
Источник изображения
7. Instapage
Instapage — еще один лидер в области целевых страниц с удобным конструктором перетаскивания и возможностью легко интегрировать целевые страницы в свой веб-сайт без программирования.Это один из самых простых в использовании инструментов, он поставляется с множеством плагинов для максимальной настройки и предлагает простой инструмент аналитики и генератор отчетов.
Для оптимизации есть тепловые карты, сплит-тестирование A / B, динамическая вставка ключевых слов для кампаний PPC и интеграция без кода с рекламой Google Analytics и Facebook. Чтобы узнать о более продвинутых вариантах, вам нужно будет связаться с отделом продаж для получения индивидуальной цены, но вы будете искать более 175 долларов в месяц для агентства или группового плана.
Источник изображения
8.Squarespace
Хотя Squarespace считается конструктором веб-сайтов, а не конкретным инструментом целевой страницы, он обладает всеми функциями конструктора целевой страницы, включая преимущества размещения вашего сайта и предоставления вам аналитики, G Suite, интеграции с другими CRM и гораздо более.
Squarespace — отличный вариант для новичков, которым не нужны все специфические функции оптимизации специального конструктора целевых страниц. С помощью инструмента «Титульные страницы» легко создать страницу, используя один из сотен шаблонов и инструментов перетаскивания.
Есть встроенный инструмент аналитики. Кроме того, вы можете подключить Squarespace к программному обеспечению CRM, чтобы использовать инструменты оптимизации CRM и электронного маркетинга на своей странице Squarespace.
Источник изображения
9. Leadpages
LeadPages — более дешевый вариант с довольно простым в использовании конструктором перетаскивания. Однако интерфейс временами неудобен в использовании и выглядит немного устаревшим.
Если вы хотите опубликовать по своему собственному URL-адресу, это не так просто, хотя, если вы являетесь пользователем WordPress, существует интеграция с вашим сайтом.В целом, это разумный вариант, если вам не нужны высокопроизводительные функции и поддержка лидеров рынка, но сложно добиться того, чтобы страница выглядела именно так, как вы хотите.
Источник изображения
10. Thrive Architect и Thrive Optimize
Другой конструктор на основе WordPress, Thrive Architect, вероятно, является лучшим вариантом для выгодной сделки, особенно в сочетании с Thrive Optimize, его инструментом оптимизации.
Он предлагает простой перетаскиваемый конструктор с более чем 250 шаблонами и рядом элементов преобразования, включая блоки отзывов, таймеры и призывы к действию на выбор.Это делает его хорошим вариантом для быстрой сборки по невысокой цене.
Лучше всего то, что вы можете получить его на всю жизнь за разовую плату.
Источник изображения
11. Посадочный модуль
Lander нацелен на малый бизнес и предпринимателей с минимальной ценой и простым конструктором. Хотя он не предлагает лучших настроек или расширенных функций, как некоторые из других в этом списке, тем не менее, это хороший вариант в качестве простой целевой страницы по низкой цене.
Приложение предлагает более 100 шаблонов, оптимизированных для SEO, и поддерживает сплит-тестирование A / B. Он также предлагает редкую функцию среди разработчиков целевых страниц — интеграцию с Facebook. Без программирования вы можете создать свои собственные вкладки Facebook и связать их со своей учетной записью.
Уровни ценообразованияограничены количеством посетителей и доменов, поэтому они недоступны для крупных предприятий и агентств.
Источник изображения
12. LaunchRock
Если вы хотите быстро и бесплатно создавать высококонвертируемые целевые страницы, LaunchRock — самый простой вариант в этом списке.
С акцентом на простые, но впечатляющие визуальные эффекты, он поставляется с множеством настраиваемых шаблонов и является эффективной отправной точкой для малых предприятий, чтобы окунуться в мир целевых страниц и форм для привлечения потенциальных клиентов. Кроме того, он включает рекламные функции для беговых соревнований.
В нем отсутствует A / B-тестирование и ограничены возможности настройки, но сверхбыстрый конструктор идеально подходит для тех, кому нужна быстрая целевая страница без всяких наворотов.
Источник изображения
13.KickOffLabs
KickOffLabs основан на идее привлечения потенциальных клиентов с помощью вирусных маркетинговых кампаний — он позволяет проводить привлекательные конкурсы, розыгрыши и запуск продукции.
Он также является достойным конструктором целевых страниц, но фокусирует свои маркетинговые усилия на обещании создания вирусного трафика.
Шаблоны в основном предназначены для раздачи купонов, реферальных вознаграждений и тому подобного, поэтому, если это то, что вас интересует, KickOffLabs поможет вам быстро и легко создать профессионально выглядящую целевую страницу.Станет ли он вирусным — кто знает?
Источник изображения
14. ShortStack
Shortstack специализируется на целевых страницах для конкурсов, розыгрышей призов и викторин.
Включает в себя инструменты электронного маркетинга для проведения соревнований и поддержания связи с участниками. Конструктор перетаскивания ориентирован на скорость и предлагает множество шаблонов.
С помощью встроенной аналитики вы можете отслеживать свои кампании. Кроме того, интеграция с почтовыми сервисами, такими как Mailchimp, упрощает хранение собранных вами лидов.
Вы можете создать все нужные страницы с помощью бесплатного инструмента и в любое время обновить его, чтобы получить дополнительные функции и инструменты.
Источник изображения
15. ConvertFlow
ConvertFlow — фантастический вариант, когда вам нужна как мощь простого визуального конструктора, так и более сложные функции, такие как многостраничные формы, условная логика и автоматизация.
Вы можете попросить потенциальных клиентов пропустить шаги, основанные на предыдущих действиях, добавить автоматизацию для сегментации списка, запустить собственный код для отслеживания событий и ретаргетинга, а также повысить коэффициент конверсии, предоставив индивидуальный подход.Лучше всего то, что он интегрируется с CRM, позволяя вам получить полное представление о поведении ваших лидов.
Источник изображения
16. enable.me
С помощью этого инструмента вы можете создавать целевые страницы без участия разработчика и размещать их как отдельные страницы, так и как часть существующего веб-сайта.
Одной из мощных функций include.me является возможность получать данные из частичных представлений, которые могут привести вас к идеям оптимизации конверсии.Кроме того, программное обеспечение позволяет создавать автоматические последовательности капель для собранных отведений.
Источник изображения
Существует так много инструментов для создания целевых страниц, но в конечном итоге все сводится к тому, какой из них подходит для вашей конкретной цели.
Если вы ищете удобный конструктор целевых страниц, который объединяет все ваши данные о клиентах и инструменты аналитики из лидирующего на рынке программного обеспечения HubSpot, начните работу с HubSpot Landing Pages сегодня.
Примечание редактора: этот пост был первоначально опубликован в мае 2019 года и был обновлен для полноты.
17 классных целевых страниц, которые я хотел бы сделать
Вы когда-нибудь выполняли поиск в Интернете или нажимали на рекламу в Facebook, чтобы найти что-то более интересное, чем вы ожидали? Возможно, когда страница загружается, вы начинаете сожалеть о своем импульсивном щелчке, потому что ваша духовка только что запищала, и ваша пицца готова! Но затем происходит что-то волшебное … Вы попадаете на страницу, чертовски крутую, что ваша пицца начинает подгорать.Ладно, может быть, это все-таки плохая гипотеза — кто бы мог позволить своей пицце подгореть?
Печальное, печальное зрелище.
Моя точка зрения такова: Жестокая правда в том, что нахождение действительно классной целевой страницы случается не так уж и часто. Когда это произойдет, не следует упускать из виду те моменты для маркетологов! Фактически, большинство классных целевых страниц, которые вы видите, вдохновлены другими классными целевыми страницами, поэтому мы собрали этот классный пост — чтобы вдохновить вас! Разве вы не слышали, что подражание — самая искренняя форма лести?
Но прежде чем мы погрузимся в некоторые довольно интересные примеры целевых страниц, давайте сначала рассмотрим…
Что такое целевая страница?
Когда я впервые услышал термин «целевая страница», я подумал, что каждая веб-страница должна быть целевой страницей (как на странице, на которую вы попадаете ), верно? Неправильный! Чтобы считаться «целевой страницей», эта страница должна быть открыта в рамках маркетинговой инициативы.Вы можете заключить специальную сделку, позволяющую клиентам подписаться на ваш список адресов электронной почты или позволяя им получать «скоро» предложение — из спонсируемой рекламы Google той или иной формы (поиск, отображение и т. Д.), Платной социальной сети реклама в Facebook, Instagram и т. д. или рассылка по электронной почте. Чтобы действительно считаться «целевой страницей» в мире маркетинга, должна быть транзакция, которая заставила этого человека попасть на эту страницу. Unbounce прекрасно резюмирует это: «В цифровом маркетинге целевая страница — это отдельная веб-страница, созданная специально для целей маркетинговой или рекламной кампании.”
Теперь, когда мы понимаем определение целевой страницы, важно помнить, что существует множество не крутых целевых страниц. Фактически, только 22% предприятий удовлетворены текущим коэффициентом конверсии целевой страницы . Если ваши целевые страницы не классные, то, скорее всего, и коэффициенты конверсии. Вот 17 очень КЛАССНЫХ целевых страниц, чтобы вдохновиться , а затем работать над повышением коэффициента конверсии.
стр.S. У нас есть выпуск подкаста Goal Talk на эту самую тему. Проверьте это в подкасте Goal Talk, эпизод 13: Анатомия целевой страницы для зарабатывания денег.
1. Сандалии для молодоженов
Я ищу идеи для медового месяца, и я наткнулся на эту страницу, когда проводил некоторое исследование в Google. Эта страница показалась мне крутой по многим причинам. Во-первых, посмотрите на людей, разве они могут быть круче?
Если серьезно, то эта страница делает несколько вещей правильно: соблазнительные образы, сигналы доверия с хорошо известными почетными знаками, полученными из внешних источников, и четкий, но не слишком неприятный призыв к действию «Закажи сейчас».
Прокручивая страницу вниз, я снова был впечатлен фактором крутизны. Эта целевая страница также включает в себя дополнительные услуги в их пакетах для молодоженов.
Итак, как вы можете украсть хорошие вещи, происходящие на этой целевой странице, и применить их к своей собственной?
- Используйте «крутые» и соблазнительные образы с людьми!
- Убедитесь, что ваш призыв к действию находится вверху страницы, но не слишком бросается в глаза.
- Чтобы вызвать доверие, предоставьте лучшие обзоры из известных источников.
- Убедитесь, что на вашей странице есть «бесплатное» предложение, чтобы привлечь новых потенциальных клиентов.
2. Instacart
Кому не надоедает поход в продуктовый магазин? Допустим, вам не хватает продуктов, но собрать ваших детей кажется слишком трудоемким, поэтому вы обращаетесь к исследованию доставки продуктов, и БУМ вы попадаете на эту целевую страницу с этим привлекательным всплывающим окном, информирующим вас о том, что продукты могут быть доставлены всего за час. Кого бы не продали?
Есть много причин, по которым эта целевая страница работает так хорошо.Во-первых, у него забавный, относительный и графический фон; во-вторых, он немедленно призывает зрителя к действию с помощью всплывающего окна с призывом к действию. Целевые страницы часто перегружены множеством призывов к действию, кнопками или другими местами для перехода. Однако этот дизайн прост и его легко имитировать. Просто создайте графически красивый и актуальный фон, а затем используйте всплывающий призыв к действию, чтобы заставить ваших зрителей что-то сделать, прежде чем перемещаться по всему вашему сайту.
3. GEM Сантехника и отопление
Допустим, вам нужна помощь в водопроводе, отоплении или другом электрооборудовании.В такие времена вам не нужно тратить часы на навигацию по сложной целевой странице. Вот почему целевая страница GEM так эффективна. Хотя, да, еще многое происходит с точки зрения вкладок и других мест для навигации, реальный фактор крутости этой страницы исходит из того факта, что она приглашает и разрушает барьеры для связи в трудную минуту.
Чтобы сделать ваши целевые страницы столь же эффективными, используйте простой, приветливый и понятный язык. Также убедитесь, что вы думаете о своей разнообразной аудитории.Хотя у вас может быть целевая личность, вы знаете, что каждый человек, посещающий ваш сайт, индивидуален и может иметь предпочтительный способ общения. Поэтому важно предоставить варианты, если ваша цель — привлечь внимание посетителей.
4. Программное обеспечение службы поддержки Solarwinds
Давайте будем честными, продавать программное обеспечение часто не «круто». Мы в WordStream слишком хорошо это знаем. Вот почему важно сделать ваши целевые страницы как можно более крутыми! Solarwinds отлично справляется с этим.Взгляните на целевую страницу ниже.
Вот причины, по которым он так хорошо работает:
- Текст короткий, приятный и четкий.
- Копия организована в виде списка, что упрощает ее усвоение.
- Есть один очень четкий призыв к действию.
- Этот призыв к действию — бесплатное предложение!
- Внизу страницы показаны другие крутые и известные бренды, которые также используют это программное обеспечение.
Итак, как вы можете черпать вдохновение в этом бренде? Посмотрите на эти пункты выше и сделайте это на своих собственных, которые скоро станут крутыми целевыми страницами.
5. HelloFresh
HelloFresh предлагает отличный подход ко всей целевой странице с уникальным предложением. Вместо того, чтобы быть чрезмерно агрессивным и продажным, HelloFresh очаровывает новых пользователей контентом, связывая их с интересным сообщением в блоге. Еще одна замечательная особенность этого приземления — соблазн «специального предложения». Попробуйте это на своих целевых страницах, потому что специальные предложения — это определенно круто!
6. freshsales
«Программное обеспечение для управления контактами — как оно круто!» никогда в жизни никто не говорил.
К счастью, freshsales знает, как заставить своих посетителей чувствовать себя круто с их забавным подходом на 360 градусов. Целевая страница ниже использует стратегию сохранения организованного, убедительного и ясного текста, но также включает забавный визуальный элемент. Еще одна интересная особенность целевой страницы freshsales — это БЕСПЛАТНЫЙ призыв к действию. Помните, что бесплатные вещи — это всегда здорово.
7. Wistia
Я могу быть предвзятым, потому что раньше я работал в компании Wistia, занимающейся видеоплатформой, но вы должны признать, что этот дизайн целевой страницы довольно крутой! Посмотрите это ниже.Главное, что в нем круто:
- Элегантный и простой дизайн.
- Уникальные и красивые цвета.
- Простой и понятный текст.
- Очаровательная копилка.
- Поначалу отсутствие призывов к действию (что делает его менее напористым).
Затем, прокручивая страницу вниз, вы получаете четкий призыв к действию ниже, в котором говорится, что кредитная карта НЕ нужна для регистрации. К этому моменту вы уже знаете, насколько крутыми, на мой взгляд, являются бесплатные вещи, и это сообщение о том, что кредитная карта не требуется, сразу заставляет меня полюбить это предложение.
Чтобы скопировать крутость Wistia, убедитесь, что ваш дизайн прост и визуально привлекателен. Дизайн и простота являются ключевыми в создании супер крутых целевых страниц, и (это еще не все?) Бесплатные вещи никогда не помешают.
8. Аренда ВПП
Я большой поклонник этой марки, поэтому нисколько не удивился, когда наткнулся на очень крутой лендинг. Rent the Runway использует подход из приведенных выше примеров, когда всплывающее окно сразу привлекает внимание посетителя.Мне нравится это всплывающее окно, потому что оно сразу привлекает посетителей и заставляет их почувствовать себя частью опыта на сайте Rent the Runways. Это здорово — иметь возможность посетить сайт и так быстро попасть именно туда, куда вы хотите.
Так как же ты можешь быть таким крутым, как Rent the Runway?
- Поэкспериментируйте со всплывающими окнами, которые упростят работу вашим посетителям.
- Используйте простые и изящные значки, соответствующие тому месту, где приземлится ваш посетитель.
- Комбинируйте текст с визуальными элементами, чтобы сделать их интересными и легко усваиваемыми для посетителей (дополнительные рекомендации по использованию целевой страницы см. Здесь).
«Вау! Какая классная целевая страница! » это именно то, о чем я подумал, когда попал на эту страницу для Row House, бренда, о котором я раньше не слышал, но теперь весьма заинтересован. Эта целевая страница очень привлекательна из-за гладкого и простого дизайна, но то, что мне понравилось больше всего это видео с автовоспроизведением в фоновом режиме.Если у вашего бренда есть крутой визуальный аспект, почему бы не сразу захватить посетителей с помощью визуального компонента, такого как видео, на ваших целевых страницах?
Попробуйте стратегию Row House и поместите видео с автовоспроизведением в конце целевой страницы, и ваши посетители будут потрясены вашим уровнем крутости.
10. Торо Локо
Ресторанная индустрия, безусловно, одна из моих любимых, потому что, как и большинство людей, я считаю, что еда — это потрясающе. И я не буду называть имен, но я встречал слишком много не крутых целевых страниц в этой индустрии.Toro Loco определенно не входит в их число. Когда я увидел эту целевую страницу , , меня встретил великолепный стол с вкусной едой, а также четыре соответствующих варианта, куда пойти дальше.
Затем волшебным образом появилось забавное всплывающее окно. Какое удовольствие! Кроме того, посмотрите на всплывающее окно ниже… «Вечеринка с бранчем в мескале». Что может быть круче этого?
Сделайте свои целевые страницы такими крутыми, демонстрируя свои восхитительные предложения с забавной стороны.
11.Airbnb
Вы, наверное, знакомы с Airbnb, и я подозреваю, что это во многом связано с удивительным опытом работы с сайтом компании. Главная целевая страница Airbnb, которую посетители найдут при поиске отелей для путешествий, выглядит чистой, ясной и полезной. Это определенно здорово… Я имею в виду, просто посмотрите на эту стильную, солнечную, яркую комнату с хипстерскими шляпами, украшающими стены. Вы действительно не ошибетесь, если почерпнете вдохновение для целевой страницы Airbnb.
Придерживайтесь принципов, которые мы обсуждали, чтобы сделать ваши целевые страницы такими крутыми:
- Простой и понятный дизайн
- Заманчивые, но не подавляющие образы
- Очень четкий и не напористый призыв к действию
12.Чейз
Кто не хочет становиться «членом семьи Чейза»? Выбрать поставщика кредитной карты достаточно сложно, но факт остается фактом: у большинства компаний есть несколько карт на выбор. Вот почему мне нравится эта страница от Чейза. Он не только устраняет различия между двумя картами, но и делает это очень крутым и удобоваримым способом.
Если у вас есть два сопоставимых продукта, по которым ваши посетители могут почувствовать противоречие, упростите им задачу, скопировав эту стратегию из Chase.Чтобы имитировать стратегию, найдите убедительное и актуальное изображение для фона, составьте краткий и наглядный список различий, предоставьте обзоры, если это возможно, и сделайте отдельный призыв к действию для каждого варианта.
13. Wayfair
Это может выглядеть как всплывающее окно, но это не так! Wayfair отлично справляется с тем, чтобы покупатели попадали на красиво простую и актуальную целевую страницу. Здесь нет уловок и множества вкладок, которые мешают. Скорее, покупатели получают довольно фантастические скидки, позволяющие им сделать покупки как можно скорее.Все, что вам нужно сделать, чтобы подражать этому стилю, — это делать вещи максимально простыми и предлагать скидку.
14. HomeLight
HomeLight отлично справился с этой задачей на этой супер-крутой целевой странице. Он не только прост и удобен для навигации, но и показывает красивый дом с великолепным небом. Что может быть круче?
15. Клуб плюшевых мишек
Разве клуб плюшевых мишек не похож на то, частью чего вы хотите стать? На самом деле это двуязычное дошкольное учреждение на французском и английском языках в Ньютоне и Линкольне, Массачусетс, но я наткнулся на него, когда проводил исследование для этой публикации, и был очень впечатлен их очень крутой целевой страницей.Во-первых, слишком мило название бренда. Я имею в виду, что дети классные, а очаровательные двуязычные художники еще круче.
Когда вы прокручиваете страницу вниз, вы встречаетесь с очень простым CTA.
Мне нравится, как родители могут прочитать некоторую утешительную и информативную информацию перед тем, как попасть в CTA и, надеюсь, совершить поездку для посещения. Это определенно крутая стратегия для подражания.
16. Wix
Эта целевая страница Wix настолько классная, что мне даже не нужно объяснять почему.Достаточно взглянуть на великолепное и умопомрачительное изображение горы и неба. Сообщение ясное, сфокусированное, и CTA прямо здесь, чтобы вы могли перейти и «начать сейчас»!
17. Убер
И последнее, но не менее важное: эта целевая страница Uber для набора новых водителей очень крута по многим причинам. Послание ясное, призыв к действию сфокусирован, но главная причина, по которой я считаю эту страницу такой крутой, — это очаровательная, счастливая женщина, изображенная на фото. Фотография на этой странице кажется реальной, человечной и интересной, что очень круто, если вы спросите меня.
Мне не терпится увидеть все крутые целевые страницы, которые вы создаете с помощью этого списка крутых идей для вдохновения. Поделитесь своими супер классными ссылками на целевые страницы ниже в комментариях!
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 полей формы — это много, даже для этапа рассмотрения маркетинговой воронки. Разделение этого на многоступенчатую форму может уменьшить трение формы и привести к большему количеству преобразований.
- Бирюзовая кнопка CTA похожа на другой оттенок синего на странице. Сделав его более контрастным, например, оранжевым, мы сделаем его более ярким.
- Страница несбалансированная . Включение дополнительного элемента целевой страницы после щелчка слева от нижней части формы, такого как отзыв клиента или привлекательное изображение, может сделать страницу более эстетичной.
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 вверху и внизу страницы, ссылка для входа под первой формой и ссылка «Узнать больше» под второй формой — могут отвлекать посетителей и удалять их со страницы перед преобразованием. .
- Форма и кнопка с призывом к действию сливаются с остальной частью страницы, потому что многие элементы на странице отформатированы одинаково и кажутся интерактивными.
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-тест:
- Гиперссылка на логотип «Постоянный контакт» может немедленно увести посетителей со страницы, не увидев всего предложения.
- На кнопке с призывом к действию слишком много текста, поэтому она мала и трудна для чтения. «Без риска. Кредитная карта не требуется ». можно переместить под кнопкой.
- Отсутствие политики конфиденциальности может заставить потенциальных клиентов не решиться совершить конверсию.
- Добавление социального доказательства , такого как отзыв клиента, скорее всего, заставит кандидатов чувствовать себя более уверенно в своем решении подписаться на постоянный контакт, что повысит коэффициент конверсии.
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 сегодня.
110 примеров целевых страниц, которые нельзя пропустить
Когда дело доходит до разработки эффективной маркетинговой стратегии, многие из нас ориентируются на лидеров отрасли, мы можем сделать то же самое с примерами целевых страниц.
Мы исследуем верхнюю часть их воронки, чтобы выяснить, как они подписывают людей на свою информационную рассылку и превращают потенциальных клиентов в потенциальных клиентов. Мы смотрим на нижнюю часть, чтобы узнать, как они подписывают посетителей на пробную версию своих услуг и как они убеждают этих клиентов совершить покупку.
Сегодня, однако, куда бы вы ни посмотрели — будь то небольшое агентство или такой гигант, как PayPal, — вы обнаружите, что все эти задачи все чаще выполняются платформой целевой страницы.
Эти ориентированные на действия, автономные веб-страницы используются предприятиями любого размера для продвижения людей на всех этапах пути к покупке.
Ниже вы найдете 100 примеров некоторых из лучших и худших целевых страниц в Интернете после кликов с полной критикой. Просмотрите их, чтобы узнать, что делать, а что не делать, чтобы создать собственную высокоэффективную целевую страницу после клика.
(Приведенные ниже примеры отображались так, как показано в определенный момент времени. Некоторые примеры с тех пор были изменены, но критика по-прежнему актуальна для снимков экрана. Имейте в виду, что для более коротких страниц мы показывали всю страницу.Для более длинных страниц мы отображаем только верхнюю часть сгиба.)
110 Примеры целевых страниц после клика
1. Casper
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок рассказывает посетителям, почему им стоит купить матрас Casper.
- Изображение создает очень домашнюю, семейную атмосферу, которая идеально подходит для бренда.
- Отзывы влиятельных брендов , таких как Time & Good Housekeeping, являются социальным подтверждением предложения.
- Bullet point copy упрощает чтение и перечисляет причины, по которым Casper является разумным выбором для посетителя.
- Отзывы клиентов от обычных людей убеждают пользователя, что другим людям, как и они, тоже нравится спать на матрасе Casper.
- Предложение без риска на 100 ночей повышает доверие к странице.
- Таблица цен помогает посетителю решить, следует ли ему нажимать кнопку CTA.
- CTA-кнопка «Купить» контрастирует с фоновым изображением и сообщает посетителю, чего ожидать при нажатии на нее.
- Номер телефона дает возможность посетителям получить ответы на все свои вопросы.
Что проводить A / B-тест:
- Дополнительная кнопка CTA «Найдите ближайший к вам магазин» отлично подходит для посетителей, которые не готовы купить матрас в Интернете, не опробовав его лично. Однако наличие на странице конкурирующих кнопок CTA означает, что есть несколько целей.Если не сосредоточить внимание ни на одном из них, это может снизить конверсию.
- Перечисление конкурирующих брендов может иметь неприятные последствия для Casper, потому что, даже если они указаны как наименее дорогой вариант, потребители, скорее всего, изучат все остальные бренды на странице, даже если они не знали о других брендах, прежде чем увидят их в списке.
- С довольно длинной страницей, с использованием якорных тегов или визуальных подсказок может убедить посетителей обратить внимание на определенные элементы на странице (например,грамм. отзывы клиентов).
2. Merrill Edge
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок ясен, потому что он объясняет, почему посетитель должен торговать акциями с Merrill Edge, потому что это стоит всего 6,95 долларов США за торговлю онлайн и ETF.
- Обновленное сводное изображение фондовой биржи дает посетителю обзор рынка, когда он попадает на страницу.
- Преимущества перечислены с помощью пиктограммы , которая помогает посетителю быстро их прочитать и понять преимущества предложения.
- Процесс учетной записи объясняется, чтобы посетитель знал, что делать после нажатия кнопки CTA.
- Красная кнопка CTA, цвет , выделяется на странице, поэтому вы точно знаете, где перейти к пункту «Начать работу» с Merrill Edge.
Что делать A / B-тестам:
- Навигационные ссылки внизу страницы дают пользователю простой способ покинуть страницу перед нажатием кнопки CTA.
- Копия кнопки с призывом к действию «Начать работу» может быть улучшена, поскольку она слишком универсальна.«Начать торговать сейчас» дает большую срочность и может стимулировать больше конверсий
- Многословие страницы может быть слишком большим для посетителя.
3. Magento
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Форма для захвата потенциальных клиентов с одним полем подходит для бесплатного отчета и, вероятно, генерирует много конверсий, потому что посетителям не нужно сообщать слишком много личной информации.
- Копия кнопки CTA соответствует предложению, а цвет красной кнопки контрастирует со страницей.
- Значки клиентов Coca-Cola и Canon добавляют социальное доказательство к странице.
- Цитата Gartner дает посетителю возможность получить представление о том, что повлечет за собой отчет.
- Раздел Magento по номерам дает пользователю быстрый снимок компании.
- Привлекательная иконография в сочетании с и вспомогательными копиями деталей работы платформы Magento.
Что проводить A / B-тест:
- Заголовок уникален, но не очень убедителен.Вспомогательный заголовок дает больше деталей, но все же говорит о Magento. Если бы он был больше ориентирован на посетителя, он мог бы генерировать больше конверсий.
- Показанное изображение немного сбивает с толку. Как городской пейзаж, перенесенный на тело мужчины, побуждает людей скачать отчет?
- Серая кнопка CTA вверху справа. остается незамеченной, потому что она не контрастирует с серым фоном.
- Кнопки социальных сетей внизу дают людям слишком много способов покинуть страницу, не загрузив предварительно отчет.
4. Quip
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок ясен и по существу, потому что он указывает на UVP Quip.
- Копия кнопки с призывом к действию «Получить Quip» является прямым и дает людям понять, что они будут «Get Quip», как только они нажмут на нее.
- Изображение кистей разного размера показывает посетителю, что у Quip есть кисть, идеально подходящая для его рта.
- Обзоры крупного бренда от GQ, Time, Американской стоматологической ассоциации добавляют доверия к этому предложению.
- Преимущества Quip упоминаются в отдельных разделах страницы с соответствующими изображениями, которые добавляют красивую визуальную привлекательность странице и объясняют каждое преимущество.
- Раздел цен позволяет пользователям выбирать, какую модель Quip приобрести.
- Раздел часто задаваемых вопросов отвечает на самые распространенные запросы, которые получает Quip, чтобы посетитель мог легко принять решение.
Что проводить A / B-тест:
- Навигационные ссылки в заголовке страницы дают пользователю возможность очень быстро покинуть страницу.Какова цель этой страницы: для навигации или привлечения новых клиентов?
- Рейтинг 4.96 впечатляет, но, не говоря уже о том, где размещены отзывы, потенциальные клиенты могут задаться вопросом, являются ли они настоящими и где они могут их прочитать.
- Ссылки блога на странице после клика не имеют большого смысла, потому что они уводят посетителя от предложения.
- Светло-зеленые кнопки с призывом к действию не так сильно контрастируют со страницей, как могли бы.Сделав их того же цвета, что и изображения в блоге внизу, они могут не получить столько кликов.
5. Глен Парк
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Услуги описаны с помощью маркированного списка, что упрощает пользователю просмотр их и принятие решения о том, является ли Glen Park лучшим вариантом для посетителя.
- Аккредитация повышает доверие к бренду.
- Изображения плана этажа помогают посетителю лучше визуально почувствовать объект.
Что проводить A / B-тест:
- Заголовок довольно мягкий и не передает USP объекта Glen Park. Вместо этого в заголовке можно использовать эмоциональное повествование, которое затронет эмоциональную сторону посетителя.
- Кажется, что копия кнопки CTA смещена, из-за чего кнопка выглядит странно.
- Первое расписание тура раздела появляется слишком рано на странице. Посетитель не имел возможности просмотреть аккредитации, услуги, общественную деятельность, типы предлагаемого ухода или поэтажные планы еще дальше по странице.
- Форма запрашивает слишком много информации только для того, чтобы загрузить брошюру.
6. Университет Капеллы
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок найдет отклик у посетителя, поскольку он решает проблему, с которой сталкивается большинство студентов колледжей.
- Фоновое изображение очень соответствует заголовку.
- В пункте перечислены причины, по которым посетитель должен поступить в университет Капеллы.
- Заголовок формы и копия кнопки CTA поддерживают соответствие сообщения.
- Раздел аккредитации гарантирует посетителю, что университет является признанным учреждением для получения высшего образования.
Что проводить A / B-тест:
- Навигационные ссылки в верхнем и нижнем колонтитулах страницы дают посетителям возможность покинуть страницу.
- Пустое пространство слева от формы делает страницу несбалансированной. Кроме того, позволяя элементам больше перемещаться между формой и копией, люди могут сканировать страницу и лучше понимать каждый раздел.
7. Указание
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок выделяет UVP услуги.
- Форма короткая и не запрашивает лишнюю информацию.
- И основная, и дополнительная кнопки с призывом к действию имеют четкую копию.
- Обширное пустое пространство по всей странице делает страницу эстетически приятной и, скорее всего, не вызовет беспокойства у потенциальных клиентов.
- Преимущества маркированного списка позволяют посетителю усвоить всю информацию и понять программу Guideline 401K.
- Социальное доказательство от The New York Times, CNBC, Forbes и других добавило доверия к странице.
Что проводить A / B-тест:
- Заголовок может быть более описательным. Несмотря на то, что он выделяет UVP, добавление дополнительных деталей сделает заголовок более убедительным.
- Добавление отзывов клиентов поможет посетителям принять решение, поскольку они позволят посетителю увидеть, как другие извлекли выгоду из Руководства.
8. Munchery
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок объясняет услугу: свежие продукты доставляются вам, не выходя из дома.
- Фоновое изображение аппетитно и соответствует предложению.
- Около 900 отзывов клиентов Trustpilot помогают посетителю решить, следует ли делать заказ в Munchery.
- Раздел «Избранное» покупателей дает посетителям возможность увидеть, какие блюда они могут ожидать от Munchery.
- Значок со скидкой 20 долларов побуждает посетителей действовать и заказывать еду.
- Многоступенчатая форма помогает посетителям завершить процесс регистрации.
Что проводить A / B-тест:
- Купон на скидку на 20 долларов может привлечь больше внимания в заголовке, так что посетитель, вероятно, заметит его, как только попадет на страницу. Конечно, это также может побудить больше новых пользователей попробовать Munchery.
9. Cruise Zap
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Прорыв цены в заголовке усиливает идею о том, что предложение доступно со значительной скидкой.
- Желтая кнопка с призывом к действию спрыгивает со страницы и побуждает посетителей приступить к закреплению своего места в круизе прямо сейчас.
- Копия кнопки CTA обращается к посетителю тоном от второго лица и имеет отношение к предложению.
- В разделе «Как видно» представлены известные бренды, такие как NBC, CBS News и FOX, которые убеждают посетителя в том, что Cruise Zap является законным брендом.
- Видео-отзывы убедительны, потому что в них представлены реальные люди, воспользовавшиеся специальным предложением.Кроме того, они очень короткие, поэтому посетителям не нужно смотреть длинные видео, чтобы услышать истории клиентов.
- Раздел часто задаваемых вопросов помогает посетителю принять решение, стоит ли ему инвестировать в Cruise Zap.
Что проводить A / B-тест:
- Заголовок может включать привлекательность круиза, чтобы сделать его более убедительным.
- Изображения выглядят как плохие стоковые фотографии и довольно скучные для фотографий круиза.
- Больше белого пространства сверху вниз может помочь людям более эффективно перемещаться по странице.
10. dataxu
покажите мне, как работает Instapage ➔
Что они сделали хорошо:
- Заголовок объясняет, что делает dataxu.
- Значки клиентов показывают потенциальным клиентам некоторые известные бренды, которые уже получили выгоду от dataxu.
- 2-минутное видео является коротким и позволяет людям узнать, сколько времени длится контент, прежде чем они начнут воспроизведение. После нажатия на видео посетителям показано, как клиенты могут использовать программное обеспечение.
- Защитные пломбы сообщают посетителям о безопасности использования программного обеспечения.
Что проводить A / B-тест:
- Декларация об инвестициях без мошенничества на 97% может противоречить предложению, возможно, недостающие 3% важнее для посетителей, чем 97%.
- Предложение отчета на странице после клика дает посетителям возможность покинуть страницу.
- Кнопка «Подробнее» с призывом к действию, копия под демонстрационным видео, может быть более точной и понятной о том, что будет дальше.
- Добавление большего количества пустого пространства улучшило бы все пространство и позволило бы потенциальным клиентам лучше потреблять содержимое страницы при оценке dataxu.
11. Убер
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- Ссылка «Поездка с Uber» не нужна. Все, что это будет делать, — это отгонять потенциальных клиентов со страницы. Если бы они хотели ездить с Uber, они бы нажали на рекламу PPC, которая позволяла бы им пользоваться Uber.
12. млн унций
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок работают вместе, чтобы сформировать сильное ценностное предложение.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение дает представление о том, на что на самом деле похоже использование продукта.
- Копия оптимизирована для чтения небольшими порциями.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
- Социальное доказательство внизу страницы повышает доверие потенциальных клиентов.
Что проводить A / B-тест:
- Гиперссылка на логотип позволяет потенциальным клиентам перейти на домашнюю страницу без конвертации.
13. HubSpot + Canva
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» сообщает о преимуществах.
- Копия , разделенная на части, делает страницу легко усваиваемой.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Эта длинная форма может удерживать потенциальных клиентов на странице от преобразования.
- Фоновое изображение сбивает с толку, учитывая, что электронная книга — это графика. Какое отношение горный хребет имеет к графике?
- Больше белого пространства может помочь элементам страницы «дышать» больше и быть даже более убедительными, чем их текущее размещение.
14. Институт контент-маркетинга
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Возможность выбора веб-трансляции позволяет посетителям выбирать контент, наиболее соответствующий их потребностям.
Что проводить A / B-тест:
- Эту кнопку с призывом к действию легко пропустить.
- Текстовые блоки справа делают эту страницу пугающей для чтения.
- Форма из 9 полей может отпугнуть посетителей от этой страницы.
- Кнопка «Поделиться» в Twitter позволяет потенциальным клиентам покинуть страницу. Что, если ваш посетитель поделился страницей, но не вернулся на страницу и не зарегистрировался?
15. LinkedIn
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение дает представление о том, на что на самом деле похоже использование продукта.
- Текст разделен на более мелкие, удобные для чтения фрагменты.
- Кнопка «Автозаполнение через LinkedIn» позволяет посетителям заполнить форму простым щелчком, вместо того, чтобы заполнять эту длинную форму.
Что проводить A / B-тест:
- «Отправить» столь же ленив и ничем не примечателен, как и CTA.
- Многочисленные исходящие ссылки , включая логотип LinkedIn и кнопки социальных сетей, предоставляют посетителям слишком много возможностей покинуть страницу без предварительной конвертации.
- Заголовок не дает явного преимущества. Он также использует жаргон, кто именно такие «искушенные маркетологи»?
16. Forrester Research
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Цвет кнопки призыв к действию контрастирует с белым фоном, делая кнопку более заметной для посетителей.
- Изображение отчета имеет отношение к предложению и дает посетителям возможность заглянуть в суть отчета.Однако изображение могло быть больше.
Что проводить A / B-тест:
- Гиперссылка на логотип дает посетителям возможность покинуть страницу, не загружая отчет.
- Форма слишком длинная для целевой страницы бесплатного отчета после клика. Кроме того, все поля формы обязательны, что добавляет трение к странице.
- Копия написана с точки зрения компании с использованием местоимения «наш». Копию следует заменить ориентированной на клиента копией с описанием того, почему отчет полезен для посетителей.
17. Microsoft
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Копия ориентирована на получение выгоды и разделена на небольшие фрагменты для удобства чтения.
- Пункты списка предлагают беглый просмотр содержания электронной книги.
- Текст над формой позволяет посетителю точно знать, что им нужно сделать, чтобы совершить конверсию.
Что проводить A / B-тест:
- Этот логотип , связанный с домашней страницей, может увести пользователей со страницы до того, как они успеют нажать на кнопку с призывом к действию.
- Заголовок «Интеллектуальная безопасность: использование машинного обучения для обнаружения сложных кибератак» не сообщает о явных преимуществах. Однако это может быть со словами «Как сделать» перед ним. «Интеллектуальная безопасность: как использовать…»
- Этот цвет кнопки CTA можно изменить, чтобы привлечь больше внимания.
- Исчезающие серые метки внутри полей формы могут раздражать и сбивать с толку потенциальных клиентов, как показывают исследования.
18.GEICO
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип без гиперссылок не позволит посетителям покинуть страницу.
- Очень короткая форма с одним полем запрашивает только почтовый индекс и собирает дополнительную информацию позже в процессе.
- Копия кнопки CTA адаптирована к предложению.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок «Посмотрите, насколько ярче может стать ваш день» не приносит ощутимой пользы. Тем не менее, все мы знаем GEICO достаточно хорошо, чтобы знать их слоган «15 минут могут сэкономить вам 15% или больше на страховании автомобиля» до такой степени, что брендинг заполняет пробелы для нас.
19. PayPal
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слово «бесплатно» подчеркивает бесплатный характер предложения.
- Синяя кнопка с призывом к действию появляется со страницы.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» не так адаптирован к предложению, как мог бы.
- Изображение текст не читается.
- Логотип связан с домашней страницей, что позволяет потенциальным клиентам покинуть целевую страницу после клика без конвертации.
20. Джефф Буллас
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок передают явную выгоду.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Отзыв от Джеффа Булласа, а не от одного из его довольных клиентов. Отзывы хороши, но этот производит впечатление саморекламы. Если бы это была цитата от маркетолога, который использовал секреты ведения блога Джеффа для улучшения своих собственных кампаний, отзыв был бы еще более ценным.
21. Алекса
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Копия разделена на удобоваримые куски для удобства чтения.
- Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
- Три взаимодействующих CTA работают вместе, чтобы конвертировать потенциальных клиентов в разных местах на странице.
- Логотип Amazon ассоциирует Alexa с мощным, хорошо известным брендом.
- Подчеркнуты особенности продукта , что обычно недопустимо, но равно как и их соответствующие преимущества.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
- Текст «Начни менее чем за 10 минут» подчеркивает мгновенное решение, к которому мы, как нетерпеливый коллектив, стремимся.
Что проводить A / B-тест:
- Больше белого пространства позволит каждому элементу целевой страницы после клика «дышать» больше и привлечь еще больше внимания к призыву к действию.
22.HubSpot
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Короткие абзацы и маркированная копия упрощают просмотр этой страницы.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Несколько CTA работают вместе, чтобы убедить потенциальных клиентов совершить конверсию.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA «Продолжить» мог бы быть более убедительным.
- Кнопки социальных сетей дают людям точку выхода на целевой странице после клика.
23. Microsoft
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Слово «сейчас» в CTA использует наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Уровень детализации этой страницы можно уменьшить.
- Копия кнопки CTA может быть персонализирована в соответствии с предложением.
24. WordStream
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок является творческим, потенциально предлагая малоизвестное секретное решение, отличное от обычного.
- Упавшая шахматная фигура служит наглядным пособием, указывая на кнопку CTA.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Копия дразнит содержание руководства.
- Слово «бесплатно» основано на нашем желании получить что-то даром.
Что проводить A / B-тест:
- Ссылки социальных сетей в нижнем колонтитуле могут оттолкнуть потенциальных клиентов со страницы, прежде чем они смогут совершить конверсию.
- Цвет формы совпадает с цветом заголовка и части копии.Он не так сильно выделяется, как мог бы, на остальной части страницы.
25. Судан Патель
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- CTA написано от первого лица.
- Отзыв от счастливого клиента укрепляет доверие к этому предложению.
- Поле «Назовите справедливую цену» позволяет людям выбрать, сколько они хотят заплатить. Нам было бы любопытно найти данные о том, какие суммы в долларах посетители согласились платить Судану Пателю…
Что проводить A / B-тест:
- Изображение ничего не добавляет к предложению.
- Поле выбора языка великолепно, но оно переводит только электронную почту и ссылки навигации, название поля цены и копию CTA. Если вы не умеете читать по-английски, как еще вас убедить в этом и в конечном итоге купить электронную книгу?
26. Наемный
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Охватите 4000 компаний за один раз» дает явную выгоду.
- Зеленая кнопка CTA появляется на белой форме.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Короткая форма упрощает регистрацию.
- «Бесплатная» природа услуги подчеркнута в подзаголовке.
- Диапазон заработной платы , указанный в подзаголовке, выше среднего даже на нижнем уровне.
Что проводить A / B-тест:
- Меню навигации и логотип с гиперссылкой позволяют потенциальным клиентам слишком легко покинуть страницу.
27. Birst
покажите мне, как работает Instapage ➔Чем хороша эта страница:
- Первая строка текста относится к посетителям страницы, задавая им вопрос, на который они, вероятно, ответят «да».
- Маркированная копия дает посетителям представление о том, что они узнают, прочитав отчет.
- Кнопка CTA цвета выделяется на белом фоне.
- Слово «сейчас» в CTA выражает желание посетителей мгновенно получить удовольствие.Если вы нажмете кнопку, вы сразу же прочтете отчет.
Что проводить A / B-тест:
- Заголовок здесь мог бы быть сильнее. Берст упускает возможность использовать похвалу авторитетной компании в качестве заголовка социального доказательства. «Узнайте, почему компания Gartner назвала Birst одной из лучших платформ бизнес-аналитики на рынке». Помните — вы можете охарактеризовать свой продукт как «лучший», если кто-то сказал это о вас, но не можете сказать это о себе.
- Мелкий шрифт здесь должен идти.Если вы на самом деле найдете время, чтобы прочитать это, вы поймете, что здесь нет ничего подозрительного. Но проблема в том, что не все будут. Они увидят мелкий шрифт и решат, что в этом есть загвоздка. Выделите его курсивом и увеличьте, чтобы посетители могли его прочитать. Берсту здесь нечего скрывать.
- Светло-серые метки в каждом поле формы могут расстроить посетителей, когда они исчезнут.
28. Domo
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Отзывы счастливых клиентов служат социальным доказательством.
- Кнопка CTA, цвет , появляется со страницы.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок вообще не передает явной выгоды.
- CTA-кнопка может быть намного больше, чтобы привлечь больше внимания как самый важный элемент на странице.
29. Salesforce
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Минимальный текст упрощает просмотр этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Значки безопасности сообщают потенциальным клиентам, что их информация в безопасности.
- Слово «сейчас» в CTA подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот CTA действительно легко пропустить, поскольку он лишь немного отличается по оттенку от формы.
- Загруженный нижний колонтитул с картой сайта и кнопками социальных сетей позволяет потенциальным клиентам покинуть страницу без конвертации.
- Копию кнопки CTA следует изменить на что-то более персонализированное.
30. Indeed Crowd
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок передает явную выгоду посетителю: получать деньги за ссылку на кандидата, которого наняли.
- Минимальный беглый текст упрощает просмотр этой страницы.
- Совместные призывы к действию работают вместе, чтобы обратить посетителя.
- Копия подчеркивает гибкость и простоту использования.Регистранты могут заработать дополнительные деньги, когда захотят.
- Снимок экрана , показывающий четырехзначное вознаграждение за привлечение потенциальных клиентов, побуждает их совершить конверсию.
- Форма с одним полем упрощает преобразование для потенциального клиента.
Что проводить A / B-тест:
- Синяя кнопка с призывом к действию вверху страницы не привлекает столько внимания, сколько могло бы.
- Копия выровнена по центру (с нарушением левого поля) вместо традиционного выравнивания по левому краю, что затрудняет чтение, чем должно быть.
31. Upwork
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок с практическими рекомендациями подчеркивает, что, зарегистрировавшись, посетитель получит возможность узнать, как предприятия используют онлайн-таланты.
- Большой логотип Upwork позволяет потенциальным клиентам узнать, что они получают советы от крупного бренда.
- Маркированная копия быстро сообщает о преимуществах преобразования на странице.
Что проводить A / B-тест:
- Изображение в правом верхнем углу никак не связано с содержанием целевой страницы после клика.
- Форма с 8 полями может запугать людей и заставить их покинуть страницу.
- Кнопка с призывом к действию не выделяется на фоне страницы, на которой уже много фиолетового цвета.
- CTA «Регистр» ничем не примечателен, и его можно было бы увеличить.
32. IBM Marketing Cloud
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Эта кнопка CTA, цвет , хорошо контрастирует с ее формой.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Призыв к действию «Отправить» не может быть более ничем не примечательным.
33. HubSpot
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
Что проводить A / B-тест:
- Логотип HubSpot связан с их домашней страницей, что обеспечивает легкий доступ со страницы и может уменьшить количество конверсий для бесплатной оценки.
- Длинная форма может отпугнуть потенциальных клиентов от этой страницы, прежде чем они конвертируются.
34. Dreamforce
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
Что проводить A / B-тест:
- Занятый нижний колонтитул отвлекает потенциальных клиентов от конверсии, позволяя им покидать страницу, когда им заблагорассудится.
- Кнопка «Поделиться» в конце формы позволяет посетителям покинуть страницу.
- Копию кнопки можно сделать релевантной оферте.
35. Capital One
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок ясно передает ценность предложения.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Совместные призывы к действию помогают конвертировать потенциального клиента в двух разных местах на странице.
Что проводить A / B-тест:
- Оживленный нижний колонтитул , заполненный ссылками и значками социальных сетей, отвлекает потенциальных клиентов от запроса предложения.
- CTA «Зарегистрируйтесь сейчас» может быть более адаптирован к предложению. Даже «Дай мне неограниченное количество проверок без ежемесячной платы», вероятно, будет лучше.
36. WordStream
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок вопроса привлекает читателя, обращаясь к нему напрямую.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу.
- Политика конфиденциальности отсутствует, , что может заставить посетителей задуматься: «Что WordStream будет делать с моей информацией, если я ее отправлю?»
37. Marketo
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- CTA «Загрузить» настолько же неинтересно, насколько это возможно.
- Заголовок можно было бы сформулировать так, чтобы передать более сильную выгоду.
38. Автопилот
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок этого тематического исследования предлагает ценный ресурс: подробный анализ того, как Instapage принес доход в размере 30 тысяч долларов за два месяца.
- Этот CTA написан от первого лица.
- Изображения делают докладчиков более человечными.
- Маркированная копия передает преимущества посещения вебинара.
- Титулы докладчиков демонстрируют их опыт.
- Таймер обратного отсчета усиливает дефицит.
Что проводить A / B-тест:
- Speaker bios можно было бы добавить немного больше, чтобы убедить посетителей прийти.
39. Он 24
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает посетителям узнать о малоизвестных «секретах», которые помогут им увеличить количество регистраций на вебинары.
- Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Цвет кнопки CTA уже используется на странице, поэтому ее легко пропустить.
- Нижний колонтитул навигации не имеет никакого смысла на целевой странице после клика.
40. Домо
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Копия, разделенная на небольшие фрагменты. делает чтение этой страницы менее утомительным.
- Кнопка CTA цвета появляется на фоне этой формы.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
- Эта кнопка с призывом к действию может быть больше, чтобы привлечь больше внимания.
- Многословие этой страницы можно сократить с помощью нескольких простых пунктов.
- Заголовок можно переместить на несколько позиций вверх. Он не выглядит по центру страницы.
41. Пользовательское тестирование
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Слово «бесплатно» подчеркивает бесплатное предложение.
- Яркая кнопка цвета привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок может передать более сильную выгоду.
- Политика конфиденциальности или значки доверия могут сделать посетителей более удобными при конвертации.
42. ACT
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип не связан с главной страницей, что означает, что посетители не могут уйти, пока не совершат конверсию.
- Текст позволяет предварительно просмотреть содержимое электронной книги.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Два боевых призыва к действию снижают конверсию друг друга.
- Тонны текста делают эту страницу пугающей для чтения.
43. Университет Вилланова
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип Виллановы не содержит гиперссылок, что удерживает посетителей на странице и фокусирует внимание на цели целевой страницы после клика.
- Индикатор выполнения показывает, на каком этапе посетитель находится в данный момент, и сколько всего шагов включено в процесс преобразования.
- Значки органов власти рекламируют программу.
- Маркированная копия быстро расскажет о преимуществах регистрации.
Что проводить A / B-тест:
- Изображение на самом деле не передает преимущества онлайн-программы MBA Виллановы.
- CTA-кнопка не похожа на кнопку, а выглядит как простой индикатор выполнения.Где потенциальные клиенты должны щелкнуть, чтобы продолжить процесс регистрации?
44. WordStream
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слово «бесплатно» появляется на двух разных целевых страницах после клика, подчеркивая бесплатный характер предложения.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает наше желание получить немедленные решения наших проблем.
- Маркированная копия быстро сообщает о преимуществах преобразования.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет потенциальным клиентам покинуть страницу без конвертации.
- Два разных связанных логотипа в заголовке служат для исходящих выходов со страницы.
45. Microsoft Power BI
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок приносит посетителю выгоду.
- Копия усиливает ценность, представленную в заголовке, утверждением «Анализ данных — это профессиональный атрибут высокого спроса. Фактически, это один из 10 лучших навыков, которые сегодня ищут многие компании ».
- Маркированная копия объясняет преимущества загрузки электронного журнала.
- Полужирные буквы создают визуальную иерархию, привлекающую внимание к важным фразам.
- Ссылки на политику конфиденциальности и товарные знаки включены в качестве ресурса для любопытных потенциальных клиентов, но они также имеют тусклый цвет, чтобы не отвлекать внимание от более важных элементов страницы.
Что проводить A / B-тест:
- Два логотипа с гиперссылкой в заголовке и один в нижнем колонтитуле привлекают пользователей на домашнюю страницу до того, как они успеют совершить конверсию.
- Светло-серые метки в полях формы могут запутать и расстроить перспективы, как показывают исследования.
46. Marketo
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип, не связанный с главной страницей , не позволяет потенциальным клиентам уйти без конвертации.
- Заголовок «Как сделать» дает читателю очевидную пользу.
- Содержание относится к читателю.
- Беглый текст с маркированными точками упрощает просмотр этой страницы.
- Текст «Загрузите электронную книгу, чтобы узнать больше» с соответствующими стрелками направляет взгляд посетителей к форме.
- Инструкции в форме позволяют людям точно знать, как получить электронную книгу.
Что проводить A / B-тест:
- CTA «Загрузить» мог бы быть гораздо более убедительным.
- CTA-кнопка привлекла бы больше внимания, если бы была больше.
47. Google Cloud Platform
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный бесплатный ресурс.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Маркированная копия передает преимущества преобразования.
- Раздел часто задаваемых вопросов помогает ответить на любые вопросы посетителей о платформе.Однако включение внешних ссылок позволяет легко покинуть страницу, не позволяя посетителю сначала совершить конверсию по предложению.
Что проводить A / B-тест:
- Логотип в верхнем левом углу представляет собой гиперссылку на домашнюю страницу Google Cloud, которая отвлекает посетителей от нажатия на CTA и «бесплатного ознакомления».
- Занятый нижний колонтитул позволяет посетителям покинуть страницу без преобразования.
48. Shopify
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы убедить потенциального клиента совершить конверсию.
- Слово «Сегодня» в CTA подчеркивает мгновенную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , служит выходом для потенциальных клиентов.
49. Перколат
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Цвет кнопки CTA хорошо контрастирует с белой страницей.
- Несколько взаимодействующих кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
- Призыв к действию адаптирован к предложению. Здесь написано «См. Перколат», а не что-то вроде «просмотреть демонстрацию».
- Контент размером с кегль упрощает чтение этой страницы, чем если бы она была покрыта текстом блока.
- Скриншоты изнутри Percolate дают посетителям представление о том, как это работает.
Что проводить A / B-тест:
- Многочисленные ссылки в верхнем и нижнем колонтитулах служат выходами со страницы, позволяя потенциальным клиентам уйти до того, как они конвертируются.
- Подзаголовок утверждает, что Percolate является платформой №1 для контент-маркетинга в мире, но где доказательства? Подобные фразы на самом деле делают противоположное тому, что задумано. Подумайте об этом — сколько раз вы видели надпись «Лучшая чашка кофе в мире» на внешней стороне кафе? И сколько раз вы этому верили?
- Эти отзывы даны безымянными покупателями. Без имен, названий или фотографий они менее убедительны для читателей.Посетители должны решить, верят ли они, что они были написаны клиентами Percolate или самой командой Percolate.
50. SAP
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Нет навигации означает, что нет видимого выхода за пределы страницы.
- Ссылки на странице могут заставить вас думать, что они направляют потенциального клиента в другое место, но на самом деле они просто приводят вас в конец страницы к форме.
Что проводить A / B-тест:
- Изображение не имеет ничего общего с предложением и нисколько не усиливает его.
- Заголовок не ориентирован на получение выгоды. Зачем посетителю скачать его?
51. Whitman Syracuse University
Что они сделали хорошо:
- Процесс регистрации разбит на этапы, что снижает трение, связанное с преобразованием.
- Маркированная копия сообщает о преимуществах участия в программе.
Что проводить A / B-тест:
- Цвет кнопки призыв к действию позволяет легко пропустить эту кнопку.
- В заголовке отсутствует четкое уникальное торговое предложение.
52. Академия онлайн-торговли
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок обращается к читателю, играя с его желаниями: они хотят зарабатывать деньги, которые мог бы получить трейдер с Уолл-стрит, не будучи таковым или не становясь им благодаря длительному, продолжительному формальному образованию.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Несколько взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента.
- Эта кнопка с призывом к действию цвета привлекает внимание потенциальных клиентов.
- Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
- Телефонный номер является интерактивным, что позволяет потенциальным клиентам легко связаться с Академией онлайн-торговли, если у них возникнут вопросы.
Что проводить A / B-тест:
- Ссылки на социальные сети внизу страницы отвлекают пользователей от достижения цели страницы.
53. Колониальная жизнь
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Изображение показывает посетителям, что они получат, когда совершат конверсию.
- Статистика в экземпляре доказывает, что работодателям трудно удерживать талантливых специалистов, и объясняет, почему им следует читать электронную книгу.
- Маркировка предварительный просмотр содержания 24-страничной электронной книги.
- Подзаголовок подчеркивает, что электронная книга бесплатна.
- Поле согласия не отмечено, что позволяет посетителям выбирать для себя, хотят ли они получать дополнительный контент от Colonial Life, а не просто выбирать их по умолчанию.
Что проводить A / B-тест:
- Ссылки в заголовке уводят посетителей со страницы на домашнюю страницу и профили в социальных сетях.
- Копия кнопки «отправить» не привлекает пользователей к заполнению формы.
- CTA-кнопка крошечная и едва заметная.
54. Ориби
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок вместе передают преимущество преобразования.
- Изображение дает представление о том, как на самом деле выглядит приборная панель.
Что проводить A / B-тест:
- CTA-кнопка синего цвета с логотипом Facebook, поэтому остальная часть страницы может выиграть от обновления цвета, отличного от кнопки. В результате будет лучше контраст между кнопкой и страницей.
- Слово «бесплатно» здесь действительно недооценено. Если вы предлагаете что-то бесплатно, дайте потенциальным клиентам об этом знать жирным шрифтом — в заголовке, тексте и призыве к действию.
- Блог и ссылки «О нас» дают посетителям возможность покинуть страницу.
55. FireEye
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Призыв к действию «Загрузить сейчас» может быть лучше адаптирован к предложению.
- Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.
56. Nutanix
Что они сделали хорошо:
- Маркированная копия дает посетителям представление о том, что они получат в отчете.
- Минимальный текст делает страницу удобной для чтения.
Что проводить A / B-тест:
- Заголовок слишком эгоцентричен. Это не приносит никакой пользы посетителю.
- Полностью заглавный текст в форме, завершенный восклицательным знаком, заставляет читателя чувствовать, что на них кричат. Вы не можете заставить их прочитать форму, но можете убедить их сделать это.
- Форма из 7 полей может запугать потенциальных клиентов и заставить их покинуть страницу.
- Кнопка с призывом к действию не выделяется на странице, на которой уже есть изрядное количество синего цвета.
57. MapR
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Краткая форма упрощает преобразование на этой странице.
- Маркированная копия быстро передает преимущества преобразования.
Что проводить A / B-тест:
- CTA «Отправить» настолько же лишен воображения, насколько и они.
- Этот заголовок мог бы передать большую выгоду.
- Представление ораторов кажется неполным без хедшотов.
58. TapClicks
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слово «бесплатно» в этом заголовке дает людям понять, что предложение предоставляется бесплатно.То же самое и с текстом «Кредитная карта не требуется» в подзаголовке.
- Копия «Начни через 30 секунд» сообщает посетителю, что начать пробную версию легко и быстро.
Что проводить A / B-тест:
- Логотип, связанный с главной страницей , позволяет посетителям легко покинуть эту страницу.
- Отсутствие содержания делает маловероятным, что посетители заполнят эту форму.
- Форма из 9 полей может запугать посетителей и заставить их быстро покинуть эту страницу.
- Светло-серые ярлыки формы могут расстроить посетителей, когда они исчезают, когда посетители нажимают внутри каждого отдельного поля.
- Цвет кнопки CTA сливается со страницей, делая саму кнопку почти невидимой.
- Призыв к действию «Отправить» не вызовет у посетителей энтузиазма по поводу конверсии.
59. Apttus
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро передает преимущества преобразования.
- Отзывы добавляют доверия к этому предложению.
Что проводить A / B-тест:
- Нижний колонтитул , заполненный ссылками, позволяет потенциальным клиентам переходить на другие страницы перед преобразованием.
- Копия кнопки может быть улучшена.
60. ThriveHive
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Цвет кнопки CTA больше нигде на странице не используется.
- Значки наград, полученных компанией.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- CTA «Загрузить» почти так же скучно, как «Отправить.Почему бы не «Пришлите мне мой план»?
- CTA «Здесь бесплатные планы» в верхней части формы немного сбивает с толку. Почему две кнопки CTA, которые выполняют одну и ту же работу, расположены так близко друг к другу на странице?
61. InsideSales.com
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Занятый нижний колонтитул со ссылками на другие веб-страницы позволяет потенциальным клиентам покинуть страницу.
- CTA-копия может повысить коэффициент конверсии за счет использования персонализированной копии. «Загрузите My Ebook» или «Получите My Ebook» потенциально могут конвертировать с более высокой скоростью.
62.Вантив
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро передает преимущества предложения.
- CTA-кнопка выделяется на белом фоне.
Что проводить A / B-тест:
- Копия кнопки «отправить» не вызывает у читателя энтузиазма при конвертации.
- Заголовок не захватывает читателя. Это не приносит никакой пользы.
- Все поля формы являются обязательными, что может привести к тому, что посетители приостановят загрузку электронной книги. Мы понимаем, требуются ли имя и адрес электронной почты, но необходимы ли организация и номер телефона для отправки посетителям электронной книги Vantiv?
63. Городской дирижабль
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Краткая форма упрощает преобразование на этой странице.
- Маркированная копия быстро сообщает о преимуществах предложения.
Что проводить A / B-тест:
- Призыв к действию «Зарегистрируйтесь» можно изменить на что-то более убедительное.
- Этот цвет кнопки CTA гармонирует с большей частью страницы.
- Снимки головы говорящих придали бы странице больше правдоподобия и увеличили бы привлекательность для людей.
64. WalkMe
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок передают явное преимущество.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Призыв к действию подчеркивает бесплатное предложение.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
- Добавление белого пространства и разрешение каждому элементу «дышать» действительно поможет максимизировать их внимание и убедить потенциальных клиентов начать работу с WalkMe.
- Увеличение размера кнопки CTA может вызвать больше кликов (хотя добавление большего количества пробелов вокруг текущего CTA также поможет в этом).
65. AdEspresso University
Что они сделали хорошо:
- Заголовок обращается напрямую к читателям и предлагает облегчить им жизнь.
- Логотипы крупных компаний добавляют авторитетности предложению, объединяя бренд с некоторыми известными компаниями.
- Крошечные разделы копии быстро описывают содержание курса.
Что проводить A / B-тест:
- Основная кнопка с призывом к действию «Подписаться сейчас» не предназначена для посетителей, у которых нет учетной записи AdEspresso, но они не узнают об этом, пока не нажмут кнопку. Новые пользователи могут подписаться на предложение только в том случае, если они нажмут CTA «Войти» вверху страницы. Это сбивает с толку и немного вводит в заблуждение.
66.Kentico
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Нижний колонтитул со ссылками на социальные сети позволяет посетителям уйти, не совершая конверсий на странице.
- Заголовок не очень ориентирован на пользователя.в нем не говорится о том, почему посетитель хотел бы пройти опрос или почему опрос важен.
67. Поразительно
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Регистрация в один клик упрощает преобразование.
- Логотипы известных компаний связывают этот бренд с надежными предприятиями.
- Копия «за секунды» основана на нашем стремлении к мгновенному удовольствию.
Что проводить A / B-тест:
- В разделе часто задаваемых вопросов есть ссылки для выхода в центр поддержки и страницу цен, которые уводят посетителя с целевой страницы после клика.
68. LabTech
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Маркированный текст позволяет посетителям быстро узнать, что они получат, посетив презентацию ConnectWise Roadshow.
Что проводить A / B-тест:
- Заголовок не сообщает о явной выгоде.
- «Зарегистрируйтесь сейчас» — это скучный призыв к действию.
- Ссылки на карты мест проведения роуд-шоу позволяют потенциальным клиентам слишком легко покинуть страницу.
- Длинная форма делает конвертацию здесь устрашающей.
69. DigitalMarketer
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Сверхкороткая , однопольная форма упрощает преобразование.
- Некоторая копия под формой обеспечивает конфиденциальность.
Что проводить A / B-тест:
- Эту призрачную кнопку с призывом к действию легко пропустить.
- Форма прямо под заголовком кажется преждевременной. Подзаголовок, подробно описывающий продукт, был бы полезен.
70. Инклинг
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «сейчас» в CTA подчеркивает наше врожденное стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Ссылки на социальные сети позволяют потенциальным клиентам покинуть страницу без конвертации.
- Поля раскрывающейся формы не помечены, что может сбивать с толку.
71. УДАР
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о выгоде.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Слово «Сейчас» в CTA подчеркивает мгновенную выгоду от нажатия.
- Изображение служит визуальным представлением предложения.
- Стрелка действует как наглядное пособие, направляя взгляд потенциальных клиентов к кнопке CTA.
Что проводить A / B-тест:
- Кнопки обмена в социальных сетях показали, что они лучше работают на страницах с благодарностью, где потенциальные клиенты могут поделиться со своими сетями после того, как определят ценность вашего предложения.
72. Наниган
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип без гиперссылок не позволяет потенциальным клиентам покинуть страницу через него.
- Выгода от конвертации (доход $ 7k) выделена на странице.
- Копия разбита на легко читаемые части, которые шаг за шагом объясняют, как заработать 7000 долларов, указанных на целевой странице после клика.
- Два взаимодействующих CTA работают вместе, чтобы конвертировать потенциального клиента в разные места на странице.
- Логотипы компаний демонстрируют известные бренды, которые уже использовали эту услугу.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок не читается на белом фоне.
- Нижний колонтитул связан с домашней страницей, обеспечивая посетителям простой способ покинуть страницу без преобразования.
- Не обрезать лица людей на изображении.
73. Простые измерения
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс: прогнозы экспертов, которые позволят вам начать планирование на 2027 год.
- Маркированная копия быстро сообщает о преимуществах загрузки руководства.
- Кнопка с призывом к действию больше нигде на этой странице не используется и привлекает внимание на белом фоне.
Что проводить A / B-тест:
- Логотип, связанный с главной страницей , дает посетителям простой способ покинуть эту страницу.
- CTA-копия «Отправить» не убедит пользователей загрузить этот отчет.
- Ссылки на учетные записи социальных сетей в нижнем колонтитуле дают потенциальным клиентам больше возможностей покинуть страницу.
74. Маховик
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс: полное руководство по управлению 50+ сайтами WordPress.
- Изображение дает представление о том, на что на самом деле похоже чтение ресурса.
- Цвет кнопки CTA появляется на синем фоне.
- Два кооперативных CTA работают вместе, чтобы преобразовать потенциального клиента.
Что может быть протестировано AB:
- CTA «Загрузить» не вызовет у потенциальных клиентов восторга от заявки на предложение.
75. Фитнес одиночный разряд
Что они сделали хорошо:
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Маркированная копия быстро сообщает о преимуществах регистрации.
Что проводить A / B-тест:
- CTA «Продолжить» не вызовет у потенциального клиента энтузиазма по поводу регистрации.
- Кнопка CTA, цвет , позволяет легко пропустить эту кнопку.
76. MasterClass
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок использует авторитет известного сценариста Аарона Соркина для увеличения числа подписчиков.
- CTA-кнопка появляется с черной страницы.
- Липкая полоса позволяет красному CTA «Take the Class» всегда быть доступным и готовым к нажатию.
- Видео быстро объясняет, почему этот курс того стоит.
Что проводить A / B-тест:
- Ссылки на другие страницы позволяют посетителям уходить без конвертации.
77. Tokyo Cheapo
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображения дают представление о том, на что на самом деле похоже использование продукта.
- Отзывы усилить предложение социальным доказательством.
- Логотипы известных брендов объединяют компанию с проверенными брендами.
Что проводить A / B-тест:
- Нижний колонтитул , содержащий ссылки на социальные сети, позволяет потенциальным клиентам покинуть страницу без конвертации.
78. Salesforce
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Слово «сейчас» в призыве к действию подчеркивает наше стремление к мгновенному удовлетворению.
Что проводить A / B-тест:
- Этот заголовок вообще не несет никакой выгоды.
- Этот цвет кнопки CTA уже использовался на странице несколько раз. Следовательно, это не так привлекает внимание, как могло бы быть.
79. Zurple
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- В заголовке используются такие слова, как «эксклюзивный» и «бесплатный», чтобы соблазнить читателей.
- Минимальная копия делает эту страницу удобной для чтения.
- Фотография показывает, как выглядит электронная книга.
- Маркированная копия позволяет предварительно просмотреть содержание книги.
- Логотипы компаний демонстрируют известные компании, использующие Zurple по всей стране.
Что можно улучшить:
- Логотип, связанный с домашней страницей , позволяет пользователям выйти перед преобразованием.
- Копию кнопки «Отправить» можно было бы заменить на что-нибудь более убедительное.
80. Adaptiva
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Скорость отклика этой страницы означает, что когда окно настраивается или страница просматривается на устройстве с меньшим экраном, она по-прежнему будет отображаться безупречно.
- Ярлыки над каждым полем формы не запутают потенциальных клиентов, как исчезающие в каждом поле формы.
Что проводить A / B-тест:
- И ссылка «домой», и логотип уводят пользователей со страницы, прежде чем они успеют нажать кнопку с призывом к действию.
- Отсутствие содержания на этой странице означает, что посетители не знают о преимуществах загрузки отчета.
- «Отправить» как CTA не заставит многих потенциальных клиентов скачать.
81. Серена
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Слова, выделенные жирным шрифтом , создают визуальную иерархию, привлекая внимание к важным фразам.
- Ориентированная на выгоду копия описывает преимущества выбора Серены.
Что проводить A / B-тест:
- Заголовок слишком сфокусирован на «мне» и не очень хорошо подчеркивает пользу для читателя. Почему потенциальные клиенты должны использовать Серену? Чего добились с этим другие предприятия?
- Термин ITSM используется на странице много раз, но потенциальному клиенту не совсем понятно, что он означает.
- Гиперссылка на логотип служит для посетителей выходом, прежде чем они обратятся.
- Многочисленные исходящие ссылки в нижнем колонтитуле побуждают пользователей покинуть страницу.
- Значок PDF со стрелкой, направленной вниз, выглядит так, будто это может быть кнопка, и это может даже сбить с толку потенциальных клиентов, заставив их подумать, что это то, что им нужно щелкнуть, чтобы загрузить. Кроме того, даже если это не так, стрелка указывает на ссылки выхода в нижнем колонтитуле. Ваши визуальные подсказки должны направлять потенциальных клиентов к кнопке с призывом к действию, а не от нее.
- Призыв к действию не дает понять, что пользователю нужно щелкнуть, чтобы запросить отчет.Там написано «Щелкните здесь», но для чего?
- CTA-кнопка может больше походить на кнопку. Некоторое затенение по краям, чтобы придать ему трехмерный вид, или более закругленные углы могут сделать его более интерактивным.
82. Propel Marketing
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Слово «сейчас» основано на нашем стремлении к мгновенному удовлетворению.
Что проводить A / B-тест:
- CTA «Загрузить сейчас» слишком общий.
- Слишком много ссылок на социальные сети , которые могут увести посетителей со страницы.
83. Outskirts Press
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок дает сильное преимущество.
- Логотипы крупных компаний добавляют авторитетности предложению, объединяя бренд с некоторыми известными компаниями.
- Этот CTA основан на нашем желании получить что-то даром, используя слово «бесплатно».
Что проводить A / B-тест:
- Множественные конкурирующие призывы к действию работают друг против друга, рекламируя несколько предложений.
84. GKIC
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок цитирует известного копирайтера, который заработал миллионы долларов на написании кампаний прямой почтовой рассылки для больших и малых компаний, и предлагает ресурс всего за 11 долларов.
- Эта кнопка с призывом к действию, цвет , появляется на фоне этой страницы.
- Этот CTA написан от первого лица.
- Слово «сейчас» в CTA использует наше стремление к мгновенным решениям наших проблем.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Вторичная ссылка с призывом к действию чуть ниже первой может сбить с толку посетителей. На что они нажимают, чтобы получить предложение? Почему два рядом друг с другом?
- Меню навигации дает потенциальным клиентам возможность покинуть страницу перед преобразованием.
85. GrowthLab
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе, используя статистику, чтобы сделать его еще более убедительным: «Это принесло 400,10 долларов.”
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- CTA написано от первого лица.
- Изображение служит визуальным представлением предложения.
- Краткая форма упрощает преобразование на этой странице.
- Фирменные логотипы крупных брендов повышают авторитет, объединяя эту компанию с надежными предприятиями.
Что проводить A / B-тест:
- Гиперссылка на логотип позволяет потенциальным клиентам покинуть эту страницу перед конвертацией.
86. ProBlogger
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок и подзаголовок вместе обещают преимущество для тех, кто совершает конверсию: эксклюзивный доступ к 180 идеям сообщений в блогах, отправленных прямо на их почтовый ящик.
- CTA-кнопка «Да, пожалуйста» использует яркий цвет, чтобы привлечь внимание.
- Форма с двумя полями упрощает преобразование для потенциальных клиентов.
Что проводить A / B-тест:
- Желтый текст плохо читается на фоне страницы.
- Ярлыки в полях формы могут запутать и расстроить посетителей, как показывают исследования.
87. KlientBoost
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Все призывы к действию написаны от первого лица.
- Эти призывы к действию основаны на нашем желании получить что-то даром, используя слово «бесплатно» прямо в нем.
- Изображение служит визуальным представлением предложения.
- Дополнительные изображения позволяют заглянуть в руководство.
- Отзывы служат социальным доказательством, повышая доверие к предложению.
Что проводить A / B-тест:
- Копия «+1 бонусный трюк, который нельзя пропустить» обведена прямоугольником, что делает его похожим на кнопку, хотя на самом деле это не так. Такой дизайн может сбить с толку потенциальных клиентов и заставить их подумать, что страница загружена не полностью или кнопка не работает.
- Исходящие ссылки в биографии Джонатана Дейна могут отводить трафик со страницы.
88. Ангельская терапия и университет Hay House
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах предложения.
- CTA основывается на нашем желании получить что-то даром, добавляя слово «бесплатно».
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Этот цвет кнопки CTA мог бы привлечь больше внимания.
- Занятый нижний колонтитул , содержащий ссылки на другие веб-страницы, позволяет потенциальным клиентам покинуть страницу перед преобразованием.
- Копию можно было бы укоротить, сейчас страница выглядит слишком перегруженной копией.
89. Skilljar
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» дает явное преимущество.
- Нумерованная копия быстро передает преимущества загрузки.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Изображение служит визуальным представлением предложения.
Что проводить A / B-тест:
- Кнопки социальных сетей показали, что они лучше работают на страницах с благодарностями после того, как преобразованные потенциальные клиенты имели возможность прочитать ваш ресурс и решить, стоит ли им делиться.
90. Джейсон Свенк
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» дает явное преимущество, связанное с мощной статистикой.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- CTA написано от первого лица.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
- Текст «Куда мне отправить ваше видео?» Кажется ненужным, копии кнопки CTA кажется достаточным.
91. 180fusion
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Значки от Google, Inc 500 и Yahoo объединяют 180fusion с некоторыми влиятельными брендами.
- Отзывы рассказывают о преимуществах работы с этим агентством.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
Что проводить A / B-тест:
слово
- «Занятость» этой страницы привлекает внимание потенциальных клиентов со всех сторон. Куда же им смотреть со всеми красочными и привлекающими внимание элементами?
- Логотип, связанный с домашней страницей , позволяет потенциальным клиентам уйти без конвертации.
92. Linkfluencer
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок вопроса непосредственно привлекает читателя.
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Несколько CTA работают вместе, чтобы конвертировать посетителей.
Что проводить A / B-тест:
- Логотип, связанный с домашней страницей , является потенциальной утечкой на этой целевой странице после клика.
- Видео с автоматическим воспроизведением заставляет посетителей смотреть, даже если они не хотят.
- Навигационные ссылки в нижнем колонтитуле могут увести трафик с этой целевой страницы после клика.
93. Кашурба Веб-дизайн
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок кейса предлагает пошаговое решение для получения «высококвалифицированных клиентов веб-дизайна».
- Логотипы крупных компаний повышают авторитет, объединяя бренд с некоторыми известными компаниями.
- Цвет кнопки CTA выделяется на белом фоне страницы.
- Слово «Сейчас» в CTA подчеркивает немедленную выгоду от нажатия кнопки.
Что проводить A / B-тест:
- Большой кусок мелкого шрифта в нижнем колонтитуле может заставить потенциальных клиентов усомниться в обоснованности предложения.
94. Метод Флетчера
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Кнопку с призывом к действию здесь невозможно пропустить.
- Заголовок подчеркивает, что решение быстрое и простое.
- Изображение показывает потенциальным клиентам, что они получат, когда они конвертируются.
- Сообщение о конфиденциальности сообщает посетителям, что их информация на 100% защищена и не будет передана другим компаниям.
Что проводить A / B-тест:
- Заглавные буквы заставляет читателя чувствовать, что на него кричат. Он также кричит «продавцы». Вы никогда не захотите производить впечатление продавца, даже когда продаете.
- Заголовок грамматически неверен. Что должно быть в цитатах? Если это и заголовок, и слова «Tech Overwhelm», тогда он должен выглядеть так: «Используйте этот новый шаблон, чтобы быстро настроить автоматическую воронку для генерации лидов с нулевым« Tech Overwhelm »». Но почему заголовок даже в цитаты все равно?
- Что именно должны означать символы на кнопке CTA? Это стрелки?
95. Простые измерения
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок «Как сделать» — это классический способ дать понять, что читатель узнает что-то из предложения.
- Кнопка CTA, цвет , появляется со страницы.
- Минималистичный нижний колонтитул не отвлекает от предложения.
Что проводить A / B-тест:
- Длинная форма со множеством обязательных полей делает эту страницу сложной для преобразования.
- Призыв к действию «скачать» может быть обновлен до чего-то гораздо более привлекательного.
96. Связанные продажи
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Два совместных CTA работают вместе, чтобы убедить потенциальных клиентов перейти на новую версию.
- Оба CTA написаны от первого лица.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Таймер предупреждения и обратного отсчета использует дефицит для повышения конверсии.
Что проводить A / B-тест:
- Добавление биографии спикеров может убедить посетителей записаться на семинар.
- Ссылки на социальные сети в правом столбце страницы не нужны и уводят посетителей со страницы.
97. Драма
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Логотип без гиперссылок в верхнем левом углу не дает потенциальным клиентам уйти через него на главную страницу.
- Краткая форма не удерживает посетителей от предоставления своей личной информации.
- Пуленепробиваемая копия быстро передает преимущества преобразования.
- Яркая жирная кнопка с призывом к действию привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Минималистичный нижний колонтитул не отвлекает потенциальных клиентов от конверсии ссылками на другие страницы или аккаунты в социальных сетях.
Что проводить A / B-тест:
- Заголовок сфокусирован на «мне», но он должен быть больше сфокусирован на посетителе и на том, как продукт решает их проблему.
- Вся копия на этой странице эгоцентрична: «Что мы делаем по-другому», почему маркетологи «должны рассматривать нас».«Эта страница не о вас, а о вашем посетителе.
98. Sam Ovens
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок тематического исследования предлагает явное преимущество — подробный взгляд на то, как один человек получает 30-50 клиентов-консультантов каждый месяц.
- Кнопка CTA, цвет , появляется на фоне этой страницы.
- Кнопка большая , что привлекает к себе внимание потенциального клиента.
- CTA написано от первого лица: «Зарезервировать место MY » вместо «Зарезервировать ВАШЕ место ».”
- Слово «Сейчас» в CTA передает немедленную выгоду, которая наступает при нажатии кнопки.
Что проводить A / B-тест:
- Автовоспроизведение видео было показано, что количество конверсий снижается. Если посетители захотят посмотреть ваше видео, они нажмут кнопку воспроизведения.
99. Lurn
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явных преимуществах, предлагая «удобное для новичков» предложение.
- Эта кнопка с призывом к действию, цвет , появляется со страницы, привлекая внимание потенциальных клиентов.
- Этот CTA написан от первого лица.
- Стрелка служит наглядным пособием, направляя взгляд потенциального клиента к кнопке с призывом к действию.
- Отзывы от известных людей усиливают убедительность этой целевой страницы после клика.
- Слово «бесплатно» подчеркивает бесплатный характер предложения.
Что проводить A / B-тест:
- Этот загруженный нижний колонтитул дает потенциальным клиентам слишком много способов покинуть страницу.
100. Класс интернет-маркетинга
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Маркированная копия быстро демонстрирует преимущества преобразования.
- Изображение показывает потенциальному клиенту, что он получит, нажав кнопку «Загрузить сейчас».
- Заголовок предлагает пошаговый метод генерации трафика.
Что проводить A / B-тест:
- Ссылку на страницу контактов в нижнем колонтитуле можно заменить номером телефона или адресом электронной почты, чтобы потенциальные клиенты оставались на этой странице.
- Несколько форматов шрифтов затрудняет чтение этой страницы. Заголовок выделен красным жирным шрифтом, фраза выделена синим цветом, текст в маркированном тексте выделен жирным шрифтом и т. Д. Упрощение формата может устранить трение и удерживать посетителей на странице дольше, поощряя их к конверсии.
101. Больше клиентов Больше результатов
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок кейса предлагает явное преимущество: пошаговое руководство по привлечению клиентов.
- Копия рядом с зелеными галочками передает преимущества просмотра видео.
- CTA написано от первого лица.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Скриншоты показывают довольных клиентов.
Что проводить A / B-тест:
- Нижний колонтитул со ссылкой на домашнюю страницу позволяет потенциальным клиентам покинуть эту целевую страницу после клика.
102.Pepperdata
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок сообщает о явном преимуществе.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- CTA-кнопка может быть больше и включать персонализированную копию.
- Форма действительно длинная, учитывая, что предлагается всего одна бесплатная глава из книги. Обязательны ли для этой страницы поля «Заголовок», «Роль» и «Телефон»?
- Занятый нижний колонтитул , заполненный ссылками, позволяет потенциальным клиентам покинуть эту страницу без преобразования.
103. Закон притяжения мира
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Кнопка CTA, цвет привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- CTA использует слово «бесплатно» и позволяет посетителям точно знать, где им нужно щелкнуть, чтобы получить предложение.
Что проводить A / B-тест:
- Заголовок сенсационен и совершенно неправдоподобен. «Как получить все, что угодно»? Да правильно.
- Фоновое изображение создает впечатление, будто изображение парит в пространстве.Что общего у солнечной системы с электронной книгой?
- Кнопка «Мне нравится» в Facebook дает посетителям возможность покинуть страницу до конверсии и никогда не вернуться.
104. Тренерская тактика футбола
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок представляет собой ценный ресурс.
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Кнопка CTA, цвет привлекает внимание покупателей.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Заголовок в цитатах — почему?
- В этом CTA используются убедительные слова, такие как «Бесплатный» и «Мгновенный доступ», но без глагола действия не совсем понятно, является ли большой желтый блок кнопкой, которую можно нажимать.Добавление такого слова, как «Получить» в начале этого слова, или фразы, например, «Настаивать», сделает ситуацию более очевидной для потенциального клиента.
105. Midas Media
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Неортодоксальный заголовок привлекает внимание читателя.
- Маркированная копия быстро сообщает о преимуществах предложения.
- Кнопка CTA, цвет , привлекает внимание потенциальных клиентов.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
Что проводить A / B-тест:
- Поля формы можно переупорядочить, чтобы добавить к визуальной иерархии страницы и центрировать кнопку CTA.
106. Infusionsoft
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок предлагает ценный ресурс и использует слово «бесплатно».
- Маркированная копия быстро сообщает о преимуществах преобразования.
- Этот CTA написан от первого лица.
- Изображение служит визуальным представлением предложения, показывая посетителям, что они получат после совершения конверсии.
- Краткая форма упрощает преобразование на этой странице.
Что проводить A / B-тест:
- Ссылки на социальные сети позволяют посетителю покинуть страницу, что никогда не способствует конверсиям.
107. Членство Мастера сайта
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Не кликабельный логотип позволяет посетителям сосредоточиться на конверсии.
- Телефонный номер в правом верхнем углу страницы дает людям возможность связаться с компанией, не покидая страницы.
- Предложение — это «окончательный список» со 114 нишевыми идеями. Список из 20 — это хорошо. Список из 50 лучше. 114 звучит даже более ценно для читателя.
- Вопрос «Ищете идею ниши для членского сайта?» напрямую обращается к читателю.
- Маркированная копия подчеркивает преимущества преобразования.
- Несколько кнопок CTA работают вместе, чтобы конвертировать потенциального клиента.
- Текст в форме позволяет людям узнать, куда ведет ссылка и сколько времени потребуется, чтобы она туда попала.
- CTA-кнопка под формой написана от первого лица.
- Форма с двумя полями делает преобразование легким для посетителей.
Что проводить A / B-тест:
- Ссылка в нижнем колонтитуле направляет потенциальных клиентов на главную страницу сайта.
- Телефонный номер не является интерактивным, что затрудняет обращение в компанию, чем это необходимо.
- Всплывающее окно выхода — это то же предложение, что и предложение целевой страницы после щелчка. Если кто-то покидал вашу страницу, потому что решил, что не хочет претендовать на ваше предложение, зачем вам предлагать им тот же контент, что и последняя попытка получить их адрес электронной почты?
108. Формула социального масштабирования
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок вопроса привлекает читателя.
- Копия обещает раскрыть тайну.
- Этот цвет кнопки CTA хорошо контрастирует с остальной частью страницы.
- Призыв к действию написан от первого лица.
Что проводить A / B-тест:
- Размытое изображение выглядит ненужным. Вместо того, чтобы оставлять место для изображения, которое на самом деле ничего не показывает посетителям, было бы намного лучше, если бы они добавили больше текста и больше писали о своей структуре таргетинга.
109. StubGroup
покажите мне, как работает Instapage ➔Что они сделали хорошо:
- Заголовок передает сильное преимущество и использует слово «бесплатно».
- Маркированная копия подчеркивает быстрые и легкие преимущества подачи заявки.
- Кнопка CTA цвета появляется на фоне формы.
- Это поясняющее видео быстро описывает услугу простым языком.
- CTA извлекает выгоду из нашего врожденного желания получить что-то даром, используя слово «бесплатно.”
- Контактная информация дает потенциальным клиентам возможность связаться с представителями компании, если у них есть вопросы по поводу предложения.
Что проводить A / B-тест:
- В первой строке копии говорится о «недавнем новостном сообщении», но не упоминается дата, поэтому посетители не знают, насколько недавно это было. Конечно, внизу формы есть ссылка, но было бы лучше, если бы они прояснили ситуацию и добавили дату.
110. Сброс воина
- Кнопку с призывом к действию легко обнаружить.
- Форма с тремя полями упрощает преобразование.
- Заголовок подчеркивает бесплатное предложение.
Что проводить A / B-тест:
- Заголовок, состоящий только из заглавных букв, и призыв к действию читаются так, как будто они кричат на потенциального клиента.
- Эта страница проста. Слишком просто. Что в книге? Зачем нам его скачивать?
- Это видео не слишком длинное, но и не слишком интересное. Две минуты письма? Это полностью противоречит цели создания видео.
- Ссылка на страницу автора в Facebook отталкивает потенциальных клиентов, прежде чем они успеют совершить конверсию.
Насколько оцениваются ваши целевые страницы после клика?
Совершали ли вы какие-либо ошибки, допущенные указанными выше брендами? Как в сравнении выглядят ваши целевые страницы после клика?
Сообщите нам об этом в комментариях, а затем используйте полученные знания для создания оптимизированной целевой страницы с высокой конверсией после клика с помощью Instapage, удобной для дизайнеров платформы.
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.Базовый лагерь
Как они это сделали:
Минималистичный дизайн с привлекательным анимированным персонажем, который очень оригинален.
Заголовок использует социальное доказательство, чтобы узнать, сколько компаний зарегистрировались за последнюю неделю.
Трудности с конверсией уменьшены за счет 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.
Заголовок простой, лаконичный и дает вам самую важную причину для загрузки своего приложения.
Трехступенчатая область подчеркивает простоту приложения, которое в противном случае могло бы стать препятствием для входа пожилых людей, которые любят вино, но не разбираются в технологиях.