BMFix — дизайн каталога автозапчастей и аксессуаров
BMFix — ведущий украинский дистрибьютор запчастей и аксессуаров для BMW, MINI и других европейских брендов премиум-сегмента.
Продукт сложный: тысячи позиций, разные поставщики, разные сроки поставки на один и тот же товар. Я взял на себя задачу сделать этот процесс понятным даже для человека, который не разбирается в машинах.
Задача
Превратить подбор автозапчастей — процесс, который обычно требует звонка менеджеру или знания каталожных номеров — в интуитивный онлайн-опыт:
поиск по VIN-коду и артикулам без ручного уточнения
создание гибкой системы подбора по автомобилю
прозрачное отображение разных цен и сроков поставки для одного товара
Главная страница:
три пути к покупке
Вместо одного «правильного» сценария поиска — три, под разный тип покупателя:
Прямой поиск
Строка в хедере принимает номер детали, название или VIN-код — без необходимости знать точную терминологию.
Пошаговый фильтр
После выбора авто весь каталог фильтруется под конкретную модель — больше не нужно проверять совместимость вручную.
Визуальный каталог
Для тех, кто ещё не определился с конкретной деталью и хочет просто «посмотреть», что есть в наличии.
Ниже второго экрана расположен динамический промо-слайдер для акций и блок «Популярные товары», контент которого адаптируется под выбранное авто пользователя.
Меню каталога
Листинг товаров:
гибкость под разного покупателя
Каталог реализован в двух режимах отображения для разных паттернов поведения:
Плитка: акцент на крупные изображения — идеально для выбора аксессуаров, дисков и мерча.
Список: компактный вид для профессионалов и оптовых покупателей, где важны артикулы и технические параметры.
Hover-иконка открывает краткую техинформацию без перехода в карточку.
Для товаров с вариациями (объём масла, размер футболки) — селектор прямо в карточке.
Отдельно решил задачу мульти-прайсинга: один и тот же товар может иметь разную стоимость в зависимости от срока поставки и наличия.
система автоматически подсвечивает оптимальный вариант (баланс цены и скорости)
через модальное окно пользователь может сам выбрать: «дешевле, но дольше» или «дороже, но сейчас»
для новых пользователей предусмотрены инфо-баннеры, объясняющие механику ценообразования
БМфиксик —
персонаж-ассистент
Чтобы сделать интерфейс более живым и дружелюбным, я разработал персонажа — робота БМфиксика.
Неформальный, но ненавязчивый помощник: подсказки, подтверждения, статусные сообщения.
Задача проста: сложный технический продукт не должен ощущаться «холодным» — это напрямую влияет на то, вернётся ли клиент за следующей покупкой.
Страница товара
Первый экран карточки товара концентрирует всё необходимое для принятия решения:
Check-up совместимости
Виджет, подтверждающий, подходит ли деталь к выбранному в «гараже» авто. Вывод основных характеристик.
Вариативность
Быстрый выбор фасовки (для масел) или размеров (для одежды). CTA и индикатор наличия/срока — видны сразу.
Быстрая навигация
Система «якорей» позволяет одним кликом перейти к таблице аналогов или детальному сравнению ценовых предложений.
Результат
BMFix получил инструмент, который сочетает масштаб и простоту выбора даже для покупателя без технической экспертизы. В итоге:
масштабируемый каталог с продуманными инструментами поиска и подбора
раздел оригинальных каталогов на базе TecDoc
чистый, премиальный дизайн в стилистике бренда с дружелюбным ассистентом
прозрачную систему цен и доставок
личный кабинет с «Гаражом», где хранятся данные об автомобилях клиента, для мгновенного перехода к покупкам в будущем, истории заказов и прочего
конверсионный чекаут, минимизирующий ошибки при заказе
