Каталог Санлайта
Крупнейший ювелирный еком-маркет в РФ, мобильное приложение с более чем 5 млн. установок.
- Область задачи: UX
- Домен: Jevelry ecom / Web / B2C
- Роль: Product Designer
- Тип задачи: Исследование + редизайн
- Сложность: средняя
Контекст
Каталог — это цифровая витрина товаров с рубрикатором и фильтрами, помогающими знакомиться с ассортиментом, находить нужные товары и переходить к покупке. В мобильном приложении каталог часто служит основной точкой входа в карточку товара и стартом, запускающим сценарий покупки.
Проблема
Пользователи жаловались: в каталоге стало сложно ориентироваться и трудно что-либо найти. Задача пришла ко мне как тестовое задание, но я решил подойти к ней как к полноценному продуктовому кейсу.
Сначала понять, потом проектировать
Я запросил данные исследований и провел собственный конкурентный анализ и глубинное интервью. Эти источники дали мне разные слои понимания:
- CJM. Показал, какие есть уже выявленные проблемы, на что пользователи жалуются при поиске товара на витрине.
- Конкурентный анализ + скрининг отчетов NNG и Baymard. Дали общий срез состояния каталогов конкурентов, понимание отраслевых стандартов, лучших и худших практик, типичных ошибок.
- Интервью с пользователями (двухлетней давности от отдела ресерча + собственное на 8 респондентах). Дали понимание ментальной модели покупки украшений.
Гипотезы
На основе CJM, конкурентного анализа и интервью я сформулировал две группы гипотез.
Проведенное исследование скорректировало первоначальные гипотезы: я предполагал, что основная проблема — перегруженность категориями. Оказалось, что важнее несоответствие структуры каталога тому, как пользователь мыслит саму задачу поиска. Гипотезы из второй группы в целом подтвердились и напрямую повлияли на решения по визуальной иерархии и компоновке.
IMG: скриншоты презы с глубинки + слой с моим интервью на 8 респах
IMG: Как пользователь мыслит задачу поиска: тип → дизайн → материал → цена. Как был устроен старый каталог: экраны с пояснениями, что плохо.
Главный инсайт
Целенаправленный поиск
Люди ищут не «что-то из золота» — они ищут «подвеску из белого золота в комплект к серьгам», чтобы дополнить образ. Поиск начинается с типа изделия, а не с материала, из которого оно сделано. Каталог же был устроен иначе — основной фокус в нем был сделан на материалы (золото, серебро, платина, бриллианты) и на адресата/событие (детям, женщинам, мужчинам, свадьба, помолвка).
Сканирование витрины
В каталоге либо вовсе отсутствовали, либо были разбросаны в произвольном порядке важнейшие мета-разделы (новинки, тренды, скидки, акции), хотя исследование показало, что это самые востребованные блоки информации в сценарии спонтанного ознакомления с ассортиментом, они оказывают сильный завлекающий эффект.
Решения
Каждое решение выросло из конкретного инсайта, полученного в результате исследования:
1. Реструктуризация навигации Верхний уровень был переработан вокруг типов изделий. Категорий стало 18 вместо 24. Материал, пол, бренды — ушли в фильтры.
IMG: …
2. Визуальная иерархия Блоки с разным смысловым весом получили разное визуальное решение. У каждого типа параметров — свой шаблон компоновки.
IMG: …
3. Навигационный контекст Индикатор раздела всегда в зоне видимости. Дизайн и форма изделия — в верхней части списка параметров как главные признаки выбора.
IMG: …
4. Последовательность изображений Единые правила визуалов в подкатегориях — изображение помогает распознать тип, а не просто украшает плитку.
IMG: …
Результат
Коридорное тестирование показало: пользователи быстрее находили нужный раздел и не терялись в категориях. Количественных данных нет — задача была тестовой без доступа к аналитике.
Метрики, которые я бы отслеживал в продакшне, чтобы понять, действительно ли каталог стал удобнее для ориентирования по витрине и целенаправленного поиска конкретного изделия:
- конверсия каталог → карточка,
- время до первого перехода,
- глубина просмотра.
Было
Старая версия каталога:
Стало
Новая версия каталога:
Deliveries
Полный ход работ над задачей в фигма, с промежуточными результатами на каждом этапе
← Назад
Вперед →