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

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

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

Не больше 8–10 слов. Заголовок должен быть коротким, не более 10 слов. Все остальное будет сложно восприниматься аудиторией.

Обратите внимание на рис. 5.10 – это сервис по созданию меню для ресторана.

Рис. 5.10. Страницы сайтов для сравнения

Здесь большой заголовок, под ним подзаголовок и кнопка заказа. На русском фраза звучит так: «Создайте свое меню онлайн за минуту».

Заголовок читается даже на маленькой картинке и действует убеждающе.

Картинка

Картинки бывают нескольких видов.

Картинка-идентификация

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

Фотография лица компании

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

Фотография клиента

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

Рассмотрим один пример (рис. 5.11). Это одностраничник обучающих программ Convert Monster. На картинке лицо компании – Евгений Новиков. Пользователь ассоциирует его с агентством, так как Евгений присутствует во всех рекламных кампаниях и участвует в конференциях от лица компании.

Рис. 5.11. Лицо компании

Было проведено огромное количество тестов. У сайтов с фотографией Евгения очень высокая конверсия. И это не просто так – наши клиенты идентифицируют себя с Евгением.

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

Второй вариант – сайт «Бэйскамп» (рис. 5.12). В качестве картинки использована фотография пользователя. Кстати, это один из лучших лендингов, существующих в мире.

Рис. 5.12. Лицо компании

Заголовок посадочной страницы говорит нам: «Присоединяйтесь к 6700 компаниям, которые уже используют “Бэйскамп”». И, как подтверждение этим словам, приводится отзыв клиента.

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

Вы можете смело использовать фотографии клиентов (конечно, с их разрешения). Этой «фишкой» пользуются многие. Проект «Бизнес Молодость» применил в свое время такой же точно подход.

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

Фото обязательно должно нести в себе смысл, не надо использовать картинки с первыми попавшимися девушками. Хотя триггер «женщина» сам по себе работает неплохо.

Судите сами: для сайта Convert Monster мы подготовили серию фотографий модели, которая долгое время работала у нас секретарем. Фотографии достаточно откровенные, но через них легко провести аналогию с работой лендинга (захватить внимание – удержать интерес – продать). Смена фото показала сногсшибательный результат по конверсии – мы явно попали в целевую аудиторию.

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

Скриншот

Рассмотрим еще один вариант картинки – это скриншот. Его стоит использовать, если вы хотите дать пользователю неопровержимые доказательства.

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

Пример применения скриншота – первый экран сайта конструктора сайтов (рис. 5.13). Здесь представлены скриншоты сайтов, статистики управления – то, что находится внутри сервиса LPGenerator, системы, с помощью которой можно создавать посадочные страницы.

Рис. 5.13. Использование скриншота

Процесс или результат