ЮВЕЛИРНЫЙ E-COM

CR категории +21% за 6 нед · отказы на фильтрах −17% · путь до PDP −29%

О проекте

В jewelry e-commerce конверсия держится на микродеталях: как лежит блик на металле, как показана вставка, насколько понятна геометрия изделия на мобильном. ювелирный бренд пришла с корпоративным ТЗ и бренд-рамками — наш UI/UX должен был усилить премиальность, не ломая узнаваемые коды бренда.

Задачи

Сократить путь к нужному изделию на mobile и desktop: фильтры по размеру/металлу/коллекции, читаемые характеристики на PDP и меньше отказов на листинге за 6 недель.

Решение

Таксономия фильтров, структурированные атрибуты, visual discipline гайдов, A/B порядка фильтров, цели на PDP и cart.

Инструменты

Figma как единый источник правды для дизайна и передачи в вёрстку. Меньше субъективных «поправьте чуть-чуть».

Figma
HTML
CSS
JavaScript

Понравился проект? Узнайте стоимость своего.

CR +21%,Отказ −17%,До PDP −29%

Результат

Было: согласования в Figma дольше, чем польза фильтров. Стало: CR категории +21% за 6 недель, отказы на фильтрах −17%, время до PDP −29%. Анонимный отраслевой кейс.

Срок: 35 дн.

Фильтры под реальные атрибуты изделий
PDP без «стены текста»
Mobile-first выбор размера
Цели: категория → PDP → cart

Типографика

Контраст serif для премиальных заголовков и спокойный sans для спецификаций и условий.

Шрифт: "Playfair Display", Georgia, serif

Кегли: 14px, 16px, 20px, 30px, 42px

Показатели

Score: 88

CR категории: +21%
Отказ на фильтрах: −17%
Время до PDP: −29%

Цвета

Метрики проекта

Период: 6 нед
Время до PDP: −29%
CR категории: +21%
Отказ на фильтрах: −17%

Стек: HTML, CSS, JavaScript