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

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

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

Процесс

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

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

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

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

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

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

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

text

В финальном виде каталог выглядит логично.

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