Примеры лучших дизайнов лендингов в 2019 году

1. Как выбрать дизайн вашей целевой страницы?
2. 10 примеров лучшего дизайна целевой страницы
3. GrowthHackers
4. ElegantThemes
5. Shopify
6. Salesforce
7. Нил Патель
8. Upwork
9. CodeCombat
10. Покрытие
11. MailChimp

Если у вас есть веб-сайт (или вы планируете это сделать), то вы знаете, как трудно убедить посетителя остаться на вашей странице и даже еще больше убедить его купить! Дизайн вашей целевой страницы играет важную роль.

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

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

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

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

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

Эти примеры взяты с реальных сайтов; посмотреть на себя! Конечно, ни одна из этих целевых страниц не является идеальной: совершенства не существует, и вы сами должны адаптировать свой дизайн к требованиям своих клиентов. Мы также рекомендуем вам A / B тестирование различных конструкций для ваших целевых страниц.

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

LeadQuizzes

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

• Для чего это?
• Это относится ко мне?
• Что это мне предлагает?

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

Социальное доказательство очевидно и хорошо разработано: ссылки - это известные игроки рынка, а текст указывает, что с помощью LeadQuizzes было сгенерировано более 3 миллионов лидов: это заставляет вас хотеть этого!

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

Социальные доказательства сильно выделяются на целевой странице LeadQuizzes. Он отвечает на конкретные и реальные вопросы, которые касаются потенциальных покупателей:

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

GrowthHackers

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

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

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

• «Зачем мне пользоваться сервисом? «
• «Почему менеджеры любят программное обеспечение? «
• «Для кого эта услуга? «

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

Что касается социального доказательства, оно выделяется двумя способами:

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

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

ElegantThemes

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

Мы сразу видим социальное доказательство: это первый выдвинутый элемент, который успокаивает посетителя о популярности сервиса: более 400 000 пользователей по данным сайта.

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

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

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

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

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

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

Shopify

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

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

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

Остальная часть целевой страницы посвящена особенностям сервиса Shopify.

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

Основной аргумент в секторе CMS, широкое использование сервиса выделяется двумя элементами:

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

Идея состоит в том, чтобы создать ощущение мимики в умах посетителей: «Если 1 000 000 человек используют Shopify, чтобы создавать настоящие магазины без программирования, я тоже могу».

Salesforce

Salesforce не нуждается в представлении. Король американской компании CRM (Управление взаимоотношениями с клиентами) имеет несколько особенно хорошо разработанных целевых страниц, которые стоит посмотреть.

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

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

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

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

Среди элементов, которые выделяются, мы можем видеть:

• Напоминание о ценностном предложении, «30-дневная бесплатная пробная версия»
• Горячая линия поддержки по телефону
• Заявление «нет загрузки, нет программного обеспечения» заглавными буквами
• Социальное доказательство путем включения логотипов известных ссылок
• Легкая регистрация с Google+, Facebook и LinkedIn

Нил Патель

Нил Патель является консультантом по цифровому маркетингу с большой репутацией в Соединенных Штатах и ​​во всем мире. Его сайт получает несколько миллионов просмотров в месяц благодаря доступной контентной стратегии и разнообразным ресурсам, созданным для посетителей: статьи в блогах, видео на YouTube, практические руководства и т. Д.

На сайте Neil Patel нас поражает, прежде всего, свободный и прямой подход к проблеме.

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

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

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

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

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

Идея Нейла состоит в том, чтобы доказать A + B, что у него есть навыки, которые помогут вам улучшить SEO.

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

Upwork

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

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

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

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

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

CodeCombat

CodeCombat интересный пример Это образовательная игра, которая позволяет детям (и взрослым) учиться программировать с использованием видеоигр. Концепция проста: вы программируете прогресс в игре.

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

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

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

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

Покрытие

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

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

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

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

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

• Сэкономить время
• Большой выбор
• Нет больше покупок
• Качественные продукты
• Экономить деньги

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

Предлагая 50% скидку с первого заказа, Plated поощряет нерешенных к действиям, уменьшая финансовые обязательства.

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

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

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

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

MailChimp

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

Прямо как Нейл Патель, эта целевая страница предельно ясна и понятна: она откровенно обращается к посетителям, оставаясь расплывчатой: «Создай свой бренд, продай больше вещей».

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

Ценностное предложение максимально простое: создайте свой бренд, продайте больше.

Этот простой и беспрепятственный подход преобладает в решениях «Программное обеспечение как услуга» (SaaS): цель - напрямую поговорить с бизнес-лидерами всех размеров и сразу перейти к делу.

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

Как и в Plated, на остальной части целевой страницы подробно описываются преимущества использования сервиса. Это позволяет посетителям быстро «визуализировать» добавленную стоимость услуги и получить четкое представление о следующем вопросе: «Это услуга для меня?».

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

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

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

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

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

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

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

Похожие

Комментарии