Все об интернет-продажах

Визуальный контент лендингов, что будет актуально в 2017 году

В этой статье вы найдете 8 тенденций в области визуального контента для ваших лендингов.

Видео

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

Вот еще один пример теста, где видео по сравнению с изображением было помещено заметно в центре лендинга Lostmy.name:

Вариант с видео повысил конверсию до 22% — в зависимости от устройства

Автозапуск полноэкранного видео

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

Эффект наложения от CoSchedule: 

Фахд Мухаммад из Instapage описывает такой вид визуального контента, как «контекстное видео»:

«Контекстные видео поможет установить настроение для конверсии. Ваши клиенты эмоционально запускаются, а тонкие образы уговаривают нажать кнопку СТА. С полноэкранными видео, вы можете включать более одного изображения на странице, что означает, что вы получите более чем одну возможность, чтобы оказать влияние на коэффициент конверсии».

Реальные фото

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

Вот что делает AutoPilot:

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

Фоновые изображения

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

Вот что делает Creatrix: 

Иллюстрация против изображения

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

Вот пример того, как дизайнер KlientBoost Оливия Тэйлор улучшила лендинг: 

Версия с иллюстрацией увеличила коэффициент конверсии на 13%.

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

Плоский дизайн против материального дизайна

Согласно Cubet:

«Плоский дизайн характеризуется искоренением элементов реализма, выходящих за упрощенную конструкцию».

По словам DesignModo, некоторые плюсы в использовании плоского дизайна:

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

Некоторые преимущества плоской конструкции согласно Cubet:

  • Плоский дизайн модный
  • Простой мобильный интерфейс
  • Яркие цвета устанавливают настроение
  • Не нуждается в искусственных украшениях, которые наводят скуку и отвлекают посетителей.

Кроме того, помните эту тенденцию? 

Фото продукта

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

Вот пример гольф магазина на EBay: 

Вот еще один пример из Club Fix: 

Карточный дизайн

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

Вот пример тематического исследования Clarks:

Версия B повысила конверсию на 17.5%

Вот еще один пример использования карточного дизайна юридической фирмой Quincy Requin, где различные функции и опции облицованы в аккуратные карточки: 

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

Источник

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Your Header Sidebar area is currently empty. Hurry up and add some widgets.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: