Каталог терял пользователей ещё на листинге: цена и наличие были неочевидны, фильтры плодили дубли и ломали навигацию, поиск часто возвращал нерелевантные результаты. Мы провели практический UX-аудит, реализовали приоритетные правки карточек и фильтров, подключили «умные» подсказки и оптимизировали выдачу. Конечный эффект: меньше отказов, выше CTR в листингах и короче путь до корзины.
Проблема:
Каталог выглядел «работающим», но терял покупателей на очевидных вещах: цена и наличие скрыты, карточки наполнены мелкими деталями вместо ключевой информации, фильтры создавали SEO-дубли и ломали UX, а поиск возвращал нерелевантный результат или пустую страницу. Это давало высокий bounce на категориях/карточках и лавину простых вопросов в поддержку («где цена», «в наличии ли?»), которые можно было закрыть простыми правками.
Ход работы:
Мы начали с короткой, но глубокой диагностики: аналитика кликов и тепловые карты + лог звонков/чатов, чтобы понять реальные точки утечки. Дальше матрица приоритетов (влияние × сложность): сначала фиксим всё, что режет конверсии прямо сейчас, затем — улучшения с высоким ROI.
Реализация шла по принципу «малых инкрементов»: шаблоны карточки → унификация листингов → фасетная логика фильтров → подсказки поиска → оптимизация выдачи. На каждом шаге делали A/B-проверки ключевых гипотез (цена крупнее vs мелче, плавающий CTA vs статичный) и фиксировали метрики. Финальная стадия — тестирование под нагрузкой и документация для клиента: чек-листы по мета-шаблонам, правила добавления опций и инструкция по дальнейшим A/B-тестам.
Что сделано:
-
Карточка товара (листинг → карточка). Крупная видимая цена в листинге, индикатор наличия (статус/счётчик), один явный CTA в листинге и плавающий CTA в карточке. Эффект: пользователи видят цену сразу и быстрее переходят к покупке.
-
Сверстана карточка «по фактам». Структура: короткое УТП → цена/наличие → ключевые характеристики → CTA → доп. инфо (сертификаты, сроки) — уменьшение числа вопросов в поддержку.
-
Фасетная фильтрация. Взаимозависимые фильтры с AJAX-подгрузкой, сохранением состояния (history API) и человекопонятными URL; под капотом — серверный кеш по комбинациям фильтров. Эффект: быстрая выдача и минимизация дублирующих страниц.
-
Поиск и подсказки. Подсказки показывают термин, пример товара, минимальную цену и бренд; автодополнение учитывает наличие; «пустой» поиск — релевантные категории и топ-товары вместо страницы 0 результатов — рост Search Success Rate.
-
Производительность выдачи. Кеширование подсказок (Redis), минификация/критический CSS, lazy-load и WebP/AVIF — выдача стабильно быстрая даже при пиковых нагрузках.
-
A/B-тесты и метрики. Настроены события: CTR карточки в листинге, переходы в корзину, Search Success Rate; проведены тесты по форматам карточек и CTA — наглядные улучшения метрик.
-
Документация и чек-листы. Технические инструкции по мета-шаблонам, правилам фильтрации и план дальнейших A/B-тестов — клиенту передан рабочий план поддержки.
Наши рекомендации:
-
Показывайте цену и статус наличия на уровне листинга — это снижает уходы «до карточки».
-
Фасетные фильтры делайте взаимозависимыми и кешируйте результаты комбинаций — это даёт скорость и предотвращает дубли.
-
Никогда не оставляйте «пустой» поиск как 0 результатов. Предлагайте категории, популярные запросы и топ-товары.
-
Тестируйте изменения карточки через A/B-эксперименты. Даже небольшая правка CTA часто даёт быстрый эффект.
-
Отслеживайте минимум: CTR карточки, Search Success Rate, bounce на категориях и число запросов в саппорт по товарам — это покажет, что работает.
-
Документируйте правила добавления товаров и фильтров: одна ошибка в названии атрибута — и фильтрация уже «не та».
Проекты, на которых построен кейс
Переходите в любой проект, чтобы посмотреть полный объём работ.
Готовы снизить отказы?
Закажите аудит каталога и поиска - мы пришлём приоритетный план правок и список быстрых выигрышей.