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

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

Оформление продукта

Опишем сложный вариант оформления продукта, когда на сайте одновременно продают много товаров.

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

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

Если у вас сложный продукт с большим количеством характеристик, можно использовать вот такой формат (подробнее см. по ссылке: http://konki-s-dostavkoi.ru) (рис. 5.32).


Рис. 5.32. Описание продукта на сайте


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

Отзывы

Оформление текста

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

Каким образом нужно оформлять отзывы на посадочной странице? Ведь отзывы и кейсы – это большой объем текста.

Мы протестировали массу вариантов размещения отзывов и рекомендуем следующее.

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

• Важное выделено. Фразы, которые заостряют внимание на выгодах предложения, выделяйте жирным шрифтом.

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

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

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

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

Оформление раздела

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

• Стилизация под социальную сеть. Очень распространенный способ – стилизация отзывов, например, под Facebook или «ВКонтакте».

• Внешний фон. В этом случае отзывы выделяются уникальным фоном.

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

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

Оформление автора

Для оформления автора отзыва есть три «фишки».

• Фото из соцсети. Фото автора лучше взять не постановочное, а реальное, живое, из социальной сети.

• Логотип. Если фото автора нет, но есть компания и отзыв написан от лица компании, то можно вставить логотип этой компании.

• Фото на проявке. Для трастовости можно сделать один отзыв, у которого нет фотографии, и написать, что фото на проявке.

Подтверждение реальности

Для подтверждения реальности важны следующие аспекты.

• Скриншот статистики. В идеале в отзыве должны присутствовать любые подтверждения реальности автора, это может быть, к примеру, скриншот статистики его результатов.

• Фото процесса предоставления услуги по шагам. Фотографируют весь процесс предоставления услуги по шагам и используют как подтверждение реальности существования компании.

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

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

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

Примеры

Рассмотрим примеры оформления отзывов. На рис. 5.33 пример оформления отзывов в стиле социальной сети, в данном случае это социальная сеть Facebook.


Рис. 5.33. Примеры оформления отзывов


Для этого на сайт или на одностраничник ставят плагин Facebook, есть такой же плагин «ВКонтакте». Пользователи соцсетей в режиме реального времени могут оставлять отзывы.

На рис. 5.34 на странице с отзывами есть два призыва к действию.

• Основная кнопка зеленого цвета …SIGNING UP TODAY – «присоединяйся к нашему обществу».

• Дополнительная оранжевая кнопка REQUEST A DEMO TODAY – это альтернативный призыв к действию, «попросите бесплатную демоверсию».


Рис. 5.34. Оформление отзывов


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

Рисунок 5.35 мы уже рассматривали. Отзыв размещен на первом экране, выделен отдельным фоном, есть кавычки и подпись автора.

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

Один из самых эффективных методов представления отзывов можно увидеть на рис. 5.36 – это отзывы в формате кейса.

Подзаголовок: «Познакомьтесь с первыми нашими счастливыми покупателями по всему миру». Всего на этом сайте шесть отзывов. На картинке видно три отзыва.


Рис. 5.35. Отзывы в стиле кейса


Рис. 5.36. Отзывы в стиле кейса


• Первый отзыв от Stephen Voss – фотограф, живет в США, в Вашингтоне, ссылка на место работы выделена голубым цветом. Он работает сам на себя.

• Второй отзыв от Jon Dokulil – живет в Линкольне, работает менеджером в хоккейной команде. Дополнительный посыл отзыва в том, что она не привязана к рабочему месту и путешествует по всей стране.

• Третий отзыв от Mari Laungrath – живет в Чикаго, печет булочки. Чикаго – это не столица, но достаточно крупный город. Также мы узнаем, что она работает в команде.

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

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

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

Комплектация продукта и сравнение с конкурентами

Комплектация продукта и сравнение с конкурентами – это один из самых эффективных приемов рекламы.

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

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

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

Как в этом случае оформить текст?

Заголовок – название продукта

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

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

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

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

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

Дизайн

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

Другой вариант – концепция «золотого унитаза». Например, предлагают две комплектации продукта – за 200 000 рублей и 14 000 рублей. На фоне 200 000 рублей сумма 14 000 выглядит вполне доступной.

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

Отметить то, что входит в комплект, зеленой галочкой.