Блог о персонализации электронной коммерции

Опубликовано: 2022-04-19

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


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


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

Быстрая навигация
Рекомендации по дизайну страницы продукта: таргетинг выше сгиба
Рекомендации по дизайну изображения страницы продукта электронной коммерции
Дизайн изображения продукта 1: Увеличение с помощью указателя
Дизайн изображения продукта 4: Динамическое изменение изображений в зависимости от выбранного цвета
Дизайн изображения продукта 3: включение изображений из социальных сетей
Дизайн изображения продукта 4: Предоставление изображений в масштабе
Дизайн изображения продукта 5: Сделайте очевидными дополнительные изображения в галерее изображений
Страница продукта Лучшие практики Область покупки: как правильно работать с несколькими группами клиентов
Купить Area Design Best Practice 1: Обеспечьте бесплатную доставку
Купить Area Design Best Practice 2: Быстрые ссылки, чтобы узнать больше
Лучшая практика дизайна области покупки 3: кнопки призыва к действию для сохранения товара
Купить Area Design Best Practice 4: часть образа
Buy Area Design Best Practice 5: Простой выбор атрибутов
Рекомендации по перекрестным продажам на странице продукта: как увеличить прибыль
Рекомендации по дизайну перекрестных продаж 1: создание внешнего вида
Рекомендации по дизайну перекрестных продаж 2: Динамическое изменение изображений продуктов во внешнем виде
Рекомендации по дизайну перекрестных продаж 3: персонализированные рекомендации по продуктам
Рекомендации по дизайну перекрестных продаж 4: Удобная навигация к недавно просмотренным товарам
Следующие шаги

Рекомендации по дизайну страницы продукта: таргетинг выше сгиба

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

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


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


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


Эти разные потребности предъявляют безумные требования к странице продукта, и большинство из них не в состоянии сделать это хорошо. Чтобы помочь, мы разобрали, как Target обрабатывает свою страницу продукта.

Рекомендации по дизайну изображения страницы продукта электронной коммерции

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

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

Ниже показано, как Target оптимизирует изображения на странице продукта.

Лучшая практика дизайна изображения продукта 1: Масштабирование с помощью указателя

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

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

Дизайн изображения продукта 2: динамическое изменение изображений в зависимости от выбранного цвета

Многие продукты имеют вариации.

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


В данном случае изделие представляет собой платье-футболку с коротким рукавом. Платье доступно в 9 различных цветах.

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


Теперь клиенты могут проверить точный цвет, который их интересует.

Дизайн изображения продукта 3: включение изображений из социальных сетей

Мне нравится, как Target включает пользовательский контент в дизайн страницы своего продукта.

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


Как Target курирует эти сообщения? Один из способов — через их канал в Instagram. Они создали хэштег #targetstyle, чтобы предоставить покупателям простой способ взаимодействия с брендом.

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

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

И команда не останавливается только на одном посте, созданном пользователем.


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

Дизайн изображения продукта 4: Предоставление изображений в масштабе

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


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

Дизайн изображения продукта 5: Сделайте очевидными дополнительные изображения в галерее изображений

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


Это единственная темная накладка на всей странице товара.

Страница продукта Лучшие практики Область покупки: как правильно работать с несколькими группами клиентов

«Область покупки» описывает виджеты, где покупатели могут фактически приобрести товар.

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

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

Target отлично справляется с работой с несколькими типами покупателей одновременно.

Купить Area Design Best Practice 1: Обеспечьте бесплатную доставку

Непредвиденные расходы на доставку являются основной причиной отказа от корзины .


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

Купить Area Design Best Practice 2: Быстрые ссылки, чтобы узнать больше

Не все посетители страницы продукта готовы совершить покупку.


Target отлично справляется с предоставлением быстрых ссылок для перехода к другим частям страницы. Вверху дают два варианта.


Во-первых, просмотреть подробные обзоры.


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

Мне особенно нравится, что Target позволяет клиентам отвечать и оставлять отзывы о товарах. Они динамически вставляют метку «Член целевой группы», когда сами вносят разъяснения в FAQ.

Лучшая практика дизайна области покупки 3: кнопки призыва к действию для сохранения товара

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


Здесь Target предлагает клиентам простой способ сохранить продукт в личном списке или зарегистрировать его в качестве подарка.

Купить Area Design Best Practice 4: часть образа

Целевые кураторы ищут свою продукцию.


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


Мы изучаем внешний вид более подробно здесь .

Buy Area Design Best Practice 5: Простой выбор атрибутов

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

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

Рекомендации по перекрестным продажам на странице продукта: как увеличить прибыль

Наконец, я хочу изучить лучшие практики перекрестных продаж на странице продукта.


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

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

Рекомендации по дизайну перекрестных продаж 1: создание внешнего вида

Как уже упоминалось, внешний вид делает больше, чем обучает клиентов. Они обеспечивают естественный способ предлагать бесплатные продукты. Здесь Target предлагает различные варианты внешнего вида продукта.


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

Рекомендации по дизайну перекрестных продаж 2: Динамическое изменение изображений продуктов во внешнем виде

Когда вы предлагаете различные атрибуты продукта, важно персонализировать ваши перекрестные продажи.


Динамическая персонализация внешнего вида — это фантастическое использование динамического контента.


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

Рекомендации по дизайну перекрестных продаж 3: персонализированные рекомендации по продуктам

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


Target дает нам возможность фильтровать на основе любого из них.

Переключение на мини-длину динамически обновляет предлагаемые продукты.

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

Рекомендации по дизайну перекрестных продаж 4: Удобная навигация к недавно просмотренным товарам

Наконец, Target позволяет покупателям легко находить предыдущие продукты. Их второй виджет с рекомендациями по продуктам — это недавно просмотренные товары.


По мере того, как покупатели просматривают каталог продуктов, это постоянная история продуктов, к которым они проявили интерес.

Следующие шаги

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


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

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