Все статьи Оптимизация конверсии
ВЫБРАТЬ КАТЕГОРИЮ

8 вдохновляющих примеров товарных Landing Pages

8 вдохновляющих примеров товарных Landing Pages

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

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

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

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

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

1. Google Nexus

 Nexus

Замечательный Landing Page с необычным «полноэкранным» дизайном, оказывающим мощное воздействие невероятно минималистическими средствами. Нажмите кнопку «Смотреть видео», чтобы исчезли элементы пользовательского интерфейса и начался показ видеоролика — перед вами один из лучших примеров использования видео на целевой странице «всех времен и народов».

Насладившись чудесным короткометражным фильмом, воспользуемся возможностью выбора между планшетами и смартфонами, кликнув по миниатюрам ниже главного изображения (в семействе продуктов Nexus есть 2 линейки продуктов). Это очень умный ход — мы подвергли себя добровольной сегментации согласно цели нашего посещения.

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

Этот сайт лендинг пейдж — пример того, как можно облегчить восприятие сложного контента. Обратите внимание на то, что по вертикальной оси блоки контента чередуются с изображениями продукта: картинка слева, текст справа; чуть ниже — текст справа, картинка слева и т. д.

CTA-кнопка

Эту образцовую страницу портит разве что безликий призыв к действию «Submit» на малозаметной CTA-кнопке.

2. Nest

Nest

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

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

При скроллинге страницы вы совершите нечто вроде путешествия во времени, просмотрев своеобразную презентацию, названную маркетологами «365 дней вместе с Nest». В определенных эпизодах этого путешествия вам покажут короткие видеоролики, демонстрирующие некоторые особенности «умного термостата» (великолепный способ познакомить целевую аудиторию с функциями УТП).

Nest

Первый день с Nest

Nest

365 дней вместе с Nest

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

3. Garmin Fenix

Garmin Fenix

Это еще один пример целевой страницы, действительно рассказывающей историю. Первое, что вы заметите при появлении на ней — она не прокручивается вниз, а только вверх.

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

Garmin Fenix

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

И та же беда, что на предыдущем лендинге: плохо оптимизирован под мобильные устройства.

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

4. Playstation 4

Playstation 4

На целевой странице Playstation 4 применяется изысканный чистый и строгий дизайн. Для усиления оффера на лендинге задействованы 2 дополнительных канала воздействия на посетителя: предлагается игра в подарок на выбор как бонус к покупке игровой приставки и просмотр демонстрационного видео о продукте на YouTube.

Целевая страница великолепно скомпонована: массив текстового контента разбит на параграфы, каждый из которых имеет свой заголовок и подзаголовок, магнетически действующие на посетителя, тексты чередуются с изображениями, много пробелов, каждый параграф освещает выгоду оффера, великолепно подобраны шрифты (и гарнитуры, и цвета).

Playstation 4

Все было бы просто замечательно, если бы не непозволительно большое число ссылок на внешние веб-ресурсы и несколько вспомогательных CTA-кнопок. Эти явно лишние элементы могут отвлечь пользователя от конверсионного действия, а переход по внешнему линку может вообще подтолкнуть потенциального покупателя к мысли о покупке Xbox One, чью рекламу он случайно увидит за пределами лендинга Playstation. ;)

5. Jawbone Up

jawbone.com

Браслет для контроля физической активности Jawbone Up — будь он еще чуточку умней :) — мог бы со всем основанием гордиться своим лендингом, целиком и полностью соответствующим всем требованиям к дизайну современной целевой страницы.

  • Параллактическая прокрутка (верхний и нижний слои страницы прокручиваются независимо друг от друга)? Есть!
  • «Липкое» меню (остается неподвижным при скроллинге страницы)? Разумеется!
  • Видеоролики о продукте? Сами смотрите!

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

6. Recon Jet

Recon Jet

Вы думаете, что Google Glass есть неповторимое в своей уникальности изобретение? Подумайте еще раз. Правильный ответ: отнюдь нет — аналогичный носимый компьютер есть еще как минимум один, и называется он Recon Jet.

Лендинг этой инновации выглядит как классическое длинное продающее письмо. Замечательно, что видео с демонстрацией продукта помещено в центр внимания посетителя (верхняя часть страницы, сразу под логотипом бренда).

Гораздо хуже, что сразу под видео помещены внешние ссылки на СМИ, оставившие хвалебные отзывы о Recon Jet. Почему бы просто не поставить текстовые цитаты от тех же Time или Wired? Посетитель, ушедший на внешний ресурс — тем более такой захватывающий как The Huffington Post — может ведь и не вернуться назад.

В остальном же — это классический лендинг, сделанный очень качественно.

7. Marshall Hanwell

Marshall Hanwell

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

Мы думаем, что многие музыканты, увидев эти фото сразу бы захотели подключить гитару к Marshall Hanwell (такой эпизод тоже есть в слайд-шоу). Эмоциональная связь — это хорошо для конверсии, безусловно.

Гораздо хуже, что еще одну сильную, практически неразрывную связь с посетителем устанавливают 2 «липких» CTA-элемента: интерактивный ценник и значок корзины. Вы можете проматывать слайдер влево-вправо или скроллить страницу вниз до упора — и ценник с корзиной от вас не отстанут. И вот еще что — фотографии слайдера настолько привлекательны, что сразу и не догадаешься, что страница все-таки проматывается вниз, и там, внизу, расположен хорошо организованный текстовый контент: технические характеристики, гарантии, цена и условия доставки и т. д.

Однако использование фотографий, повторим, здесь на уровне лучших landing page в мире — или даже выше.

8. Withings Pulse

Withings Pulse

Еще один монитор физической активности — и еще одна приятная, чистая, стильная целевая страница. Лендинг Withings Pulse — как и страница Jawbone Up — строго следует самым современным тенденциям веб-дизайна: параллактическая прокрутка, «липкое» меню, видеоролик о продукте.

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

Выводы: 4 важных наблюдения

1. Вы только что посмотрели 8 феерически красивые целевые страницы. Однако не стоит ставить красоту выше главной цели лендинга — конверсии. Если «красота требует жертв» в виде потери лидов и продаж, то вам необходимо поменять приоритеты.

2. Не затрудняйте процесс конвертации. На многих из этих роскошных лендингов приходится потратить много времени на поиск основного CTA-элемента. Ваша цель — генерация лидов и продажи, а не получение приза зрительских симпатий.

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

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

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

Нужен уникальный дизайн? Тогда заполните форму заказа или используйте Landing Page Generator, чтобы запустить рекламную кампанию самостоятельно.

Высоких вам конверсий!

По материалам econsultancy.com

01 ноябрь 2013

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и Телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента от 7 дней
blog comments powered by Disqus