Структура лендинг пейдж со схемами: Идеальная структура landing page по версии LPgenerator

Завершающий этап

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

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

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

Вместо заключения

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

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

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

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

31-08-2015

поднимаем конверсию — Агентство REFORGE

Что такое структура лендинга

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

Структура лендинга — это последовательный набор блоков (экранов), который раскрывает информацию о товаре или услуге и направляет посетителя на совершение целевого click here действия. Бездумное расставление блоков не приведет к заявке. Зато грамотно продуманная, логичная структура увеличит конверсию и принесет вам прогретых и заинтересованных лидов. Поэтому, чтобы создать эффективный Landing Page, нужно:

• проанализировать целевую аудиторию
• продумать будущую структуру
• определить целевое действие (одно или несколько)
• логично и осознанно расставить блоки

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

Структура лендинга по модели AIDA

Многие вещи и идеи, новинки и изобретения приходят к нам с Запада, а чаще всего — из Америки. С рекламой та же история. Маркетинговую модель AIDA придумал американец Элмер Левис еще 1896 году для лучшего понимания целевой аудитории и увеличения продаж. Прошло более 120 лет, а эту модель до сих пор активно используют в онлайновой и оффлайновой рекламе. Для контекстной рекламы и лендинга она тоже отлично подходит.

Расшифровка модели AIDA

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

A (attention): Внимание

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

После того, как пользователь заметил и кликнул на объявление, он переходит на нашу страницу и дальше…

I (interest): Интерес

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

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

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

D (desire): Желание

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

«Кодак» продаёт фотопленку, но рекламируют они не фотопленку. Они рекламируют память.

ТЕОДОР ЛЕВИТТ

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

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

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

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

A (action): Действие

Побуждаем посетителя стать потенциальным покупателем. Это не стоит делать с помощью кнопки “Купить”, потому что лендинги созданы для прогрева, и намного реже для покупки. Здесь нужно подвести человека к логичному, но простому действию: получить консультацию, бесплатную конечно же. Или узнать итоговую цену, получить смету. Можно предложить ему забронировать подарок или получить каталог на почту. Приехать на тест-драйв или пользоваться 30 дней бесплатно.

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

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

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

Модель AIDA со временем была дополнена пунктом «Satisfaction» (удовлетворение). Для первичного воздействия на аудиторию кажется что этот пункт не особо важен, действие-то уже произошло, контакт получен. Но во многих нишах повторные продажи или LTV (Lifetime Value) приносят немало прибыли. А при высокой конкуренции стоимость привлечения одного клиента со временем становится очень затратным. Поэтому для удержания клиентов не забывайте о сервисе: благодарите за оставленную заявку, перезвоните или напишите письмо сразу же как получили заявку, обращайтесь по имени, если вы добавили это поле в форму. Ну и совет, который я услышала как-то от Игоря Манна:

Делайте больше, чем ожидает от вас клиент

Заключение

Модель AIDA — это удобный и простой инструмент не только для составления структуры лендинга. Ее можно использовать для любых масштабов: от маркетинговой стратегии, связки реклама + лендинг, email-маркетинга, до единичного блока или рекламного объявления. Эта модель подсказывает нам как влиять на нашу аудиторию, как мотивировать ее совершить нужное нам действие. Используйте ее и повышайте вашу конверсию!

Используете ли вы в структуре лендинга модель AIDA? Делитесь в комментариях!

Структура лендинга (landing page)

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

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

3. Обычно в отдельных блоках перечисляются преимущества товара/услуги/продукта, объясняется польза, на которую может рассчитывать представитель ЦА.

4. Рекомендуется показать товар лицом, в действии. Например, если речь идёт об игрушке, то на landing page размещается соответствующее видео. Также к покупке или заказу могут подтолкнуть продающие фотографии.

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

• Диаграммы, таблицы;

• Графические схемы;

• Отчеты, скриншоты;

• Дипломы, сертификаты, лицензии.

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

7. Как быть с теми, кто ещё не готов к сделке? Иногда специалисты используют форму сбора данных (e-mail, имя), чтобы напомнить человеку через время о его намерениях приобрести что-либо, а также о новых поступлениях, скидках или акциях.

8. Отзывы клиентов с фото также входят в структуру продающего лендинга. В некоторых случаях публикуются так называемые «счастливые истории».

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

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

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

Структура работающего landing page:что важно знать?

Уникальное торговое предложение

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

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

Источник трафика

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

Размер страницы

Прототипирование лендинга

Логотип

Демонстрация

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

Обратная связь

Кнопка СТА

Примеры проработки  макета  лендинг пейдж на этапе прототипирования

Пример проработки макета с дизайнером

Этапы необходимые для создания схемы продающего лендинга

Этап 1

Этап 2

Этап 3

Этап 4

Этап 5

Основные правила продающего лендинга

Доверие

Работа с возражениями

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

• В сети информацию не читают, с ней ознакамливаются. До чтения доходит только в том случае, если первое впечатление пробудило ощущение нужности контекста. Не нагружайте пользователя огромным количеством информации и сложными предложениями. Это развивает неосознанную негативную реакцию.
• Текстовое наполнение лендинг пейдж должно быть необъёмным и одновременно информативным. Мелкий шрифт вызывает негативную реакцию.
• Не обманывайте клиента. Информация в рекламе, по которой клиент попал на вашу страницу, должна соответствовать наполнению лендинг пейдж. Что на коробке, то и в коробке. Обман на начальном этапе безвозвратно снижает уровень доверия.
• Дизайн лендинг пейдж не должен отталкивать и раздражать. Классические спокойные тона приветствуются подсознанием пользователя.

Заключение

• Первое, что должно попадаться на глаза пользователя- уникальное торговое предложение.
• Визуализация товара, желательно в 3Д формате.
• Отстраивание от конкурентов.
• Побуждение к действию при помощи кнопки СТА.
• Зарождение доверия.
• Зарождение потребности.
• Отзывы.
• Схематичное изображение работы компании.
• Работа с возражениями.

Как структурировать длинную целевую страницу для максимального количества конверсий

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

Но как организовать этот контент? Например, на странице продаж Marketing Bullets почти 30 000 слов. Это как «Война и мир» целевых страниц.(Вся эта копия сводится к действию-конверсии, которое стоит 5000 долларов.)

Дело не только в большом количестве контента. как организовано содержание. действительно имеет значение.

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

Есть одиннадцать основных элементов длинной целевой страницы. Я пройдусь по каждому из них в порядке их появления на странице.

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

1. Заголовок

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

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

Unbounce объясняет это так:

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

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

Конверсия этой целевой страницы составила 3%.

Обновленная целевая страница преобразована в 18.7%.

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

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

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

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

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

3. Изображение

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

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

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

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

4. Видео (если есть)

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

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

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

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

5.Краткая копия

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

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

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

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

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

7. Сигналы доверия

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

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

The Renegade Diet отображает список публикаций, в которых она упоминалась:

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

8. Описание продукта или услуги

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

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

Renegade объясняет некоторые из наиболее важных открытий, сделанных в книге.

Этот раздел может быть сколь угодно длинным.

9.Преимущества продукта или услуги

Покупателей интересует не только продукт . Они также хотят знать, как это им поможет.

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

Обратите внимание, как Litmus использует следующее объяснение преимуществ, используя негативную реальность: «Ваши электронные письма не будут прочитаны, если их нет во входящих.”

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

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

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

10. Отзывы

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

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

А вот и видео-отзывы:

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

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

11. Подробнее CTA

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

12. Тестирование и повторение

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

Заключение

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

1. Заголовок
2. Подзаголовок
3. Изображение
4. Видео
5. Краткая копия
6. Призыв к действию
7. Сигналы доверия
8. Описание продукта или услуги
9. Преимущества продукта или услуги
10. Отзывы
11. Подробнее CTA
12. Проверить и повторить

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

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

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

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

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

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

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

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

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

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

Но этот телефонный звонок — источник изображения

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

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

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

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

Объявление конструктора

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

Давай. Отпусти ситуацию. — источник изображения

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

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

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

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

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

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

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

1. Трафик — не весь трафик одинаков. Отслеживайте поисковые запросы и критерии таргетинга, чтобы избежать эффекта айсберга и получить самый качественный трафик для потенциальных клиентов или кампаний электронной коммерции.
2. Призыв к действию — это самый важный элемент любой хорошей целевой страницы. Отразите температуру вашего трафика на угрозе вашего CTA. Обычно это самая быстрая процедура, которую вы можете проверить, чтобы увидеть самые впечатляющие результаты.
3. Заголовок и подзаголовок — здесь вы говорите своим посетителям, чего они могут ожидать (подсказка: отразите конечную цель посетителя), а затем поддерживаете ее.
4. Hero Shot — Используйте визуальное оформление в сочетании с контекстом использования, чтобы ваши посетители знали, чего они могут ожидать от вашего продукта или услуги. Ознакомьтесь с этим подробным руководством, которое мы создали, если вам нужна дополнительная помощь.
5. Преимущества и особенности — Здесь вы убеждает своих посетителей, ПОЧЕМУ им следует совершать конверсию на вашей целевой странице. Четкая копия является ключевым моментом.
6. Social Proof — Увеличьте вероятность конверсии, выделив отзывы клиентов, которые выдвигают возражения.
7. Страница подтверждения и что будет дальше — начнем с благодарности. Но то, что сделка сделана, не означает, что ваша работа на этом остановится. Вы хотите создать постоянного клиента, который будет продолжать покупать или кричать ваш бренд с крыш о том, какой вы классный (слишком много? Ну, обзора или тематического исследования тоже может хватить).

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

Помните:

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

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

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

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

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

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

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

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

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

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

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

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

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

Вариант изображения героя 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

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

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

Нижний раздел CTA 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, и это выражение оказывается на созданной нами странице.

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

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

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

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

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

Помогите мнееееее. — источник изображения

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

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

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

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

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

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

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

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

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

Увеличьте количество конверсий.

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

Вопрос в том, не слишком ли много для одной страницы?

Абсолютно нет.

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

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

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

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

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

Однако все целевые страницы после клика должны иметь только одну цель конверсии.

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

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

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

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

Чтобы продемонстрировать этот момент, вы не можете ожидать увидеть много конверсий с такой загруженной домашней страницы:

И наоборот, эта специализированная страница с гораздо большей вероятностью приведет к конверсиям:

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

Да, второй.

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

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

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

Это также известно как психология обращения.

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

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

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

Что должно делать ваша целевая страница после клика?

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

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

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

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

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

1. Принципы влияния
2. Когнитивные искажения

6 принципов влияния Чалдини

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

1.Принцип симпатии

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

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

Чтобы продемонстрировать, когда Signal v.Компания Noise протестировала «человеческую» страницу по сравнению с исходным дизайном, и они увидели увеличение конверсии на 102,5%:

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

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

2.Принцип взаимности

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

Хотите информацию о ваших посетителях? Предложите им что-нибудь взамен — для этого и создается типичная сжатая страница.

Copy Hackers просит посетителей ввести свой адрес электронной почты в обмен на код купона на 100% скидку на одну из их оригинальных книг:

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

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

3. Принцип социального доказательства

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

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

4. Принцип согласованности

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

Вы можете применить этот принцип к выделенным страницам, установив соответствие сообщения между объявлением и самой целевой страницей после клика.

Это реклама Facebook для руководства Vidyard по персонализации вашего маркетинга с помощью видео:

Это целевая страница после клика, связанная с объявлением:

Страница и объявление имеют отличное сообщение, потому что:

• Заголовки объявления и страницы содержат одно и то же сообщение.
• Изображение в объявлении соответствует изображению на странице.
• Цвет кнопки CTA одинаков как на целевой странице объявления, так и на целевой странице после клика.

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

5. Принцип авторитета

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

Crazy Egg следует этому принципу на своей целевой странице после клика:

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

6. Принцип дефицита

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

Вы можете сделать свое предложение более привлекательным, поставив на него часы (таймер обратного отсчета целевой страницы после щелчка сделает свое дело).

Вот как Instapage использует таймер обратного отсчета, чтобы стимулировать регистрацию на веб-семинары:

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

Это то, что делает целевая страница Animoto после клика:

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

Merlin’s Pest Control делает с их копией кнопки CTA:

Копия кнопки CTA делает предложение срочным.

Вот инфографика, в которой суммируются принципы влияния Чалдини.

Когнитивные предубеждения

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

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

Эффект фон Ресторфа

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

Это то, что делает целевая страница после клика AWeber:

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

The Deictic Gaze

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

Postcard Mania использует указатель направления, чтобы указать на кнопку с призывом к действию, привлекая больше внимания посетителей к «начать работу»:

Эффект превосходства изображения

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

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

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

Эффект фокусировки

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

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

Это то, что Avast делает со своей целевой страницей после клика, добавляя их UVP в заголовок:

Конечно, на странице упоминаются и другие преимущества:

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

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

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

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

Модель F

F-шаблон (он же «быстрый» шаблон) назван из-за направления, в котором движется глаз пользователя при сканировании страницы, которое выглядит примерно так:

Исследование с отслеживанием взглядов, проведенное Nielson Norman Group с участием 232 пользователей, показало, что основное поведение участников при чтении оставалось довольно постоянным на разных веб-сайтах. Этот метод чтения напоминал букву F и имел следующие компоненты:

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

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

Что это означает для вашей целевой страницы после клика

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

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

Так посетители будут видеть страницу Fleetmatics:

1. Пользователь начинает читать страницу по горизонтальной строке; здесь они увидят логотип компании и контактный номер.
2. Затем они прочитают во второй горизонтальной строке; эта область демонстрирует основной заголовок и изображение.
3. Наконец, они будут сканировать страницу в вертикальном движении; здесь они увидят кнопку CTA.

Z-образный узор

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

Метод чтения Z-шаблона имеет следующий порядок:

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

Давайте посмотрим на страницу Offerpop в качестве примера:

Вот как будет выглядеть Z-образ на этой странице:

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

Фальцовка страницы и ее значение для дизайна целевой страницы после клика

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

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

Для демонстрации: если разрешение экрана составляет 1366 X 768, то область, выделенная красным ниже, — это место, где будет лежать сгиб страницы:

По мнению большинства веб-дизайнеров, средняя линия сгиба составляет примерно 1000 пикселей в ширину и 600 пикселей в высоту — это в основном верно для распространенных типов комбинаций монитора / браузера размером 1024 X 786 пикселей.Однако с ростом количества просмотров на мобильных устройствах наиболее распространенным размером сгиба страницы является либо 320 X 568, либо 360 X 640.

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

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

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

Ну правда в том, что посетители действительно скроллируют.

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

Фактически, согласно отчету Google «Важность быть увиденным»: верхняя часть страницы не всегда доступна для просмотра, тогда как нижняя часть страницы обычно:

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

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

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

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

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

Из-за этого трения конверсии посетители не решаются совершить конверсию на целевой странице после клика.

По сути, есть два способа устранить трение с целевых страниц после клика:

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

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

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

Вот как выглядит начальный экран на одной из целевых страниц после клика Instapage:

Когда пользователь нажимает синий CTA «Покажи мне методы», появляется двухэтапная форма согласия:

У вашей целевой страницы после клика должна быть только одна точка выхода

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

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

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

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

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

В качестве примера возьмем целевую страницу Act-On после клика:

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

Теперь давайте посмотрим на эту целевую страницу после клика для автопилота:

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

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

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

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

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

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

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

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

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

Следуйте примеру AdFicient и как они отображают свой основной текст:

Сделайте вашу копию ориентированной на клиента

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

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

Заголовок целевой страницы сервиса HubSpot Leadin после клика подчеркивает проблему, с которой сталкиваются пользователи: «Вы действительно знаете, кто посещает ваш сайт?» Затем второй заголовок объясняет, как Leadin находит решение их проблемы:

Использование ориентированной на клиента копии на кнопке CTA также помогает побудить посетителей совершать конверсию с помощью кнопки CTA.

См., Например, текст кнопки с призывом к действию «Я готов к загрузке» на этой целевой странице после клика:

Стиль шрифта:

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

Вы можете выбрать один из двух основных типов шрифта:

1. Шрифт с засечками
2. Шрифт без засечек

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

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

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

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

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

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

Суть в следующем: убедитесь, что текст и шрифт на ваших целевых страницах после клика наиболее подходят вашей аудитории.Чтобы узнать, сколько копий писать и какой тип шрифта использовать, попробуйте выполнить несколько A / B-тестов.

Ваша целевая страница после клика может использовать медиа в следующих трех форматах:

1. Изображений
2. Видео
3. Gif-анимации

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

1. Помогает сопереживать посетителям
2. Помогает объяснить, что делает ваш продукт
3. Делает вашу страницу более привлекательной

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

Давайте обсудим три различных формата мультимедиа отдельно:

Изображения

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

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

Вот что делает один из вариантов целевой страницы Wrike после клика:

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

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

Это то, что делает Ной Каган на своей целевой странице после клика:

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

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

Другой пример — Kapost, в котором есть главный снимок приглашенного оратора:

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

Целевая страница VWO после клика делает именно это:

Видео

Статистика показывает, что 95% зрителей сохраняют сообщения в видео, поэтому мы настоятельно рекомендуем вам подумать о добавлении видео, чтобы увеличить коэффициент конверсии целевой страницы после клика. Фактически, согласно EyeView Digital, доказано, что видео увеличивает конверсию на целых 80%.

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

Веб-страницы с видео более интересны, чем страницы с текстом и изображениями. В среднем пользователь остается на странице с текстом и изображениями всего 43 секунды, тогда как посещение страницы с видео длится около 5 минут 50 секунд.

видеоролика с целевой страницей после клика объясняют, как работает услуга / продукт.

Целевая страница после нажатия кнопки Salesforce делает именно это:

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

Размещение видео — это вопрос суждения. Чтобы узнать, правильно ли вы разместили видео на своей странице, потратьте некоторое время на A / B-тестирование различных мест размещения видео.

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

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

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

Gif-анимации

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

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

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

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

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

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

Типы цветов:

Есть три основных типа цветов:

Основные цвета: все остальные цвета составляют три основных цвета: красный, синий и желтый.

Дополнительные цвета: Фиолетовый, зеленый и оранжевый — второстепенные цвета.

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

Этот цветовой круг представляет основной, вторичный и третичный цвета:

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

Например, все они считаются синими:

Они выглядят совершенно иначе, потому что согласно системе Манселла все цвета содержат три компонента:

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

2. Значение: это уровень яркости — насколько светлый или темный является определенный цвет.Цвета с низким значением ярче (также называемые «оттенки»), цвета с высоким значением ярче (также называемые «оттенки»):

3. Цветность: это уровень насыщенности (т.е. насколько «яркий» цвет). Другими словами, цвета с высоким уровнем насыщенности яркие, а цвета с низким уровнем насыщенности выглядят размытыми:

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

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

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

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

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

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

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

Выбор цветовых комбинаций

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

1. Аналогичные цвета :

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

2. Монохромные цвета :

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

3. Цвета треугольника, прямоугольника и квадрата:

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

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

Цветовые и словесные ассоциации

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

CoSchedule отображает цвета с концепциями, которые они символизируют:

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

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

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

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

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

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

1. Фон
2. База
3. Акцент

По словам Джареда Кристоферсона из Yellowhammer, если вы выбираете три цвета для своей страницы, лучше всего следовать правилу 60-30-10.Это означает, что 60% цвета должно быть фоном, 30% — базой (форма или другой раздел страницы) и 10% цвета — акцентами (кнопка CTA).

Давайте посмотрим, как это правило применяется к целевой странице Shopify после клика:

Цвет фона — темно-серый, который составляет большую часть страницы. Базовый цвет черный, (раздел с формой и кнопкой CTA). Наконец, цвет кнопки CTA (акцент) зеленый, что создает хороший контраст с темно-синим и черным.

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

Используйте эту информацию на целевых страницах после клика

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

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

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

Белое пространство не обязательно является «белым» пространством — это просто отрицательное пространство, поэтому оно может быть любого цвета, если оно выполняет свои функции.

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

1.Улучшает понимание

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

2. Выяснение отношений

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

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

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

Этот рисунок, сделанный Nielson Norman Group, демонстрирует разницу между двумя формами путем группирования связанных полей вместе и добавления достаточного количества пробелов:

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

3. Сосредоточьте внимание

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

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

Для сравнения, посмотрите на целевую страницу Trumpia после клика, где использование белого пространства не идеально:

Давайте посмотрим на страницу Intacct, отрицательное пространство вокруг элементов страницы не белое, но оно отделяет элементы друг от друга и уменьшает беспорядок:

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

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

Однако в вашей форме вы просите посетителей доверять вам свою информацию.

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

Длина формы

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

Вот почему у многих бесплатных пробных посадочных страниц после клика нет длинных форм. В качестве примера рассмотрим форму целевой страницы WalkMe после клика:

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

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

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

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

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

Это приводит нас к многоступенчатым формам.

Многоступенчатые формы

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

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

Это второй шаг:

Вот третий шаг:

И это последний шаг и форма на целевой странице после клика:

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

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

На целевой странице Instapage после клика используется двухэтапная форма согласия:

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

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

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

Вы можете создавать формы намерений выхода для своих целевых страниц после щелчка, используя такие инструменты, как OptinMonster, Sumo List Builder, Bounce Exchange, Optimonk и даже с Instapage, используя параметр настраиваемого кода.

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

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

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

Чтобы правильно разработать CTA, примите во внимание следующие факторы:

Позиция

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

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

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

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

Размещение меняется, когда посетитель должен заплатить за предложение.

Кнопка с призывом к действию «Купить сейчас» на целевой странице электронной книги Суджана Пателя и Роба Уормли привлекает к себе внимание, потому что она представлена ​​после описания предложения и изолирована от всего остального на странице:

В обоих примерах выше показаны кнопки CTA, расположенные над сгибом страницы.Разница заключается в количестве копии перед каждой кнопкой. UserVoice считает, что для бесплатного предложения достаточно только заголовка и подзаголовка, чтобы убедить посетителей рассмотреть возможность нажатия кнопки CTA, тогда как для 100 Days of Growth требуется полный абзац текста, объясняющий, почему покупка электронной книги — хорошая идея.

Размер

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

Закон Фитта гласит, что «чем крупнее и ближе цель, тем быстрее и легче ее выбрать». Для CTA это, по сути, означает, что чем больше кнопка, тем легче на нее указать и щелкнуть.

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

Синяя кнопка «Посмотреть демонстрацию продукта» на странице Infusionsoft немного меньше окружающих элементов и не привлекает к себе внимания.

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

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

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

Цвет

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

Целевая страница после клика Elite Marketing Pro имеет хорошо контрастирующую кнопку CTA:

Несколько кнопок

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

Для более длинных страниц продаж можно иметь 5-6 кнопок и не иметь ни одной дополнительной кнопки.

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

Копия

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

Например, копия кнопки «Начать бесплатную пробную версию» на целевой странице Desk.com после клика побуждает к действию:

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

Копия кнопки целевой страницы Instapage после нажатия кнопки удерживает посетителя в памяти и идет еще дальше, персонализируя ее с помощью «I:»

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

Это то, что CoSchedule делает со своей бесплатной пробной страницей:

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

Что происходит после того, как посетители заполняют вашу форму сбора лидов и нажимают кнопку CTA?

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

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

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

Целевая страница веб-семинара Upwork после клика делает именно это после того, как вы конвертируете:

После отправки вы будете перенаправлены на их страницу с благодарностью:

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

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

Upwork делает и то, и другое в своем электронном письме с благодарностью:

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

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

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

21 пример более высокой конверсии [2021]

Не можете найти наиболее конвертирующий дизайн целевой страницы для вашего бизнеса? Уже нет!

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

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

Создайте целевую страницу!

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

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

Но сначала…

Разве вы не слышали про легенду о мифической целевой странице тысячу раз? Нет?

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

Источник

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

А теперь давайте посмотрим, как его создать!

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

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

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

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

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

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

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

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

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

Посмотрим!

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

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

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

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

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

Вдохновляйтесь!

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

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

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

Социальное доказательство: Бренд использует социальное доказательство, чтобы показать посетителям, что у него есть законный продукт, признанный такими крупными компаниями, как TIME и GQ.

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

Заголовок и копия: Dollar Shave Club создал уникальную страницу, на которой, согласно нашему тематическому исследованию, было выполнено 12.000 заказов в течение 48 часов.Страница обязательно привлекает внимание через заголовок, подчеркивая преимущества подписки на услугу.

Дизайн: Здесь выделяется уникальный контент, созданный Dollar Shave Club. Как видите, видео стратегически размещено рядом с кнопкой CTA, чтобы упростить конверсию для потенциальных клиентов. Разные цвета также создают приятный для глаз эффект, а три секции под ними дают посетителю больше причин для приобретения лезвий бренда.

CTA: Оранжевый CTA привлекает внимание, захватывая потенциальных клиентов, превращая их в клиентов.Кроме того, копия призыва к действию очень полезна, несмотря на простое «Сделай это».

Социальное доказательство: Конечно, социальное доказательство также является частью дизайна, с использованием некоторых известных брендов (и просвещенного клиента № 164), чтобы убедить целевую аудиторию в том, что услуга стоит их времени и денег!

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

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

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

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

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

Умно, правда?

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

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

CTA: Секретное оружие AXIS — ярко-красный цвет кнопки CTA, усиленный бело-серой цветовой схемой. Копия CTA также проста, и использование слова «сейчас» добавляет срочности.

Социальное доказательство: Бренд использует логотипы известных компаний, таких как CBS, Fox News и TechCrunch, чтобы повысить свой авторитет и убедить новых клиентов, что это не мошенничество.

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

Для SaaS-бизнеса целевые страницы — настоящий швейцарский армейский нож ведущего поколения.

Планируете вебинар? Сделайте лендинг! Расширяете список рассылки? Сделайте лендинг!

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

Давайте посмотрим!

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

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

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

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

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

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

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

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

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

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

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

Дизайн: Хотя на странице нет привлекательных визуальных элементов, привлекающих внимание, структура привлекает внимание. Чтобы преобразовать его, Optimizely уделил внимание длине формы, используя только необходимые поля. Использование белого пространства также добавляет сбалансированности дизайну, а использование серого цвета в нижнем колонтитуле делает страницу более полной.

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

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

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

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

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

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

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

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

Заголовок и копия: Заголовок Unbounce начинается с смелого заявления и продолжается обещанием: узнайте, как оптимизировать свои страницы! Большой шрифт привлекает внимание, а надпись «Like Talia Wolf» показывает потенциальным клиентам, что это будет скорее экспертный контент, чем общее руководство.Подтверждающая копия очень проста и объясняет, что влечет за собой бесплатное руководство. Тем не менее, шрифт немного большего размера мог быть лучше.

Дизайн: Дизайн Unbounce — отличный пример сочетания белого пространства с фотографией и онлайн-формами! Глядя на целевую страницу, посетители сразу понимают, о чем она. В дизайне также отсутствуют стоковые фото и скриншоты, что увеличивает конверсию страницы.

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

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

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

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

Заголовок и копия: Целевая страница Scout соответствует правилам эффективной целевой страницы.У него есть интригующий заголовок с вопросом и вспомогательный текст, в котором подчеркиваются «быстрые, бесплатные и точные» результаты, которые получат посетители. Использование коротких текстов и значков также упрощает чтение преимуществ!

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

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

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

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

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

Дизайн: На первый взгляд целевая страница Sundae белая с минималистичным дизайном и черным шрифтом. Однако здесь сила пустого пространства! Тем более, что Sundae использует весь дизайн, чтобы усилить свой яркий CTA. Хотя страница немного длинновата, ее структура помогает посетителю определить основные моменты и приблизиться на один шаг к конверсии.

CTA: Говоря о CTA, заметили ли вы, что единственный всплеск цвета — это либо кнопка CTA, либо номер телефона, который предоставляет риэлтор? Таким образом, вся страница приводит взгляд посетителя к единственному цветному элементу, приглашая его щелкнуть.

Социальное доказательство: В последнем разделе агентство ловко добавляет несколько отзывов, повышая доверие и делая этот проект одним из самых эффективных на рынке!

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

Заголовок и копия: Flyhomes использует очень специфический заголовок целевой страницы для преобразования потенциальных клиентов в Сиэтле.Использование слова «beat» предназначено для того, чтобы заинтриговать домовладельцев и показать им, что они могут получить лучшие предложения, щелкнув CTA. Двигаясь дальше вниз, вы также можете увидеть, как агентство недвижимости увеличивает свое ценностное предложение, предлагая потенциальным клиентам три способа стать лучшими домовладельцами.

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

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

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

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

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

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

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

Будь то лидогенерации или рекламы, целевых страниц являются одними из самых экономичных инструментов для продвижения агентства!

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

Посмотрим!

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

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

CTA: Говоря о CTA, Klientboost выбрал красный цвет, чтобы его кнопка выделялась на странице.В сочетании с зелеными визуальными эффектами и белым пространством агентство создало красивый контраст, который привлекает посетителей к «Начни мой бесплатный маркетинговый план».

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

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

Заголовок и копия: Yodle (теперь Enspire) использует заголовок из четырех слов, чтобы показать своей аудитории, что они получат, когда присоединятся к агентству. Однако использование чего-то более интригующего могло произвести лучшее первое впечатление. Когда посетитель смотрит на копию, он может сразу определить преимущества. Более того, контрольные точки идеально подходят для того, чтобы помочь потенциальным клиентам принять решение и запросить демонстрацию.

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

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

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

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

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

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

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

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

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

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

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

Дизайн: Два поля формы идеально подходят для сведения к минимуму разочарования и стимулирования аудитории к заполнению формы.

CTA: Что бросается в глаза в дизайне, так это выбор цвета CTA. Желтый — довольно мощный цвет, поэтому добавление его на страницу сразу привлекает внимание потенциального лида.

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

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

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

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

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

И чтобы убедиться, что страница конвертируется, BloggingWizard добавляет дополнительный раздел отзывов , прежде чем убрать вторую кнопку CTA с такой же убедительной копией!

Если у вас есть онлайн-курс, который нуждается в продвижении, отличная целевая страница может помочь!

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

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

Заголовок и копия: Посетители попадут на целевую страницу онлайн-курса Даниэль Лесли, нажав на ее призыв к действию в Facebook. Заголовок трудно не заметить, а обещание запустить собственный курс через 60 дней — это то, что усиливает желание посетителя действовать.Чтобы повысить конверсию, инструктор также включает преимущества прохождения курса, выделенные в формате контрольного списка для облегчения чтения.

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

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

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

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

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

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

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

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

Как я уже сказал, создание целевых страниц с высокой конверсией — это одновременно искусство и наука!

Соедините все правильные элементы вместе, и вы получите конверсии своей мечты! Добавьте что-нибудь неуместное, и публика уйдет!

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

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

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

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

Изучение анатомии успешной целевой страницы с высокой конверсией

30-секундная сводка:

• Целевые страницы могут помочь вам понравиться вашей аудитории, поэтому они захотят остаться и переключиться на платящего клиента.
• Структура вашей целевой страницы так же важна, как и ее содержание, и она должна вести человеческий глаз непосредственно к CTA.
• Верхние 25% целевых страниц имеют конверсию 5,3% или выше по сравнению со средним коэффициентом конверсии 2,35% — это выгодно для оптимизации вашей целевой страницы.
• Анатомия целевой страницы — ключ к увеличению конверсии; за счет усиления первого впечатления, внедрения психологического доверия, сбора потенциальных клиентов по электронной почте, демонстрации UPS и демонстрации социальных доказательств.

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

Целевая страница с высоким коэффициентом конверсии — прочная основа успешного онлайн-бизнеса. Средний коэффициент конверсии целевой страницы по отраслям составляет 2,35%, при этом верхние 25% конверсий достигают 5,31% или выше. Как бизнес, независимо от цели конверсии или целевой аудитории, следование набору структурных правил может улучшить ваш бизнес.

Источник: WordStream

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

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

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

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

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

Источник: Nike

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

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

Источник: Hallam

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

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

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

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

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

Источник: ColumnFive

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

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

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

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

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

Источник: Apple

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

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

Подтверждающее заявление: Это необязательно и зависит от длины вашей целевой страницы. Если целевая страница длинная, вам нужно будет добавить подкрепляющее заявление посередине страницы, чтобы напомнить посетителям о вашем УТП. Тем не менее, подкрепляющее заявление может также использоваться для убеждения, как это сделала Apple, путем включения цен и предложения опции «trade-in».

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

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

Источник: Mercedes

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

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

Источник: Statista

На приведенном выше графике, предоставленном Statista, показана доля предприятий, которые использовали видео на своих целевых страницах во всем мире в период с 2016 по 2018 год.Как видите, в период с 2016 по 2017 год рост составил 11%, что считается довольно высоким показателем, а в 2018 году — снижение на 3%, что является относительно низким показателем. Учитывая экономические проблемы, кажется, что видео, размещенные на целевых страницах, оказываются успешными для бизнеса.