Hyundai B2B Training Platform
Paul Vazhbin
Hyundai Performance Institute Portal
Project Details
• Client: Hyundai US (via Ander)
• Role: Product Designer
• Timeline: June 2024
Project Overview
Delivering a scalable B2B Learning & Development (L&D) platform for the US automotive market. The primary objective was to design a comprehensive, web-based training center for Hyundai employees, untangling complex educational data into a clean, intuitive interface.
Design & Technical Approach
Engineered a fully responsive web experience, covering both complex desktop dashboards and adaptive mobile web layouts entirely in Figma. To ensure a seamless handoff and accelerate development, the structural foundation was built upon the MUI component library.
Bespoke UI Components: Designed completely custom UI elements from scratch to accommodate specific B2B logic, data reporting, and educational tools that fell outside the standard MUI library.
• MUI Customization: Deeply customized standard Material UI components, mapping tokens and variables to perfectly align with Hyundai’s strict corporate brand guidelines and aesthetic requirements.
Mobile Information Architecture: Transformed the dense desktop dashboard into a touch-friendly, vertical card-based layout for the mobile web version, allowing users to navigate key sections with one hand
• Advanced Filtering Systems: Designed native-feeling bottom sheet modals to handle complex sorting and content filtering on smaller screens. This allows users to easily sift through various media types (PDFs, Videos, Images) in the library.
Filtering & Sorting Systems
(Note: The companion native mobile app designed for this ecosystem is featured in a separate case study).
Like this project
Posted Aug 5, 2026
A web-based L&D training center for Hyundai. Features an intuitive dashboard, resource library, and reporting system to streamline employee onboarding.
Likes
0
Views
1
Clients
Ander
Hyundai
