9 идей посадочных страниц, которые помогут повысить конверсию и продажи
Опубликовано: 2017-10-10«Подражание - самая искренняя форма лести».
Эта известная пословица верна для многих вещей, и целевые страницы после клика не исключение.
Совершенно нормально (и рекомендуется) просматривать примеры целевой страницы после клика других компаний, чтобы получить вдохновение для создания вашей страницы, максимально готовой к конверсии.
Понимание того, как люди читают онлайн-контент, является важным компонентом этого процесса. Особенно если вы знаете, что средняя продолжительность концентрации внимания веб-пользователей составляет около 6-8 секунд, и вам необходимо удерживать посетителей на вашей странице в течение этих критических секунд.
Существуют сотни примеров целевых страниц после клика, на которых можно почерпнуть вдохновение. Фактически, у нас есть целая категория блогов, посвященная темам некоторых из самых узнаваемых мировых брендов.
В сегодняшней статье мы продемонстрируем несколько примеров, которые выделяют советы пользователя, важные элементы структуры целевой страницы после щелчка и другие идеи целевой страницы после щелчка, которые вдохновят вас на ваш следующий дизайн.
Лучшие идеи для целевой страницы после клика
Добавьте достаточно свободного места
В вашем арсенале множество идей дизайна веб-страниц, но пустое пространство (также известное как пустое пространство или отрицательное пространство) может быть наиболее малоиспользуемым методом, даже если оно служит нескольким целям. Это не только делает вашу страницу менее загроможденной и более эстетичной, но также:
- Повышает читаемость
- Повышает концентрацию внимания на важных элементах
- Позволяет лучше понять ваше предложение
- Улучшает пользовательский опыт
Зная это, давайте сравним дизайн белого пространства на двух разных страницах.
Вот один из колледжа Эшворта, на котором явно не хватает белого пространства:

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

Вокруг заголовка и небольшого описания достаточно места, а также формы для захвата лида. Между различными разделами даже достаточно места, что позволяет легко перемещаться по странице и лучше понимать предложение. Каждый элемент целевой страницы после клика привлекает внимание, потому что они не скручены, как страница Ashworth College.
Этот пример обеспечивает более приятный пользовательский интерфейс и, вероятно, дает лучшие результаты конверсии.
Включите явные визуальные подсказки
Визуальные подсказки или направленные подсказки - как явные, так и неявные - способствуют конверсии целевой страницы после клика, потому что они точно сообщают посетителям , на что им следует обратить внимание (например, на вашу форму и кнопку CTA).
Сначала давайте рассмотрим явные подсказки, которые являются более прямыми и легко распознаются на веб-странице.
Один из основных способов включить явные визуальные подсказки в дизайн целевой страницы после клика - это добавить стрелки, указывающие на наиболее важные элементы страницы, такие как форма и / или кнопка CTA.
Sage Intacct делает очевидным то, что они хотят, чтобы вы заметили, добавив ярко-оранжевую стрелку из заголовка в форму:

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

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

Белое пространство вокруг каждого элемента на странице помогает привлечь внимание к этим элементам. Это потому, что, не обращая внимания ни на что другое, посетители вынуждены смотреть на то, что вы хотите от них. Между каждым разделом страницы также есть много белого пространства, что, опять же, способствует более плавной навигации и лучшему пониманию.
Инкапсуляция формы с помощью цветового контраста делает ее «заметной» на странице и, вероятно, приведет к большему количеству конверсий.
Наконец, цветовой контраст между темным фоном и, в частности, белой формой помогает привлечь повышенное внимание к этой конкретной области.
Создайте двухэтапную форму подписки
Убедить посетителей заполнить форму для сбора потенциальных клиентов - одна из самых сложных задач для интернет-маркетологов. Хотя есть определенные приемы, которые увеличивают вероятность конверсии.
Один из способов - это двухэтапная форма подписки, а не простая форма на странице.
Двухэтапные формы подписки появляются во всплывающем окне только после того, как потенциальный клиент нажмет кнопку CTA. Они эффективны, потому что разбивают процесс преобразования на две части: информационную фазу (предварительная форма) и фаза принятия обязательств (заключительная форма). При таком разделении потенциальных клиентов не пугает форма на этапе информации, и они могут просто сосредоточиться на сборе информации и изучении вашего предложения. Затем, когда они решили продолжить и щелкнуть кнопку CTA, они видят форму - и на данный момент она гораздо менее устрашающая.
Tableau это понимает. Посмотрите, как они разработали свою страницу с двухэтапной формой подписки:

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

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

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


Разделение формы на два этапа поможет сделать ее менее пугающей для потенциальных клиентов. Когда они попадают на эту страницу, они сталкиваются только с 7 полями формы, а не со всеми сразу.
Используйте цветовую контрастность CTA
Многие маркетологи утверждают, что кнопка с призывом к действию является наиболее важным элементом целевой страницы после клика, потому что именно там происходит конверсия. Спроектируйте его правильно и увеличьте конверсию; спроектировать его плохо и рисковать, что страница будет заброшена.
Один из наиболее важных факторов, которые следует учитывать при разработке кнопки CTA, - это цвет. Вы хотите, чтобы он контрастировал с другими цветами на странице, чтобы он «всплывал», чтобы посетителям было как можно проще конвертировать.
Вот несколько примеров, демонстрирующих идею.
На этой целевой странице Salesforce после клика используется монохромная цветовая схема:

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



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

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

К этому моменту Discover включил более реалистичное и понятное изображение на свою целевую страницу после клика:

Чтобы получить дополнительные советы и рекомендации по выбору лучших стоковых фотографий для ваших маркетинговых кампаний, загрузите это новое руководство.
Выбирайте видео вместо текста
Помните, что мы говорили во введении? Средняя продолжительность концентрации внимания веб-пользователей составляет около 6-8 секунд.
К счастью, добавление видео на целевые страницы после клика может помочь сразу привлечь посетителей и удержать их внимание. Объясняя свое предложение более компактно и интерактивно, видео могут увеличить общее количество конверсий на 86%.
Видео особенно идеальны для передачи UVP вашего бренда, потому что потенциальные клиенты, скорее всего, предпочтут посмотреть интересное минутное видео, чем пролистать длинную целевую страницу после клика.
Wistia продвигает свой UVP и многие другие преимущества всего за одну минуту на этой целевой странице после клика:

Intercom также использует эту эффективную идею целевой страницы после клика:

В их видео представлены общие проблемы, с которыми сталкиваются современные маркетологи, а затем объясняется, как интеллектуальные кампании Intercom являются отличным решением всех этих проблем.
Завоевать доверие
Чтобы убедить потенциальных клиентов, вы должны сначала завоевать их доверие. Три основных типа сигналов доверия включают логотипы компаний, значки безопасности и отзывы клиентов. Не случайно добавление сигналов доверия стало одной из самых распространенных идей дизайна веб-страниц для любого бренда, присутствующего в Интернете.
Эта целевая страница Smartsheet после щелчка использует все три типа на всей целевой странице после щелчка. Давайте разберемся сверху вниз.
Во-первых, логотипы компаний выделяют некоторых из их самых известных клиентов:

Затем цитируемые отзывы демонстрируют, как известные компании используют Smartsheet (с отображением их логотипов):

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

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

Еще один отзыв клиента с прикрепленным логотипом бренда:

Значки, демонстрирующие отраслевые награды:

Больше логотипов для позитивного освещения в прессе и рекламы:

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

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