Дизайн лендинга: 54 примера потрясающего дизайна лендингов

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

7. Оптимизируйте свою целевую страницу с помощью призывов к действию.

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

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

8. Добавьте свою контактную информацию.

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

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

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

9.Включите онлайн-чат на целевую страницу.

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

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

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

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

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

Программа для создания посадочных страниц

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

1. Конструктор бесплатных посадочных страниц HubSpot

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

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

2. Instapage

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

3. Разблокировать

Unbounce имеет создателя целевой страницы с более чем 100 шаблонами на выбор, чтобы ваш дизайн дополнял ваш бренд и контент.Шаблоны организованы по типу бизнеса и включают варианты для SaaS-компаний, агентств и предприятий электронной коммерции. Целевые страницы Unbounce адаптивны и полностью настраиваются.

4. Mailchimp

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

5. Leadpages

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

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

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

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

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

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

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

Дизайн посадочной страницы Вдохновение для вашего следующего макета

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

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

Но сначала: каковы некоторые передовые методы проектирования?

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

Они сверхфокусированы

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

Они продолжают прокрутку до минимума

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

Они используют релевантные привлекательные образы

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

Они поддерживают единый брендинг

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

Они используют шаблоны F или Z

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

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

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

А теперь давайте посмотрим на несколько красивых дизайнов!

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

1.Индокитай

Если вы создаете красивую целевую страницу, это помогает иметь привлекательный продукт, о чем и рассказывал Indochino. Страница, созданная с помощью Unbounce, является примером того, как Indochino предлагает не только индивидуальные костюмы, но и красивые целевые страницы.

Вот что, по нашему мнению, делает дизайн этой целевой страницы потрясающим:

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

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

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

2. Зола

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

Вот что делает страницу Zola привлекательной:

• Последовательный брендинг : Не сразу видно, впервые вы посетили сайт, но бренд Zola использует оттенки голубовато-серого (см. Сердечки на логотипе компании).Фон сохраняет эти цвета, а также обеспечивает отличный контраст для изображений — этот белый свадебный торт нуждается в контрастном фоне, чтобы выделяться.
• Простота : Главный сайт электронной коммерции Zola довольно загружен. Если целевая страница включала какую-либо стандартную навигацию, посетители могли отвлекаться, щелкая по ней вместо запуска реестра, что и является целью страницы. Сохранение простоты означает, что больше посетителей завершат действие, вместо того, чтобы бесцельно бродить по веб-сайту.Эта страница идеально подходит для направления их платной рекламы, чтобы снизить цену за клик.

3. Lujo

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

Вот что нам нравится на этой странице:

• Потрясающие (и согласованные) визуальные эффекты : не только отличная фотография продукта, но и поддержка Z-шаблона дизайна целевой страницы, усиливая при этом посыл бренда. Слоган Луджо — «поставить жизнь на паузу», и все, что есть в визуальных эффектах на этой целевой странице, усиливает этот бренд — от шляпы от солнца, покоящейся на видеобоксе, до обуви на палубе и чая со льдом.Дизайн должен работать рука об руку с обменом сообщениями, чтобы текст и изображения объединялись для создания общего впечатления, которое имеет смысл. У Lujo это хорошо получается на этой целевой странице.
• Очевидно USP : Прямо под фотографиями Lujo формулирует — с текстовыми и дизайнерскими элементами — три уникальных аргумента: бесплатная доставка, пятилетняя гарантия и новозеландское мастерство. Поиск способа тонко воплотить эти три идеи в дизайн означает, что посетителю, возможно, не нужно будет продолжать изучение, прежде чем нажимать эту кнопку CTA — они видят эти основные преимущества, и это может заключить сделку.

4. Panoply

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

Это то, что, по нашему мнению, делает эту целевую страницу красивой (и эффективной):

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

5. Daily Harvest

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

Вот что нам нравится на этой странице:

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

6. Greats

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

Вот почему мы думаем, что это (о нет, не говори об этом) «отличный» пример дизайна целевой страницы:

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

• Правило трех : Greats применяет правило трех во всем этом макете, делая заявления о преимуществах визуально яркими и легко усваиваемыми.
• Для мобильных устройств : эта целевая страница выглядит так же хорошо на мобильных устройствах, как и на компьютерах. Учитывая, что к 2021 году на мобильную связь, по прогнозам, будет приходиться 54% всех продаж электронной коммерции, как никогда важно, чтобы потребители находились в пути.

7. Unbounce

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

Вот то, что, на наш взгляд, выглядит здесь отлично:

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

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

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

1. Доказательство тому — пудинг. Ознакомьтесь с коэффициентами конверсии, советами инсайдеров и более красивым дизайном, прочитав 12 целевых страниц с высокой конверсией (которые заставят вас пожелать, чтобы вы их создали).
2. Все еще не чувствуете? Мы тебя прикрыли.Вы найдете массу вдохновения и новых идей для целевых страниц в книге «Лучшие примеры целевых страниц, которые вы должны сохранить для своего файла Swipe».
3. Иногда создание целевых страниц для мобильных кампаний — это совсем другое дело. Вот примеры мобильных целевых страниц, которые вам не по зубам.
4. Наконец, если вы продвигаете приложение для iOS или Android, не ищите ничего, кроме этих невероятных примеров целевых страниц для мобильных приложений, прежде чем начинать создавать свои собственные.

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

Нил Патель стал соучредителем Crazy Egg в 2005 году.300000 веб-сайтов используют Crazy Egg, чтобы понять, что работает на их веб-сайтах (с такими функциями, как тепловые карты, карты прокрутки, карты ссылок и пользовательские записи), исправить то, что не работает (с помощью редактора WYSIWYG), и проверить новые идеи (с помощью надежного A / B Инструмент тестирования).

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

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

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

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

23 примера дизайна посадочных страниц, которые вы захотите украсть в 2018 году

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

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

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

Давайте копнем.

1. Moz Pro

Мне нравится целевая страница Moz Pro, потому что на ней быстро указывается УТП продукта. Клиенты могут рассчитывать на более высокие рейтинги, качественный трафик и измеримые результаты. Затем у вас есть призыв к действию — «Начни мою бесплатную пробную версию», который отображается на панели навигации и на изображении героя одним и тем же ярким цветом.

2. Twago Enterprise

Почему бы не стать большим, смелым и ярким? Целевая страница Twago Enterprise одновременно проста и энергоэффективна.У вас есть USP крупным шрифтом, за которым следует краткое описание продукта.

CTA — Запросить демонстрацию — имеет цвет, который не отображается в другом месте на странице.

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

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

3.180fusion Даллас

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

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

4. Flickr

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

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

5. Unbounce для агентств

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

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

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

6. Писатели Upwork

Upwork объединяет предприятия и профессионалов во многих сферах обслуживания.Целевая страница для писателей-фрилансеров хорошо продумана и прекрасно использует социальное доказательство.

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

7. Codecademy Pro

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

Мне также нравится использование слова «разблокировать» в начале основного текста. Это необычное слово в данном контексте и поэтому привлекает внимание.

8. Веснушка

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

9. Квадрат

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

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

10. BuildFire

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

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

11. Бар Hello

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

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

12. Полоса

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

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

13. Образовательный центр Neuhaus

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

Образовательный центр Нойхаус начинает с твердого заявления: «Содействие успеху чтения для всех.«Он точно сообщает посетителям, в чем состоит его миссия и чего он пытается достичь.

14. Air Canada

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

15. Революция в дрессировке собак Зака ​​Джорджа

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

16. Costco

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

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

17. Асана

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

18. HostGator

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

19. Веганское общество

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

20. Dropbox

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

21. Дракон, говорящий естественным образом

Nuance, создатель Dragon Naturally Speaking, предлагает отличный пример дизайна целевой страницы на своей странице Dragon для ПК. Он включает в себя приятное изображение главного героя, простой заголовок и список УТП в основном тексте.

22. Инвестопедия

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

23. Фитбит

Целевая страница «Что нового» для Fitbit уникальна и стильна, с несколькими категориями на выбор и элегантным сочетанием текста и иллюстраций.

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

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

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

Создайте лендинг для вашей целевой аудитории

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

Это неправильное мышление.

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

Версия 1:

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

Версия 2:

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

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

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

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

Выделите предложение визуально

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

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

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

Определите цель дизайна целевой страницы

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

Допустим, вы продаете очень простой инструмент SaaS, который решает небольшую проблему. Он крошечный, но по-своему могущественный.

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

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

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

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

Узнайте, как понять, что работает, а что нет.

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

Это далеко не так.

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

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

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

Заключение

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

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

Эта статья написана сегодня Daily Eggspert.

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

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

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

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

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

Советы по дизайну посадочных страниц

1.Опишите ваше предложение и кампанию.

Мощный текст — ключ к отличной целевой странице.

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

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

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

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

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

«Поднимите свою крутость на ступеньку выше с нашими мягкими, подлинными винтажными футболками, теперь скидка 50%, когда вы собираете 5 или больше».

2. Перечислите преимущества и решения.

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

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

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

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

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

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

1. Каково это, когда я столкнулся с моей проблемой?
2. Что мне нужно, чтобы облегчить себе работу или жизнь?
3. Как продукт или услуга этой компании могут решить мою проблему?
4. Как моя работа или жизнь улучшатся после покупки этого продукта или услуги?

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

3. Создайте убедительный призыв к действию.

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

В идеале на каждой целевой странице должен быть только один призыв к действию, отмеченный большой кнопкой отправки. MarketingProfs процитировал исследование Unbounce, которое показало, что целевые страницы с одной ссылкой или призывом к действию имеют более высокий коэффициент конверсии — в среднем 13.5%. Это примерно на 2% больше, чем страниц с двумя-тремя ссылками или CTA.

При прокрутке целевой страницы вы найдете призывы к действию (CTA) для покупки продукта, загрузки контента и т. Д.

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

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

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

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

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

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

Согласно WordStream, лучшие призывы к действию:

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

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

4. Сосредоточьтесь на отличном дизайне.

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

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

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

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

Ключевые элементы дизайна целевой страницы:

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

• Дополнительные изображения и видео (если используются)

• Социальное доказательство раздел — отзывы или данные

Чтобы увидеть, что дает самый высокий коэффициент конверсии, A / B протестируйте все элементы дизайна на целевой странице, от дизайна до стиля и текста кнопки CTA.Инструменты, которые позволяют создавать и тестировать целевые страницы с аудиториями кампании, включают Unbounce, Hubspot и Leadpages.

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

Список запуска рекламодателя для целевых страниц, которые конвертируют

5. Оптимизация для мобильных устройств

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

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

(Источник: Think with Google)

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

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

12.Winc — претендовать на славу: простота.

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

— Барух Лабунски, эксперт по интернет-маркетингу и автор, генеральный директор Rank Secure

Что страница делает хорошо:

• Доставляет свое ценностное предложение на недвусмысленных условиях с вращающимся слоганом: «Мы передаем» -подбор, ручная работа, ручная доставка в мир вина.”
• Содержит призыв к действию (CTA), который отправит вас в путешествие. После нажатия кнопки «Начать» вам будет предложено пройти тест, предназначенный для определения вашего предпочтительного вкусового профиля, что позволит Winc составить привлекательный индивидуальный выбор вин. Тот, кто пьет крепкий черный кофе, наверняка оценит крепкое красное вино. Это весело, это личное, работает.
• С точки зрения дизайна, ничто не отвлекает — распространенная тема среди самых эффективных целевых страниц. Вы получаете одно простое утверждение, уточняющее изложение ценностного предложения, призыв к действию и, возможно, изображение продукта перед тем, как перейти вниз по странице.
• Предлагается скидка в размере 20 долларов. По данным BigCommerce.com, такой рекламный маркетинг (то есть предложение скидки) может повысить коэффициент конверсии на 5,6% в пищевой и бакалейной промышленности.
• Он использует изображения, которые просто и ясно показывают, что делает Winc, уменьшая трение, вызванное необходимостью читать текст (человеческий мозг обрабатывает изображения в 60 000 раз быстрее, чем текст).

По словам консультанта по визуальной коммуникации Майка Паркинсона:

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

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

Выводы по целевой странице Winc

1. Просто сформулируйте свое ценностное предложение (зачем покупать у вас?) В верхней части страницы.
2. Избавьтесь от отвлекающих факторов — сделайте изображения простыми.
3. Пусть говорят изображения.

11. CodeAcademy — прославление: социальное доказательство.

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

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

— Сэм Карр, менеджер по маркетингу PPC Protect

Что страница делает хорошо:

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

«Социальное доказательство» — один из 6 оригинальных принципов влияния Роберта Чалдини, которые он представил в своей книге 1984 года «Влияние: психология убеждения».

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

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

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

Выводы по целевой странице CodeAcademy

1. Попробуйте использовать социальное доказательство на своей домашней странице разными способами.Возможно, количество людей, пользующихся вашим продуктом или услугой, является частью вашего отличия и должно быть указано в вашей первой строке текста. Может быть, у вас есть отличные отзывы. Возможно оба.
2. Возможности не так важны, как преимущества. Какая разница? Характеристики говорят о том, что делает ваш продукт; Преимущества говорят о том, как жизнь пользователя изменится к лучшему. Люди покупают преимущества, а не функции.
3. Не говорите просто, что делает ваш продукт; также объясните, что пользователь может с ним делать.

10.BlueApron — претензия на известность: психология цвета.

«Цветовая схема целевой страницы может влиять на отношение и эмоции. Некоторые цвета могут иметь различное значение.

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

Компания Blue Apron, занимающаяся поставкой комплектов для обеда, отлично справляется с этой задачей, вплетая весь синий цвет.”

Скотт Крамрин, основатель и генеральный директор Guava Family, Inc .

Чем хороша страница:

На ней есть социальное доказательство с «самыми популярными рецептами»

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

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

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

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

Согласно Kissmetrics , 85% покупателей считают цвет основной причиной покупки продукта, а цвет повышает узнаваемость бренда на 80%. Люди также говорят, что могут принимать подсознательные решения менее чем за 90 секунд, а цвет — отличный способ вызвать действие.

— Conversioner

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

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

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

… и вот где это становится действительно интересным.Синий — очень необычный цвет для кнопки CTA. Он не побуждает к действию, как красный или оранжевый. Здесь, где так важно доверие, оно работает.

Выводы по целевой странице синего фартука

1. Подумайте о том, чтобы использовать яркое изображение, демонстрирующее ваши преимущества, вместо того, чтобы рассказывать их в тексте.
2. Считайте цвета вашего бренда эмоциональными сигналами — какие эмоции ваши целевые клиенты больше всего хотят испытывать?
3. A / B проверьте цвет вашей кнопки CTA. Апельсин? Красный? Синий? Узнайте, что лучше всего подходит для вас.

9. Netflix — прославление: конверсионная копия.

«Целевые страницы с четким призывом к действию побуждают клиентов к действию и повышают конверсию. Четкий призыв к действию создает ощущение срочности.

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

— Скотт Крамрин, основатель и генеральный директор Guava Family, Inc .

• Это идет более традиционным путем и делает упор на сильное ценностное предложение и ярко-красную кнопку CTA, продающую БЕСПЛАТНУЮ сделку.
• Он решает проблемы, связанные с новой подпиской, сразу же с помощью «Отмените в любое время до даты X, и с вас не будет взиматься плата». Вы не связаны обременительным контрактом; нет никакого риска, если вам это не нравится; и в течение первых 30 дней нет абсолютно никакого финансового риска.
• Это чисто и просто, мало что отвлекает.

Выводы по целевой странице Netflix

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

8. Ahrefs.com — претендовать на известность: мастерство слогана.

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

— Стив Курниаван, контент-маркетинг и рост в Nine Peaks Media

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

Выводы по целевой странице Ahrefs

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

7. Страница Lyft «Двигайтесь вместе с Lyft» (целевая страница опроса) — прославьтесь: быстрое преобразование.

«Целевая страница« Drive with Lyft »проста и удобна для пользователей. Над сгибом — четкий заголовок на плоском фиолетовом фоне, без каких-либо отвлекающих факторов, и всего три поля для заполнения.

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

— Лотем Хаюн, руководитель отдела роста в Pramp

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

Выводы по целевой странице Lyft

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

6. Хост-страница Airbnb — прославление: персонализация.

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

— Ким Смит, менеджер по контент-маркетингу в GoodFirms

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

— Лорен Крейн, создатель цифрового маркетингового контента в Health Labs

Что страница делает хорошо:

• В самом центре заголовка содержится основное обещание; «Зарабатывай как хозяин Airbnb». Ваш следующий вопрос, наверное, «сколько денег»?
• Он гениально дает ответ на следующий естественный вопрос в двух местах — в одном в верхнем углу слева от красного CTA «Начать». Этот «месячный потенциал» основан на потенциальном месячном доходе хостов в вашем регионе. город.Это еще до того, как вы заполнили форму. Airbnb уже знает, где вы живете. Жутко? Маленький. Эффективно? Очень.
• Это дает читателю возможность получить дополнительную информацию, прежде чем вводить контактные данные в простой форме о местонахождении и типе аренды.
• В нем рассматриваются вопросы и проблемы, которые могут возникнуть у потенциального хоста.
• Содержит социальное доказательство в виде отзыва.
• Оранжевый и синий цвета повсюду пробуждают действие и доверие.

Выводы по целевой странице Airbnb

1. Ставьте на первое место самую большую выгоду — и бонусные баллы, если вы можете персонализировать ее, как Airbnb, с локализованными оценками прибыли!
2. Просить людей сделать что-нибудь страшное? Дайте им гарантии и дайте им знать, как вы их поддерживаете.
3. Отзывы, разбросанные по всей странице, являются ярким напоминанием о том, что хорошего может случиться с вашим продуктом или услугой.

5. Домашняя страница Shopify — претендовать на известность: не бойтесь.

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

— Лотем Хаюн, руководитель отдела роста в Pramp

Что страница делает хорошо:

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

Выводы по целевой странице Shopify

1. Вы [единственная] компания, предназначенная для обслуживания [вашей целевой аудитории]? Есть ли у вас еще одно отличие, которое отличает вас от всех остальных? Сделайте это своим заголовком — он всегда будет хорошим!
2. По возможности сочетайте устранение страхов с заявлением о ваших самых больших преимуществах.Отличный способ поймать двух рыбок одним червяком. (Только монстры бросают камни в птиц!)
3. Укрепляйте показатели доверия, комбинируя различные формы социального доказательства.

4. Задачи по целевой странице »для« Выводы по целевой странице Stitchfix »

Что страница делает хорошо:

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

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

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

3. Upwork — претендуйте на славу: выберите свое собственное приключение.

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

— Лорен Крейн, создатель цифрового маркетингового контента в Health Labs

Что страница делает хорошо:

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

Выводы по целевой странице Upwork

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

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

2. IWillTeachYouToBeRich (целевая страница викторины) — прославьтесь: сегментация.

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

— Стейси Каприо, основатель Accelerated Growth Marketing

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

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

IWillTeachYouToBeRich’s Landing Page Takeaways

Поместите ценностное предложение в заголовок. Тогда вы можете поиграть с более креативным заголовком.

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

1. Pupford — прославление: машина для создания списков.

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

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

— Девин Стэгг, менеджер по маркетингу в Pupford

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

Pupford’s Landing PageTakeaways

1. Если что-то важно, повторите это. Много.
2. Добавьте призывы к действию по всей странице вместе с социальными доказательствами. Вы хотите дать людям несколько шансов сказать «да» и устранить путаницу в том, что делать дальше.
3. Когда вы предлагаете что-то бесплатно, сделайте это ценным предложением, если вы действительно хотите наладить долгие и прибыльные отношения с клиентами.

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

В заключение

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

20 простых советов по дизайну целевой страницы для увеличения конверсии

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

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

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

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

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

Зачем нужна посадочная страница

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

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

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

• Предлагает лид-магнит в обмен на контактную информацию
• Продвижение определенного продукта или услуги
• Повышение шума о мероприятии или распродаже
• Регистрация на вебинар
• И многое другое

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

Лучшие методы работы с целевыми страницами

Самая простая из целевых страниц состоит из следующих элементов:

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

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

1. Придерживайтесь единственной цели на своей целевой странице

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

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

Вот конкретный пример целевой страницы от Taboola:

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

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

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

2. Не отвлекайте внимание

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

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

Удалите с целевой страницы все внешние и внутренние ссылки, такие как меню навигации, ссылки нижнего колонтитула и т. Д.

После удаления всех ненужных ссылок останется только нажать кнопку CTA.

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

3. Рассмотрите возможность использования шаблона целевой страницы

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

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

SeedProd — лучший конструктор целевых страниц на рынке. Он поставляется с более чем 100 профессионально разработанными шаблонами целевых страниц.

Вы можете получить готовые дизайны на:

• Продажи страниц
• Страницы вебинаров
• Целевые страницы видео
• Скоро в продаже стр.
• Сжать страницы
• Спасибо страниц
• и более

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

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

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

4. Выбирайте правильные цвета

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

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

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

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

Взгляните на эту инфографику от CoSchedule:

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

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

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

Просто нажмите на понравившуюся цветовую схему, и SeedProd автоматически применит ее к вашей целевой странице.

5. Отзывчивое мышление

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

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

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

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

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

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

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

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

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

Вот пример отличного заголовка целевой страницы от Airbnb:

Это просто, по делу и говорит о пользе для посетителя.

Не нужно использовать метафорические заголовки или придумывать какую-то уникальную игру слов.

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

7. Напишите копию, к которой может относиться ваша аудитория

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

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

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

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

8. Повысьте читаемость с помощью хорошего оформления типографики

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

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

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

Но такой плагин, как SeedProd, поставляется с множеством готовых пар шрифтов.

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

9. Ценность предложения выше складки

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

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

Вот пример из Bluehost:

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

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

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

10. Сделайте свой призыв к действию убедительным

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

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

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

Например, ваша кнопка CTA может выглядеть так:

• Загрузить электронную книгу сейчас
• Получите скидку сегодня
• Получить «Название продукта» сейчас
• Попробовать «Название продукта» бесплатно

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

11.Добавить видео для объяснения сложной информации

Добавление видео на целевую страницу — отличный способ повысить вовлеченность и увеличить количество конверсий.

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

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

66% потребителей в любом случае предпочитают просмотр видео чтению о продукте.

Вы можете легко добавить видео на свою целевую страницу с помощью SeedProd.

Просто перетащите блок целевой страницы видео на свою страницу. Затем в настройках можно добавить URL видео.

12. Интеграция с социальными сетями

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

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

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

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

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

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

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

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

Еще один способ добавить социальное доказательство на вашу целевую страницу — использовать TrustPulse.

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

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

Вот как они выглядят:

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

Эти сообщения не только помогают вам завоевать доверие посетителей, но также помогают создать FOMO (страх упустить возможность).

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

Это мощный способ повысить конверсию.

Хотите добавить на свой сайт уведомления о социальном подтверждении? Зарегистрируйте свою бесплатную учетную запись TrustPulse сегодня!

14. Держите форму короткой

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

Вот почему важно, чтобы формы были краткими.

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

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

15. Используйте двухэтапный Optin

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

• Нажатие кнопки CTA
• Заполнение анкеты

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

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

Вот почему мы рекомендуем использовать двухэтапную технологию OptinMonster MonsterLinks ™.

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

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

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

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

16. Создайте срочность с помощью таймеров обратного отсчета

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

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

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

• Сейчас
• Сегодня
• Быстро
• Не ждите

Но еще более действенный способ повысить срочность — использовать таймер обратного отсчета на целевой странице.

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

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

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

17. Ответьте на вопросы с помощью раздела часто задаваемых вопросов

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

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

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

Вот как это делает Netflix:

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

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

SeedProd также предлагает предварительно созданные разделы, такие как «Функции», «Герой», «Нижний колонтитул» и другие, так что вы можете создать полезный и красивый макет целевой страницы за считанные минуты.

18. Оптимизируйте свою страницу по скорости

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

Есть несколько способов увеличить скорость целевой страницы, в том числе:

Прочтите этот пост, чтобы узнать, как ускорить работу вашего сайта WordPress.

19. Проведите A / B тестирование

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

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

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

Например, вы можете проверить, какая фраза кнопки CTA преобразует лучше:

A / B-тестирование — важный этап разработки целевой страницы. Даже самые незначительные изменения могут привести к большему количеству конверсий.

Итак, убедитесь, что вы A / B тестируете каждый элемент вашей целевой страницы.

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

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

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

Но не волнуйтесь.

К счастью, есть способ восстановить уходящих посетителей на вашу целевую страницу. Это касается кампаний Exit-Intent® от OptinMonster.

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

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

Фактически, InternetSuccesGids использовала эту тактику, чтобы конвертировать 24% посетителей и увеличить свой список рассылки более чем на 250%!

Вы можете увидеть аналогичные результаты, если добавите Exit-Intent® на свою целевую страницу.

Создайте кампанию Exit-Intent® сегодня!

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

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

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

Опубликовано Allison Hott

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

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

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

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

1. Определите цель для своей целевой страницы

Согласно Toptal, целевые страницы существуют для стимулирования конверсий. Итак, вам нужно спросить себя, какой тип конверсии вы надеетесь продвинуть? Наиболее частые цели конверсии включают:

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

Определение цели жизненно важно для процесса планирования, так как это повлияет на дизайн вашей целевой страницы.

2. Спланируйте свой макет

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

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

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

3. Сохраняйте краткость текста

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

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

Кстати о складках …

4. Сделайте ставку на верхнюю часть страницы

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

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

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

5. Цените свои визуальные эффекты

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

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

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

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

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

6. Создайте целевые страницы для конкретной кампании

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

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

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

7. Ограничьте отвлекающие факторы и возможности выхода

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

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

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

8. Поощряйте конверсию с помощью заманчивого предложения

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

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

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

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

9. Обеспечьте конверсию с помощью убийственного призыва к действию

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

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

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

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

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

10. A / B-тестирование для максимальных возможностей конверсии

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

Хотя это напрямую не связано с A / B-тестированием, важно отметить другие оптимизации, которым следует уделять приоритетное внимание: оптимизация текста для поисковых систем и сокращение времени загрузки целевой страницы, особенно на мобильных устройствах. Даже малейшая задержка во времени загрузки может негативно повлиять на коэффициент конверсии.Чтобы оценить свою целевую страницу, воспользуйтесь удобным инструментом Google PageSpeed ​​Insights.

Пора придерживаться цели (страница)

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