11.47M

Categories:

internet

programming

Карточка товара на ЭТП. Формирование цифрового каталога

1.

Карточка товара на ЭТП
Проект «Формирование цифрового каталога»

Элементы карточки
Основные:
Дополнительные:
1. Наименование товара
1. Наклейки (распродажа, WOW и т.д.)
2. Галерея
2. Список аналогов
3. Текстовый блок
3. Подборки
4. Блок «Характеристики»
4. «Смотрите также» (кросс-сейл)
5. Блок «Документация»
5. Аксессуары
6. Группировка по атрибуту
6. Отзывы
7. «В корзину»
7. «Задать вопрос»
8. «В избранное»
8. Бонусные баллы
9. Сравнить
9. Подарить
10. Доставка/оплата/гарантия
10. Акции/скидки/промокоды
11. Рассрочка/кредит/опл. частями
11. Доп. услуги
2

3.

Элементы карточки (Основные)
Наименование товара
Складывается из следующих элементов:
1. Категория товара (Н3/Н4/Наименование) — ядро товара — основное
предназначение товара.
2. Бренд.
3. Артикул — доп. информация — линейка, артикул, качественные
атрибуты и т.д.
4. Доп. инф. (опц. параметры) — физ. хар-ки — объем, вес, цвет.
3

4.

Элементы карточки (Основные)
Наименование товара
6020-1876-SX STELLOX 6020-1876-SX барабан тормозной !\ Mitsubishi
Colt/Lancer 1.3-1.8 92-03
Барабан тормозной STELLOX 6020-1876-SX
Категория
Бренд
Артикул
1407621 LUKOIL Лукойл Гейзер 46 (216.5L) масло гидравлическое! 205л
минеральное\ ISO46 HM/HLP
Масло гидравлическое Лукойл Гейзер 46 1407621 минеральное (205л)
Категория
Бренд
Артикул
Доп. инф.
4

5.

Элементы карточки (Основные)
Галерея
Содержит:
1. Главное изображение товара
2. Дополнительные изображения товара (карусель/слайдер)
3. Видео
4. Шаблон для отсутствующего изображения
5

6.

Элементы карточки (Основные)
Галерея
Главное и дополнительные изображения товара:
● 1 главное изображение
● 4 дополнительных изображения
● Вертикальная или горизонтальная ориентация дополнительных
изображений (карусель/слайдер)
● Зуммирование изображений
6

7.

Элементы карточки (Основные)
Вертикальная или горизонтальная ориентация карусели доп. изображений
На сегодняшний день в ЭТП горизонтальная ориентация карусели:
ETP ARMTEK
7

8.

Элементы карточки (Основные)
Вертикальная или горизонтальная ориентация карусели доп. изображений
Вертикальная:
21vek.by
Горизонтальная:
Onliner.by
8

9.

Элементы карточки (Основные)
Вертикальная или горизонтальная ориентация карусели доп. изображений
Вертикальная:
7745.by
Горизонтальная:
Amazon.com
9

10.

Вертикальная ориентация слева
Предлагаем т.к. это помогает рационально использовать пространство.
10

11.

Элементы карточки (Основные)
Зуммирование изображения в галерее
Может быть реализовано:
1. При наведении курсора на превью изображения
2. Клик на инструмент масштабирования
11

12.

Элементы карточки (Основные)
Зуммирование изображения в галерее
Наведение курсора
Amazon.com
Инструмент масштабирования
Onliner.by
12

13.

Зуммирование по клику
Предлагаем зум по клику на инструмент. Такой вариант не отвлекает внимание
пользователя при нахождении на странице.
13

14.

Элементы карточки (Основные)
Видео в галерее карточки
Может иметь вид:
1. Превью ролика
2. Иконки
14

15.

Элементы карточки (Основные)
Видео в галерее карточки
Иконка
7745.by
21vek.by
15

16.

Элементы карточки (Основные)
Видео в галерее карточки
Превью ролика
Amazon.com
16

17.

Наш вариант — иконка
Предлагаем нарисовать иконку в корпоративном стиле.
17

18.

Элементы карточки (Основные)
Наклейки
Сейчас на ЭТП:
В карточке товара:
Рекомендуемый бренд в списке товаров:
18

19.

Элементы карточки (Основные)
Наклейки
Сейчас на ЭТП:
Акционный товар в списке:
В карточке вообще никак не обозначено:
19

20.

Элементы карточки (Основные)
Наклейки
Варианты конкурентов:
Ozon.ru
Onliner.by
20

21.

Элементы карточки (Основные)
Наклейки
Варианты конкурентов:
7745.by
21vek.by
21

22.

Вывод: наклейки нужно сделать ярче
Подумать, какие наклейки нам нужны и согласовать варианты,
улучшить/заменить имеющиеися.
Варианты
наклеек
могут
быть:
“хит
продаж”,
“Выгодное
предложение”,
“Бесплатная доставка”, “WOW”, “NEW”, “премиум товар”; наклейки в виде значков
“пламя” (для товаров с выгодной ценой/акционный/скидочный...), “корона” (для
премиум товаров), и т.д.
22

23.

Элементы карточки (Основные)
Текстовый блок
Может отображаться:
1. На отдельной вкладке
2. На статичной странице
23

24.

Элементы карточки (Основные)
Текстовый блок
На отдельной вкладке
(Галерея, текстовый блок и атрибуты — отдельно)
Rozetka.ua
На статичной странице
(Текстовый блок + блок атрибутов)
21vek.by
24

25.

Элементы карточки (Основные)
Текстовый блок
На отдельной вкладке
(Галерея, текстовый блок и атрибуты — отдельно)
5element.by
На статичной странице
(Текстовый блок + блок атрибутов)
Onliner.by
25

26.

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

27.

Элементы карточки (Основные)
Блок «Характеристики»
Список атрибутов может быть:
1. Разбит по колонкам
2. Оформлен сплошным списком — согл. с Карбановичем А.
27

28.

Элементы карточки (Основные)
Блок «Характеристики»
По колонкам
Может быть расположен в 2
колонках
21vek.by
Может быть расположен в 1
колонке
Samsung.com/ru
28

29.

Элементы карточки (Основные)
Блок «Характеристики»
Списком
Onliner.by
29

30.

Деление на 2 колонки Список
Предлагаем отображать характеристики в виде колонок в виде списка.
30

31.

Элементы карточки (Основные)
Блок «Документация»
Можно разместить:
1. Отдельным блоком
2. Внизу галереи/описания
31

32.

Элементы карточки (Основные)
Блок «Документация»
Отдельный блок
Внизу галереи/описания
21vek.by
Maunfeld.ru
imarket.by
32

33.

Элементы карточки (Основные)
Блок «Документация»
Сейчас на ЭТП:
33

34.

Элементы карточки (Основные)
Документация в отдельный блок
Предлагаем остановится на таком варианте
34

35.

Элементы карточки (Основные)
Группировка по атрибуту
Отдельные окошки с предпросмотром цвета/расцветки/формы
Ozon.ru
Wildberries.ru
35

36.

Элементы карточки (Основные)
Группировка по атрибуту
Отдельные окошки с предпросмотром цвета/расцветки/формы
Onliner.by
36

37.

Элементы карточки (Основные)
Группировка по атрибуту
Выпадающий список
Onliner.by
37

38.

Элементы карточки (Основные)
Группировка с предпросмотром главного фото
Предлагаем остановится на таком варианте
38

39.

Элементы карточки (Основные)
В корзину/под заказ/подписаться на наличие/узнать о
снижении цены
Подписаться на наличие — уведомление о поступлении, в лист ожидания.
Будут ли вообще отображаться товары, которых нет в наличии? (да, будут!)
Rozetka.ua
39

40.

Элементы карточки (Основные)
В корзину/под заказ/подписаться на наличие/узнать о
снижении цены
21vek.by
40

41.

Элементы карточки (Основные)
В корзину/под заказ/подписаться на наличие/узнать о
снижении цены
Ozon.ru
41

42.

Элементы карточки (Основные)
В корзину/под заказ/подписаться на наличие/узнать о
снижении цены
Предлагаем остановится на таком варианте
42

43.

Элементы карточки (Основные)
Сравнить товары
По какому атрибуту сравнение? Интерфейс? Механика?
Необходима возможность: очистить весь список, показать все характеристики/
различающиеся (различия в общем списке подсветить?)
Яндекс.Маркет
43

44.

Элементы карточки (Основные)
Сравнение товаров
Ozon.ru
21vek.by
44

45.

Элементы карточки (Основные)
Сравнение товаров
Сейчас на ЭТП
(возможно нужно будет улучшить функционал, когда будет больше атрибутов)
45

46.

Элементы карточки (Основные)
Доставка/оплата/гарантия
21vek.by
46

47.

Элементы карточки (Основные)
Доставка/оплата/гарантия
Ozon.ru
Rozetka.ua
47

48.

Элементы карточки (Основные)
Доставка/оплата/гарантия
Предлагаем разместить инф. о доставке, оплате и гарантии в отдельной вкладке:
Согласовано размещение под ценой (с Пилецкой А.)
Согласованный вариант
48

49.

Элементы карточки (Дополнительные)
Дополнительные элементы карточки
1. Аналоги — подборка карточек
2. Подборки — товар 1 + товар 2 + товар 3 = выгодное предложение/вместе
дешевле…
3. Смотрите также — кросс-сейл. Подборка карточек по ключевой, схожей с
основным товаром характеристике (или нескольким характеристикам)
4. Аксессуары — сопутствующие покупки:
1. Основной товар Шина + компрессоры/насосы
2. Основной товар Масло + тестер
3. Акс — или конкретные товары, или целые ветки (настройка)
5. Отзывы / Задать вопрос.
49

50.

Элементы карточки (Дополнительные)
Аналоги
Подборка карточек. Более актуально для автокаталога с запасными частями,
маслами, техническими жидкостями и т.д.
ЭТП
50

51.

Элементы карточки (Дополнительные)
Подборки товаров
Подборки — товар 1 + товар 2 + товар 3 = выгодное предложение/вместе дешевле…
21vek.by
51

52.

Элементы карточки (Дополнительные)
Подборки товаров
52

53.

Элементы карточки (Дополнительные)
Подборки товаров
Сейчас есть комплекты на ЭТП, но положить его в корзину одним кликом - возможности
нет. Надо ее предоставить!
53

54.

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

55.

Элементы карточки (Дополнительные)
Аксессуары
Сопутствующие покупки.
Как отдельные карточки, так и группы аксессуаров (могут быть целые ветки
и/или вручную отобранные карточки и/или группа карточек, собранная по
определенному атрибуту).
55

56.

Элементы карточки (Дополнительные)
Отзывы + Задать вопрос
Отзывы — по звездам (1-5), сортировка по рейтингу (сначала хорошие, сначала
плохие), возможность прикреплять фото товара, ответ на каждый отзыв (модерация),
бонус за отзыв при покупке.
Написать отзыв — авторизованный пользователь ИЛИ клиент, совершивший именно
эту покупку (механика?), уведомления в ЛК?
Задать вопрос — консультация по подбору, ВОЗМОЖНО верифицированные
представители бренда в качестве консультантов.
Задать вопрос — авторизованный пользователь? Уведомления в ЛК? Механика.
56

57.

Элементы карточки (Дополнительные)
Отзывы + Задать вопрос
WB
Ozon.ru
57

58.

Элементы карточки (Дополнительные)
Отзывы + Задать вопрос
Есть смысл привлекать официальных
представителей для ответов на
вопросы и отзывы.
WB
Яндекс Маркет
58

59.

Элементы карточки (Дополнительные)
Бонусные баллы
В карточке указывать, сколько бонусов от покупки? Или в ЛК/корзине?
На маркетплейсе ozon.ru сразу в карточке товара видно, сколько можно накопить бонусов.
Согласовано указывать в карточке возле цены кол-во бонусов.
Ozon.ru
59