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

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 пользователей по данным сайта.

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

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

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

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

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

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

Shopify

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

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

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

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

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

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

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

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

Salesforce

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

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

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

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

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

Среди основных моментов отметим:

• Напоминание о ценностном предложении "30 дней бесплатной пробной версии"
• Предоставление телефонной горячей линии
• «Нет загрузки, нет программного обеспечения» в верхнем регистре
• Социальное доказательство со вставкой известных справочных логотипов
• Упрощенная регистрация через Google+, Facebook и LinkedIn

Нил Патель

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

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

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

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

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

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

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

Идея Нейла состоит в том, чтобы доказать 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, которая облегчила бы преобразование еще больше.

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

Похожие

Комментарии