Hub Body Parts — дизайн інтернет-магазину автозапчастин

Бриф

Спроєктувати покупку, у якій важливі деталі

Hub Body Parts потрібен зрозумілий інтерфейс для продажу кузовних деталей Kia. Покупець має знайти потрібну позицію, перевірити сумісність з автомобілем, обрати покриття та зрозуміти наступні кроки замовлення. Нашим завданням було поєднати каталог і товарні сторінки зі сценаріями фарбування, оформлення покупки, особистого кабінету та відстеження доставки. Окремо продумали адміністративний інтерфейс для роботи із замовленням.

Виклик

Не просто знайти деталь, а впевнитися у виборі

В автозапчастинах одного фото й ціни недостатньо. На рішення впливають модель та рік автомобіля, тип деталі, її стан, покриття й умови отримання. Для пофарбованих деталей додається ще й код кольору. Потрібно було показати ці параметри без перевантаження інтерфейсу та передбачити шлях для покупця, який не може самостійно підтвердити сумісність. Не менш важливо зберегти цю логіку на мобільному екрані.

Рішення

Каталог, товар і checkout як один шлях

Каталог навколо автомобіля У структурі каталогу передбачили пошук за маркою, моделлю та роком, а також фільтри за категорією, станом і покриттям. Картки товарів поєднують фото, назву, ціну та зрозумілу дію. Товарна сторінка пояснює вибір Об’єднали галерею, варіанти покриття, характеристики та інформацію про сумісність. Для невизначених випадків передбачили звернення з VIN і фото, а для фарбування — допомогу з пошуком коду кольору. Структурований checkout Розбили шлях замовлення на кошик, дані покупця, оплату, перевірку й підтвердження. У підсумку частини й послуга фарбування відображаються окремими позиціями, а доставка й податки мають власні пояснення.