20 характерных особенностей современных лендинг пейдж с примерами

3

26409
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, дивов, прописанных тайтлов и мета тегов. Также важно уделить внимание скорости загрузки и оптимизации под разные браузеры, а также адаптивность под мобильные устройства.Лендинг пейдж

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 4 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=10755
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Комментариев 3 комментария

Спасибо, интересная статья!

ОтветитьОтветить

Отличный обзор, спасибо! Я лендинги создаю на конструкторе Q-page. Перед новым годом они выкатили возможность подключать паралакс эффект. Я не знаю, стоит ли его использовать. Как вы думаете?

ОтветитьОтветить

@Катя: Конструкторы это зло.

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

45 queries in 0,435 seconds.