Верстка лендингов: Сверстать лендинг — качественная верстка лендинга.

верстка лендингов | ЗЕКСЛЕР

Верстка, как инструмент сохранения уникальности в мире шаблонов

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

•  Дизайн-макет анализируется и выбирается подходящий способ размещения контента.
•  Вручную кодируются страницы, используя язык структурирования, стилей оформления и выбранной методики верстки. Уже на этом этапе начинают проявляться плюсы ручной работы – поисковые алгоритмы не стоят на месте, а профессионал способен моментально реагировать на их изменения. Автоматизированные системы соревноваться в этом параметре с человеком не в силах.
•  Еще одна особенность – верстальщик способен физически воплотить любое решение дизайнера. Что ни говори о важности уникального торгового предложения, контента, продающих форм и других «фишек» посадочных страниц, а первое, что видит пользователь – это дизайнерскую концепцию и ее визуальное воплощение.
•  Особенности типографики и искусство оформления текста – ручная верстка способна избежать ошибок зрительного восприятия и создать комфортную текстовую среду.

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

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

 ​

Верстка landing page: инструменты создания сайтов

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

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

 ​

 ​

Обучающий курс по верстке лендингов от LPgenerator

Хотите научиться верстать лендинги как PRO? Не проблема. Мы запускаем бесплатные обучающие курсы по верстке для всех желающих! Изучив всего 7 видеоуроков, вы станете профессиональным верстальщиком посадочных страниц на платформе LPgenerator.

Вы научитесь:

• 
  основам верстки страниц из psd-макетов;
• 
  правилам использования CSS, JavaScript и jQuery;
• 
  техникам создания слайдеров, таймеров, pop up-элементов;

После видеокурса вы сможете эффективно работать с редактором LPgenerator и верстать высококонверсионные страницы на нашей платформе. Также вы освоите технику создания сложных элементов с использованием CSS, JavaScript и jQuery. В целом, уровень верстки ваших лендингов станет гораздо выше.

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

Программа курса верстки

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

1. Вводное занятие. Знакомство с функционалом визуального редактора и правилами создания макета лендинга.

2. PSD-макет: создание структуры. Здесь вы изучите основы создания правильной структуры целевой страницы.

3. PSD-макет: размещение контента. Вы научитесь правильно работать с секциями и изображениями фона в контексте PSD.

4. PSD-макет: функциональные элементы. Вы увидите, как наш специалист верстает различные секции целевой страницы, слайдеры отзывов, добавляет карту, скрипт политики конфиденциальности и т. д.

Вторая часть, или «продвинутый курс», содержит три урока.

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

2. Работа с jQuery. Вы изучите возможности нашей платформы в плане применения скриптов jQuery и управления элементами с их помощью.

3. Слайдер. Вы узнаете, как сверстать слайдер и установить его на лендинг за 15 минут вместо 3 часов.

Пройдите бесплатный видеокурс и станьте профессиональным верстальщиком лендингов за 7 дней >>>

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

Команда LPgenerator 

09-09-2015

Лендинг — что это такое простыми словами и 12 советов по созданию landing page в примерах

Обновлено 4 января 2021

1. Что такое лендинг пейдж простыми словами
2. Примеры landing page
3. 12 шагов по созданию идеального лейдинга
4. Примеры ошибок убивающих ваш landing

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня мы поговорим о такой важной вещи как посадочная страница, которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

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

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

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

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

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

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

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

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

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

2. Товарная посадочная страница (landing page) — служит непосредственно для продажи товара. Фактически это продвинутая (расширенная) карточка товара, которую вы можете встретить в любом интернет-магазине. Тут будет и кнопка «Купить», и описание товара, а также условия доставки, контактный телефон и тому подобная информация.
3. Лендинг по услугам — аналог товарного, но только продать тут пытаются услугу. Правда, вместо кнопки «Купить» на первый план тут уже выдвигается контактный телефон, по которому предлагается заказать данную услугу или получить по ней дополнительную информацию. Ну а другие атрибуты похожи на предыдущий тип посадочных страниц.

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

12 шагов по созданию идеального лендинга

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

1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь конверсионной воронки на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
3. Рулят также яркие кнопки и стрелки, создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.

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

   Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

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

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

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

   или так

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

8. Также неплохо работают на посадочных страницах сравнения «до и после». Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
10. Для стимулирования подписчиков или покупателей некоторых товаров (например, инфопродуктов и прочих вариаций инфо-бизнеса) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

    Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.

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

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

Примеры ошибок делающих landing нерабочим

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

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

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page»:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

проект в категории Верстка, 22.01.2019 в 09:36

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

Здравствуйте друзья. Нужно сверстать лендинг в html. Заявка с лендинг должна отпраляться на 2 почтовых ящика. В формах для заявки нужно добавить маску prntscr.com/maeog0. Сверстать нужно без ошибок, чтобы сайт быстро загружался и +-корректно отображался на моб. устройствах.  Жду от вас предложений. Бюджет + сроки и 3 лучшие работы.

Разделы:

Опубликован:

22.01.2019 | 09:36 [последние изменения: 22.01.2019 | 09:39]

Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика

Создание лендинг пейдж под ключ в Санкт-Петербурге

Что такое landing page?

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

Качественный Лендинг увеличивает конверсию
в x10 раз по сравнению с сайтом-визиткой.

Преимущества лендинга

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

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

Области применения landing page с максимальным профитом:

• Сфера услуг;
• Оптовые продажи;
• Шоубизнес;
• Производство и поставки;
• Инфо-бизнес;
• Продажа ценного и уникального товара;
• Туристические агенства;
• СПА-салоны, фитнес-клубы.

Визуальные подсказки (Directional Cues): взгляд или стрелки в сторону CTA-кнопки или формы сбора контактов поможет привлечь внимание аудитории к целевому действию. Дополнительные способы увеличить конверсию:

• Методология AIDA
• 4U заголовки и офферы
• Конкурентный анализ
• Язык клиента
• Вкусное предложение
• Легкий и ценный следующий шаг

Создание и верстка лендинга для детей — обучение в Хабаровске

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

• Длительность модуля — 1 месяц

Вашего ребенка невозможно оторвать от смартфона или планшета? Модуль «Создание сайта за 24 часа. Лендинг на Tilda» в международной КиберШколе KIBERone поможет направить его увлечение в правильное русло — даже первоклашки без навыков дизайна и написания кода смогут пользоваться этим мощным конструктором для создания привлекательных одностраничных сайтов и эффектных посадочных страниц.

Особенности модуля «Создание сайта. Лендинг на Tilda» в КиберШколе

Tilda — конструктор сайтов и идеальный инструмент для быстрого создания landing page. Для работы в нем не требуется знания языков программирования, так как все web-ресурсы создаются из нескольких сотен готовых блоков-модулей, а настройки осуществляются при помощи мышки и клавиатуры.

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

Занятия в КиберШколе KIBERone проводят креативные тьюторы с солидным опытом работы в сфере IT-технологий и умеющие находить общий язык с детьми. Учебный процесс — это 80% практических занятий, на которых ребята не только узнают, что такое лендинг, как он работает и чем отличается от одностраничного сайта, но и научатся:

• составлять дизайн обложки, подбирать цвета, шрифты и изображения, чтобы выдержать один стиль;
• проектировать, оформлять и запускать конверсионные лендинги;
• продумывать структуру, делать адаптивы и вставлять HTML-код;
• добавлять текст, фото, интерактивные изображения или видео в несколько кликов;
• «упаковывать» landing page онлайн-чатом, системами аналитики, формой регистрации или обратной связи, приемом онлайн-платежей, интерактивными картами, таймлайнами;
• устанавливать интеграцию с социальными сетями, почтовыми рассылками, подключать статистику, настраивать цели, тестирование и SEO;
• редактировать, делать редизайн страницы, менять заголовок, удалять блоки.

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

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

Адаптивные шаблоны лендинг пейдж — адаптивная верстка лендинга от Nethouse.ru

Шаблоны для всех типов устройств

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

Использование адаптивного шаблона решает несколько задач:

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

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

Для того, чтобы быстро создать адаптивный сайт на конструкторе Nethouse достаточно совершить три действия:

• Зарегистрироваться.
• Выбрать подходящий шаблон.
• Наполнить сайт текстовой информацией и медиа-контентом (фото и видео).

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

Для одностраничников, выполненных на конструкторе Nethouse, характерны следующие преимущества:

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

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

Как вы убедите посетителей сделать решительный шаг на вашем сайте?

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

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

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

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

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

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

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

Примеры посадочных страниц

1. Shopify
2. Дуло
3. TransferWise
4. Airbnb
5. Teambit
6. Wistia
7. Webflow
8. Науто
9. Маркетинг промышленной надежности
10. Входящие эмоции
11. Живой чат Velaro
12. IMPACT Брендинг и дизайн
13. Отклонить
14. Bills.com
15. Трулия
16. Landbot
17. Веб-профит
18. H.BLOOM
19. Лаборатория конверсии

Целевые страницы для регистрации

1.Shopify

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

2. Морда

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

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

3. TransferWise

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

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

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

4. Airbnb

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

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

5. Teambit

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

Целевая страница

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

[Щелкните здесь, чтобы увидеть всю целевую страницу.]

6. ​​Wistia

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

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

7. Webflow

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

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

Целевые страницы для электронных книг

8.Науто

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

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

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

9. Маркетинг промышленной надежности

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

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

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

Люди из Industrial Strength Marketing сделали шрифты и поле формы достаточно большими, чтобы посетителям не приходилось увеличивать масштаб, например, для чтения и взаимодействия с контентом.

10. Входящие эмоции

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

11. Живой чат Velaro

Иногда самые мелкие детали имеют самое большое значение. Именно они, например, делают привлекательной целевую страницу Velaro Live Chat.

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

12. IMPACT Брендинг и дизайн

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

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

Целевые страницы для получения дополнительной информации

13. Отклонить

Неудивительно, что Unbounce находится в верхней части этого списка — они фактически написали книгу о создании высококонвертирующих целевых страниц. Хотя на этой целевой странице есть много удивительных вещей, мне очень нравятся две: 1) Использование окна чата вместо классической формы и 2) подробное, но хорошо упакованное — информация под формой.

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

14. Bills.com

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

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

Затем вы ответите еще на два вопроса, как показано ниже:

И вот последняя форма целевой страницы, где вы заполняете свою информацию:

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

15. Трулия

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

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

16. Лэндбот

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

17. Webprofits

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

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

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

18. H.BLOOM

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

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

19. Лаборатория конверсии

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

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

И, когда вы щелкнете этот CTA, посмотрите, как выглядит форма:

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

Идеи целевой страницы

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

Вот несколько вещей, которые следует учитывать при создании целевых страниц:

Наука за правильным сочетанием конверсий

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

• Для какого бизнеса вы создаете страницу? Это компания B2B, предлагающая сырье или услугу? Это компания B2C?
• Что продает бизнес?
• Какое отношение имеет УВП к тому, что продает бренд?
• Это физический продукт? Если да, то какая часть продукта будет наиболее важной для демонстрации на главном изображении? Людям нужно знать, что они получают, иначе они не предоставят информацию о потенциальных клиентах.
• Как они продают?
• Следит ли за продажами? Через 24 часа? В течение часа? Обязательно сообщите об этом своим зрителям. Ясность — ключ к успеху.

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

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

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

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

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

Теперь поищем всех графических дизайнеров с классическим образованием.

Объявление дизайнера

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

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

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

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

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

Идеальная анатомия целевой страницы

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

Дизайн целевой страницы состоит из семи основных частей, поэтому давайте разберем его:

Трафик

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

Призыв к действию

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

Заголовок и подзаголовок

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

Выстрел героя

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

Преимущества и особенности

Здесь вы убеждаете своих посетителей, ПОЧЕМУ им следует совершать конверсию на вашей целевой странице, четкая копия является ключевым моментом.

Социальное доказательство

Повысьте вероятность конверсии, выделив отзывы клиентов, которые выдвигают возражения.

Страница подтверждения и что происходит после

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

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

Помните:

«Важно знать, что делать на целевой странице, чтобы сделать ее более здоровой, сильной и, что еще более важно, более высокой конверсией».

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

… А теперь вернемся к программированию регулярного расписания 🙂

Ломаем целевая страница CareChoice

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

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

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

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

Раздел героев

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

Вариант 1 изображения героя CareChoice

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

Угадайте, какой вариант, по вашему мнению, выиграл?

Вариант изображения героя CareChoice 2

И победил… Вариант 2. Но это интересно.

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

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

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

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

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

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

Можете ли вы представить себе, какой будет отличный дополнительный тест для этой страницы? Копия теста.

Поскольку мы находим, что людям нравится слово «база данных» (т. Е. Кажется впечатляющим, что у нас есть много разного рода информации, ожидающей вас…), и рекомендуется использовать слова, ориентированные на потребителя, Новый замечательный заголовок будет звучать так: «Получите доступ к нашей базе данных, чтобы у ВАС была самая лучшая помощь в жизни в Грузии».

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

Видите? Еще один пример сосредоточения разговора на них, а не на себе.

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

Если вы не можете, вы, вероятно, выбрали отличное изображение .

Хорошо … фууу. Здесь есть над чем подумать, и, конечно же, это только начало.Переходим к разделу социальных доказательств.

Социальное доказательство Раздел

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

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

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

Когда мы изначально начали поиск отзывов клиентов, мы поняли, что в Facebook, Google и The Real Yellow Pages было опубликовано около 20 отзывов клиентов в каждом месте, которые дали оценку 5 звезд.

Разве не здорово ?!

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

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

Добавление звезд визуально под ними добавляет еще один бонус.

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

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

Социальное доказательство CareChoice

Цитаты довольных клиентов также являются очень важной частью вашей страницы.

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

Конечно, от кого-то вроде тебя.

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

Давайте сосредоточимся на разделе отзывов дальше…

Раздел отзывов

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

Давайте взглянем на 4 вещи, которые вы можете найти в хороших цитатах:

1. Довольные клиенты, использующие позитивный язык
2. Проблема клиента, которая объясняется, а затем решается с помощью службы, предоставляемой указанной компанией
3. Данные (хотя у нас нет отзывов, написанных ниже, это всегда высококачественный способ решения показать потенциальным клиентам, что ваш продукт или услуга хорошо зарекомендовали себя для других)
4. Видео-отзывы, точка.Людям нравится видеть настоящее лицо и слышать настоящий голос. Если у вас есть возможность разместить на своей странице видео, в котором кто-то объясняет, почему им так нравятся ваши услуги или продукт, скорее всего, эти конверсии будут стремительно расти.

Раздел отзывов CareChoice

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

Здесь мы переходим к разделу «Что мы делаем».

Что мы делаем Раздел

Поскольку CareChoice — это услуга, добавление этого раздела важно для общения с потенциальными клиентами, что именно представляет собой эта услуга.Этот раздел дает пользователям уверенность в том, что вы делаете, и объясняет, ПОЧЕМУ вы им нужны.

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

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

Раздел услуг CareChoice

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

Раздел часто задаваемых вопросов

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

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

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

Раздел часто задаваемых вопросов о CareChoice

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

Нижний раздел CareChoice с призывом к действию

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

Нижний колонтитул CareChoice

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

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

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

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

Разрушение целевой страницы EZBind

Еще один клиент, с которым мы работали, — EZBind. EZBind — это компания B2C, занимающаяся страхованием строительных подрядчиков.

Раздел героев

Вот два снимка раздела героев EZBind:

EZBind вариант героя 1

EZBind вариант героя 2

Эти два варианта очень похожи.

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

Я расскажу вам о грядущем секрете… Мы на KlientBoost замечаем, что чем больше мы экспериментируем с кнопками CTA, тем лучше было использовать более расплывчатый CTA, например «Начать». Причина — это низкое обязательство CTA . Если вы можете заинтересовать своего зрителя настолько, что нажмите «Начать», тогда вы продаете его на Шаге 2.

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

Отказ от ответственности при тестировании под кнопкой CTA

Мы создали небольшой тест и добавили заявление об отказе от ответственности под кнопкой CTA, в котором говорится: «Кредитная карта не требуется».

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

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

Результаты тестирования отказа от ответственности

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

Давайте перейдем к следующему разделу, чтобы узнать больше о том, как дать ответ на вопросы клиента «Почему?».

Раздел «Почему EZBind»

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

Раздел «Почему EZBind»

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

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

Теперь, когда мы обсудили раздел «Преимущества», давайте пройдемся по отзывам.

Раздел отзывов

Как я уже говорил с CareChoice, очень важно иметь положительные отзывы клиентов. Внутри этого один из самых сильных отзывов — это тот, который находится слева, который напрямую обращается к EZBind и благодарит его за их «быстрый ответ».”

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

Раздел отзывов

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

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

В противном случае ваши клиенты могут чувствовать себя так:

Нижний колонтитул

Завершение макета целевой страницы

Итак, в заключение, вот несколько моментов, которые следует запомнить:

1. Несмотря на то, что на эстетически приятные страницы приятно смотреть, визуальная ясность важнее. Помните 5-секундный тест.
2. Копирование — самая важная часть вашей страницы. Возможно, ваш заголовок в разделе героев — , — самый важный. Убедитесь, что вы знаете, что UVP.
3. Отличные обзоры и социальные доказательства — большая поддержка делу, которое вы указали в разделе о героях. Убедитесь, что эти отзывы положительны, и покажите зрителям, почему вы лучше всего соответствуете их потребностям.
4. Разделы «Часто задаваемые вопросы» и «Преимущества» дадут вашим зрителям дополнительный толчок к конверсии, если они все еще не уверены. Убедитесь, что эти небольшие подзаголовки привлекают внимание и помогают в процессе принятия решений.

Ищете еще несколько отличных примеров лучших целевых страниц? Проверьте их здесь .

Спасибо, что присоединились ко мне в этом путешествии по целевой странице.

До следующего раза.

Анатомия целевой страницы [Включает иллюстрации]

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

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

Мы вас поймаем.Но здесь действует старый принцип:

Хорошо знайте правила, чтобы эффективно их нарушать.

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

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

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

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

Компоненты целевой страницы

Нет двух одинаковых целевых страниц. Тем не менее, есть пять основных элементов , которые каждая целевая страница с высокой конверсией должна иметь :

1. Уникальное торговое предложение (УТП)
2. Главное изображение или видео
3. Преимущества вашего предложения
4. Некоторая форма социального доказательства
5. Единая цель конверсии (или ваш призыв к действию)

1. Ваше уникальное торговое предложение (USP)

Ваше уникальное торговое предложение — это то, что выделяет ваш продукт или услугу среди конкурентов.Это ответ на назойливый вопрос: «Что делает это предложение таким особенным?» Не зацикливайтесь на «уникальности». Думайте о своем УТП как о том, как вы позиционируете свое предложение как отличающееся от (и лучше!) От всех остальных.

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

1a.Основной заголовок

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

Вот отличное письмо от клиента Unbounce:

1b. Вспомогательный заголовок

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

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

1с. Подтверждающее заявление (необязательно)

Если ваша целевая страница длинная, имеет смысл напомнить посетителям о вашем УТП подкрепляющим заявлением посередине страницы.

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

1д. Заключительное заявление (необязательно)

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

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

2. Изображение-герой

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

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

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

3. Преимущества

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

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

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

1. « Keep Cool с ледяным ледяным Sunshine Lemonade».
2. «Вы можете создавать целевые страницы самостоятельно , без помощи разработчика, используя конструктор перетаскивания Unbounce ».

4. Социальное доказательство

Проще говоря, социальное доказательство — это влияние людей вокруг нас на решения, которые мы принимаем . Это причина того, что внезапно все покупают Instant Pot, или почему вы можете пожалеть о татуировке клана WuTang, на которую вас уговорила Синди.

На целевой странице социальное доказательство принимает разные формы:

1. Прямые цитаты от клиентов
2. Примеры из практики (или ссылки на тематические исследования)
3. Видеоинтервью или отзывы
4. Логотипы компаний-клиентов
5. Просмотрите оценки с таких сайтов, как Yelp, Amazon или Capterra

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

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

ПРОФЕССИОНАЛЬНЫЙ СОВЕТ. Обязательно сделайте свои отзывы намного более убедительными, включив в них настоящие имена клиентов и фотографии вместо стоковых фотографий и вымышленных имен.

5. Цель конверсии (ваш призыв к действию)

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

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

1. Избегайте пустого текста на кнопках, такого как «НАЖМИТЕ ЗДЕСЬ» или «ОТПРАВИТЬ». Используйте разговорный язык и сообщите своим посетителям, что они получат за свои драгоценные клики («НАЧАТЬ БЕСПЛАТНУЮ ПРОБНУЮ ПРОБНУЮ» или «ПОЛУЧИТЬ СКИДКУ 50% НА СВОЮ ПОКУПКУ»).
2. Делайте формы как можно короче и включайте заявление о конфиденциальности, чтобы гарантировать безопасность данных (и соответствие правилам GDPR).
3. Поскольку небольшие различия могут иметь большое влияние на коэффициент конверсии, призывы к действию всегда являются хорошими кандидатами для A / B-тестирования. Вы можете прочитать об этом здесь.

Итак, как мне использовать целевые страницы?

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

9 советов по дизайну целевой страницы для повышения конверсии

Включите подробную информацию о продукте

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

Напишите убедительное описание продукта

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

Прямой

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

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

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

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

Оживите свой продукт с помощью изображений

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

Несколько изображений лучше, чем одно

В своем отчете по исследованию потребителей за 2018 год Salsify обнаружил, что 73% людей хотят видеть 3 или более изображений при рассмотрении покупки. К счастью, большинство мобильных устройств оснащены отличными камерами (а также встроенными инструментами редактирования), поэтому, даже если вы не профессионал в области фотографии, легко сделать как можно больше красивых, высококачественных и привлекательных изображений для своего интернет-магазина. как вам нужно.

Показать под разными углами

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

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

Но убедитесь, что не снижаете время загрузки вашего бизнес-сайта.

Используйте образы образа жизни

Изображения

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

Нужны еще несколько советов и идей, вдохновляющих на создание фотографии стиля жизни? Ознакомьтесь с этими полезными ресурсами от Shopify, Jungle Scout и Threadless.

примеров макета целевой страницы, которые конвертируют + создают свой собственный

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

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

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

• Создание адресов электронной почты
• Заполнить форму
• Заполнить анкету
• Загрузить ваучер
• Запланировать бесплатную пробную версию
• Загрузить электронную книгу или бесплатный видеокурс
• Приобрести продукт или подписаться на услугу

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

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

Почему имеет значение дизайн посадочной страницы

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

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

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

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

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

Создайте свой собственный веб-сайт

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

Веб-дизайнеры, графические дизайнеры и иллюстраторы

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

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

• Убийственный заголовок и подзаголовок
• Изображение героя
• Возможности и преимущества
• Социальное доказательство
• Формы
• Призыв к действию

Ознакомьтесь с некоторыми образцами работы с целевой страницей Penji.

Пример # 1:

Пример № 2:

Пример № 3:

, пример № 4:

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

Шаг 1. Создайте новый проект

После того, как вы подписались на предпочтительный план Penji, теперь вы можете перейти к своей панели инструментов и отправить свой первый запрос на дизайн. На панели инструментов нажмите кнопку «Создать новый проект».

Прокрутите вниз до категории UX / UI и выберите «Дизайн веб-сайта». Затем заполните детали проекта и предоставьте как можно больше, чтобы составить четкое описание проекта.Если вы можете предоставить изображения и ссылки для вдохновения, то тем лучше.

Шаг 2. Проверьте и исправьте

Ожидайте получения первого черновика через 24–48 часов. Затем вы можете попросить внести изменения, если вы не на 100 процентов удовлетворены дизайном. Преимущество использования платформы Penji заключается в том, что вы можете указывать и комментировать сам дизайн для внесения изменений.

Когда вы подписываетесь на любой план Penji, вы также можете запросить столько изменений, сколько захотите.В отличие от других дизайнерских услуг, редактирование осуществляется за дополнительную плату. С Penji мы предлагаем вам исправления по НУЛЕВОЙ СТОИМОСТИ.

Шаг 3: Загрузите дизайн

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

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

13 примеров макета целевой страницы, конвертирующих

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

1. млн унций

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

2. CareChoice

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

3. EZBind

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

4. Lyft

Макет целевой страницы

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

5. Стойка для уборки

Этот пример целевой страницы Muck Rack очень ориентирован на преобразование обеих аудиторий: PR-специалистов / маркетологов и журналистов / блоггеров. Макет целевой страницы также предлагает удобоваримую информацию, которую легко сканировать.Когда вы выбираете и щелкаете по одному из вариантов, форма мгновенно приветствует вас, чтобы направить вас к следующему процессу продажи. Кроме того, визуальные эффекты также очень привлекательны и добавляют глубины макету.

6. Flickr

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

7. Codecademy Pro

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

8. Полоса

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

9. Столярные изделия

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

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

10. Unis Обувь

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

11. Кометир

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

12. Кислотная лига

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

13. Пивоваренный велосипед

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

Заключение

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

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

Обновлено 3 декабря 2020 г.

Об авторе

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

Краткое руководство по созданию целевых страниц с высокой конверсией

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

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

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

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

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

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

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

Не позволяйте этому случиться с вами.

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

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

VividBoard увеличил конверсию с 2% до 27% (рост на 1250%) с помощью простой целевой страницы, предназначенной для увеличения конверсии. Взгляните:

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

1. Поймите болевые точки своей аудитории.

Как удовлетворить человека, которого почти не знаешь?

На самом деле это сложно сделать.

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

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

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

Они вас послушают? Разве ваше решение не отключит их?

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

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

Вот мой вам совет:

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

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

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

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

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

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

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

2. Будьте конкретны.

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

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

«Парадокс выбора показывает, что меньше значит больше. Слишком много вариантов часто мешает людям сделать выбор. ”

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

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

• Действительно ли моя аудитория понимает, к чему я клоню, создавая дизайн целевой страницы?
• Сосредоточен ли мой шаблон целевой страницы на чем-то одном (напр.g., получение 1000 подписчиков по электронной почте)?
• Действительно ли моей аудитории нужно более одного решения или одной кнопки CTA (возможно, нет)?

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

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

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

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

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

3. Выберите подходящий инструмент.

Что такое инструмент?

Вот простое определение с сайта Businessdictionary.com: «Элемент или орудие, используемое для определенной цели».

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

Использование неправильных инструментов отрицательно сказывается на ваших результатах.

Но все инструменты целевой страницы созданы одинаково, верно?

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

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

По сути, это программное обеспечение для перетаскивания.

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

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

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

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

4. Раздайте полезные материалы.

Вы когда-нибудь задумывались, как мне удалось с нуля построить 5 успешных SaaS-компаний с доходом в несколько миллионов долларов? Я написал об этом пост.

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

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

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

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

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

Вы слышали о термине «свинцовый магнит» ?

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

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

Например, этот маленький ребенок сгенерировал 28 507 потенциальных клиентов за 45 дней для DigitalMarketer.com.

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

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

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

Это способ завоевать доверие клиентов.

Бесплатные подарки всегда побуждали к действию. Люди любят бесплатные подарки.

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

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

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

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

5. Сделайте свой титул увлекательным и полным преимуществ.

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

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

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

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

Тед Николас, известный копирайтер прямого отклика, также соглашается, предполагая, что 73% процесса принятия решений вашим покупателем начинается с момента заголовка.

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

Давайте сравним две разные целевые страницы. Имейте в виду, что они с одного и того же сайта.

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

Но после редизайна название было улучшено. Взгляните:

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

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

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

6. Используйте соответствующие изображения.

«Картинка стоит тысячи слов».

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

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

• Люди реагируют на визуальный контент быстрее, чем вы можете себе представить.
• 90% информации, передаваемой в мозг, является визуальной, а визуальные эффекты обрабатываются мозгом в 60 000 раз быстрее, чем текст.
• 80% людей запоминают то, что видят и делают.
• Посетители сайта проводят на 100% больше времени на страницах, содержащих интересные видео.

Visuals захватили социальные сети и оказали огромное влияние на маркетинговые кампании.

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

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

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

Вот скриншот оригинала и варианта вместе с результатом.

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

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

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

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

Вы хотите казаться им реальными, если хотите повысить коэффициент конверсии.

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

Именно это и сделали GetResponse на своей целевой странице.

Посмотрите:

Заключение

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

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

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

В какой-то момент вам может потребоваться больше целевых страниц. Но оставайтесь сосредоточенными: начните с одного.

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

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

Получаете ли вы какие-либо результаты со своими целевыми страницами в настоящее время? Поделитесь своими комментариями ниже.

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

• SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
• Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
• Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

Секреты дизайна, удобного для преобразования

Кто бы ни сказал, что внешность — это еще не все, он явно не дизайнер целевой страницы.

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

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

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

Наука за макетом целевой страницы

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

Наиболее распространенные разделы целевой страницы:

• Раздел героев
• Раздел социального доказательства
• Раздел функций
• Как это работает Раздел
• Раздел нижнего колонтитула

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

Раздел «Герой»

Первое, что видят пользователи при посещении вашей целевой страницы, — это ваш раздел героев. Он всегда будет отображаться в верхней части страницы и содержать наиболее важную информацию на вашей целевой странице. Чтобы разобраться во всем этом, давайте взглянем на главный раздел целевой страницы Bill’s Comfort Systems.

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

Теперь, когда вы немного знаете о Системах комфорта Билла, мы можем поговорить о каждом компоненте их раздела о героях и о цели, которой он служит.

Загляните в раздел о героях 👀

Раздел вашего героя обычно включает некоторые, если не все из следующих элементов:

• Основной заголовок
• Подзаголовок
• Призыв к действию (CTA)
• Выстрел героя

Основной заголовок

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

В качестве примера можно использовать заголовок на картинке выше.

«Пройдите бесплатную проверку кондиционера»

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

1. Задайте вопрос

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

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

«У вас сломался кондиционер?»

2 . Будь лучшим

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

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

« Самый быстрый ремонт кондиционеров в штате Юта»

3. Вдохновлять эмоции

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

Вот пример того, как использовать эмоции в заголовке.

«Держите семью в прохладе этим летом»

4 . Сделайте предоплату

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

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

«Бесплатная проверка кондиционера может сэкономить вам тысячи»

5. Захватите внимание / используйте юмор:

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

Пример забавного заголовка для систем Bill’s Comfort:

«Не переживайте из-за сломанного кондиционера этим летом!»

Подзаголовок

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

Например, подзаголовок показан в нашем примере и предлагает более подробную информацию о том, как Bill’s Comfort Systems может помочь клиентам, упоминая «установку от начала до конца», «ремонт» и «диагностику».

CTA (Призыв к действию)

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

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

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

Вот некоторые из них, которые вы можете попробовать:

• Попробовать
• Попробовать (продукт / услуга) сейчас
• Пробная версия (продукт / услуга) бесплатно (Срок действия пробной версии)
• Начало работы
• Начните сегодня
• Получите (особенность / выгода) сейчас
• Get My Free (предложение, консультация и т. Д.)
• Купить сейчас
• Купи мой (продукт) сейчас
• Резервное назначение
• Забронировать встречу

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

Изображение героя

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

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

Бонусный совет: Элементы внутри вашего раздела героев будут иметь наибольшее влияние на производительность вашей целевой страницы. Попробуйте сначала провести A / B-тестирование, чтобы получить самые быстрые улучшения.

Раздел функций

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

Особенности и преимущества

Обратите внимание, что они не выделили свои услуги. Вместо этого они говорят о конкретных преимуществах, которые получат клиенты, например, о быстром обслуживании, квалифицированных технических специалистах и ​​бесплатных оценках.

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

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

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

Отдел наших услуг

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

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

Покажите посетителям, какие услуги вы предлагаете

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

Раздел отзывов

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

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

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

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

Отзывы уменьшают беспокойство и укрепляют доверие

Вы также заметите, что в этом разделе под каждым именем клиента указано пять золотых звездочек, иллюстрирующих рейтинг, который они дали Bill’s Comfort Systems. Это еще один пример того, как на целевой странице можно использовать значки и изображения для быстрой передачи сообщения.Один взгляд на пять золотых звезд, и посетители могут с уверенностью предположить, что эти клиенты остались довольны, даже не читая их отзывов.

Раздел социального доказательства

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

Демонстрация брендов, которые предлагает Bill’s Comfort Systems, добавляет социальное доказательство благодаря ассоциации с известными брендами.Это также устраняет любые сомнения потенциальных клиентов относительно их способности работать с различными марками кондиционеров.

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

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

Нижний колонтитул

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

Разделы нижнего колонтитула

— хорошее место, чтобы напомнить покупателю, что вы хотите, чтобы он сделал с CTA

.

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

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

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

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

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

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

Разбивка элитного хиропрактика. Посадочная страница

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

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

Раздел «Герой»

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

Вот две разные версии целевой страницы Elite Chiropractic.

CTA № 1

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

CTA № 2

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

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

Сможете угадать, какая страница выиграла?

Если вы угадали первое, то похлопайте себя по плечу.Первый вариант выиграл с огромным успехом, превзойдя более конкретный CTA на 300%. Это тоже не совпадение: в Linear мы заметили, что нечеткие призывы к действию, как правило, лучше подходят для целевых страниц лидогенерации.

Раздел «О нашем местонахождении»

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

Совет. О разделах можно использовать динамическую замену текста.

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

Почему секции хиропрактики Elite

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

Этот раздел должен объяснить, почему ваши услуги лучше, чем у ваших конкурентов.

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

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

Раздел отзывов клиентов

Хорошо, я знаю, о чем вы думаете. Это много текста, разве вы не сказали нам, чтобы он был коротким и приятным?

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

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

Люди верят тому, что говорят другие люди, похожие на них, — больше, чем они верят тому, что вы говорите о себе

И это именно то, что мы сделали для Elite Chiropractic, и оказалось, что посетителям больше нравились более длинные отзывы.Это небольшое изменение увеличило конверсию с полной прокруткой на 110%. Несомненно, стоящий тест.

Нижний колонтитул

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

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

Заголовки в нижнем колонтитуле

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

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

Заключение по макету посадочной страницы

Первое правило макета целевой страницы — это отсутствие правил макета целевой страницы.

Трудно усвоить урок…

Ладно, шучу, вроде…

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

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

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

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

• CTA — Протестируйте различный текст призыва к действию, цвет кнопки и размещение.
• Main Headline — Протестируйте заголовки разных типов, от вопросов до вдохновляющих или предлагающих скидку.
• Формы — Попробуйте использовать длинные формы вместо коротких и одношаговые вместо многоступенчатых.
• Social Proof — Тестируйте обзоры с фотографиями и без, а также с длинными и короткими отзывами.
• Макет целевой страницы — проверьте длину страницы и попробуйте добавить новые разделы, удалить разделы и изменить порядок их расположения.

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

.