Вернуться к кейсам 
О проекте
Интернет-магазин Jeu — fashion e-commerce проект в нише сумок, рюкзаков и аксессуаров. Сайт разработан с акцентом на визуальную подачу: крупные фотографии, лаконичная типографика и воздушная сетка создают ощущение премиального каталога. Сайт не сохранился — представлен в портфолио как реализованный проект в сегменте fashion-ритейла.
С чем пришли
- Визуальный каталог. Покупатель в нише аксессуаров принимает решение глазами — требовался каталог, где фотография товара занимает центральное место, а текст и управляющие элементы не перегружают экран.
- Фильтрация. Ассортимент включал несколько коллекций, цветовых линеек и материалов — нужны были фильтры, позволяющие быстро сузить выборку до релевантных моделей.
- Lookbook. Fashion-аудитория привыкла к формату «образов» — требовался раздел с подборками, где сумка показана в контексте готового лука, а не на белом фоне.
- Баннерные зоны. Главная и страницы коллекций должны были поддерживать сменные баннеры для акций и новых поступлений — с заменой без разработчика.
Решение 1. Каталог с визуальным приоритетом
Карточка товара построена вокруг фотографии: крупное изображение занимает верхнюю половину экрана, под ним — название, цена и краткое описание. При наведении срабатывает смена кадра на альтернативный ракурс. Галерея переключается между 3–5 фотографиями с разными ракурсами и детализацией фурнитуры. Сетка каталога — плиточная раскладка: 3–4 товара в ряд на десктопе, 2 на планшете, 1 на мобильном.
Решение 2. Многоуровневые фильтры
Фильтрация по четырём осям: коллекция, цвет, материал и цена. На десктопе — боковая панель, на мобильных — выезжающая шторка. AJAX-обновление выдачи без перезагрузки страницы. Для каждого параметра — счётчик доступных товаров: фильтр «Красный» показывает, что в категории 12 моделей этого цвета, исключая пустую выдачу.
Решение 3. Lookbook и сезонные подборки
Раздел организован как визуальный журнал: каждый образ — полноэкранная фотография модели с сумкой, дополненная списком товаров из образа с кликабельными ссылками. Подборки группируются по сезонам и коллекциям. Контент-менеджер создаёт тематические страницы («Офисные образы», «Городской стиль», «Вечерние выходы») через админ-панель без вёрстки.
Решение 4. Система плейсхолдер-баннеров
На главной и в шапках категорий размещены баннерные зоны с placeholder-изображениями в единой стилистике: минималистичный фон, крупная типографика, акцентный цвет коллекции. Администратор заменяет баннер через админку — изображение, текст и ссылка. Это позволило запустить сайт с заполненными промо-зонами сразу после разработки, не дожидаясь фотосессий. По мере появления контента баннеры заменялись на реальные фотографии.
Итоги проекта
- Каталог: плиточная сетка, 3–5 ракурсов на товар, смена кадра при наведении
- Фильтры: 4 оси, AJAX-обновление, счётчики доступных позиций
- Lookbook: образные страницы с кликабельными товарами, группировка по сезонам
- Баннеры: управляемые промо-зоны с placeholder-заглушками на старте
- Адаптивность: десктоп, планшет, мобильный — три контрольных разрешения
Типичные ошибки в fashion e-commerce
- Каталог без фильтрации по цветам и материалам. В нише аксессуаров цвет и фактура — первичные критерии. Каталог с единственным фильтром «по цене» заставляет листать десятки страниц.
- Отсутствие lookbook-формата. Покупатель часто ищет не модель, а «сумку под пальто» — образные подборки сокращают путь от вдохновения до корзины.
- Баннеры, зашитые в вёрстку. Если для замены баннера нужен разработчик, сезонные распродажи задерживаются или не анонсируются.
- Мобильная версия как afterthought. Доля мобильного трафика в fashion превышает 60% — десктоп-only магазин теряет больше половины аудитории.
Заключение
Проект Jeu — пример fashion e-commerce, где визуальная подача не противоречит функциональности. Фильтры и каталог работают на конверсию, lookbook формирует спрос через образы, а управляемые баннеры позволяют менять промо-повестку без программиста. Подходы, заложенные в архитектуру, остаются актуальными для любого магазина аксессуаров.