Skip to content

← Work

2023UX/UI

HYUNDAI Car Customizing

Redesigning Hyundai.com's car-customizing flow to curb drop-off, on app and web.

Hyundai Car Customizing concept main visual
Context
Hyundai Motor Group Softeer Bootcamp team project
Timeline
2023.07-08
Role
Project lead, UX/UI
Tools
Figma

Background

Hyundai.com's Build Your Own configurator puts an entire car on one page: a 360° viewer, every colour, option packages, accessories, charts of what other buyers picked. Our brief was the drop-off rate, and research traced it to first-time buyers facing a dozen decisions at once.

The Car Customizing service on Hyundai.com
Hyundai.com's configurator as it runs today, captured 2025

What I made

One page became an eight-step sequence, from powertrain to quote. A media region and a select region hold the same positions on every step, on phone and desktop. One action per screen, a single question with a visible price, and purchase-share data moved onto the options themselves.

Design strategy diagram for the customizing flow

Two ways through

The flow forks. Self Mode is the eight steps; Guide Mode takes a few tags and returns a recommended spec, editable step by step. EncycloCARdia explains a term like “powertrain” in place.

Redesigned customizing flow, screen 1
Redesigned customizing flow, screen 2
Redesigned customizing flow, screen 3
Guide Mode: EncycloCARdia
Redesigned customizing flow, screen 4
Redesigned customizing flow, screen 5
Redesigned customizing flow, screen 6
Redesigned customizing flow, screen 7

Outcome

A team project in Hyundai Motor Group's Softeer Bootcamp, which I led. It is a concept: nothing here shipped to hyundai.com.

Presenting the project in the bootcamp classroom
The final presentation on the auditorium stage, Guide Mode on the LED wall
The final-presentation backdrop: the project branded YoungCha, with laptop and phone mockups