Від сумісної деталі до готового замовлення
Hub Body Parts — дизайн інтернет-магазину автозапчастин
Дизайн e-commerce для Hub Body Parts, який допомагає розібратися в сумісності, фарбуванні та доставці ще до покупки.
Hub Body Parts — дизайн інтернет-магазину автозапчастин®
Запросити подібний проєкт- Тип проєкту
- Інтернет-магазин кузовних автозапчастин
- Реліз
- 14.08.2026
- Технології
- Next.js Stripe Figma Supabase PostgreSQL
- Тривалість
- 2 місяці
Бриф
Спроєктувати покупку, у якій важливі деталі
Hub Body Parts потрібен зрозумілий інтерфейс для продажу кузовних деталей Kia. Покупець має знайти потрібну позицію, перевірити сумісність з автомобілем, обрати покриття та зрозуміти наступні кроки замовлення. Нашим завданням було поєднати каталог і товарні сторінки зі сценаріями фарбування, оформлення покупки, особистого кабінету та відстеження доставки. Окремо продумали адміністративний інтерфейс для роботи із замовленням.
Виклик
Завдання
Спроєктувати покупку, у якій важливі деталі Hub Body Parts потрібен зрозумілий інтерфейс для продажу кузовних деталей Kia. Покупець має знайти потрібну позицію, перевірити сумісність з автомобілем, обрати покриття та зрозуміти наступні кроки замовлення. Нашим завданням було поєднати каталог і товарні сторінки зі сценаріями фарбування, оформлення покупки, особистого кабінету та відстеження доставки. Окремо продумали адміністративний інтерфейс для роботи із замовленням.
Рішення
Виклик
Не просто знайти деталь, а впевнитися у виборі В автозапчастинах одного фото й ціни недостатньо. На рішення впливають модель та рік автомобіля, тип деталі, її стан, покриття й умови отримання. Для пофарбованих деталей додається ще й код кольору. Потрібно було показати ці параметри без перевантаження інтерфейсу та передбачити шлях для покупця, який не може самостійно підтвердити сумісність. Не менш важливо зберегти цю логіку на мобільному екрані.
Результати
Результат та KPI
Каталог навколо автомобіля У структурі каталогу передбачили пошук за маркою, моделлю та роком, а також фільтри за категорією, станом і покриттям. Картки товарів поєднують фото, назву, ціну та зрозумілу дію. Товарна сторінка пояснює вибір Об’єднали галерею, варіанти покриття, характеристики та інформацію про сумісність. Для невизначених випадків передбачили звернення з VIN і фото, а для фарбування — допомогу з пошуком коду кольору. Послідовне оформлення Розділили замовлення на кошик, дані покупця, оплату, перевірку та підтвердження. Підсумок показує деталь і послугу фарбування окремими позиціями, а доставка та податки мають власні пояснення. Після покупки Спроєктували особистий кабінет, сторінку відстеження та адміністративний екран замовлення. Статуси доставки, платіжна інформація, трек-номер і рахунок зібрані в узгоджену структуру.
- 5 кроків
Від кошика до підтвердження замовлення
// 001
- Desktop + Mobile
Адаптивний дизайн всіх сценаріїв
// 002
- VIN + Paint Code
Допомога з перевіркою сумісності та вибором кольору
// 003
- Клієнт + Admin
Інтерфейси покупця та керування замовленнями
// 004
Кредити
Тісна співпраця команд дизайну, контенту й інженерії RTEM®.
Проєкт поєднав сторителінг і цифровий люкс — від ранніх концепцій до запуску, з увагою до кожної деталі.
більше проєктів
Betonbruk E-commerce Case
Корпоративний сайт-каталог для виробника
Розробили корпоративний сайт для виробника бруківки та бетонних виробів, який структурує асортимент, підсилює довіру до бренду та переводить інтерес у цільові звернення. Фокус — зрозумілий каталог, акценти на виробничих потужностях і комерційна подача для приватних та B2B-клієнтів.
Performance Marketing Website
Portfolio site
Landing page для performance-маркетолога, створений для презентації кейсів, підвищення довіри та генерації заявок через сучасний UX, сильну структуру та мінімалістичний UI.
Ivanova Agency — сайт маркетингової агенції
Лендінг маркетингової агенції
Спроєктували лендінг для маркетингової агенції Яни Іванової. Зібрали позиціонування, кейси з цифрами, відгуки та формати співпраці в послідовну історію, яка допомагає оцінити команду й перейти до заявки.
LUNETIC
E-commerce concept · Premium eyewear
E-commerce концепт для преміального бренду окулярів. Фокус на естетику, клієнтський досвід від вибору до оформлення замовлення та luxury-позиціонування.