Идеальный Landing Page. Создаем продающие веб-страницы

Зрение

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

Знаменитый маркетолог Джозеф Шугерман писал: «Основная задача любого графического элемента (на странице) – заставить человека прочитать первое предложение рекламного послания».

Возьмем для сравнения два сайта.

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

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

Не нужно делать по 40 кнопок «заказать» на одном экране. Это неудобно, некрасиво и усложняет восприятие.

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

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

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

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

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

Рис. 5.1. Что продает этот сайт?

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

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

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

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

Второй пример – обратный (рис. 5.2). Google AdWords – легкий для восприятия сайт, мало текста, выгода сразу ясна, есть заголовок. Пользователю понятно, что делать, какую кнопку нажимать, каждый элемент находится на своем месте. Пользователь вводит запрос и видит в объявлении ключевое слово.

Рис. 5.2. Google AdWords

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

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

Память

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

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

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

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

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

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