Веб-дизайн / Тренды

1052

22-09-2014

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

1. Призыв к действию
После посещения целевой страницы пользователь должен однозначно понимать, какое именно действие (call to action) ему предлагают совершить. Это могут быть такие действия, как скачать, заказать, купить, протестировать, зарегистрироваться, подписаться, отправить информацию.

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

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

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

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

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

7. Контрастные цветовые полосы прокрутки
Контрастная схема оформления в виде цветовых полос наглядно делит контент на смысловые составляющие и помогает визуализировать материал, создавая ощущение листания страниц.

8. Активные крупные заголовки блоков

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

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

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

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

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

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

14. Активная кнопка в шапке
Частенько на многих лендинг пейдж кнопку «Купить» или «Заказать» помещают в самом верху в шапке рядом с контактным телефоном. Сама кнопка обязательно яркая и контрастная.

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

16. Контактная форма для дополнительных вопросов и FAQ
Особое внимание на целевых страничках уделяется информированности посетителя. Для этих целей идеально подходит блок Часто задаваемые вопросы (FAQ) или же готовая диалоговая форма прямой онлайн связи с оператором или менеджером. В любом случае посетитель должен получить ответ на свой вопрос.

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

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

19. Встроенный Google Analytics
Поскольку цель лендинг пейдж как маркетингового инструмента — это побуждение посетителей к совершению определенного действия, а именно достижения максимально высокой конверсии (то есть отношение посетителей совершивших действие к общему числу посмотревших страницу), то наличие Гугл Аналитикс будет существенным подспорьем для анализа поведения пользователей.

20. SEO ориентированная верстка
Что касается SEO оптимизации, то сюда входит валидная верстка с грамотным использованием тегов H1…6, дивов, прописанных тайтлов и мета тегов. Также важно уделить внимание скорости загрузки и оптимизации под разные браузеры, а также адаптивность под мобильные устройства.