Каталог товаров
Разделы, метки NEW и SALE и видео прямо в плитке — каталог показывает вещи так, как их хочется купить.
Зачем это нужно
Каталог — главная витрина интернет-магазина одежды. Именно здесь покупатель решает, на какую вещь нажать, а какую пролистать. Одинаковые плитки со статичным фото на белом фоне плохо передают то, ради чего покупают одежду: как ткань ложится, как двигается подол, как вещь сидит на фигуре. Каталог Fashion CMS устроен так, чтобы покупатель быстро нашёл свой раздел, сразу заметил новинки и скидки и увидел вещь живой — прямо в сетке товаров.
Как это влияет на продажи
- Быстрая навигация. Разделы и вкладки ведут в нужную категорию за один клик: платья, верх, аксессуары, распродажа. Меньше блужданий — больше переходов в карточки.
- Метки управляют вниманием. Бейджи NEW и SALE выделяют новинки и скидки прямо в плитке. Покупатель, пришедший за выгодой, видит её сразу, а постоянный клиент — что появилось нового.
- Видео продаёт посадку. Короткий ролик в карточке каталога показывает вещь в движении: крой, фактуру, длину. Это та информация, которую статичное фото передаёт хуже всего, и её отсутствие часто заканчивается фразой «не понимаю, как сядет».
- Больше просмотров карточек. Живая плитка выделяется на фоне соседних и притягивает клик — особенно на телефоне, где ролик занимает почти весь экран.
Как это работает
- Менеджер раскладывает товары по разделам в CMS — товар может состоять в нескольких разделах и подборках одновременно.
- Метки NEW и SALE ставятся в карточке товара вручную или автоматически — по дате поступления и наличию скидки (подробнее в статье про автоподборки).
- К любому товару можно загрузить короткое видео — оно становится превью в плитке каталога.
- На витрине ролик запускается при наведении на десктопе и при прокрутке на телефоне, без звука и без перехода на другую страницу.
- Покупатель переключает разделы, фильтрует и сортирует товары, а понравившуюся вещь может открыть в быстром просмотре или перейти в полную карточку.
Видео в карточках
| Что | Как устроено |
|---|---|
| Загрузка | Видео добавляется в медиа товара рядом с фото |
| Превью | Первый кадр ролика или выбранная обложка |
| Запуск | Наведение на десктопе, появление в кадре на телефоне |
| Индикатор | Значок «play» подсказывает, что у товара есть видео |
| Вес страницы | Ролики подгружаются только когда нужны |
Fashion-нюансы
Лучше всего в каталоге работают короткие ролики на несколько секунд: модель делает шаг, поворачивается, ткань двигается. Длинные съёмки с музыкой и титрами уместнее в карточке товара или лукбуке. Если видео есть не у всех товаров — это нормально: значок play сам подскажет покупателю, где можно посмотреть вещь в движении, а остальные плитки покажут обычное фото.
Для менеджера
Разделы, порядок вкладок, метки и видео редактируются в CMS без разработчика. Новый раздел появляется в навигации сразу после сохранения, а товар с отметкой NEW автоматически попадает во все места, где выводятся новинки.