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

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

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

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

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

Уровень внимания: что и почему?

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

Как вы можете использовать его в качестве дизайнера?

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

Одно слово: КОНВЕРСИЯ

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

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

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

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

Дизайн, ориентированный на конверсию: 7 основных принципов

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

1: Инкапсуляция

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

2 Контраст и цвет

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

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

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

Цветово-эмоциональные ассоциации:

Черный: тяжелый, серьезный, смерть
Белый: чистый, честный, чистый
Красный: опасность, негатив, остановка, волнение, жар.
Светло-голубой: прохладный, юный, мужественный.
Темно-синий: стабильный, надежный, зрелый, спокойный.
Зеленый: органический, рост, утешение, позитив, движение.
Серый: нейтральный, цельный, крутой, зрелый.
Коричневый: полезный, неприхотливый, органический
Желтый: позитивный, эмоциональный, осторожный.
Оранжевый: позитивный, эмоциональный, органичный
Золото: элегантный, консервативный, стабильный
Металлики: элегантный, богатый, стойкий
Фиолетовый: юный, королевский, современный.
Розовый: женственный, молодой, теплый
Пастельные тона: мягкие, юные, женственные, чувственные.

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

3: Белое пространство

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

4 подсказки направления

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

5: Дефицит и срочность

Психологическое оружие, которое убеждает человека действовать немедленно. Это баннеры «Купить сейчас» и «Осталось всего Х товаров ». Крайне убедительный подход. Единственный совет — не злоупотреблять.

6: Попробуйте, прежде чем купить

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

7: Социальное доказательство

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

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

Как исследовать свою аудиторию

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

Перед запуском любой контент-маркетинговой кампании задайте себе вопрос: понимаете ли вы свою аудиторию?

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

Предсказать их потребности

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

Найдите своего покупателя

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

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

Еще один приятный бонус, связанный с личностью покупателя, заключается в том, что вы действительно можете генерировать новые идеи контента с учетом получения результатов. Всегда полезно просматривать самые популярные темы в Google Trends и исследовать ключевые слова с помощью UberSuggest, WordTracker или Google Keyword Planner. Однако профиль идеального клиента может дать вам гораздо больше, и вам даже не придется возиться с аналитикой.

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

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

Следите за своим трафиком

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

Гугл Аналитика
TagExplorer
AlexaИнформация о сайте
Похожие веб-сайты
SiteAnalyzer

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

Было ли это полезно? Дайте нам знать в поле для комментариев ниже, была ли эта информация полезной. Мы ценим ваше мнение.