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

Опубликовано: 2023-02-23

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

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

Автор: Мартин Гриф

8 минут чтения

Этот пост является частью серии электронной коммерции

В этой статье мы поговорим о способах оптимизации изображений продуктов электронной коммерции:

Введение: почему изображения продуктов электронной коммерции имеют значение
1. Подчеркните, что делает продукт уникальным
2. Покажите продукт с разных сторон и в разных контекстах.
3. Покажите продукт в разных цветах и ​​вариациях
4. Сделайте так, чтобы сразу было ясно, какой продукт представляет изображение
5. Включите визуальные эффекты, представленные пользователями, на странице сведений о продукте.
6. Добавьте видео на страницу сведений о продукте электронной коммерции.
7. Подумайте об инвестировании в дополненную реальность (AR)
Вывод: пусть ваши изображения продуктов электронной коммерции рисуют картину для покупателей

Введение: почему изображения продуктов электронной коммерции имеют значение

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

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

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

  • более низкие показатели возврата в Интернете,
  • свести к минимуму нагрузку на управление запасами и
  • повысить доверие и удовлетворенность клиентов.

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

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

1. Подчеркните, что делает продукт уникальным

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

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

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

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

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

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

9 вещей, которые интернет-маркетологи должны знать о мозге
Читать далее

2. Покажите продукт с разных сторон и в разных контекстах.

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

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

KateSpade.com — веб-сайт, который отлично использует изображения, чтобы дать покупателям четкое и подробное представление о продуктах. Их страница сведений о продукте (PDP) содержит несколько фотографий, на которых показан вид продукта спереди, сбоку и сверху:

Collage of different e-commerce product images included in a product detail page for a pink bag

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

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

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

Модальная визуализация KateSpade.com позволяет пользователям изменять рост и размер модели.

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

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

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

3. Покажите продукт в разных цветах и ​​вариациях

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

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

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

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

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

Вверху: страница с подробной информацией о черной перьевой ручке Sailor Pro Gear Slim с тонким пером 14K. Внизу: PDP для светло-зеленого варианта той же перьевой ручки, но с пером среднего размера 14K.

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

4. Сделайте так, чтобы сразу было ясно, какой продукт представляет изображение

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

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

Возьмем, к примеру, этот PDP Banana Republic. Он имеет только одно изображение продукта. Это фотография модели, одетой в несколько вещей, поэтому неясно, какая из них «Petite Roll-Cuff Top». Изделие также еле видно, потому что оно надето под куртку и заправлено в штаны. Покупатель не может видеть большую часть верха, в том числе часть «ролл-манжета», которая якобы является отличительной чертой продукта:

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

Страница сведений о продукте Banana Republic для «Petite Roll-Cuff Top» только с одной фотографией.

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


Определите барьеры конверсии на своем веб-сайте электронной коммерции.

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

Узнайте об аудитах и ​​обзорах CRO

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

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

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

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

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

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

Помимо раздела «Обзоры», на PDP DrMartens.com есть область «Worn by You», в которой отображаются фотографии, отправленные пользователями. Раздел связан с Instagram, где покупатели могут загружать фотографии и отмечать доктора Мартенса, если они хотят быть представленными в галерее.

Вы можете попытаться собрать визуальные эффекты клиентов, «геймифицируя » свою программу пользовательского контента (UGC) . Отчет Bazaarvoice о предпочтениях покупателей за 2022 год показал, что 77% потребителей по всему миру заявили, что отправят пользовательский контент за вознаграждение.

Anthropologie.com, например, подталкивает покупателей оставлять отзывы с фотографиями посредством ежемесячного розыгрыша:

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie убеждает покупателей оставить отзыв о купленной мебели через «лотереи только в Anthro». На странице «Отзывы» веб-сайта перечислены механизмы рекламной акции и указано, что клиентам необходимо «отправить обзор мебели с изображением предмета», чтобы выиграть самый продаваемый продукт.

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

6. Добавьте видео на страницу сведений о продукте электронной коммерции.

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

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

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

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

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

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

Видео на PDP Asos.com позволяет покупателям оценить материал платья и его лучшую посадку. Модель, одетая и идущая в платье, производит лучшее визуальное впечатление, чем текстовое описание «ткань в стиле атлас: глянцевая, драпированная и шелковисто-гладкая, 100% полиэстер».

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

Например, у Nordstrom есть PDP для модных товаров с короткими видеороликами, в которых торговые представители рассказывают о продукте. Они описывают материал, подходят и подчеркивают определенные детали предмета.

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Стилист Nordstrom рассказывает о джинсах с высокой талией в видеоролике PDP. Она обсуждает текстуру джинсов и демонстрирует эластичность ткани. Она также рекомендует, с каким верхом и обувью можно сочетать брюки.

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

8 отзывов клиентов: рекомендации по оптимизации показателей конверсии


Используйте силу социального доказательства с помощью отзывов клиентов.

Читать далее

7. Подумайте об инвестировании в дополненную реальность (AR)

Дополненная реальность (AR) находится на подъеме в электронной коммерции.

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

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

Приложение IKEA с дополненной реальностью позволяет покупателям виртуально размещать 3D-модели в реальном масштабе в собственном пространстве. Приложение позволяет клиентам увидеть, как продукт поместится в их доме. Источник изображения: ИКЕА

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

Важно отметить, что, согласно индексу покупательского опыта Bazaarvoice 2022 года (с данными, собранными с декабря 2021 года по январь 2022 года), только 12% покупателей во всем мире включили дополненную реальность в свои «пять обязательных факторов» при совершении уверенных покупок.

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

Дополненная реальность в индустрии красоты

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

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

NYX Professional Makeup, дочерняя компания L'Oreal, использует AR, чтобы помочь покупателям выбрать наиболее подходящие товары. Во-первых, они сразу показывают на странице категории, какие товары покупатель может виртуально примерить:

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

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

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

На странице сведений о продукте NYX есть кнопка-призрак «Попробовать» под изображением продукта.

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

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

Важна ли дополненная реальность для электронной коммерции?

Согласно данным за 2020 год от Vertebrae, компании, специализирующейся на AR и 3D-коммерции, коэффициент конверсии увеличивается на 90% для потребителей, которые используют AR, по сравнению с теми, кто этого не делает.

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

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

Вы можете окунуться в AR для покупок, используя такие приложения, как SnapAR и Meta Spark. Однако имейте в виду, что даже эти приложения требуют технических навыков. Вам понадобится кто-то с опытом создания художественных или 3D-моделей для использования в среде дополненной реальности.

Вывод: пусть ваши изображения продуктов электронной коммерции рисуют картину для покупателей

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

Если вы …

  • выделять отличительные черты товара,
  • показать предмет с разных точек зрения и использовать в разных ситуациях,
  • представить товар в разных цветах и ​​вариациях,
  • сделать сразу очевидным, какой продукт представляет фотография,
  • включать визуальные эффекты, отправленные пользователями,
  • добавить видео на свой PDP и
  • использовать дополненную реальность (если это имеет смысл для вашего бизнеса)

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

Поговорите с экспертом по конверсии

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

Запланировать мой звонок сейчас
Запланировать мой звонок сейчас