Acura is Honda’s luxury automotive division, known for blending innovation and premium craftsmanship. The old Acura designs were outdated, inefficient, and inconsistent—built without components, variants, or auto layout. In 8 weeks, I designed the website experience for Acura using a centralised design system with component library (using styles and variables). Rolled out 1000+ scalable and responsive screens, optimised for conversion.

Setting up the foundations (tokens)
 Defined styles for color, typography, spacing etc. Represents the design decisions that define the look and feel of Acura.

Core components
 Button, input fields, radio buttons and checkboxes. Reusable elements to create more complex components.

Domain components
 How many domain components were created in total? More than 100 solid components (excluding variants). To make them scalable and modular, we used styles, auto layout, nested instances and boolean properties in Figma.

Variables
 To control multiple resolutions (mobile, tablet & desktop) and spacing between elements. (xs,s,m,l,xl)

Rolling out 1000+ Screens
 Took existing screens and recreated them using the design system created (core + domain component library + variables)

I’d really like to, but I’m not allowed to showcase the components and the structure built publicly.🙊 To understand more about the project, book a call with me!