The Background

The client had a clear objective: to create a clean, professional, and high-class web presence that would reflect the sophistication and advanced technology of the D9 model. Our task was to design and build a page that would not only showcase the vehicle’s features but also convey a sense of luxury and innovation.
Style Guide
Logo
Typography
HEADINGS
Font Size: 60px
Font Weight: Regular
Line height: 66px
Font Size: 44px
Font Weight: Regular
Line height: 52.8px
Font Size: 30px
Font Weight: Bold
Line height: 36px
Mobile
Font Size: 35px
Font Weight: Regular
Line height: 38.5px
Mobile
Font Size: 25px
Font Weight: Regular
Line height: 30px
Mobile
Font Size: 20px
Font Weight: Bold
Line height: 24px
BODY, LABELS
Font size: 18px
Line height: 21.6px
Font size: 15px
Line height: 21px
Font size: 14px
Line height: 19.6px
Colors
Black
#000000
Grey
#AEAEAE
White
#FFFFFF
Accent Colors
BYD Red
#D70C19
BYD Grey
#686D71
UI Elements
Button
Iconography
Images
Our UI/UX design process on Figma involves a meticulous exploration of client requirements, followed by the creation of pixel-perfect responsive designs. Leveraging Figma's collaborative features, we seamlessly transition from wireframes to high-fidelity designs, ensuring a visually stunning and flawlessly responsive user interface across diverse devices.

Figma UI Design

Ready to work with us?