14 вдохновляющих примеров товарных лендингов для eCommerce-бизнеса. Landing page товара

14 вдохновляющих примеров товарных лендингов для eCommerce-бизнеса

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

Сегодня мы не станем долго теоретизировать на данную тему, вместо чего покажем 14 хороших примеров product pages. Но сначала — основные принципы качественной товарной страницы.

Успех товарного лендинга зависит от юзабилити, визуального контента, отзывов и четкой информации о продукте

Твитнуть цитату

1. Отзывы пользователей. Важнейший компонент современных сайтов eCommerce.

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

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

4. Видео о продукте. Это может быть лучшим способом презентации продуктов, особенно тех, которые не были представлены на рынке и незнакомы аудитории.

5. Прозрачные условия доставки/возврата. Скрытые расходы на доставку, как известно — одна из главных причин «брошенных корзин».

6. Подробные описания товаров. Просто дайте людям всю необходимую информацию.

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

Итак, начинаем.

1. Fitbit

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

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

2. Sofa.com

Страница выгодно контрастирует со многими другими eCommerce-сервисами по торговле мебелью, часто использующими раздражающе-яркие СТА в стиле «Купить сейчас», или «Беспроцентный кредит».

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

3. Victoria's Secret

Здесь товарные страницы также хорошо продуманы. Размеры и цвета одежды легко корректировать.

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

4. notonthehighstreet.com

Магазин разнообразных креативных товаров из Великобритании. У товарных страниц сервиса хороший дизайн, со множеством элементов, не конфликтующих между собой.

Здесь и качественные фотографии, и текстовый контент, разбитый на 5 вкладок, и даже довольно объемная форма заказа.

5. B&O

Бренд по продаже техники радует высококачественным дизайном. Товарные страницы B&O — сами по себе высокотехнологичные ресурсы с преобладанием визуального контента. Просмотр таких страниц создает крайне интересный опыт — словом, это надо видеть ;)

6. Modcloth

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

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

7. Glasses Direct

Бренд представляет собой пример «взрывного роста» и взлома рынка, казалось бы, прочно занятого оффлайн-ритейлерами. Но во многом, именно Glasses Direct научили людей покупать очки через интернет в свое время, показав, что это быстро и удобно.

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

8. Betabrand

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

А концепция бизнес-модели доносится новым пользователям на первом окне сайта (см. выше).

9. Nest

Если целью товарной страницы является объяснение потенциальным пользователям новой концепции и утверждение выгод аудитории, то Nest справляется с этим первоклассно.

10. Made.com

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

11. Spicely

Бренд, продающий травы, специи, чаи и шоколад ручной работы. О продуктах на сайте написано достаточно много, но главное преимущество ресурса — простота и элегантность дизайна.

12. Indochino

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

13. Airbnb

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

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

14. Sonos

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

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

По материалам: econsultancy.comImage source: Jaime López

02-03-2016

lpgenerator.ru

5 эффективных методик с каталогом товаров

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

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

Рассмотрим 5 способов, как повысить лояльность клиентов к бренду, усилить доверие покупателей и сохранить рост KPI показателей на ваших товарных страницах.

Содержание:

«Товарные миниатюры»: больше вреда или пользы?

Так ли полезны крупные изображения?

Не бойтесь сравнивать

Отвечайте на вопросы клиентов прямо на товарной странице

Используйте видео

Примеры посадочных страниц с каталогом товаров

Бонусный совет

«Товарные миниатюры»: больше вреда или пользы?

Консалтинговое агентство Nielsen Norman Group в одном из своих исследований задалось целью выяснить, насколько миниатюрные изображения продуктов на товарных страницах способствуют продажам товаров и через лендинг. Результат был получен неоднозначный: все зависит исключительно от типа товара.

Сравним айтрекинговые карты двух крупнейших интернет-ритейлеров: знаменитого американского магазина мебели и интерьеров Pottery Barn и интернет-гипермаркета Amazon. Легко заметить, что книжным шкафам Pottery Barn было уделено куда больше внимания, чем плазменным телевизорам Amazon.

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

Дело в том, что сама по себе миниатюра телевизора дает покупателю значительно меньше информации, чем непосредственно текст под ней. Конечно, это же Amazon, они схожим образом размещают все свои товарные категории, но, если говорить на языке цифр, лишь 18% всего времени, что люди были на странице, они посвятили просмотру фотографий, а остальные 82% — чтению текста. И это логично: все телевизоры выглядят более-менее одинаково, а предугадать их характеристики без чтения описания просто невозможно.

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

Назад к содержанию

Так ли полезны крупные изображения?

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

Ниже — айтрекинговая карта страницы Йельского университета (Yale University). Чтобы добавить яркости и образности, руководство решило поместить стоковую фотографию студентов. Каков итог? На это изображение никто не обратил внимания. Стоковые фотографии не блещут оригинальностью и своей шаблонностью напоминают уже поднадоевшие интернет-баннеры.

Айтрекинг показал полное отсутствие внимания к стоковому изображению студентов.

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

К слову, все ваши дизайнерские решения должны опираться на мнение пользователей. К примеру, интернет-магазин DueMaternity, выявив потребность своей целевой аудитории в детальном просмотре товаров, интегрировал возможность 360-градусного просмотра. Как результат: повышение конверсии на 27%.

Назад к содержанию

Не бойтесь сравнивать

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

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

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

Назад к содержанию

Отвечайте на вопросы клиентов прямо на товарной странице

Интернет-магазин Jessops.com не просто предлагает посетителям купить что-либо, а приглашает стать членом сообщества. К примеру, покупка DSLR-камеры для большинства начинающих фотографов — непростая задача. Понимая это, руководство компании решило реализовать на сайте возможность комментировать продукт и задавать вопросы.

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

Лорейн: Как вы думаете, этот аппарат подойдет для новичка? Мариола: Разумеется. Он весьма незатейлив и имеет автоматический режим. Пока ты будешь осваивать ручной, авто-режим окажется очень кстати.

Amazon поступает схожим образом, только их вариант выглядит искусственно: это просто список популярных вопросов и ответы на них. Нет и намека на живое общение. Еще ниже расположен блок с рецензиями, развернутыми отзывами на товар, и это уже гораздо интереснее.

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

Назад к содержанию

Используйте видео

Согласно крупнейшей eCommerce-платформе BigCommerce.com, использование видеоматериалов на товарных страницах позволит вам получить преимущество над конкурентами как минимум по трем пунктам:

видео в 53 раза увеличивает шанс того, что вы попадете в топ поиска Google;
в результатах поиска CTR видео на 41% выше, чем у обычного текста;
видео на 64-85% увеличивает возможность продавать товар через лендинг.

К слову, в инфобизнесе использование видеороликов — стандарт работы.

Один из лендингов Азамата Ушанова, успешного инфобизнесмена.

Если вы не обладаете навыками съемки профессиональных видеороликов, не беда: этому можно научиться. В интернете множество информации на эту тему. Учитесь, но старайтесь сделать все качественно, ведь неудачный ролик может и отпугнуть покупателей.

Назад к содержанию

Примеры посадочных страниц с каталогом товаров

Simp-Q — лендинг портативных фотобоксов. В каталоге есть их фотографии, размеры и рекомендации по использованию. Каждая позиция каталога сопровождается призывом к действию.

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

Назад к содержанию

Бонусный совет

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

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

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

Шаблоны по бизнес-нишам: интернет-магазин

Назад к содержанию

Заключение

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

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

По материалам blog.crazyegg.comImage source Gabriel Robledo

11-06-2015

lpgenerator.ru

Продвижение товара с помощью Landing page

Если перед вами стоит задача активного продвижения своего товара в интернете, вы рано или поздно столкнетесь с таким понятием, как Landing page. Переводится это сочетание как “целевая страница”, но по-русски звучит как транскрипция английского словосочетания (лендинг). Называют это явление еще и продающей, подписной или посадочной страницей. Все это означает в целом одно и тоже — страницу, суть которой сводится к одной единственной цели — продать. Причем совершенно неважно, что это будет — товар, информация или услуга.

Как работает Landing page

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

Продающие страницы в своей массе имеют похожую структуру:

Заголовок. Должен быть цепляющим с первого взгляда и интересным. Внимание посетителя необходимо не только привлечь ярким заявлением, но и удержать гарантией выгоды.
Контактные данные. Обязательно располагаются на видном месте, демонстрируя полную готовность к обратной связи и близость к клиенту.
Форма захвата. Блок непосредственно с самим призывом к действию. Максимально простой и доступный, без лишних граф и полей для заполнения.
Описание товара или услуги. Подробно, но без лишних слов, максимально наглядно, с качественными изображениями, желательно интерактивными, чтобы создать ощущение присутствия или обладания.
Отзывы. Лучше всего создадут впечатление о товаре. Часто оформляются в слайдер.

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

Подводные камни

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

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

Как заставить Landing page продавать?

Чтобы сконцентрировать внимание потенциального клиента на цели, он должен быть максимально целеустремленным. Так как суть лендинга в рекламе — какая либо сторонняя реклама на нем недопустима. Любая информация, любое изображение, каждая строчка на сайте должны бить четко в одну цель, не распыляя внимание посетителя, а только побуждая его к принятию решения.
Также хорошо помогают так называемые усилители призыва к действию. Они обычно выдаются в самом конце лендинга и помогают сомневающимся посетителям принять окончательное решение. Это всевозможные скидки, акции, купоны, бонусы, ограничения по времени.
Не перебарщивайте. Крупного шрифта, красок цвета радуги, чересчур громких и избитых заголовков не должно быть в правильном лендинге, а графики и картинок должен быть строго необходимый минимум. Сайт не должен нападать и оглушать клиента обилием всего и сразу, он должен сжато и максимально точно рассказывать о получаемых выгодах от вашего предложения.
Повышайте лояльность посетителя. Хорошо с этим справляются различные сертификаты, лицензии, грамоты и другие документы, официально подтверждающие качество продукта или услуги. Их достаточно разместить изображениями хорошего качества.
Блок призыва к действию должен располагаться на так называемом “первом экране” — т.е. для того, чтобы его увидеть, посетитель не должен прокручивать экран. Как вариант этот блок должен быть “липким” и прокручиваться вместе с основной информацией, не отвлекая от нее внимания.
Сам призыв должен быть простым, но информативным. Укажите клиенту на простоту процедуры покупки\заказа дополнительной строкой, например “Регистрация займет у вас всего несколько секунд” “Оставьте ваш номер телефона и мы перезвоним вам в течении часа” и тому подобное. Большую форму с именем, фамилией, адресом, заполнять сложно и долго, вдобавок налагает какие-то обязательства о последующей покупке. Телефон оставить дело пары мгновений.

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

xaitak.ru

Схема идеальной посадочной страницы (Landing Page)

На просторах интернета в последнее время очень часто встречается такое понятие как Landing Page или посадочная страница, страница захвата или же одностраничник, по сути это одно и тоже.

В этой статье я постараюсь кратко и более понятно объяснить что такое Landing Page и зачем она нужна, а так же покажу идеальную схему одностраничного сайта (Landing Page).

Что такое Landing Page

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

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

Схема идеального Landing Page

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

Блок 1 (Шапка сайта)

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

Шапка идеального Landing Page

Обязательно:

Логотип
Номер телефона
Заголовок
Картинка товара
Преимущества или цепляющее слово о товаре
Горизонтальное меню

Блок 2 (Демонстрация товара)

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

Демонстрация товара

Обязательно:

Цепляющий заголовок
Фото или видео товара
Характеристики товара
КНОПКА ЗАКАЗАТЬ

Блок 3 (Преимущества товара)

Укажите несколько преимуществ товара с фотографиями, это придает уверенность и доверие к товару

Преимущества товара

Обязательно:

Картинка товара
Преимущество товара
- Детали преимущества

Блок 4 (Призыв к действию)

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

Призыв к действию

Обязательно:

Изображение товара
Эмоциональное описание

Блок 5 (Технический раздел)

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

Технический раздел

Обязательно:

Способы доставки
Как работает магазин
Гарантия от магазина

Блок 6 (Заказ товара по акции)

Одним из главных блоков в посадочной странице является блок с таймером и с формой заказа, это и есть вся суть посадочной страницы (Landing Page).

Есть один очень хороший сайт где вы можете получить пройдя всего пару шагов настроек очень красивый таймер. Пройдя все шаги вы получите код для вставки таймера на сайт. Ссылка на сайт.

Заказ товара по акции

Обязательно:

Заголовок (Акция)
Подзаголовок с дедлайном (только до конца ХХ мартабря)
Форма заказа
- По статистике идеальная форма для заполнения формы когда имеется всего два поля

Блок 7 (Отзывы клиентов)

Блок отзывов тоже является одним из желательных блоков для Landing Page. Отзывы придает уверенность. Но не стоит отзывы самим писать, лучше попросите клиентов после того как получили товар оставить пару слов о вашем магазине. всегда хорошие отзывы настораживают, это Россия все-таки.

Отзывы клиентов

Обязательно:

Фото клиента
Отзыв клиента
Контакты клиента (Вконтакте, Инстаграм, Фейсбук и.т.д)

Блок 8 (Заказ товара по акции — Повтор)

Заказ товара по акции

Обязательно:

Заголовок (Акция)
Подзаголовок с дедлайном (только до конца ХХ мартабря)
Форма заказа
- По статистике идеальная форма для заполнения формы когда имеется всего два поля

Блок 9 (Футер -Подвал)

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

Футер -Подвал

Обязательно:

Контакты
Реквизиты
Оферта
Телефон службы поддержки
Меню в подвале

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

На этом наша статья заканчивается. Вот ссылка на все блоки идеального Landing Page в одной картинке.

habibomarov.ru