Куулклевер. Редизайн каталога товаров

Каталог – ключевая точка входа в ассортимент и один из основных драйверов конверсии. В старой версии акции, подборки и постоянные разделы были смешаны в единый плоский список.

Мы переработали структуру, упростили навигацию и внесли чёткую иерархию, чтобы повысить глубину просмотра каталога и увеличить конверсию в покупку.

Процесс

Первым шагом стало внедрение плиточного каталога. Так как в вебе плитка уже была, для единообразия интерфейсов её логично было перенести и сюда.

Вложенные списки внутри категорий заменили на систему чипсов, так переходы стали нагляднее. Теперь товары на каждом уровне доступны пользователю: он может сразу добавить их в корзину.

Далее я спроектировал блок настройки каталога. Не нарушая привычную логику, я оставил все элементы на своих местах, за исключением кнопки выбора способа получения, поскольку от неё зависит ассортимент.

Были проработаны различные состояния блока. При скролле остаются только поиск и фильтры, а внутри выбранной категории выбор каталога недоступен.

Наличие двух способов получения заказа мы тоже учли при проектировании.

Чтобы выделить акции и подборки, я вынес их в отдельный блок. Также добавил карусель с быстрыми действиями: программу лояльности, избранное, мои покупки и др.

По запросу отдела маркетинга добавили возможность размещать промо-баннеры для продвижения товаров внутри категорий.

Саппорт подсказал нам, что пользователи отменяют заказы, потому что ошибаются с адресом доставки. Поэтому при входе в каталог мы добавили шторку для уточнения адреса.

Чтобы редизайн не стал шоком для пользователя, были разработаны экраны онбординга, объясняющие преимущества нового дизайна.

Проделанная работа над новым дизайном оказалась успешной, и мы довольны результатом. Пользователи стали чаще заходить в каталог и листать разделы. Каталог стал структурным: чёткая иерархия, понятные блоки, никакой каши. Мы получили много положительных отзывов. Пользователям нравится, как выглядит новый каталог.

Бизнес получил мощный инструмент для продаж. Теперь маркетинг может эффективнее управлять акцентами: поднимать акции, выделять подборки, размещать баннеры внутри категорий. Все это результат большой и кропотливой работы всей команды.