Лендинг пейдж 2020: в мире + в России

Содержание

9 трендов веб-дизайна лендингов и сайтов в 2021 году

Тренды веб-дизайна, как и мода, со временем меняются. Некоторые из них задерживаются надолго благодаря простоте внедрения и хорошему пользовательскому опыту (UX, user experience). Другие — нет. И не всегда легко предугадать, какие из них будут преобладать.

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

Содержание статьи

1. Hero-блок с преобладанием текста
2. Многослойные элементы и вырезанные фотографии
3. Анимация при скроллинге
4. Пастельные и землистые оттенки
5. Минималистичные элементы
6. Органические элементы и незатейливые рисунки
7. Пользовательский контент
8. 3D-иллюстрации
9. Неоморфизм
Признаки отличного дизайна в 2021 году

1. Четкая цель
2. Интуитивно понятная навигация
3.

Адаптивность и скорость
4. Соблюдение лучших принципов дизайна
5. Доступность

Заключение

1. Hero-блок с преобладанием текста

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

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

Solstice

Marx

Basic Space

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

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

Читайте также: Может ли шрифт сделать ваш лендинг уродливым?
2. Многослойные элементы и вырезанные фотографии
Наслоение элементов с частичным перекрытием и асимметричными макетами — еще одна большой тренд веб-дизайна в 2021 году. При этом подходе используются шахматные сетки (staggered grids) с частично перекрывающимися элементами (текст, фотография, фоновые формы). Это более элегантная форма брутализма (Brutalism), где предпочтение отдается грубому, смелому дизайну. Популярность этого тренда растет, поскольку он создает динамичный и практический опыт для онлайн-посетителей.

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

Rudolph Care
Чтобы убедиться, что вы правильно применяете эту тему дизайна, вы можете постепенно убирать элементы, используя эффект затухания (fading). Также можно использовать тени (drop shadows) для усиления определенных элементов дизайна.
Читайте также: 50 бесплатных ресурсов с графикой для ваших лендингов
3. Анимация при скроллинге
Часто для привлечения внимания посетителей в веб-дизайне используют динамические элементы, например, анимацию при скроллинге (scroll animation).
При прокрутке страницы вниз посетитель может наблюдать различные движения, эффекты и переходы элементов. «Эта анимация не только красиво выглядит, но и помогает вовлечь пользователей и сделать веб-сайт более запоминающимся», — отмечает журнал Qode.

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

Читайте также: Практические советы по улучшению юзабилити лендингов при помощи анимации
4. Пастельные и землистые оттенки
Этот тренд дизайна проводит параллели с миром моды, где приглушенные цвета сейчас особенно популярны. В 2021 году изюминкой веб-дизайна станут пастельные и землистые оттенки.
Monastery Made
Мягкие, естественные цвета приятны для глаз и вызывают чувство спокойствия. Особое внимание на них стоит обратить компаниям, работающим в сфере красоты и здоровья.
Humes Supernatural Читайте также: Как использовать психологию цвета для увеличения конверсии?
5. Минималистичные элементы
Принцип «меньше — значит больше» (less is more) сегодня как никогда применима к миру дизайна.

В 2021 году у людей после сложного 2020-го полно забот, как домашних, так и рабочих, а упрощенный дизайн поможет создать ощущение легкости и простоты.
Соедините это с постоянно сокращающейся продолжительностью концентрации внимания, и вы обнаружите, что скорость сайта является ключом к быстрой передаче вашего сообщения. Чтобы время загрузки оставалось низким, отдайте предпочтение минималистичному дизайну и выберите конструктор сайтов, предлагающий веб-страницы с быстрой загрузкой, например редактор LPgenerator.
Death to the Stock Photo
Вы можете дополнить чистый макет уникальными деталями — рисованным шрифтом и узорами, короткой анимацией, или яркими деталями.
Читайте также: Как привнести нотки скандинавского дизайна в ваш проект
6. Органические элементы и незатейливые рисунки
«Человеко-ориентированный (human-centered) подход к дизайну в последнее время переживает возрождение, и лучший пример этому — рисованные элементы», — говорится в статье PopArt Studio на Medium. com. «Будь то карикатурные иллюстрации, нарисованные иконки или рукописные надписи, технологии последних лет направлены на обеспечение эмоций и индивидуального подхода».
Skillshare Читайте также: 7 советов по созданию рисованной анимации
7. Пользовательский контент
Как следует из названия, пользовательский контент (user-generated content, UGC) — это контент, полностью созданный вашей пользовательской базой или клиентами.

«Сегодня ведущие мировые бренды все чаще проводят кампании пользовательского контента, чтобы обеспечить эффективность своих кампаний и продвигать свои продукты», — говорится на wedevs.com.
Пользовательский контент — это лучшее социальное доказательство (social proof) и отличный способ продемонстрировать отзывы, фотографии и видео клиентов, использующих товары.
Shein
В конце концов, все сводится к доверию потребителей. Отчет Forrester показал, что 70% взрослого населения США доверяют рекомендациям других людей (онлайн) гораздо больше, чем заявлениям брендов.

HarvestHosts
Вот некоторые преимущества пользовательского контента:
Он абсолютно уникален — ни у одной другой компании не будет такого контента, потому что клиенты создают его сами.
Он демонстрирует открытость для сообщества — пользовательский контент открывает цикл обратной связи и показывает, что ваш бизнес заботится о клиентах.
Как правило, вам не нужно платить за него (или это выходит гораздо дешевле) — накладные расходы на создание пользовательских изображений отсутствуют.
Он внушает доверие — клиенты верят тому, что говорят другие.
Вы добавляете социальное доказательство. С помощью пользовательского контента вы доказываете, что ваш продукт или услуга «нравится» публике в реальной жизни.
Читайте также: 3 шага к хорошему пользовательскому контенту
8. 3D-иллюстрации
Еще один захватывающий тренд веб-дизайна в 2021 год — это использование трехмерных элементов. Очевидно, что данный тренд подойдет не каждой компании и бренду. Но если вы позиционируете себя как смелая компания, использование трехмерных элементов поможет заинтересовать аудиторию, и, в конечном итоге, удержать посетителей на ваших страницах.
Pitch
Campo alle comete

«Глубина создает ощущение реализма, качества, которое особенно полезно для электронной коммерции, где трехмерные изображения могут использоваться для показа товаров под разными углами или в применении», — сообщает NYC Design на Medium.com.
Читайте также: 3D баннеры — эволюция дисплейной рекламы
9. Неоморфизм
Неоморфизм (neumorphism ), или неоскевоморфизм (neo-skuomorphism), — это новый подход к дизайну интерфейсов, который также применим к элементам веб-сайта. Для него характерен минималистичный дизайн, белый фон, тени и яркими пятна.
Web Design Ledger
Он основан на скевоморфном дизайне (skeuomorphic design), в котором мобильные приложения имитируют объекты реального мира.
«Его эстетика характеризуется минималистичным и реалистичным пользовательским интерфейсом. Это своего рода новый взгляд на скевоморфизм (skeuomorphism) — отсюда и название», — говорит CSSdesign.com.
Work by David Ofiare
Более спокойные реалистичные элементы помогают оживить страницу. Вы можете применить несколько способов, например:
Выделить текстовые элементы с помощью тени
Выделить призыв к действию (call to action), применив к нему тень
Выделить hero-изображения за счет добавления тени на белом фоне
Читайте также: Материальный дизайн: другой, но не лучший
Признаки отличного дизайна в 2021 году
Существует очень много принципов дизайна, отделяющих отличные лендинги и сайты от просто хороших, но на самом деле все их можно сузить до нескольких идей.
1. Четкая цель
Посетителю должно стать понятно, кто вы и чем занимаетесь, уже на второй секунде нахождения на вашем сайте. Он должен легко находить нужную ему информацию, будь то статья в блоге или страница с ценами. Важно, чтобы каждый элемент дизайна так или иначе поддерживал эту цель.
2. Интуитивно понятная навигация
Вся важная информация о вашем бизнесе должна находиться на расстоянии одного клика. Посетитель не должен тратить время на поиск нужной ему информации. Ключом к этому является интуитивная навигация, а именно навигационные цепочки (breadcrumbs) и иерархическая структура веб-сайта.
3. Адаптивность и скорость
Несмотря на то что 50% онлайн-трафика поступает с мобильных устройств, таких как смартфоны и планшеты, многие компании просто не учитывают этого при создании своих сайтов. Задумайтесь о том, сколько раз вы покидали сайты из-за того, что они плохо работали на вашем смартфоне, и вы быстро поймете, что это огромная упущенная возможность.
Чтобы узнать, адаптируется ваш сайт под мобильные устройства или же требуется небольшая доработка, воспользуйтесь инструментом проверки оптимизации для мобильных от Google. Все, что вам нужно сделать, это ввести свой URL-адрес, и Google оценит, насколько удобен ваш сайт для пользователей смартфонов. Он оценивает все, от скорости мобильной страницы до емкости экрана.
Мы в LPgenerator выступаем за создание отдельного мобильного лендинга, а не адаптацию версии для ПК. Это означает полную переработку основной страницы: выбрать лишь «самое-самое» и строго следовать канонам — один призыв к действию, минимальный набор текста и изображений.
4. Соблюдение лучших принципов дизайна
Текст, цвета, элементы дизайна, скроллинг, иллюстрации и фотографии — все это влияет на общее «восприятие» вашего веб-сайта. Следовать правильным принципам дизайна важнее, чем следовать трендам.
5. Доступность
Убедитесь, что ваш сайт учитывает потребности всех типов посетителей, независимо от их возможностей. Правильный контраст повысит доступность сайта для людей с любым зрением. Добавление альтернативного текста (alt text) к изображениям поможет посетителям, использующим программы чтения с экрана, получить звуковое описание (это также может помочь улучшить SEO!). Учитывайте все эти нюансы, и ваши дизайны непременно станут более доступными и инклюзивными.
Читайте также: Все, что вам нужно знать, о принципах и типах дизайна
Заключение
Некоторые из перечисленных выше трендов могут показаться вам странными или даже неуместными для вашего бренда. Это нормально. Это не означает, что ваша компания не следует трендам. В действительности, иногда лучше этого не делать. Даже не следуя этим трендам, вы по-прежнему можете иметь красивые, современные и высококонвертирующие лендинги.
Высоких вам конверсий!
По материалам: leadpages.com Изображение: freepik.com
08-04-2021
Структура лендинга: из чего она состоит и как выстроить правильно
Из каких элементов будет состоять ваш лендинг — целиком зависит от продукта. В этой статье разберемся, из чего составить структуру лендинга и какие блоки использовать для разных целей, посмотрим хорошие и плохие примеры.
Что такое структура лендинга
Структура лендинга — это его деление на тематические блоки. Обычно лендинг строят так:
короткий оффер или УТП;
подробности и преимущества предложения;
варианты цен с призывом к действию;
отзывы.
Это базовая структура, но под ваши задачи и вашу целевую аудиторию можно менять блоки и их наполнение. Например, если продукт еще неизвестный — придется рассказывать о нем подробнее и давать больше вариантов применения. А если известный — сделать акцент на качестве, цене, сервисе или отзывах.
Правильная структура лендинга
У каждого блока в структуре лендинга есть свое предназначение и связанное с ним место. Дальше будем рассматривать каждый блок, разбираться в его предназначении, смотреть плохие и хорошие приемы.
Я буду использовать термин «экран». Экран — потому что блок или его законченная смысловая часть должны логически помещаться на одном экране устройства, то есть телефона или компьютера. Так пользователю будет легче потреблять информацию.
Стартовый экран
На стартовом экране размещается главная мысль. Это суть услуги, преимущество, которое в результате получает пользователь. Если лендинг посвящен одному товару или услуге, то на стартовом экране нужен оффер — конкретное предложение именно по этому товару или услуге. Если же лендинг про компанию в целом, тогда на стартовом экране нужно разместить УТП — ее уникальное торговое предложение.
Оффер или УТП пишут ярко и крупно, а под ними при необходимости дают пояснения более мелким текстом.
Статьи по теме:
Компания D’Addario продает товары для музыкантов. Этот экран прямо предлагает услугу «Уникальный дизайн для вашего оборудования». Ниже призыв расшифровывается: «Кастомные медиаторы и барабаны помогут вам выделиться на любой сцене».
Стартовый экран лендинга компании D’Addario сразу показывает пользу для клиента
Приложение для медитаций Calm использует игру слов со своим названием и призывает пользователей «найти свое спокойствие». И ниже рассказывает, в чем оно заключается: больше спать, меньше нервничать, лучше жить.
Понятный призыв от приложения Calm
Оффер иллюстрируется. Хорошая иллюстрация помогает добиться нужного впечатления и работает вместе с текстом, они усиливают друг друга. Например, на скриншоте выше можно реально медитировать на фото: спокойная вода с легкой рябью, лес, горы, небольшая дымка — спокойствие по высшему разряду.
Страшный секрет: оффер можно не иллюстрировать, если нечем. Сделайте простой и приятный глазу дизайн, чтобы не отвлекал, но сосредоточьтесь на хорошем тексте.
Чем иллюстрировать экран оффера
Хорошо Нормально Плохо
Фото товара или результата услуг
Фото клиентов с товарами или в процессе (результате) услуги
Фото сотрудников за работой
Скриншоты из программы/приложения
Простой флэт-дизайн без отвлекающих деталей
Фоновое видео товаров, услуг, работы (затормозит сайт, не у всех воспроизведется)
Фотосток — любые фото, картинки, видео, инфографика.
CRM-система «Мегаплан» выбрала именно скриншот. Тут мне как пользователю сразу ясно — выглядит несложно и симпатично, интерфейс не накрученный, видно все функции.
Скриншот из сервиса для иллюстрации его интерфейса и возможностей
Еще вариант с демонстрацией сервиса: тут на первом экране скриншоты из мобильного приложения. Классный ход с кнопками — можно прямо отсюда выйти на скачивание приложения или попробовать его в браузере.
Удачная иллюстрация интерфейса приложения на стартовом экране лендинга
Посмотрим на варианты, которых лучше избегать в структуре лендинга на стартовом экране.
Не наваливайте. Старайтесь не перегружать один экран подробностями. На стартовом экране оффера это особенно заметно: хочется уместить здесь побольше, чтобы человек прочел все в одном месте. В итоге выходит наоборот: непонятно, какой из множества равнозначных блоков исследовать первым.
Слишком много деталей на стартовом экране — сложно выделить главное
Не наваливайте кучу текста и картинок в один экран, особенно на заглавный экран с оффером.
Думайте о клиенте. Есть соблазн выдвинуть на первый план название компании: мол, оно так лучше запомнится и клиенты придут к нам, а не к конкурентам. На самом деле человеку наплевать, как вы называетесь: он хочет решить свою проблему, а не найти компанию с самым интересным именем. Думайте всегда о решении проблемы клиента, а не о том, как бы выдвинуть себя на первый план.
Вместо оффера — название магазина
Рассказывайте не о себе, а о том, как клиент решит свою проблему или закроет потребность с вашей помощью. Наша статья поможет выявить потребности аудитории.
Иллюстрации должны работать. Иногда кажется, что какая-то придуманная графика будет смотреться лучше, чем скриншот из приложения. Это обманчивое впечатление — вы потратите время и деньги на дизайн, который никак не будет на вас работать. Например, вот скриншот с лендинга CRM-системы: человек с какими-то экранами и графиками, мегаполис. Сама картинка интересная, но впечатление двоякое: почему город? А если я из маленького города или живу в деревне, мне эта CRM не подойдет?
Иллюстрация на стартовом экране не работает в паре с оффером
Подбирайте иллюстрации так, чтобы они дополняли оффер по смыслу и усиливали его. Не используйте просто красивые фото и рисунки.
Автоматизация email рассылок
Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.
Настроить триггерные рассылки
Экраны подробностей
Экраны с подробностями показывают продукт и рассказывают о нем. Построение экранов подробностей сильно зависит от того, насколько это сложный или новый продукт. Если привычный и понятный, вроде плюшевых мишек тедди — особо расписывать не надо. Лучше поставьте больше фото, деталей, которые покажут качество продукта и сервиса.
Сервис доставки экзотических фруктов сделал список деталей в интересном формате: к обычному текстовому списку добавили скриншот переписки менеджера с клиентом. Сразу видно, что заказывать просто и удобно.
Скриншот из переписки с менеджером иллюстрирует качество сервиса
Сложные и новые для рынка продукты требуют другой проработки. Здесь нужно более детальное объяснение того, какие проблемы они вообще закрывают и почему эти проблемы важны. Такие вещи лучше показывать на реальных случаях из жизни и бизнес-кейсах, которые близки вашей целевой аудитории. Вы показываете, в каких ситуациях используется ваш продукт, кто его использует и зачем, какие получили результаты.
На экранах подробностей вам нужно показать человеку, что польза от продукта превышает его цену. Пусть он сам убедится, что этот товар или услуга удовлетворяют именно его потребности, и условия покупки ему полностью подходят.
В структуре лендинга можно использовать видео. Так получится показать и объяснить гораздо больше.
RetailCRM использует видео, чтобы показать систему в действии
В некоторых случаях можно показать атмосферу компании. Это важно, когда клиент хочет не просто получить продукт, но и почувствовать себя частью какой-то культуры, сообщества, традиции. Например, компания, которая делает струны под маркой Earnie Ball, делает их уже 50 лет и это семейный бизнес. Тут за продуктом реально стоит история, которую можно показать.
Семейная фотография владельцев компании на лендинге Earnie Ball
В структуру лендинга для образовательного продукта хорошо впишется раздел с преподавателями. Но сюда нужно сделать подходящие фотографии: живые и дружелюбные.
Приятные преподаватели на лендинге SMM школы. У таких людей хочется учиться
Дальше покажу пару плохих примеров из структуры лендинга. Выглядят очень странно, но это реально существующий лендинг. Во-первых, дизайн из двухтысячных: банальная иконка — крупный текст — мелкий текст. Во-вторых, сам текст: общие слова о компании, о проблемах и потребностях клиента здесь не подумали. Например, 2 года на рынке — это не тот срок, которым стоит хвастаться. Самостоятельное выращивание продукции — тоже не гарантия качества.
Пример плохого копирайтинга в разделе подробностей
Статья по теме:
Банальных вещей тоже писать не нужно. В 2020 году уже у всех есть безналичная оплата и доставка, нет смысла это подчеркивать. Я боюсь предположить, зачем магазину размещать на лендинге абсолютно стандартный процесс заказа для любого интернет-магазина:
К этому лендингу приложил руку Капитан Очевидность
Экран отзывов
Отзывы — инструмент социального доказательства. Людям легче довериться и купить, если они видят, что похожие на них люди уже сделали этот выбор. Так что отзывам стоит отдать отдельный блок в структуре лендинга.
Важно! Отзывы — только реальные. Круто, если с них можно перейти на человека или компанию — аккаунт или группу в соцсети, на сайт.
Придумывать отзывы и иллюстрировать их лицами из фотобанка — отстой.
Можно просить отзывы у клиентов. Чтобы получился связный подробный отзыв, попросите ответ на список открытых вопросов. Потом вы удалите вопросы, останется только текст клиента. Вопросы такие, например:
Почему выбрали нас?
Что понравилось больше всего?
Для чего используете наш продукт?
Галерея отзывов на лендинге SMM школы
Можно добавить сюда рейтинг. Тоже не выдуманный, а реальный — с любой площадки, где вы есть: рейтинг магазина на маркете, страница приложения в каталоге.
Приложение TMetric встроило в структуру лендинга отзывы клиентов и рейтинга из каталога
Экран CTA и стоимости
Тот самый конверсионный элемент, к которому ведет весь ваш лендинг. Место для CTA выбираете вы сами, по классике его ставят в структуру лендинга несколько раз: после стартового экранаэкрана оффера, в разделе подробностей и еще раз в конце страницы.
Это может быть форма записи, если ваше целевое действие — получение контактов.
Форма для сбора контактов на лендинге
Статья по теме:
Или сравнение цен на разных тарифах с соответствующей CTA кнопкой.
Сравнение цен и покупка нужного тарифа в форме на лендинге
Главное в такой форме — понятность. Например, как на скриншоте выше: у каждого тарифа есть краткое описание после названия, о отличие в функциях выделено полужирным шрифтом. Или как в форме ниже: перед ней — информация о расписании, после нее — что произойдет. когда пользователь заполнит и нажмет кнопку «Записаться».
Хорошая форма записи на лендинге с пояснениями
Вариант ниже — не очень удачный. Нет ни примерной даты начала, ни пояснения, что будет дальше.
Пример неудачной формы в структуре лендинга
Экран FAQ
Скорее всего, клиенты будут задавать вам повторяющиеся вопросы. Если ответы на эти вопросы нет смысла или не получается поместить в раздел деталей, сформируйте из них блок FAQ — frequently asked questions.
Формулируйте вопросы коротко и понятно. Люди обычно скользят глазами по FAQ, ища ответ на свой вопрос, им не нужно вчитываться в каждый пункт. Для удобства ориентации можно скрыть ответы под выпадающими элементами меню: нашел вопрос — развернул кликом. Вот хороший вариант от производителя толстовок-худи:
Удобная структура FAQ на лендинге
А вот версия на скриншоте ниже только выглядит хорошо. Мелкий неудобочитаемый шрифт, вопросы длинные и на цветном фоне. Конечно, кто-то вчитается и найдет то, что ему нужно, но многие не захотят и пойдут тратить время вашей поддержки. А ведь именно для экономии этого времени и нужен раздел FAQ.
В таком FAQ неудобно искать нужный вопрос
Футер
Последний элемент в структуре лендинга — футер. Здесь обычно размещают юридическую информацию, полный список контактов, адрес. Здорово, если адрес покажете не текстом, а картой — так человеку проще сориентироваться.
Футер может выглядеть совсем просто:
Типичный футер
Или так:
Футер лендинга
А можно оформить футер как полноценную часть лендинга — с крутым артом:
Футер с крутым артом
Примеры удачной структуры лендинга
Покажу три удачных примера лендингов из разных сфер.
iPhone 12
Начнем с очень крутого лендинга на двенадцатый айфон. Это длинная страница, но Apple может себе такое позволить: у компании много поклонников, они очень ждут новинок и с удовольствием будут читать и смотреть про них.
Информация на лендинге строго разделена по экранам. Для начала компания показывает большую и маленькую модель вместе и дает сравнить характеристики, чтобы пользователь сразу определился, какую он хочет. А дальше поочередно расписаны все преимущества нового айфона: он крепкий и легкий, с классной камерой для фото и видео даже ночью, с быстрым интернетом.
Лендинг новой модели айфона. Посмотреть в оригинале
А еще, как обычно, Apple рулит с визуальным повествованием — здесь очень крутые иллюстрации, телефон в центре внимания. Текста минимум: вместо рассказа о водостойкости можно просто показать телефон в воде.
Для демонстрации водостойкости телефон показали в воде
Вместо описания качества съемки проще дать сами фото, сделанные на телефон:
Вместо рассказа о качестве фото на лендинг добавили сами фото
А еще в этот раз копирайтерам компании дали развернуться: вместо обычных строгих описаний здесь игра слов, но оценить ее лучше на английском, перевод портит эффект.
Разницу в размерах моделей обыграли словами: «Большие новости — маленькие новости»
Откройте для себя чат-бота
Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.
Создать чат-бота
«ФинТабло»
Посмотрим структуру landing page сервиса по учету финансов «ФинТабло». Я не бухгалтер, но уверена, что здесь хорошо поработали с болями аудитории: рассказали, как собираются данные, что можно автоматизировать в программе и почему ей безопасно пользоваться.
Лендинг сервиса по управлению финансами «ФинТабло». Посмотреть оригинал
Отмечу два элемента, которые мне особенно понравились. Первый — стартовый экран с оффером. Из текста понятно, что это за сервис и кому он предназначен, а иллюстрация сразу показывает его удобства.
Хороший пример структуры экрана с оффером на лендинге
Второй понравившийся элемент — визуальное сравнение эксель-таблиц и их проблем с «ФинТабло» и его преимуществами.
Удачный элемент в структуре лендинга — сравнение с другим продуктом
«Болотов.Деревня»
Лендинг поселка «Болотов..Деревня» построен по стандартной схеме: первым экраном идет оффер, а дальше подробности — где находится, какие есть проекты домов и опции, возможности инвестирования.
Лендинг поселка «Болотов.Деревня». Посмотреть оригинал
Здесь сильная сторона — визуал. Много снимков домов и территории поселка, сделанных в хорошую солнечную погоду.
Красивые фото на лендинге загородного поселка
Больше примеров лендингов — в нашей вдохновляющей подборке.
Структура лендинга: что стоит запомнить
Выписала для вас основные пункты, которые нужно учитывать при работе над структурой лендинга.
Создайте короткий, понятный и привлекательный оффер.
Не перегружайте блоки лендинга деталями.
Думайте в первую очередь об удобстве клиента.
Подбирайте иллюстрации так, чтобы они усиливали эффект текста.
Выбирайте нужные способы убеждения: фотографии, видео, отзывы, рейтинги, сравнения, кейсы.
Старайтесь больше показывать и доказывать на примерах, а не расписывать текстом.
Ставьте CTA в нескольких местах.
Подключайте SendPulse к своим лендингам и собирайте контакты покупателей для рассылок по email и в мессенджерах в несколько простых шагов.
Improved landing page experience for connectors — Power Platform Release Plan

Статья

09/16/2021

Чтение занимает 2 мин

Были ли сведения на этой странице полезными?
Оцените свои впечатления
Да Нет

Хотите оставить дополнительный отзыв?
Отзывы будут отправляться в корпорацию Майкрософт. Нажав кнопку «Отправить», вы разрешаете использовать свой отзыв для улучшения продуктов и служб Майкрософт. Политика конфиденциальности.
Отправить

В этой статье

Enabled for Public preview General availability
Admins, makers, or analysts, automatically — May 1, 2020
Feature details
Currently, the landing page experience for our connectors’ documentation is a summary article. We will provide an improved landing page experience for the connectors’ documentation to help users quickly and efficiently get to the information they want.
See also
Connectors documentation (docs)

Создание сайтов [Юлия Литвина] Основы создания Landing Page на WordPress (2020)
Автор: Юлия Литвина
Название: Основы создания Landing Page на WordPress (2020)
Описание:
Этот курс будет вам полезен, если:
Вы создатель онлайн школы
Вам нужны сайты под новые проекты и вы хотите настроить все самостоятельно и правильно с самого начала. Понять принцип работы не обращаясь к помощи посторонних. И хотите, чтобы ваши сайты отличал профессионализм.
У вас свой информационный бизнес
И сайты необходимы вам «как воздух». Вы мечтаете о системе создания сайтов, которая позволит вам делать красивые сайты не напрягаясь поиском фрилансеров и при этом бесплатно.
Вы МЛМ предприниматель
Вы занялись продвижением проекта через интернет, Вам необходимы страницы захвата, чтобы быстро набрать подписчиков, продающие сайты, для продажи своих курсов, продукции кампании. И Сайт визитка.
У вас есть интернет хобби
Вы занимаетесь рукоделием, вышивкой, садоводством, список продолжите сами. Любое хобби вы можете монетизировать, грамотно представив его на своем сайте, который оформлен по всем правилам и представляет ваш продукт в самом выгодном свете.
ЧТО ВЫ ПОЛУЧАЕТЕ В ИТОГЕ
Курс содержит более 40 видеоуроков в HD качестве.
Под каждым уроком есть дополнительные материалы на скачивание, это ссылки на сервисы и программы, о которых идет речь в уроках.
Все программы, необходимые для работы, вы скачиваете бесплатно в рамках курса.
В курсе вы найдете не только уроки по созданию сайта в Elementor, но и уроки на настройке WordPress- необходимый элемент при создании сайта на основе CMS WordPress.
Уроки максимально подробно объясняют процесс создания страницы захвата и продающего сайта под нужды интернет предпринимателя.
Дополнительные материалы
К каждому уроку курса приложены дополнительные материалы на скачивание.
Обучающий портал
Уроки курса находятся в обучающем центре, доступ к обучающему центру сразу после оплаты курса.
Видео формат
По каждому шагу отдельный видео урок. От установки WordPress до дизайнерского Landing Page.
Продажник:

Скачать:
Скрытое содержимое могут видеть только пользователь группы : Премиум клуб
Создание Landing Page | Институт компьютерных наук и технологий СПбПУ
Дек 09, 2020  Anya
Landing Page — это одностраничный сайт, отлично выполняющий задачу для быстрой, краткой презентации и эффективной продажи услуги или товара. Благодаря структуре лендинга, человек шаг за шагом узнает о продукте следуя по воронке продаж и покупает с большей вероятностью чем на обычном сайте.
Лендинг (landing page, продающая страница) — специальная страница, на которую приходят посетители из рекламной кампании (например контекстной рекламы), чтобы затем стать вашими клиентами. За счет узкой направленности и отсутствия других страниц Лендинг пейдж https://aleksweb.kz/sozdaniye-lending-page/ имеет более высокую конверсию в отличии от сайта. Лендинг пейдж создаваемый в нашей компании имеет продающую структуру разработанную маркетологом, призывы к действию, УТП и блоки повышения доверия. Лендинг пейдж хорошо подходит для продаж нескольких товаров или для одной услуги. Сайт имеет много страниц (есть даже сайты с миллионами страниц) и содержит навигацию с переходом на другие страницы. Разновидности сайтов бывают тоже разные (интернет-магазин, корпоративный портал, блог, сайт-визитка). Сайт решает более объемные задачи в отличии от Лендинга. Если вам нужно добавлять новые материалы, товары и информировать о новых услугах — сайт будет идеальным вариантом.
Уникальный вид одностраничного сайта разрабатывается дизайнерами на основе маркетинговых исследований с учетом пожеланий клиента. При желании в основу лендинга можно заложить уникальный стиль компании. Макет готового сайта предоставляется клиенту для оценки и при одобрении передается для верстки специалиста по frontend-разработке. Они осуществляют перевод дизайна в HTML, включают динамику. Далее в дело вступают программисты, которые адаптируют систему управления страницы под сайт. Завершающий элемент — контрольное тестирование работы страницы, отладка процессов, внесение корректив.
Информация
Лучшие целевые страницы 2020
2020
Целевая страница Joyous Cookbook для предварительного заказа и генерации лидов
Генерация потенциальных клиентов еще до запуска вашего продукта
У вас есть книга в твердом переплете, электронная книга, продукт, веб-сайт или приложение, которые скоро появятся ? Рассмотрите возможность создания специальной целевой страницы для продвижения вашего предложения, создания ажиотажа перед его запуском и создания целевого списка для первых пользователей, заинтересованных в вашем продукте.
Целевая страница вебинара Cynz Cakes
Соберите регистрации и проведите предварительную квалификацию ваших потенциальных клиентов
Целевая страница вебинара сообщает посетителям, что они узнают, как они могут присоединиться и кто является организатором.Это хороший способ связаться с потенциальными клиентами и получить больше потенциальных клиентов для ваших продуктов/услуг.
Целевая страница розыгрыша обуви YKTR
Привлеките новую аудиторию с помощью невероятного подарка
Создавая целевую страницу для своего конкурса, вы даете посетителям удобный способ твитнуть, поделиться или прикрепить ее, что может помочь вашему конкурсу стать вирусным. Таким образом, вы сможете привлечь больше конкурсных работ и собрать потенциальных клиентов, которые захотят купить у вас.
Шаблон электронной почты Freebie Landing Page
Генерируйте потенциальных клиентов с помощью загружаемого ресурса, который достигает (болевой) точки
Не все знают, как написать хорошее электронное письмо, особенно когда речь идет о маркетинге по электронной почте. Пришло время создать целевую страницу и раздать свою коллекцию шаблонов электронной почты. Вы получите больше потенциальных клиентов для вашей продукции.
Целевая страница книги по дизайну бренда
Исследуйте страницу продаж, которая раскрывает все возможности
Работаете над запуском книги, но не знаете, как ее продать? Подумайте о создании целевой страницы, на которой вы объясните преимущества своей книги, продемонстрируете отзывы / обзоры и установите таймер обратного отсчета, чтобы ограничить сделку. Это отличный способ привлечь внимание к вашей рабочей тетради.
Целевая страница курса электронной почты Budget Blueprint
Привлечение клиентов для вашего онлайн-курса
Без сомнения, создание целевой страницы является эффективным способом продажи онлайн-курса. Посетителям нужна подробная информация о курсе, особенно о том, что они узнают и как это поможет им решить их проблему. Целевая страница позволит вам предоставить потенциальным клиентам все, что они хотят знать.
Целевая страница конкурса iPad Giveaway
Участники не могут не нажать на это предложение с высокой конверсией
Думаете о проведении розыгрыша, но не знаете, как его продвигать? Решение простое: создайте специальную целевую страницу для своей раздачи.Делая это, вы можете легко взаимодействовать с существующими клиентами, привлекать больше последователей/подписчиков и постепенно превращать их в реальных клиентов.
Страница мастер-класса по запуску курса
Искусная целевая страница мастер-класса
Думайте о целевой странице курса как о способе объяснить, чем ваш курс выделяется из толпы. Чем он отличается от других онлайн-курсов? Посетители хотят это знать, и как только вы объясните им почему, они присоединятся. Попробуйте использовать целевую страницу, чтобы продемонстрировать свое предложение.
Страница загрузки коллекции Auburn Gameday
Иногда простая целевая страница — это все, что вам нужно
Целевая страница — это не только инструмент для привлечения потенциальных клиентов, но и способ открыть поток продаж вашего продукта и максимизировать вашу конверсию. В случае с запуском этой коллекции это не может быть эффективнее использования лендинга.
Целевая страница семинара
Семинар может творить чудеса с привлечением потенциальных клиентов
Как убедить посетителей присоединиться к вашему семинару? Ответ заключается в том, чтобы создать для него специальную целевую страницу.На этой странице вы сможете объяснить, какую пользу посетителям приносит ваш семинар, и построить с ними отношения.
Страница загрузки руководства по Blacksmith Tool
Предложите привлекательный лид-магнит, чтобы создать свой список
Потрясающая целевая страница для генерации лидов работает как шарм. Это принесет вам много квалифицированных потенциальных клиентов и, возможно, больше продаж, которых вы не сможете получить, если будете использовать любой другой маркетинговый метод. Пришло время создать целевую страницу для вашего следующего предложения.
Целевая страница онлайн-курса
Продемонстрируйте свой онлайн-курс и соберите зарегистрировавшихся
Превосходная целевая страница улучшит ваш список адресов электронной почты, коэффициент конверсии и поможет вашему бизнесу. Независимо от того, что вы создаете, целевую страницу онлайн-курса или целевую страницу продаж, вы на правильном пути.
Целевая страница бесплатного руководства
Направляйте потенциальных клиентов к закрытому предложению
Вы можете создать целевую страницу для своего бесплатного руководства, чтобы поделиться им со всем миром, получать больше электронных писем и повышать коэффициент конверсии. Даже если ваше предложение невелико, если вы знаете, как сделать его фантастическим с помощью целевой страницы, у вас больше шансов на успех.
Страница продаж книги «Последовательность йоги» с бесплатной главой
Продемонстрируйте свой продукт с помощью образцов и мощной страницы продаж
Вы являетесь экспертом в чем-то и хотите поделиться своими знаниями с миром? Для этого создайте целевую страницу.Это эффективный способ произвести впечатление на посетителей, вызвать у них желание вернуться к вам еще и повысить конверсию.
Обзор:
20 лучших примеров дизайна целевой страницы на 2020 год
Целевые страницы являются важным компонентом стратегии цифрового маркетинга для улучшения пользовательского опыта и, следовательно, конверсий. Маркетологи работают с экспертами по оптимизации коэффициента конверсии (CRO), копирайтерами и дизайнерами для разработки высокоэффективных целевых страниц.
Но этот процесс не так прост, учитывая, что он требует от вас постоянных экспериментов.Поэтому, чтобы дать вам дозу вдохновения, мы составили список из двадцати примеров дизайна целевой страницы, которые могут помочь вам придумать дизайн, который конвертирует.
Содержание
Что такое дизайн целевой страницы?
Дизайн целевой страницы — это процесс разработки веб-страницы для определенной цели, которая часто заключается в повышении коэффициента конверсии за счет сбора информации о пользователях для облегчения покупки, привлечения потенциальных клиентов или достижения аналогичных бизнес-целей.
Целевые страницы часто отличаются от других веб-страниц своим интерфейсом, поскольку они обычно следуют определенному подходу.У них также может быть меньше ссылок, но это зависит от бренда, отрасли, предложений и того, что им подходит. Маркетологи часто полагаются на конструкторы целевых страниц для разработки целевых страниц, поскольку они интуитивно понятны, просты в использовании (практически не требуют кодирования) и помогают им проводить эксперименты без необходимости внесения значительных изменений в свои страницы.
Узнайте больше: 10 лучших инструментов для создания целевых страниц в 2020 году
Ключевые принципы дизайна целевой страницы
Чтобы создать целевую страницу с высокой конверсией, необходимо помнить об определенных принципах дизайна целевой страницы.В этом разделе мы рассмотрим семь основных принципов дизайна целевой страницы.
1. Создайте дизайн без помех
По большей части ваши целевые страницы будут иметь только одну цель — стимулировать конверсии. Поэтому оставляйте на странице только те веб-элементы, которые будут способствовать конверсии. Например, хотя ссылки на домашнюю страницу, навигацию, нижний колонтитул и т. д. типичны для веб-страницы, в идеале их не следует размещать на целевой странице, поскольку они могут отвлекать пользователя от достижения основной цели.
Сокращение отвлекающих факторов также означает, что количество призывов к действию (CTA) должно быть сведено к минимуму, чтобы включать самые важные. Идеальным количеством CTA всегда будет один, но в случае, если вам необходимо сохранить более одного CTA, мы рассмотрим, как им управлять в следующем принципе. Кроме того, убедитесь, что CTA и другие интерактивные элементы выделяются на странице.
2. Следуйте иерархии
Любая целевая страница в основном состоит из заголовка, подзаголовка, основного текста, формы, мультимедийных материалов и других соответствующих элементов целевой страницы.Все эти элементы должны быть организованы в правильной иерархии, которая поможет пользователю перемещаться по целевой странице. Итак, когда пользователь попадает на вашу страницу, он, скорее всего, заметит заголовок, за которым следует подзаголовок, основной текст и так далее.
Если вам нужно использовать более одного CTA, убедитесь, что основной CTA в первую очередь привлекает внимание пользователя. Вы можете сделать это, манипулируя цветом, размером, размером шрифта или размещением CTA.
Наряду с иерархией, макет также должен быть интуитивно понятным.Не усложняйте пользователю поиск важных деталей. Если вы разрабатываете целевую страницу в двух столбцах, пользователь должен иметь возможность беспрепятственно направлять свое внимание на оба столбца.
3. Используйте методы убеждения
Текст, пожалуй, самый важный аспект целевой страницы, за которым следуют мультимедийные материалы, такие как видео или другие креативы. Контент целевой страницы сильно отличается от поста в блоге, поскольку вы пытаетесь убедить читателя что-то предпринять.
Копия вашей целевой страницы должна вдохновлять людей на достижение определенной цели. Вот несколько советов, которые помогут вам в этом:
Текст должен быть простым и без профессионального жаргона
Подчеркните глаголы действия
Сосредоточьтесь на преимуществах, а не на функциях
Используйте маркеры, чтобы сделать копию доступной для сканирования
Помимо этих пунктов, используйте социальные доказательства, такие как отзывы, отраслевые награды или рейтинги, а также индикаторы доверия, такие как сертификаты, чтобы вселить веру в свой бренд.
4. Следите за тем, чтобы целевая страница соответствовала сообщениям кампании
Ваши целевые страницы, скорее всего, будут частью маркетинговой кампании, включающей маркетинг по электронной почте или цифровую рекламу. Таким образом, содержимое целевой страницы должно быть связано с остальными материалами кампании, такими как электронная почта или рекламный текст/дизайн.
Для этого должен быть общий поток, который позволит пользователям понять, что они действительно на правильном пути. Этой общей нитью может быть слоган, цветовая схема, текст, призыв к действию, креатив или их комбинация.
5. Используйте подход, ориентированный на мобильные устройства
Люди потребляют контент на нескольких устройствах. Дизайн вашей целевой страницы не должен быть совместим только с настольными компьютерами. Убедитесь, что страницы адаптированы для мобильных устройств и могут быть доступны на нескольких устройствах, включая планшеты, смарт-телевизоры и т. д.
Адаптивность к мобильным устройствам не должна ограничиваться дизайном или пользовательским интерфейсом (UI). Учитывайте также аспект удобства использования, например, легкость, с которой пользователь может заполнить форму.
6. Формы должны быть простыми
Формы влияют на коэффициент конверсии ваших целевых страниц. Распространенная путаница среди маркетологов связана с идеальным количеством полей, необходимых в форме. Ответ на этот вопрос заключается в том, чтобы собрать самую важную информацию, необходимую для квалификации пользователя для следующего этапа воронки. Например, если целевой страницей является электронная книга 101, предназначенная для пользователей, находящихся в верхней части воронки (TOFU), будет достаточно ключевых данных, таких как имя, адрес электронной почты и базовая информация о местоположении.Напротив, если целевая страница предназначена для получения подписки на демонстрацию продукта, сделайте ее максимально полной. Это гарантирует, что, хотя коэффициент конверсии может снизиться для подписки на демо-версию продукта, вы генерируете только те лиды, которые действительно нуждаются в ваших предложениях.
7. Страница
Спасибо
Потратьте столько же времени на разработку страницы благодарности, на которую будут перенаправляться посетители после заполнения формы. Используйте эту возможность, чтобы также упомянуть то, что вы не смогли разместить на целевой странице.Например, вы можете включить дополнительные призывы к действию, кнопки социальных сетей или любой дополнительный контент. Вы также можете включить некоторые бесплатные или неожиданные бонусные материалы/контент.
Узнайте больше: 10 лучших систем управления контентом (CMS) в 2020 году
20 лучших примеров дизайна целевой страницы на 2020 год
Теперь давайте рассмотрим двадцать примеров целевых страниц, которые помогут вам создать целевые страницы с высокой конверсией. Обратите внимание, что некоторые из этих целевых страниц могут противоречить принципам дизайна, учитывая их полезность.Например, многие организации SaaS и электронной коммерции используют свою домашнюю страницу в качестве своей целевой страницы, поэтому вы увидите навигацию и другие ссылки, но они разработали ее таким образом, чтобы привлечь внимание посетителя прямо к основному призыву к действию. Мы рассмотрим его подробно, когда доберемся туда. Давайте погрузимся!
1. Убер
Пример целевой страницы — Uber
Основные выводы:
Заголовок сразу сообщает о ключевом преимуществе (например, гибком графике)
Подзаголовок под формой раскрывает основное преимущество
Форма собирает достаточную информацию для проверки заявителя
Копия целевой страницы краткая и лаконично передает важную информацию
2.Трелло
Пример целевой страницы — Trello
Основные выводы:
Домашняя страница Trello сразу переходит к делу, подчеркивая аспект совместной работы
Подзаголовок поясняет функцию управления проектом, упоминая подфункции
Поле регистрации по электронной почте под подзаголовком сообщает о следующем шаге действия и предлагает посетителям поощрение, упоминая бесплатный аспект
Поскольку Trello — это инструмент управления проектами на основе Канбана, визуальное представление передает его простым и увлекательным, но эстетичным способом
3.
Моз
Пример целевой страницы — Moz
Основные выводы:
Хотя приведенная выше область сгиба может не содержать много информации, она охватывает заголовок, подзаголовок и призыв к действию. Посетители могут щелкнуть CTA, чтобы сразу перейти к форме внизу.
Копия целевой страницы охватывает общие запросы, которые часто возникают у пользователей, в пунктах списка.
Копия также сообщает о преимуществах, которые пользователи получат от загружаемого контента (т.д., пошаговые инструкции по настройке локальной стратегии).
4. Канва

Пример целевой страницы – Canva
Основные выводы:
Заголовок кратко описывает, что делает приложение, а подзаголовок сообщает об идеальных пользователях, то есть от новичков до экспертов, отдельных лиц и команд
Домашняя страница Canva действует как целевая страница, на которой вы можете зарегистрироваться/войти, используя свой адрес Gmail, Facebook или адрес электронной почты
.
Визуальный элемент справа демонстрирует проекты, которые он позволяет создавать, и его кроссплатформенную совместимость, показывая редактор изображений на смартфоне
5.Асана

Пример целевой страницы — Asana
Основные выводы:
Чистый дизайн целевой страницы гарантирует, что CTA сразу привлекут внимание пользователя
В то время как заголовок прост и понятен, подзаголовок сообщает о ключевых предложениях продуктов, то есть об управлении целями, проектами и повседневными задачами
Главная страница умело использует социальное доказательство, выделяя своих популярных клиентов, таких как Salesforce, Deloitte и NASA
Если вы прокрутите главную страницу вниз, вы также увидите отзывы и обзоры G2 для дальнейшего усиления социальной защиты
6.Инстастраница

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

Пример целевой страницы — Uber
Основные выводы:
Заголовок сообщает о важности новой тенденции и предлагает способы ее достижения
В подзаголовке указан контактный номер, чтобы клиенты могли инициировать первый контакт
Копия четкая и впечатляющая, поскольку в ней упоминаются некоторые крупные корпорации, которые добились преимуществ, внедрив ключевую идею книги
.
Логотипы безопасности гарантируют пользователям безопасность их данных
8.Маркето

Пример целевой страницы – Marketo

Основные выводы:
Marketo бросает вызов принципам целевой страницы с помощью навигации и нескольких CTA на своей целевой странице. Хотя это может показаться нелогичным, это должно быть решение, основанное на данных
.
Заголовок — это название электронной книги. В этом нет ничего существенного
Копия очень полная.Первые два абзаца определяют контекст и важность темы, за которыми следуют ключевые идеи, изложенные в электронной книге
.
Целевая страница предназначена для увеличения количества загрузок контента, но есть также призыв к действию Запланировать демоверсию , который перенаправляет на страницу подписки на демонстрацию, которая полностью противоположна целевой странице, показанной выше
9. Убрать
Пример целевой страницы — отказ от возврата
Основные выводы:
Заголовок, обложка электронной книги и текст на форме привлекают внимание в верхней части страницы
В первом разделе дается краткое объяснение того, о чем книга, и упоминаются торговые марки, представленные в книге
.
Если пользователь все еще не убежден, целевая страница также состоит из статистики, отзыва (социальное доказательство) и трех выводов из электронной книги
.
10.Закрыть
Пример целевой страницы – закрыть
Основные выводы:
В верхней части страницы основное внимание уделяется темам, затронутым в книге, а также обложке электронной книги. В строке заголовка упоминаются названия брендов, которые сотрудничали в публикации книги.
Форма представляет собой одно поле. Посетитель может загрузить электронную книгу, введя свой адрес электронной почты.
Целевая страница также содержит видео и предисловие Стели Эфти (генеральный директор Close), за которым следует еще одно поле для регистрации по электронной почте, чтобы подтолкнуть пользователей к загрузке электронной книги.
Как и целевая страница Marketo, целевая страница Close также содержит еще один CTA для стимулирования пробных версий продукта.
11. LinkedIn

Пример целевой страницы – LinkedIn
Основные выводы:
Вместо того, чтобы играть с размером шрифта, целевая страница привлекает внимание к заголовку, помещая название и расписание вебинара в кремово-белое поле (бьянка)
Копия целевой страницы начинается с цитирования фактов, чтобы донести мысль. Ключевые темы для обсуждения указаны в пунктах, а избранные докладчики выделены вместе с их именами и ссылками на их профили LinkedIn
.
Форма позволяет вам войти в LinkedIn для автоматического заполнения полей формы на основе данных вашего профиля
12. ClickFlow

Пример целевой страницы – ClickFlow
Основные выводы:
Целевая страница посвящена самой большой проблеме компаний, борющихся с SEO, в заголовке, а подзаголовок объясняет, как вы можете сделать это с помощью инструмента
.
Социальное доказательство в виде отзывов прямо вверху усиливает аргументы, которые продукт делает для себя
Форма с одним полем позволяет пользователю сразу приступить к работе
Прилагаемое видео, раздел часто задаваемых вопросов и раздел о том, как работает инструмент, решают потенциальные вопросы, которые могут возникнуть у пользователя
Значок веб-доступности слева позволяет пользователям с ограниченными возможностями без проблем использовать страницу
13.
Майкрософт
Пример целевой страницы — Microsoft
Основные выводы:
Форма использует несколько небрежный подход, чтобы подтолкнуть пользователя к заполнению своих данных
Копия целевой страницы кратко сообщает о преимуществах, которые вы можете ожидать от загружаемого контента
.
Ресурсы, предоставляемые в загружаемом пакете, упомянуты в пунктах
14. Хутсьют

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

Пример целевой страницы – Wordstream
Основные выводы:
Целевая страница не содержит никаких ссылок, кроме кнопки призыва к действию в верхней части страницы
В тексте подчеркиваются преимущества применения правильных практик, изложенных в книге и упомянутых в пунктах списка
.
Логотипы Google, Bing и др.укрепляйте доверие к Wordstream и действуйте как индикаторы доверия, сопровождаемые отзывами в качестве социального доказательства
16. Мяубокс

Пример целевой страницы – Wordstream
Основные выводы:
Вышеприведенное поле заметно выделяет основной призыв к действию, используя яркий цвет для привлечения внимания. Изображение на заднем плане в игровой форме выделяет продукт и его предполагаемого «пользователя».
Упоминания в прессе в области заголовка повышают доверие к бренду.
Копия и значки, объясняющие продукт, используют беззаботный юмор, чтобы убедить ~~владельцев кошек~~ слуг подписаться на услуги mewobox.
17. Росток социальный
Пример целевой страницы – Sprout Social
Основные выводы:
Большое количество пробелов на странице гарантирует, что страница не будет выглядеть загроможденной
Основная копия задает ожидания, предоставляя набор действий, запланированных во время демонстрации. Никаких обязательств не требуется может помочь потенциальному клиенту избавиться от любых колебаний и подписаться на демоверсию
Логотипы клиентов служат социальным доказательством
Форма является исчерпывающей, так как пользователь, скорее всего, находится на этапе оценки/обдумывания воронки
.
18. Долларовый клуб для бритья
Пример целевой страницы — Dollar Shave Club
Основные выводы:
Видео в заголовке показывает, как несколько человек используют линейку продуктов
Заголовок и подзаголовок обещают персонализированное обслуживание клиентов, а CTA побуждает посетителя попробовать линейку продуктов
Викторина под заголовком рекомендует набор продуктов, основанный на ваших требованиях, или предлагает линейку стартовых наборов
Краткие сведения о доставке и политика побуждают покупателей действовать быстро
19.
Уорби Паркер
Пример целевой страницы — Warby Parker
Основные выводы:
Заголовок просто и ясно передает выгоду
Существует два основных CTA, по одному для каждого пола, и дополнительный CTA, который помогает посетителям идентифицировать кадр на основе их предпочтений
Копия ниже на развороте объясняет, как покупатели могут получить хорошие очки, солнцезащитные очки или контактные линзы по разумной цене
Целевая страница также рекламирует мобильное приложение, которое может не привлечь внимание случайного посетителя
20.Фермерская собака
Пример целевой страницы — собака фермера
Основные выводы:
Заголовок и кнопка призыва к действию в правом углу служат поощрением для первого покупателя (скидка)
Копия целевой страницы повсюду (включая заголовок) использует эмпатию с точки зрения вашего питомца, но делает это в откровенном тоне
Копия также объясняет персонализированный аспект CX в сервисе бренда
Целевая страница использует социальное доказательство, демонстрируя упоминания в СМИ после раздела заголовка и отзывы ветеринаров, а также пользовательский контент в виде постов в Instagram
Узнайте больше: как доступность веб-сайтов влияет на результаты маркетинга
Заключительные мысли
Мы надеемся, что эти примеры целевых страниц вдохновят вас попробовать различные методы при разработке целевых страниц. В этой статье мы видели множество целевых страниц. Некоторые из них очень короткие и четкие, а другие сложные. Некоторые даже не следовали принципам целевой страницы.
Это подводит нас к тому, что упомянутые выше принципы являются всего лишь руководящими принципами, то есть вы не ошибетесь, если будете следовать им при разработке своих целевых страниц, но вы можете свободно настраивать их в соответствии со своими требованиями и результатами. Но убедитесь, что они подкреплены исследованиями, которые вы можете проверить с помощью A/B или многовариантных тестов.
Какие примеры целевых страниц вам понравились? Сообщите нам по телефону Twitter , LinkedIn или Facebook .
6 лучших тенденций дизайна целевых страниц, которые сокрушат его в 2022 году
Удовольствие от создания целевых страниц заключается в том, что это дает нам возможность экспериментировать с дизайном, текстом, предложениями и т. д., чтобы привлечь внимание наших целевых клиентов. В конечном счете, превращая их в потенциальных клиентов.

Многие маркетологи склонны сосредотачиваться только на предложении и не уделять дизайну и UX должного внимания. С невероятным количеством рекламы, ведущей на целевые страницы, которыми мы все засыпаны в наших социальных лентах, как никогда важно выделиться среди всех других целевых страниц, пытающихся привлечь внимание той же аудитории.
В этом посте вы узнаете, как создавать лучшие дизайны целевых страниц и какие тенденции дизайна будут сокрушать их в 2022 году.
TLDR;
Фоновое видео
Негабаритная типографика
Минимализм
Живые чаты
Органические формы
Пользовательские иллюстрации

Каковы ключевые элементы целевой страницы с высокой конверсией?
Оптимизация целевой страницы — это и искусство, и наука. Есть несколько ключевых элементов, которые обеспечивают удобство целевой страницы для посетителя, например:
.
Заголовок (ценностное предложение)
Поддерживающая копия
Дизайн (макет)
Цвет
Призыв к действию
Медиа (видео, изображения, аудио и т. д.))
Социальное доказательство (отзывы, логотипы клиентов и т. д.)
Эти элементы необходимо постоянно улучшать и тестировать с течением времени, чтобы найти наиболее эффективный вариант целевой страницы. Как бы нам всем этого ни хотелось, просто невозможно создать ИДЕАЛЬНУЮ целевую страницу с первой попытки. Потребуется некоторая итерация, чтобы увидеть потрясающие результаты, к которым вы стремитесь.
Хорошей новостью является то, что HubSpot упрощает проведение A/B-тестов, чтобы помочь вам понять, какой вариант страницы работает лучше всего.

Почему дизайн целевой страницы имеет значение?
Как потребители, мы живем во времена, когда существует множество возможностей выбора, когда дело доходит до обдумывания и принятия решения о покупке.
На этапе рассмотрения покупательского пути первое впечатление о вашем бренде происходит за доли секунды. 17 мс согласно исследованию, проведенному исследовательской группой Google в попытках понять эстетические суждения людей относительно первых впечатлений от веб-сайтов.
17 мс… Вау!! Это быстро, но не удивительно. Это довольно безопасная ставка на то, что мы все приземлились на веб-сайт и сразу подумали: «НЕТ!» и закрыл вкладку.
Удивительный дизайн целевой страницы поможет вашему бренду визуально передать качество, доверие и позволит вам на несколько шагов опередить своих конкурентов. В конце концов, это приведет к более высокому коэффициенту конверсии и новым клиентам.

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

1.
Фоновое видео
Правильное использование фонового видео на целевой странице может сделать ваш обычный статичный дизайн более привлекательным для посетителей. Как в этом примере от DITTO.
Несмотря на то, насколько крутыми могут быть фоновые видео, безусловно, есть способы, которыми вы можете их испортить и повредить производительности вашей целевой страницы и опыту людей.Итак, давайте рассмотрим некоторые основные правила, о которых следует помнить.
Не заслоняйте основное ценностное предложение и не отвлекайте внимание от него
Оптимизируйте видео, чтобы уменьшить размер файла (макс. 7–10 МБ)
Выберите видео, которые транслируются. Резкие видео с большим количеством нарезок могут отвлекать
Используйте релевантные видео высокого качества, которые относятся к вашему сообщению.
Если вы ищете место, где можно найти классные высококачественные видеоклипы, я большой поклонник Stocksy.

2.
Негабаритная типографика
Один из самых простых способов заставить ваше ценностное предложение выделиться на странице — увеличить шрифт. Эта тенденция быстро начала проявляться, поскольку теперь мы лучше понимаем, как люди читают в Интернете. Тем более, что мы все каждый день засыпаны информацией.
Сделайте паузу и подумайте, как вы читаете этот пост. Держу пари, вы сделали как минимум три из следующих действий:
Пролистал пост до конца, прежде чем читать
Быстро пролистал и просмотрел заголовки
Чтение только полужирного текста или маркеров
Пауза на изображениях
Читать только первое предложение каждого абзаца
Наше поведение при чтении в Интернете изменилось, и важно, чтобы мы учитывали скользящий контент на целевых страницах, которые мы создаем.
Давайте взглянем на одну из текущих целевых страниц Lyft. Здесь, над сгибом, вы можете видеть, что они доводят до конца суть своего заголовка.

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

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

3. Минимализм
Все мы слышали поговорку «меньше значит больше», и во многих случаях это правда. Особенно, когда речь идет о дизайне целевой страницы.
ЧИСТЫЙ (каламбур), минималистичный дизайн — это оптимизация как письменного, так и визуального контента, чтобы он визуально не подавлял посетителя, когда он впервые попадает на вашу страницу. Это имеет два основных преимущества.
Оптимизация скорости веб-страницы: ускорение загрузки может увеличить коэффициент конверсии.
Улучшенная когнитивная нагрузка: это причудливый способ сказать, что человеческий мозг гораздо быстрее понимает, что происходит.
Отличным примером, на который я ссылался при создании серии шаблонов CLEAN для HubSpot, является Shopify.
Этот простой дизайн позволяет посетителям быстро усваивать важные детали. Часто это приводит к более высокому коэффициенту конверсии.

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

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

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

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

Заключение
2022 год принесет миру только новые продукты, услуги и предложения.Один из лучших способов избавиться от шума и убедиться, что ваш бренд и предложение выделяются из общей массы, — это понять, как меняется ландшафт дизайна, и соответствующим образом адаптировать / протестировать.
Я призываю вас начать экспериментировать с этими 6 тенденциями целевых страниц, чтобы найти выигрышную целевую страницу, которая позволит вам конвертировать потенциальных клиентов в течение всего дня.
Если вы проводите эксперименты с целевой страницей на платформе HubSpot, определенно стоит проверить мой пакет целевых страниц CLEAN 6 (бесстыдная заглушка).Это даст вам все инструменты, которые вам нужны как маркетологу, чтобы начать повышать коэффициент конверсии уже сегодня.

Буду рад вашим отзывам
Познакомившись со мной, вы скоро поймете, что я очень ценю обратную связь. Если у вас есть отзывы для меня в отношении этого сообщения, я хотел бы услышать это. Просто напишите мне комментарий ниже.
8 лучших целевых страниц для конвертации в 2022 году
Ключом к успеху стратегии цифрового маркетинга является привлечение потенциальных клиентов и квалификация.Работая с квалифицированными лидами, ваша компания будет иметь дело с уже продвинутой аудиторией в воронке продаж, что повысит коэффициент конверсии и повысит эффективность работы отдела продаж. В этом процессе есть жизненно важный элемент: целевая страница.
Это целевая страница, используемая для удержания внимания посетителя и стимулирования действий. В стратегиях контент-маркетинга целевая страница обычно представляет собой пространство, используемое компанией для предложения ценного контента, например электронной книги, в обмен на контактную информацию потребителя.
Независимо от конкретной цели, факт в том, что полезная целевая страница должна конвертироваться. Для этого он должен быть простым, информативным, надежным и, чтобы добиться максимальных результатов, интерактивным. Готовы создать свой?
Чтобы стимулировать ваше воображение, мы составили этот список из 9 лучших примеров целевых страниц.
Целевая страница Shopify проста и понятна. Его цель ясна: заставить посетителей зарегистрировать свою электронную почту и начать пользоваться платформой. Вместо того, чтобы писать абзацы для описания услуги, компания решила вставить три небольших, но информативных текста.
За короткое время на странице посетитель получает важную информацию, такую как цена, функции или количество клиентов, которые уже используют инструмент. Это гибкий и поучительный опыт, необходимый для поощрения принятия решений руководителями.
В отличие от предыдущей, это гораздо более сложная целевая страница, начиная с интерактивного элемента. Muzzle — это приложение, которое отключает экранные уведомления и, чтобы показать свою полезность, выбрало очень креативный вид.
При доступе к целевой странице пользователь сталкивается с множеством неприятных уведомлений в правом верхнем углу экрана, имитирующих текстовые сообщения и электронные письма. «Милый, все в порядке. Это случается с каждым парнем иногда» и «Я думаю, что она тебе изменяет» — лишь некоторые из примеров, которые сопровождаются кнопкой «удалить».
Посыл понятен: лучше скачать Морду, чем проходить смоделированные ситуации и приходится все удалять вручную. Это интересный и инновационный способ информирования и взаимодействия.
TransferWise — это приложение, упрощающее перевод денег в разных валютах. Это бизнес, который работает только с доверием публики, и поэтому целевая страница ориентирована на передачу доверия.
Кнопка со словами «Безопасно ли TransferWise?» непосредственно решает основную проблему большинства потребителей. Нажав на нее, посетитель перенаправляется на страницу с подробным описанием регулирования службы в каждой стране, в которой она работает.
Кроме того, на главной странице представлены отзывы клиентов и обзоры со специализированных сайтов, таких как TrustPilot.
Существует также ссылка на институциональное видео, рассказывающее о том, что делает TransferWise, и обновленное изображение, показывающее варианты валют, принимаемых платформой. Это полноценная интерактивная целевая страница, которая одновременно информирует посетителя и побуждает его зарегистрироваться.
Одна из основных целей Airbnb — превратить гостей в хозяев, чтобы сохранить актуальность и рост бизнеса. И что может быть лучше, чтобы убедить кого-то воспользоваться услугой, чем показать, какую прибыль человек может получить от нее? Это идея целевой страницы Airbnb.
Поскольку Airbnb уже является хорошо узнаваемым брендом, мы можем предположить, что посетители уже попадают на страницу, обладая некоторыми знаниями по этому вопросу. Итак, подход прост и понятен.
Не тратьте время на бюрократическую информацию. Airbnb предоставляет интерактивный калькулятор для подсчета того, сколько человек может заработать, сдавая свою недвижимость в аренду.
Для расчета вам нужно только ввести некоторую информацию, такую как город, размер квартиры и количество гостей, которые могут быть размещены.
Целевая страница
Teambit быстро привлекает ваше внимание своими визуальными эффектами. Хотя продукт представляет собой программное обеспечение для человеческих ресурсов, компания отказалась от любого бюрократического подхода и создала мультфильмы для иллюстрации фрагментов информации. Более светлые цвета также помогают создать более приятное впечатление для посетителя.
Визуальные аспекты также служат мотивацией для потребителя продолжать прокручивать страницу вниз. Рядом с каждым разделом размещено изображение животного, выполняющего какую-либо профессиональную деятельность.
Целевая страница Wistia имеет простой дизайн, но содержит больше информации, чем кажется на первый взгляд. Страница использует контраст между цветами для разделения двух разделов.
Первый, на светло-голубом фоне, приносит регистрационную форму сервиса и больше ничего. Однако, если вы хотите узнать больше, прокрутите вниз.
Синий фон превращается в белый, чтобы представить второй раздел, который предлагает ответы на наиболее часто задаваемые вопросы.
Целевая страница Wistia также имеет простой дизайн, но содержит больше информации, чем кажется на первый взгляд.Страница использует контраст между цветами для разделения двух разделов.
Первый, на светло-голубом фоне, приносит регистрационную форму сервиса и больше ничего. Однако, если вы хотите узнать больше, прокрутите вниз.
Синий фон превращается в белый, чтобы представить второй раздел, который предлагает ответы на наиболее часто задаваемые вопросы.
Nauto — это B2B-компания, ориентированная на клиентов, управляющих автопарком автомобилей. Чтобы позиционировать себя как авторитет в этом вопросе, бренд работает с активной стратегией контент-маркетинга, публикуя успешные примеры, официальные документы, видео и другие ресурсы. Целевая страница предлагает более продвинутый материал.
Введя контактную информацию, посетитель получает электронную книгу с инструкциями по предотвращению дорожно-транспортных происшествий. Помимо формы, которую можно быстро заполнить, на лендинге есть краткое описание материала.
Он также представляет статистику, которая служит доказательством актуальности контента.
В начале текста мы упомянули, что ваша целевая страница должна быть интерактивной для получения максимальных результатов.Пример DHL Express, созданный на платформе Ion, прекрасно иллюстрирует это утверждение. Это полное содержание, которое дает посетителю свободу навигации между различными типами информации.
Яркие желтый и красный цвета, присутствующие в визуальном образе бренда, привлекают внимание к странице. Кроме того, лид может воспроизводить видео продолжительностью чуть более минуты, произведенное компанией.
Интерактивный дизайн стимулирует посетителя продолжать движение вниз по странице. В конце концов, яркая кнопка «Открыть мой счет» выполняет преобразование.
Теперь, когда вы знаете, какие целевые страницы лучше всего конвертировать в 2022 году, вы готовы улучшить результаты своей компании. Такие ресурсы имеют основополагающее значение для успеха любой маркетинговой стратегии, особенно тех, которые направлены на привлечение и квалификацию лидов. Однако крайне важно проявлять творческий подход и создавать привлекательные и интерактивные страницы. Инструмент Ion может стать хорошим союзником в этом процессе.
Хотите узнать больше об интерактивных целевых страницах? Здесь мы подробнее поговорим о преимуществах такого рода контента и представляем вам истории успеха, которые могут вас вдохновить.Проверьте это!
25 лучших целевых страниц в Интернете, которые вдохновят вас на собственный дизайн
Если вы создаете целевые страницы после клика, вам, вероятно, следует обратиться к некоторым из брендов, которые создали следующие 25 лучших целевых страниц.
Каждый из них содержит многие из 8 убедительных ингредиентов, которые делают целевую страницу отличной после клика (о которой вы можете узнать больше, щелкнув следующую фотографию).
Ниже вы найдете множество примеров броских заголовков, социальных доказательств, усилителей авторитета и многих других элементов, которые делают анатомически правильную целевую страницу после клика.Так что берите ручку и бумагу и готовьтесь делать заметки. Вы собираетесь учиться у лучших.
25 лучших примеров целевых страниц, которые вы найдете
( Примечание: Для более коротких страниц мы показывали всю страницу. Для более длинных страниц мы показывали только верхнюю часть сгиба. Возможно, вам придется перейти на страницу, чтобы увидеть некоторые из обсуждаемых вопросов. Некоторые сайты A/B-тестирование их страниц означает, что вам может быть предоставлена альтернативная версия.)
1. Монитор кампании
Что они сделали хорошо:
Заголовок и подзаголовок вместе сообщают о преимуществе: получите простой, элегантный и доступный маркетинг по электронной почте с круглосуточной поддержкой 7 дней в неделю.
Копирование организовано по частям делает страницу более удобочитаемой.
Текст «Присоединяйтесь к 150 000 компаний по всему миру…» использует социальное доказательство.
Зеленая кнопка CTA выделяется на черном фоне.
«Бесплатно», второе по популярности слово в копирайтинге, можно найти прямо в призыве к действию.
Отзыв Кори Мирсбергер из SXSW улучшает репутацию Campaign Monitor.
Стрелка, указывающая на CTA , служит визуальной подсказкой, чтобы привлечь внимание потенциальных клиентов к кнопке.
Значки компаний от Buzzfeed, Airbnb, Apple и Coca-Cola повышают авторитет Campaign Monitor.
Анимированный .GIF точно показывает, насколько просты в использовании инструменты Campaign Monitor.
Минималистичный нижний колонтитул не отвлекает посетителей от нажатия кнопки CTA.
Что можно протестировать A/B:
Логотип связан с главной страницей, что позволяет потенциальным клиентам легко уйти, когда они захотят.
2. Журнал Forbes
Что они сделали хорошо:
Заголовок и подзаголовок сообщают о преимуществах подписки на журнал Forbes на этой странице (получите скидку 86%, год за 20 долларов).
Уменьшенная копия под формой сообщает людям, что они найдут в журнале.
Кнопка CTA цвета исчезает со страницы.
Что можно протестировать A/B:
Интерактивный логотип дает людям возможность покинуть страницу, когда они захотят.
Призыв к действию «Подписаться» можно было бы лучше адаптировать к предложению. Почему бы не «Отправьте мне год за 20 долларов!»?
3. Журнал Fortune
Что они сделали хорошо:
Копия над заголовком сообщает учащимся, что они получают эксклюзивное предложение.
Заголовок сообщает о преимуществах регистрации на этой целевой странице после клика (получите годовой доступ к журналу всего за 15 долларов).
Призыв к действию написан от первого лица «Отправьте мой заказ» вместо «Отправьте свой заказ».
Значок доверия от Norton сообщает потенциальным клиентам, что их платежная информация в безопасности.
Что можно протестировать A/B:
Цвет кнопки CTA уже неоднократно использовался на странице, что делает ее менее заметной.
Бесплатное предложение на правой боковой панели отвлекает потенциальных клиентов от конверсии, переводя их на новую страницу.
4. Довольный
Что они сделали хорошо:
Этот заголовок превращает мощную цитату крупного издателя в привлекательный заголовок. Обычно это плохой тон — называть себя «лучшим» в чем бы то ни было. Почти все думают, что они лучшие в своем деле. «Лучший» — это субъективный термин, его трудно определить количественно, и он может заставить ваш бренд звучать высокомерно. Но совсем другое дело, когда кто-то называет вас «лучшим». Тогда это больше зависит от их мнения, чем от вашего собственного.Если крупный издатель считает вашу компанию лучшей, возможно, так оно и есть.
Это обучающее видео отлично показывает, как Contently может помочь вашему бизнесу, не занимая слишком много времени.
Логотипы компаний подчеркивают известные бренды, с которыми работает Contently.
Нумерованный список быстро раскрывает преимущества использования Contently.
Копия предлагает бесплатный аудит контент-маркетинга для тех, кто обратился.
Что можно протестировать A/B:
Занятый нижний колонтитул отвлекает от предложения, потенциально уводя людей со страницы многочисленными исходящими ссылками и кнопками.
Призыв к действию можно было бы сформулировать лучше.
Логотип Contently в левом верхнем углу связан с главной страницей.
5. Содержание в млн унций
Что они сделали хорошо:
Цвет кнопки CTA хорошо контрастирует с фиолетовой страницей.
Призыв к действию соответствует предложению.
Заголовок и подзаголовок сообщают о преимуществе.
Копия состоит из небольших фрагментов, что делает его легко читаемым.
Два сотрудничающих CTA подталкивают потенциальных клиентов к конверсии.
Страница короткая, совсем не насыщенная текстом.
Эта страница является адаптивной, означает, что она будет хорошо отображаться на экране любого размера.
Что можно протестировать A/B:
Интерактивный логотип дает потенциальным клиентам возможность уйти со страницы.
6. IBM Marketing Cloud
Что они сделали хорошо:
Заголовок ориентирован на получение выгоды.
Подзаголовок использует социальное доказательство, привлекая внимание к 5000 брендов, которые используют IBM Marketing Cloud.
Призыв к действию соответствует предложению.
Цвет кнопки CTA больше нигде на странице не используется, поэтому она «выделяется» на белом фоне.
Логотипы компаний служат социальным доказательством.
Логотип «IBM» напоминает потенциальным клиентам, что они находятся на странице IBM.
Что можно протестировать A/B:
Начальные абзацы многословны. Помните: пользователи хотят, чтобы вы как можно быстрее перешли к делу, поэтому сократите количество ненужных слов.
С 7 полями, эта форма немного длиннее.
7. Отдел продаж
Что они сделали хорошо:
Заголовок ориентирован на выгоду: «Управляйте и развивайте свой бизнес…»
Копия просто объясняет продукт.
Значки доверия под формой позволяют пользователям удобно делиться своей личной информацией.
Маленькие значки объясняет преимущества предложения.
Маркеры разбивают текст на удобочитаемые фрагменты.
Логотипы компаний служат для повышения авторитета, показывая потенциальным клиентам, с которыми работала компания Salesforce.
Что можно протестировать A/B:
Кнопки социальных сетей служат путями эвакуации.
Форма из 8 полей будет проблемой для потенциальных клиентов.
Цвет кнопки CTA совпадает с цветом формы.
8.
Инфузионсофт
Что они сделали хорошо:
Значки компании демонстрируют известные публикации, в которых была представлена информация о Infusionsoft.
Короткая форма упрощает преобразование.
Яркий цвет кнопки CTA контрастирует с синим фоном.
Призыв к действию соответствует предложению.
CTA пишется от первого лица со словом «мой» вместо «ваш».
Текст «30 000 процветающих компаний используют Infusionsoft» использует социальное доказательство.
Маркированная копия делает эту страницу более читабельной.
Результаты тематического исследования показывают эффективность службы.
Минималистичный нижний колонтитул не отвлекает потенциальных клиентов.
Что можно протестировать A/B:
Интерактивный логотип позволяет потенциальным клиентам уйти со страницы без конвертации.
9. ВВО
Что они сделали хорошо:
Цвет кнопки CTA появляется на фиолетовой странице.
Значки компаний демонстрируют такие известные бренды, как Target, eBay и Microsoft, с которыми VWO работала.
Текст, который гласит: «Нам доверяют более 4000 клиентов по всему миру!» использует силу социального доказательства для увеличения конверсии.
Отличный отзыв Даниэля Гняздо , включающий его фотографию, компанию и должность, делает эту рекомендацию действенной.
Результаты тематического исследования от Hyundai, Jagex и Tinkhoff Bank доказывают, что VWO — мощная платформа.
Минималистичный футер не отвлекает людей от предложения.
Телефонный номер , , который позволяет людям легко связаться с VWO.
Страница является адаптивной, поэтому ее содержимое подстраивается под размер экрана.
Что можно протестировать A/B:
Эти значки подчеркивают особенности вместо преимуществ.Тепловые карты и карты прокрутки — это здорово, но что они мне помогают? Что такое «Фабрика идей»?
10. Продавец
Что они сделали хорошо:
Слово «бесплатно» рядом с заголовком использует наше присущее желание получить что-то даром.
Такие слова, как «без риска» , подразумевают отсутствие риска при регистрации, в то время как «кредитная карта не требуется» усиливает его.
Кнопки форм социальных сетей позволяют вам войти в свою учетную запись одним нажатием кнопки.
Доступ к 150 бесплатным лидам в дополнение к их первоначальному предложению делает его еще более заманчивым.
Текст «Обеспечение роста в 85 компаниях из списка Fortune 100» добавляет авторитета.
Несколько взаимодействующих CTA работают вместе, чтобы конвертировать потенциальных клиентов.
Отзывы подтверждают ценность услуг Salesgenie.
Значки доверия от Qualyst облегчают потенциальным клиентам отправку своей личной информации.
В этом видеоролике рассказывается об услуге менее чем за две минуты.
Контактная информация позволяет потенциальным клиентам связаться с представителями Salesgenie.
Что можно протестировать A/B:
Вместо того, чтобы сосредотачиваться на веб-сайте , с которого были получены эти отзывы, Salesgenie лучше сосредоточиться на людях, которые их оставили. И фото, и название сделают их еще более правдоподобными.
11.Пятьрр
Что они сделали хорошо:
Заголовок вопроса привлекает читателей и относится к ним. Вероятно, они нашли эту целевую страницу после клика, потому что у них были проблемы с настройкой темы WordPress.
Маркированная копия быстро сообщает о преимуществах.
Слово «бесплатно» можно увидеть несколько раз на странице, в том числе и в CTA.
Видеоотзыв быстро ломает сервис.
Множественные совместные призывы к действию дают потенциальным клиентам больше шансов совершить конверсию.
Кнопка «Мне нравится» в Facebook расширяет присутствие в социальных сетях, не отвлекая посетителей от страницы.
Копия просто объясняет платформу Fiverr.
Что можно протестировать A/B:
Логотип кликабельный, что позволяет людям легко покинуть эту целевую страницу после клика.
12. Национальный университет
Что они сделали хорошо:
Контактная информация позволяет людям узнать, как связаться с консультантом.
Короткие абзацы сообщают ценную информацию о Национальном университете (например, количество выпускников, получивших степень бакалавра, количество рекомендаций и зачисление на онлайн-курсы).
Пункты рядом с формой быстро сообщают о преимуществах прохождения курсов в Национальном университете.
Призыв к действию соответствует предложению.
Эта целевая страница после клика является адаптивной, она подстраивается под размер окна.
Что можно протестировать A/B:
Интерактивный логотип позволяет пользователям покинуть страницу.
Абзацы можно разделить на более мелкие маркированные списки , чтобы сделать страницу более читабельной.
Цвет кнопки CTA не яркий и не жирный, поэтому он гармонирует с остальной частью страницы.
13. Доступный
Что они сделали хорошо:
Заголовок и подзаголовок сообщают об уникальном торговом предложении Aceable.
Скорость отклика этой целевой страницы после клика позволяет хорошо отображать ее на экранах всех размеров.
Короткие предложения и абзацы делают эту целевую страницу легкой для чтения.
Ссылки «Как это работает» и «Часто задаваемые вопросы» кликабельны, но не уводят посетителей со страницы.
Значки компании витрина, на которой был представлен Aceable.
Несколько совместных CTA дают пользователям более одного шанса совершить конверсию.
Зеленая кнопка CTA цвета выделяется на белом фоне.
Что можно протестировать A/B:
Логотип связан с главной страницей, что позволяет потенциальным клиентам легко покинуть страницу.
Нижний колонтитул, содержащий ссылки на социальные сети , служит выходом со страницы.
14. Яркая информация
Что они сделали хорошо:
Заголовок и подзаголовок несут большую выгоду.
Заголовок использует наше желание получить что-то даром: «Удвойте конверсию своего веб-сайта, ничего не делая».
Значки компаний демонстрируют известных клиентов, с которыми работала компания BrightInfo.
2-3 абзаца предложений и маркированный текст делают эту целевую страницу легкой для понимания.
Отзывы с именами, известными компаниями и результатами делают их настолько убедительными, насколько это вообще возможно.
Минималистичный футер не отпугнет посетителей со страницы.
Что можно протестировать A/B:
Логотип кликабельный, что позволяет потенциальным клиентам легко уйти со страницы.
Кнопка «рекомендуемый контент» на левом поле уводит людей с этой целевой страницы после клика с альтернативным предложением.
15. Маркетинг лисохвоста
Что они сделали хорошо:
Значок «Сертифицированный партнер HubSpot» ставит Foxtail Marketing в один ряд с авторитетным брендом.
Краткая форма требует от потенциального клиента только имя, адрес электронной почты, телефон и компанию.
«Поговорим» — гораздо более уникальный призыв к действию, чем «Отправить».
Несколько совместных CTA предоставляют посетителям более одного способа совершить конверсию.
Короткие абзацы облегчают чтение этой страницы.
Отзывы с фотографиями, цитатами, полными именами и компаниями делают эту целевую страницу после клика более убедительной.
Минималистичный футер не отпугивает посетителей со страницы.
Слово «Бесплатно» написано прямо в CTA.
Что можно протестировать A/B:
Эта целевая страница после клика является адаптивной, но по мере уменьшения экрана перекрывающийся текст делает его части нечитаемыми.
16. СелектХаб
Что они сделали хорошо:
Логотип в верхнем левом углу не связан с главной страницей, поэтому никто не может использовать его, чтобы покинуть страницу.
Призыв к действию адаптирован к предложению, , и в нем используется слово «Бесплатно».
Логотипы компаний связывают SelectHub с такими влиятельными брендами, как Sony, Sears, Xerox, Oracle и IBM.
Минималистичный нижний колонтитул не отвлекает от предложения.
Контактная информация позволяет людям связаться с SelectHub.
Эта целевая страница после клика описывает не только функции, , но и преимущества этих функций.
Рекомендация директора Oracle Бхарата Прабхара, , является сильным свидетельством.
Что можно протестировать A/B:
Страница немного перегружена текстом. Эти функции и преимущества можно отметить, чтобы быстрее добраться до сути.
17. Тваго
Что они сделали хорошо:
Заголовок передает УТП Twago: с их помощью легко нанять фрилансеров.
Три значка в верхней части страницы сочетают социальное доказательство с пояснительной копией. Наведите на них курсор, чтобы просмотреть статистику по каждому этапу, например «95 665 опубликованных проектов» или «566 287 экспертов twago».
Цвет кнопки CTA появляется на белой странице.
Телефонный номер позволяет легко связаться с представителями Twago.
Страница полностью адаптивна, что позволяет хорошо отображать ее на любом экране.
Что можно протестировать A/B:
Эта форма слишком длинная, и, вероятно, неуместна. Что мы подразумеваем под этим? Ну, люди, которые ничего не знают о twago, вероятно, не будут готовы опубликовать свой первый проект, прочитав только заголовок, короткий отзыв и несколько строк текста. Вот где может пригодиться целевая страница с переходом по клику. Это может подогреть потенциального клиента более убедительными элементами, а затем заставить его опубликовать свой продукт на другой странице.
Кнопка «Стать исполнителем» не нужна. Все, что он делает, это отвлекает от основного предложения страницы.
Кнопки социальных сетей отвлекают от предложения.
18. iMeetLive
Что они сделали хорошо:
Несколько совместных CTA работают над преобразованием потенциального клиента более чем в одном месте.
Ползунок изображений дает представление о том, как выглядит программное обеспечение.
Маленькие значки быстро раскрывают преимущества использования iMeetLive.
Значки компаний дают людям представление о влиятельных брендах, с которыми работал iMeetLive.
Телефонный номер дает потенциальным клиентам еще один способ связаться с представителями iMeetLive.
Что можно протестировать A/B:
Кнопка CTA цвета использовалась на сайте несколько раз, что сделало ее менее заметной.
19.Слайд Гений
Что они сделали хорошо:
Заголовок вопроса привлекает внимание читателя.
Образцы прошлых работ для именитых клиентов продемонстрируйте работу Slide Genius, не отвлекая людей от страницы.
Логотипы компаний подчеркивают известные компании, с которыми они работали.
Несколько совместных CTA дают потенциальным клиентам два шанса совершить конверсию.
Два отзыва от маркетологов с фотографиями, ФИО, должностями и блестящими рекомендациями.
Телефонный номер дает потенциальным клиентам альтернативный способ связаться с представителями компании.
Минималистичный футер не отвлекает пользователей от предложения перед ними.
Что можно протестировать A/B:
Кликабельный логотип уводит людей со страницы.
Включение номера телефона для звонка по щелчку может упростить для потенциальных клиентов возможность связаться со Slide Genius.
20.Домо
Что они сделали хорошо:
Маркированная копия просто объясняет услугу.
Значки компании показывают, с кем Домо работал в прошлом.
Отсутствие нижнего колонтитула означает отсутствие отвлекающих факторов от этого предложения целевой страницы после клика.
Страница полностью адаптивна, означает, что она отлично выглядит независимо от размера экрана.
Яркая кнопка призыва к действию появляется на форме целевой страницы после клика.
Что можно протестировать A/B:
Заголовок довольно мягкий. «Domo для интернет-маркетологов» на самом деле не поощряет и не вдохновляет посетителя читать и задействовать остальную часть страницы.
Логотип связан с главной страницей , на которую пользователи могут перейти, щелкнув ее.
21. Задачи Тилдена
Что они сделали хорошо:
Заголовок убедителен, предлагает читателям «секрет.«Мы все хотим тайных путей к успеху.
Модель CTA разработана специально для этого предложения.
Отзыв с полным именем, должностью и названием компании делает эту целевую страницу после клика более убедительной.
Короткие абзацы и значки делают страницу более удобочитаемой.
Копия CTA адаптирована к предложению.
Что можно протестировать A/B:
Логотип кликабельный и действует как отход от страницы.
Нижний колонтитул содержит ссылки на записи блога и другие страницы сайта, которые отвлекают пользователей от предложения.
22. NetSuite
Что они сделали хорошо:
Яркая кнопка призыва к действию привлекает внимание потенциальных клиентов.
Слово «Бесплатно» используется прямо в призыве к действию.
Небольшие фрагменты копии быстро сообщают о преимуществах использования NetSuite.
Отзывы с именами, должностями и компаниями заслуживают доверия настолько, насколько это вообще возможно.
Значки авторитета от лидеров отрасли повышают авторитет NetSuite.
Множественные призывы к действию дают потенциальным клиентам более одной возможности совершить конверсию.
Призыв к действию написан от первого лица: «Начать мой бесплатный тур по продуктам » вместо «Начать бесплатный тур по продуктам ».
Значки внизу страницы демонстрируют награды, полученные NetSuite.
Что можно проверить:
Заголовок расплывчатый. Что такое обзор клиента на 360 градусов? Перспективы узнают только после воспроизведения видео. Но они могут никогда не дойти до этого шага.
Вызов оппонента словами «Netsuite обеспечивает то, чего не может Salesforce.com» выглядит несовершеннолетним.
Содержание видео можно было бы также легко представить в виде маркированного текста на странице.
23. Бриджлайн Цифровой
Что они сделали хорошо:
Текст «Веб-решения для более чем 1000 партнеров» использует убедительную силу социального доказательства.
Логотипы компаний подчеркивают бренды, с которыми работала компания Bridgeline.
Маркированная копия описывает содержание отчета.
Слово «бесплатно» основано на нашем врожденном желании получить что-то даром.
Что можно протестировать A/B:
Кликабельный логотип служит для перехода со страницы.
Цвет кнопки CTA гармонирует с формой.
24.Группа капитального ремонта
Что они сделали хорошо:
Логотип не связан с главной страницей.
«Бесплатно» упоминается несколько раз на странице (они даже оплачивают стоимость доставки, так что никаких затрат нет).
Темно-синяя стрелка служит визуальной подсказкой, указывающей на CTA.
Что можно протестировать A/B:
Видео длинное, более 4 минут — и вдобавок не очень убедительное.По сути, это слайд-шоу текста.
Нижний колонтитул имеет выходную ссылку на домашнюю страницу Capital Rehab Group, которая отвлекает от цели этой целевой страницы после клика (получить бесплатный DVD).
25. Программное обеспечение для бизнеса
Что они сделали хорошо:
Маркированная копия быстро сообщает о преимуществах загрузки этого отчета.
Фотография дает вам представление о том, что вы получите после нажатия кнопки CTA.
Цвет кнопки CTA появляется на белой странице.
Слово «Бесплатно» несколько раз упоминается на странице.
Что можно протестировать A/B:
Интерактивный логотип под CTA позволяет потенциальным клиентам уйти со страницы.
Полная форма может быть проблемой для потенциальных клиентов.
Как создать лучшую целевую страницу?
Какие из этих целевых страниц пост-клика вы боготворите? Какие советы вы примете? Какие великие страницы мы пропустили?
Начните создавать свои собственные целевые страницы после клика, используя самую надежную платформу автоматизации пост-клика, дополненную Instablocks ™, функциями AMP, встроенными тепловыми картами, расширенным A / B-тестированием и многим другим. Подпишитесь на демонстрацию Instapage Enterprise сегодня.
4 примера целевых страниц, которые действительно конвертируют
Целевые страницы, возможно, являются самой важной частью вашего веб-сайта, если не центральной во всем вашем маркетинговом плане. Исследования показали, что первые 10 секунд, которые посетители проводят на вашей веб-странице, имеют решающее значение для их решения остаться или уйти. Это подчеркивает важность наличия целевой страницы, которая сразу же привлекает внимание посетителей, а также побуждает их оставаться вовлеченными в ваше сообщение.
Существует множество советов по созданию конвертируемых целевых страниц, но вот четыре примера от компаний, добившихся огромного успеха благодаря своим впечатляющим целевым страницам.
1. Promo демонстрирует свои навыки создания видео
Домашняя страница Promo сразу же производит впечатление, а также демонстрирует их первоклассные навыки создания видеоконтента. Использование динамических элементов привлекает внимание к влиянию видеоэлементов на веб-сайты. Внимание к дизайну и ярким цветам делает эту целевую страницу привлекательной и захватывающей, которую посетители захотят изучить.
2. Смелый акцент onX на изображениях
Эта страница от onX демонстрирует огромное внимание, которое они уделяют изображениям для своих целевых страниц. Такой подход производит непосредственное впечатление, сразу же сообщая об их цели. Современная простота в сочетании с тщательно написанными и организованными пояснениями — мощная комбинация, побуждающая посетителей оставаться на сайте и больше узнавать о предложениях компании.
3. С Trulia вы чувствуете себя как дома
Целевая страница Trulia проста и точна с сразу бросающейся в глаза функцией поиска, позволяющей пользователям начать пользоваться их услугами без простоев.Эта страница уважает ценность времени клиента и сразу переходит к делу, а также обеспечивает привлекательную эстетику. Эта страница была разработана для того, чтобы пользователи сразу взялись за дело, не требуя от них ненужной скуки.
4. Shopify переходит прямо к делу
Еще один отличный пример целевой страницы, который не хочет тратить ваше время на ерунду, бесплатная пробная целевая страница Shopify говорит именно то, что нужно, и ни слова больше. Их дизайн, как и другие в этом списке, также отлично смотрится на мобильных устройствах и сохраняет свою эффективность независимо от устройства, которое вы используете для их посещения.
Надеюсь, эти примеры целевых страниц помогли запустить творческие колеса в вашем мозгу. Свяжитесь с экспертами MSC, чтобы начать превращать ваши целевые страницы в экономичные машины для конверсии.
Как увеличить конверсию на 50% в 2020 году
Эффективное создание целевой страницы не является величайшей загадкой в мире, несмотря на то, что многие онлайн-маркетологи заставляют людей поверить в это. Все утверждают, что знают секреты эффективного создания и оптимизации целевых страниц, но настоящий секрет может вас удивить:

Нет никакого секрета.

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

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

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

Запись по теме: Оптимизация коэффициента конверсии — полное руководство по CRO на 2020 год

#1 Факторы, влияющие на дизайн целевой страницы
#2 Что отличает целевую страницу
#3 Обязательные компоненты целевой страницы

Факторы, влияющие на дизайн целевой страницы

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

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

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

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

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

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

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

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

Ценностное предложение
Ценностное предложение является расширением бай-ина, предлагая более подробное объяснение, которое включает ответы на следующие вопросы:
Какой продукт или услуга предлагается?
Какую проблему потребителей он решает?
Чем он лучше конкурентов?
Что делает бренд/продукт заслуживающим доверия?
Благодаря Интернету люди могут получать товары и услуги из тысяч мест. К сожалению для бизнеса, это означает, что им нужно работать намного усерднее, чтобы привлечь нужных посетителей. Когда дело доходит до дизайна целевой страницы и оптимизации конверсии, уточнение ценностного предложения может иметь большое значение.
Что отличает целевую страницу?
Целевая страница — это просто еще один веб-сайт, верно?

Неправильно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Гарантии
В словах много психологии, а «гарантия» — одно из слов, которое очень любят онлайн-потребители.Имейте в виду, что гарантия может быть представлена в нескольких формах. Это не обязательно должна быть гарантия возврата денег или гарантия 100% удовлетворения. Это может быть так же просто, как добавить фразу вроде:
.

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

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

Используйте лучшее программное обеспечение и инструменты, разработанные специально для создания целевых страниц
Убедитесь, что ценностное предложение и призыв к действию соответствуют каждому слову
Будьте проще — дополнительную информацию можно найти на реальном веб-сайте или на другой странице, на которую посетитель переходит
.
Используйте социальные доказательства и отзывы, чтобы установить человеческую связь
Избавьтесь от элементов навигации.
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий *
Имя *
Email *
Сайт