Задача
Оптимизировать интерфейс и улучшить пользовательский опыт на сайте строительного магазина: упростить работу с карточкой товара, усовершенствовать поиск, адаптировать фильтры и улучшить взаимодействие с корзиной.
Подход
Провели UX-аудит текущей версии сайта. Приоритизировали задачи по степени влияния на поведение пользователя. Учитывали реальные паттерны взаимодействия с карточками товаров, поиском и фильтрами. Использовали нативные решения и кастомизацию модулей Bitrix CMS.
Что реализовано
Меню и навигация
Доработали выпадение подразделов в меню
Добавили задержку при открытии меню телефонов
Исправили баги с закрытием выпадающих подсказок поиска
Каталог и фильтры
Настроили приоритет вывода товаров «в наличии»
Сделали фильтры взаимозависимыми
Настроили вывод рекомендованных товаров
Карточка товара
Обновили заголовок блока выбора цвета. Добавили палитру цветов с подсказками при наведении.
Сделали цену на листинге заметнее. Настроили корректный вывод значений расхода в калькуляторе.
Исправили работу закреплённой кнопки «в корзину»
Корзина
Убрали метки у иконок избранного, сравнения и корзины
Реализовали открытие корзины только при наличии товаров
Добавили сообщение при пустой корзине
Сделали корзину кликабельной
Поиск
Доработали компонент Sphinx-поиска: добавили подсказки, цены, рекомендации и поведенческую логику
Реализовали поиск по статьям, брендам и категориям
Добавили фасетный фильтр
Сделали умное поведение при отсутствии результатов и «пустом» запросе
Интерфейс и макеты проекта
Результат
-
Улучшена визуальная читаемость и структура карточки товара.
-
Повысилась точность и удобство поиска.
-
Снижен уровень отказов в момент выбора и оформления.
-
Улучшена логика взаимодействия с корзиной.
-
Сайт стал быстрее и понятнее для пользователя.
Другие проекты
