Qin.W

Design system

// Styleguide | Guidelines | Components | Workshop Facilitation

// 3 Designers + 5 Front-End Engineers

Iterate style guide

Colour Accessibility

Update colors to make sure the conrtast meets WCAG standard.

Update fonts based on feedback session

Collect feedbacks from designers and web team, refined font sizes. aligned naming convention with web team for more efficient collaboration in the future.

Introduce New Components

Modals, Chips, Breadcrum, Spyscroll, Snackbar

Define guidelines

UX Copywriting guide

Grid

Define grid system tailored to our system and task priority

How did we build it

How did we work together to iterate and use design system

Use guide

Come out with usage guide with structured workshop, collecting feedback from developers and designers to align vision and process

Standardize a pattern

Product audit, regular review and anouncement

Iterate style guide Introduce New Components Define guidelines UX Copywriting guide Grid How did we build it Back to Top -->