Как оформить продуктовую страницу онлайн-магазина, интернет-магазина одежды, обуви, онлайн ритейл, e-commerce.

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

819 430 fafastudioproduction.com
  • 4

Современный fashion-ритейл все больше уходит в онлайн и правильно делает — интернет торговля способна масштабировать ваш бизнес в разы.

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

#1 Стандартизация визуального представления товаров

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

Этот стандарт может быть каким угодно. Главное – чтобы он был! Разнобойные фотографии, типажи моделей, фоны и стили съемки у опытного покупателя (особенно бывавшего в зарубежных интернет-магазинах) вызывают, помимо визуального раздражения, сомнения в профессионализме онлайн-ритейлера.

«Стандартно» не всегда синоним «скучно». Пример из ASOS.

Как оформить продуктовую страницу онлайн-магазина, интернет-магазина одежды, обуви, онлайн ритейл, e-commerce.

Каталог с превью товаров asos.com

Как оформить продуктовую страницу онлайн-магазина, интернет-магазина одежды, обуви, онлайн ритейл, e-commerce.

Страница товара asos.com

Каталог предпросмотра платьев выглядит достаточно динамично — разные ракурсы и угол съемки моделей. Но, внутри каждой карточки товара «красота и порядок» — стандартный вид модели спереди, со спины, крупно деталь и в полный рост ¾ с аксессуарами + видео-дефиле. И этот стандарт строго соблюдается годами, хотя каталог еженедельно пополняется новыми моделями одежды.

#2 Полная информация о товаре

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

  • размерная сетка бренда
  • размер товара и параметры модели на фото
  • состав всех материалов (включая подкладку)
  • особенности материалов («тянется», «не мнется» и т.п.)
  • условия ухода

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

  • рейтинг товара
  • отзывы покупателей на странице
  • фото клиентов с товаром из социальных сетей
Как оформить продуктовую страницу онлайн-магазина, интернет-магазина одежды, обуви, онлайн ритейл, e-commerce.

Интерактивный калькулятор размера (по росту и весу) asos.com

#3 Навигация и фильтры

Важные элемент профессиональной навигации для интернет-магазина это:

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

Пример фильторв раздела «Обувь» на asos.com

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

  • стиль / событие (вечеринка, повседневные)
  • тип фигуры
  • цвет / материал
  • бренд

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

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

По материалам: econsultancy.com, www.shopify.com. Фото: asos.com