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