not found
Контент-маркетинг

5 последних тенденций в оформлении посадочных страниц физического продукта

Автор: Аркадий Туманов04.03.2014

Хотя в интернете полно информации о разработке эффективных посадочных страниц, один пробел все же остается: почти все примеры посвящены программному обеспечению или сервисным продуктам. А назовите хоть несколько эффективных посадочных страниц о физическом товаре?.. Тех, кто знает таковые, сразу просим оставлять комментарии, а пока продолжим статью.

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

Тенденция 1: Сторителлинг

Начнем с вершины мастерства… Или, наоборот, с самого низа, так как первое, что бросается в глаза, когда переходишь на посадочную страницу Garmin Fenix – это необычная прокрутка снизу вверх. Задумка не ради красоты единой, но вполне оправданная концепцией. Навигатор от Garmin создан для путешественников и туристов, спортсменов и экстремалов – словом, активных людей. И чтобы говорить с ними на одном языке, Garmin использует метафору подъема, а скроллинг вверх как раз позволяет наблюдать необычное восхождение на вершину горы. В то же время вдоль трассы расставлены различные ориентиры, где пользователь может изучить характеристики товара или посмотреть о нем видео.
not found
Последнее заслуживает отдельной похвалы: по сути – документальные короткометражки о людях разных профессий: альпинистах, геологах, гидах, бегунах и т.д. Что неудивительно: каждый из них поведает, зачем же нужен Garmin Fenix. Выглядит ненавязчиво и очень убедительно.
not found
Один нюанс – сайт не оптимизирован для мобильных устройств, и на экране смартфона вы не увидите всю страницу.
Еще один пример посадочной страницы, которая рассказывает историю, предлагает компания Nest. Их товар – это термостат нового поколения. Среди «фишек» устройства – запоминание привычек хозяев, система самоконтроля и автоматическое регулирование температуры в помещении.
not found
Нас же в большей степени интересуют особенности посадочной страницы, которые делают товар еще более интересным. Так, вертикальный скроллинг дает представление о «365 днях с Nest», показывая, как термостат приспосабливается и меняет свои настройки в зависимости от условий. Одновременно вы изучаете его основные характеристики.
not found
Отличная идея разработчиков – загруженное на сайт видео товара, и отдельная похвала – интерактивным элементам. «Легким касанием» вы можете изменить настройки времени, и увидите, как смарт-термостат реагирует на ваше действие изменением температурных настроек.

К сожалению, дизайн этого сайта также не был задуман как адаптивный.

Тенденция 2: Видео демонстрация

Вывод об этой тенденции можно сделать уже на основании первых двух примеров. Однако если те были хороши, то размещение следующего видео, на наш взгляд, шикарно. Речь идет о посадочной странице для товаров линейки Google Nexus. И сразу оговоримся: поскольку русская версия несколько отличается, смотрите сайт на домене «com».
not found
Загрузите страницу, кликните на кнопку «смотреть видео» – и все элементы пользовательского интерфейса исчезнут, позволяя насладиться качественным полноэкранным фильмом. Превосходное решение для размещения видео, ничего подобного на посадочных страницах не доводилось наблюдать.
not found
Затем выберите между смартфонами и планшетами и перейдите на страницу, посвященную соответствующему товару.
not found
Новая посадочная страница оформлена так же в духе минимализма, отведено много пустого пространства, основные характеристики раскрываются по мере прокрутки вниз. В целом, невероятно стильная работа – ничего другого от Google и не приходится ожидать.

Тенденция 3: Баланс между формой и содержанием

Несмотря на то, что мы не призываем вас предпочитать форму содержанию (и даже наоборот!), задуматься над оформлением все же стоит.

На следующей посадочной странице вы найдете мечту каждого геймера Playstation 4 в самом выигрышном свете. Чистая графика в сочетании с пустым пространством одновременно впечатляет и облегчает восприятие. И это вдвойне уместно, так как сайт очень информативный.
not found
Познакомившись с приставкой, покупатель переходит к каталогу игр, где находит о них полную информацию: описание, изображения, видео и сразу – ссылку на магазин… Конечно, использование внешних ссылок на посадочных страницах – не самый благоразумный ход. Но покупка Playstation вместо Xbox One – серьезное решение, а значит, покупателя нужно как следует убедить.
not found
Еще один интересный пример информативной посадочной страницы находим у Recon Instruments. Компания известна тем, что предложила реальную альтернативу Google Glass. Ее детище Recon Jet – это спортивные очки, в которые интегрирован компьютер. Крайне интересный гаджет. Но есть ли у вас предположения: что напоминает его посадочная страница?
not found
У нас возникла стойкая ассоциация с коммерческим предложением, рассылаемым многими компаниями своим клиентам. Отличие лишь в том, что у Recon это действительно качественное предложение. Видео о товаре уже само по себе заслуживает одобрения, и, что важно, здесь оно размещено в самой шапке сайта – еще до логотипов.

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

Тенденция 4: Фиксированное меню

Владельцы посадочных страниц товаров для фитнеса стремятся соответствовать всем ультрамодным запросам своих клиентов. Возьмем для примера фитнес-приложение браслета Jawbone Up и шагомер Withings Pulse.
not found
Страницы этих товаров имеют много общего: паралакс-скроллинг, видео о товаре, фиксированное горизонтальное меню. И если первые две характеристики касаются только формы, то закрепление меню – это уже вопрос навигации.
not found
Правило простое: не усложняйте процесс покупки! Принуждение пересматривать страницу может утомить, в то время как фиксированное меню делает поиск информации более легким, а значит, пользователи быстрее становятся вашими довольными клиентами.

Однако, говоря о преимуществах упомянутых страниц, должны признать и некоторые минусы. На странице Withings Pulse обнаружили довольно странный элемент – колесо загрузки с показателем от 0 до 100%. Воспринимается неоднозначно: то ли как метафора достижения цели (рекомендованные 10 000 шагов в день и т.д.), то ли просто как иконка загрузки видео. Странно.
not found
Тем не менее, это две аккуратные и приятные для глаз страницы, которые заслуживают вашего внимания.

Тенденция 5: Эффективный призыв к действию

Оказавшись на посадочной странице Marshall Stanmore, пользователь сразу рассматривает его во всей красе. Огромные, мы бы даже сказали «массивные», изображения акустической системы выглядят почти осязаемыми – создается впечатление реальной витрины. Этого достаточно, чтобы воздействовать на нас на эмоциональном уровне. Не удивительно, если музыкант, увидевший полноэкранное изображение усилителя, сразу захочет подключить его к своей гитаре.
not found
Также удачно размещена иконка с корзиной, которая будет следовать за вами, пока не просмотрите всю «витрину», – заметный, но не раздражающий призыв к действию. При этом настолько эффектный, что достоин быть вынесенным в отдельный пункт нашей статьи. Но, тут они кое-что упустили – смотрим как выглядит страница при разрешении в 1280px.
not found
И это основные тенденции разработки посадочных страниц о физическом товаре. Желаете ли вы дополнить список? И что думаете о приведенных в статье примерах? Пожалуйста, напишите в комментариях.

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Комментарии
Оставить отзыв

You must log in to post a comment