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

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

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

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

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

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

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

На картинке представлен пример такого сайта от компании «Фрэнк энд Оак», которая продает одежду для игры в теннис (рис. 5.14).

Рис. 5.14. Изображения с процессом или результатом

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

С другой стороны – это одновременно и результат: человек одет в одежду бренда и явно играет в теннис.

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

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

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

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

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