Тенденции дизайна landing page

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

Landing page — это веб-страница, созданная для привлечения внимания посетителей с целью их конвертации в покупателей или лидов (замотивированных потенциальных клиентов). Такие страницы еще называют целевыми или посадочными страницами. При этом следует отличать их от обычных одностраничников, которые представляют собой сайт, состоящий из одной страницы без точки входа. Эффективная целевая страница сообщает посетителю о следующем:

  1. Какой продукт или услугу вы предлагаете и почему это стоящее предложение.
  2. Что должен сделать посетитель (оставить адрес своей электронной почты, подписаться, проголосовать и т. д.).

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

Landing page сайт должен иметь не только качественное текстовое наполнение, но и привлекательный внешний вид, ведь высококачественную текстовую составляющую можно легко испортить устаревшим дизайном. Чтобы помочь вам отыскать лучшие тенденции дизайна высококонверсионных landing pages, мы собрали в этой статье топ-тенденции 2015 года и дополнили их примерами дизайна.

1. Создайте идеальную посадочную страницу для мобильных устройств

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

  1. Проверьте, как ваша посадочная страница выглядит в альбомной и портретной ориентации. Разумеется, посадочная страница должна выглядит круто в любом режиме, ведь у каждого пользователя свои предпочтения в этом вопросе.
  2. Сделайте кнопки достаточно большими, чтобы их было удобно использовать на сенсорном экране.

Вот как выглядит landing page, которую мы разработали для нашего клиента eTopus Technology, на разных устройствах:

eTopus Technology landing page

2. Не бойтесь использовать необычные изображения

На улице 2015 год — пора забыть о стандартных стоковых фотографиях и начать креативить! Сейчас тенденции дизайна landing page говорят о том, что ваши изображения должны быть яркими и запоминающимися. Например, можно нанять фотографа, чей уникальный стиль вам по душе, или заказать работы у талантливого иллюстратора. Если же высокая стоимость работы таких специалистов вам не по карману, подумайте над тем, чтобы использовать не стандартные стоковые фотографии, а изображения собственных сотрудников, увлеченно занятых работой.

Если вы отдали предпочтение иллюстрации, убедитесь, что она работает так, как нужно, а именно демонстрирует продукт и все его важные особенности как можно полнее. Еще один отличный способ — это показать ваш продукт в процессе использования. Это поможет посетителем понять, какие ощущения при этом возникают, и как они будут выглядеть со стороны, если решат приобрести ваш товар. Например, вот иллюстрация с сайта компании KeepSnap:

Ілюстрація для KeepSnap landing page

3. Добавьте динамичность с помощью полноэкранного видео

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

Например, вот посадочная страница нашего ИТ-ивента Code’n’Coffee:

Code’n’Coffee landing page

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

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

4. Не запрашивайте слишком много данных сразу

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

Пример формы с небольшим количеством полей

5. Покажите своих клиентов

Конечно, само по себе наличие перечня основных клиентов сложно назвать трендом, но в 2015 году на целевых страницах все чаще и чаще появляются логотипы ключевых клиентов, ведь это простой способ заслужить доверие покупателей. Узнав логотип известной фирмы или компании из своей страны, потенциальный клиент утвердится в своем решении написать вам. Самый выигрышный вариант — это добавить отзывы сотрудников клиента вместе с их фотографиями. Вряд ли кто-то сможет устоять перед этим:

Landing page featuring clients

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

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