Infotainment Experience(ccNC Operation)
Overview
'ccNC' is an infotainment system designed to enhance the Hyundai Motor Group's in-vehicle user experience.
Hyundai MOBIS is a leading global automotive supplier specialising in advanced vehicle technologies, including autonomous driving, electrification, infotainment, and safety systems. Our team was responsible for visualising and enhancing the in-vehicle infotainment system (ccNC) for Hyundai and Kia's current and future models.
Goal
Result
Incorporate 10+ features unique to each upcoming vehicle.
Built a structured design system that made iterations faster and more consistent across teams.
Ensure visual consistency of automotive functions across sedans, SUVs, and trucks.
Successfully designed and updated 50+ high-fidelity screens within the timeline.
Deliver fully refined UI and GUI Guidelines within a 2-week timeline per vehicle.
Implemented multilingual support for smooth adaptation across 5 different countries.
How the project progressed
Our way to solve the problem
Understand
Fully understand the GUI guidelines and identify inconsistencies to ensure new features integrate seamlessly into the infotainment design.
Define
Develop UI components and layouts for new vehicle features while updating and refining the GUI guidelines.
Finalise
Incorporate final feedback into the final infotainment design and deliver it to Hyundai MOBIS for development and integration into new vehicles.
The problems I found
GUI Guideline causing problems
One of the biggest challenges was ensuring that programmers and engineers could accurately follow the GUI Guidelines. My role was to bridge this gap by ensuring that all newly updated features were correctly positioned and fully aligned with the GUI Guidelines across upcoming vehicle models.
The major solution
Consistency in Resources
As the vehicles neared release, maintaining design consistency between Hyundai and Kia was crucial. While both brands offered the same services and layout, their design identities were distinct. Preserving these unique brand elements while ensuring a cohesive experience was essential. Additionally, maintaining visual consistency across graphic resources was important, as they shared key functions but differed in design.
Improving accessibility
Internationalisation across various vehicles
As Hyundai and Kia reached over 7.3 million users globally, internalisation became essential to delivering a consistent yet brand-specific experience. While both brands shared core services and layouts, I adapted the design system to reflect their distinct visual languages. This process deepened my understanding of each brand’s identity and ensured functional consistency without compromising usability or scalability across global markets.
Improving accessibility
Designing different functions
With active communication with designers and engineers at Hyundai MOBIS, I mainly focused on design features such as the Remote Smart Parking Assistant(RSPA), Split Screens, and My Vehicle while creating accurate GUI guidelines.
My key decisions
The calls that shaped the work
Three decisions that kept a growing, multi-brand infotainment system consistent and buildable.
Treat the guideline as the source of truth
- Challenge
- Engineers struggled to follow the GUI guidelines accurately as new features kept arriving.
- My decision
- I placed every new feature against the guideline and updated the guideline alongside the screens, instead of designing screens first.
- Impact
- Clearer handover to development and a design system that made each iteration faster.
One system, two brands
- Challenge
- Hyundai and Kia share the same services and layouts, but each has its own design identity.
- My decision
- I kept layouts and components shared, and let each brand speak through its shapes: sharp, angular corners for Kia, echoing the edges of its logo, and soft, rounded corners for Hyundai's more classic, timeless look.
- Impact
- Consistent functions across sedans, SUVs and trucks, with 50+ high-fidelity screens delivered on time.
Design for every language from the start
- Challenge
- With over 7.3 million users worldwide, screens had to work in many languages without breaking.
- My decision
- I adapted the design system so layouts held up across languages such as Korean, English and Japanese.
- Impact
- Multilingual support rolled out smoothly across 5 countries.
My learnings &
what can I do better next time?
1. Mobile UX/UI vs. automotive UX/UI
Automotive UX/UI design prioritises minimising driver distraction, requiring glanceable, intuitive interfaces. I focused on organising information effectively with clear typography, optimised layouts, and simplified visuals to enhance readability while driving.
2. Maintaining consistency across vehicle models
A key challenge was ensuring design consistency across Hyundai and Kia’s infotainment systems while preserving each brand’s unique identity. Balancing uniformity and differentiation was crucial for a seamless user experience.
Moving forward, I aim to collaborate more closely with developers to refine design-to-development workflows and conduct usability validations to better align with real user needs. This project strengthened my passion for user-centric automotive UX/UI design, and I’m eager to build more accessible and engaging in-vehicle experiences.
*Parts of this project are confidential. Feel free to get in touch if you'd like to hear more about the full process.
Let's talk!©Sohyun Park
