23 тренда умных целевых страниц на 2022 год [и более 60 примеров]

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

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

Много.

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

По словам Герберта Уэллса, «адаптируйся или умри».

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

Со списком.

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

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

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

• Тенденции стратегии
• Тенденции копирайтинга
• Тенденции дизайна (Макет, графика, изображения, видео)
• Тенденции социального доказательства
• Тенденции призыва к действию
• Тенденции формы

«Тактика без стратегии — это шум перед поражением».

То же самое относится и к вашим целевым страницам.

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

На дворе 2022 год, и на фоне остальных выделяются две стратегические тенденции:

1. Единая цель конверсии
2. Сравнение конкурентов

Паритет функций реален.

Это означает, что все больше и больше потенциальных клиентов ищут сравнительные термины, такие как «бренд A против бренда B» или «бренд B против бренда D».

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

Например, в индустрии программного обеспечения для управления проектами у Asana есть кампания, которая сравнивает их с Trello, у Monday есть кампания, которая сравнивает их с Asana, а у ClickUp есть кампания, которая сравнивает их с Monday.

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

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

Начать бесплатную пробную версию?

Заполнить лид-форму?

Купить сейчас?

Что-то другое?

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

Фактически, добавление нескольких предложений может снизить коэффициент конверсии на 266%.

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

Например, Shopify, Cigna и Leadpages ниже включают одно предложение с одним CTA. Нет возможности посмотреть демонстрацию, узнать больше, скачать руководство или перейти на отдельное предложение.

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

В 2022 году выделяются четыре тенденции копирайтинга целевых страниц:

3. Заголовки команд
4. Разговорная копия
5. Разделы «Как это работает»
6. Сильные преимущества

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

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

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

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

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

Почему разговорный текст важен? Понимание.

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

Например, мы увеличили конверсию для упоминаний на 31%, заменив их старую скучную копию на диалоговую копию:

Bob HR также мастерски демонстрирует разговорный текст на своей странице захвата лидов:

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

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

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

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

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

А Keeps использует свой раздел «Как это работает», чтобы показать, как покупать и получать новые продукты:

Наконец, на дворе 2022 год, и преимущества (а не функции) правят миром. Все дружно поаплодируйте себе.

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

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

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

Или Джарвис, который упаковывает свои основные преимущества в раздел «Джарвис поможет вам…».

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

Дизайн целевой страницы имеет значение. Много.

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

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

7. Нет навигации/нижнего колонтитула
8. Живая демонстрация
9. Иллюстрации
10. Настоящие люди
11. Короткие видеоролики о продукте
12. Разделенный экран
13. Минималистичный дизайн
14. Тени

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

Одна конверсионная цель. Одна ссылка (для достижения цели конверсии).

Это работает?

В ходе теста Hubspot они обнаружили, что удаление навигации увеличило конверсию на 100%.

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

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

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

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

Но как насчет встраивания вашего фактического продукта на целевую страницу?

Это именно то, что делают Typeform, Hotjar и Autopilot — и мы начинаем видеть это все чаще.

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

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

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

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

Или Оскар использует собственные иллюстрации вместо реальных людей:

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

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

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

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

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

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

Или Hers использует нестандартные фотографии, чтобы продемонстрировать свои… О боже, ЭТО МАЙЛИ САЙРУС????

Нет, а если серьезно, Херс освоил фотографию целевой страницы:

В 2022 году мир B2B активизирует свою видеоигру на целевой странице с продуманными историями брендов.

До свидания, скучные видео о продуктах. Здравствуй, сценарные, сюжетные короткометражки.

Лидером является Keap с их 2,5-минутным шедевром (представленным на их целевых страницах CRM):

Что такое Кеап? Простое программное обеспечение для автоматизации продаж и маркетинга + CRM

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

Почему важны видео? Unbounce обнаружил, что добавление видео на вашу целевую страницу может увеличить конверсию на 80%. Вот почему.

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

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

Например, последняя целевая страница Crypto NFT имеет разделенный экран с формой слева и копией справа.

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

И, наконец, целевая страница Stitch Fix с героем покупателя слева и формой справа.

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

Меньше слов. Больше воздействия.

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

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

Тенденции простого и минималистского дизайна включают в себя такие вещи, как:

• Белое пространство
• Простое, прямое копирование
• Четкие, прямые заголовки
• Четкие, прямые призывы к действию
• Меньше цветов
• Контрастные цвета CTA
• Инкапсуляция
• Высокая читаемость

Например, Wix осваивает минималистичный дизайн на своей целевой странице Editor X:

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

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

Мы. Люблю. Падающие тени.

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

В 2022 году тени повсюду.

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

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

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

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

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

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

15. Карточки отзывов
16. Социальное доказательство на странице создания учетной записи
17. Статистика пользователя
18. Сторонние звездные рейтинги (G2, Capterra, TrustPilot)

Карточки отзывов выглядят как встроенные карточки Твиттера, только для отзывов.

Все больше и больше целевых страниц предпочитают размещать десятки (если не сотни) отзывов с использованием карточек отзывов, и нам это нравится!

Например, Jarvis предлагает ровно 100 отзывов на целевой странице бесплатной пробной версии.

В Pipe представлены карточки отзывов от самых известных основателей стартапов в мире.

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

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

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

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

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

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

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

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

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

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

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

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

Например, Juro показывает свои звездные рейтинги G2 и Capterra с логотипами.

Jarvis показывает свои звездные рейтинги TrustPilot, G2 и Capterra с логотипами.

А CaptivateIG показывает свои звездные рейтинги G2, Capterra и GetApp с логотипами.

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

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

В 2022 году безраздельно господствуют следующие тренды CTA:

19. Выгодная копия
20. Контраст кнопок
21. Нажмите триггеры

Что не так: общие призывы к действию, такие как «Отправить», «Нажмите здесь», «Зарегистрироваться», «Зарегистрироваться».

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

Например, Джарвис размещает свое предложение и выгоду прямо в тексте кнопки CTA: Clam 10 000 слов бесплатно.

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

И CrazyEgg делает то же самое в своих: покажите мне мою тепловую карту.

Кнопки, которые хлопают. Простой.

Оказывается, конверсия больше связана с цветовым контрастом (цвет кнопки по сравнению с фоном), чем с цветом кнопки.

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

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

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

Например, Dollar Shave Club сочетает темно-синий фон с ярко-красной кнопкой.

Продолжает сопоставлять их коричневый фон с ярко-красной кнопкой.

А Unbound контрастирует своей ярко-синей кнопкой с белым фоном.

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

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

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

Например, Zendesk использует триггер клика: «Попробуйте бесплатно в течение 14 дней — кредитная карта не требуется».

SproutSocial использует триггер клика «Кредитная карта не требуется. Нет программного обеспечения для установки».

И SurveySparrow использует триггер щелчка: «14-дневная бесплатная пробная версия • Отмена в любое время • Кредитная карта не требуется».

И последнее, но не менее важное: формы захвата лидов.

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

22. Многоступенчатые формы
23. Гугл одним нажатием

Многоступенчатая форма (также известная как метод «хлебных крошек») относится к форме из 3-4 шагов, в которой используется «Лестница Да» для микроконверсии посетителей до конверсии.

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

Размещая сначала простые вопросы (и заставляя потенциальных клиентов заполнять форму), вы увеличиваете свои шансы на конверсию.

Когда дело доходит до целевых страниц, у многошаговых форм есть момент. И мы здесь для этого.

Например, взгляните на нашу многоступенчатую форму ниже.

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

И, наконец, Lytx использует многоступенчатую форму для квалификации лидов:

Google One Tap — это эволюция Google OAuth («Зарегистрируйтесь в Google»), протокола аутентификации, который позволяет пользователям входить в систему или регистрироваться, используя свои учетные данные Gmail, вместо заполнения формы.

Как это работает. По сути, Google One Tap обнаруживает, что пользователь выполнил вход в Chrome или сеанс Gmail, и дает этому пользователю возможность войти в систему с распознанной учетной записью или выбрать другую учетную запись Gmail. Вам даже не нужен новый пароль.

Это работает?

По данным Zapier, Google One Tap увеличил количество конверсий на 20%.

По данным Pinterest, Google One Tap увеличил конверсию регистрации в Интернете (на компьютере) на 47%.

И, согласно Reddit, Google One Tap помог им удвоить количество регистраций новых пользователей.

Так что да, это работает .

Кто его использует? Тонны брендов SaaS.

Например, Hotjar, Monday, SEMRush и Editor X (Wix) используют One Tap.

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

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

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

• Заголовок/подзаголовок: четкий и убедительный заголовок, который привлекает внимание, сообщает о преимуществах и формулирует ваше предложение.
• Дизайн конверсии: F-образная или Z-образная информационная иерархия, которая перемещает посетителей вниз по странице, привлекает внимание к кнопкам или возможностям конверсии и снижает когнитивную нагрузку.
• Сильный текст: Много преимуществ, мало возможностей. Лучшие целевые страницы используют текст, чтобы убедить посетителей и побудить к действию прямо сейчас.
• Наглядные пособия: не просто графика, фотографии или иллюстрации; но визуальные элементы, которые обеспечивают контекст для вашей копии, делают невидимые части вашего продукта или услуги видимыми и делают ваш бренд отчетливым и человечным (не акции и
• Социальное доказательство: отзывы, статистика пользователей, логотипы клиентов, звездные рейтинги и отраслевые награды придают вашей целевой странице столь необходимое доверие и авторитет.
• Непреодолимое предложение: отсутствие нескольких целей конверсии; только один.
• CTA: соблазнительный, ориентированный на действие CTA, который напоминает посетителям о ценности, ожидающей их по ту сторону.
• Оптимизировано для мобильных устройств: быстро на любом устройстве, в любом браузере, с любым разрешением экрана.
• Соотношение внимания 1:1: самое близкое соотношение 1:1 между количеством ссылок на странице и количеством целей конверсии.

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

И вы обнаружите это только путем экспериментов.

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

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

Похвальный отзыв:

1. Смелые шрифты и типографика: например, очень большие заголовки в главных разделах.
2. Чат-боты: меньше чатов, больше чат-ботов.
3. Снимки продуктов. Будь то скриншоты информационных панелей SaaS или высококачественные фотографии продуктов, лендингеры отлично поработали над визуализацией своих продуктов.
4. Мобильные устройства . На самом деле, мы не можем назвать мобильный дизайн тенденцией. Более того, на данный момент это основа хорошего пользовательского опыта целевой страницы. Но в 2022 году компании активизировали свою игру с мобильными целевыми страницами — значительно.

Что не так?

1. Всплывающие окна : мы заметили меньше всплывающих окон, чем когда-либо прежде (особенно те, которые всплывают, как только вы загружаете страницу). Окончательно.
2. Интерактивный дизайн: в 2021/2022 годах мы видели меньше параллаксной прокрутки, интерактивного дизайна и анимации. Вероятно, потому, что удобство для мобильных устройств и скорость страницы (т. е. быстрое время загрузки) имеют явный приоритет над чем-либо еще, а интерактивность обычно плохо сочетается ни с тем, ни с другим.
3. Несколько целей конверсии: с годами целевые страницы становятся все более и более сфокусированными, и нам это нравится.
4. Длинные лендинги: мы тестировали лендинги с полными копиями, которые превзошли короткие. Но в 2022 году минимальная прокрутка включена, длинная форма отсутствует.
5. Фоновое видео: это было ГОРЯЧИМ примерно в 2017 году. Но многие целевые страницы покончили с медленной загрузкой фонового видео.

Удачной оптимизации конверсии!

PS Один из ваших любимых трендов не попал в список? Поделитесь им в социальных сетях!