✶ Nova Design System
Teck Q4,2021 to Now • Design OpsRole
- Design lead of a nimble team of 1 front-end developer, 1 designer, and two coop designers to create an end-to-end design system tailored to Teck’s needs.
- Main seller of the system across the organization to gain traction using a clear and conservative ROI. (Avg time spent per week by developers and designers on low-level design) x (Total number of developers and designers)
Impetus
Material Design 2 was chosen as the system framework before I joined Teck. As the design team and product catalogue grew I saw the opportunity to greatly improve our design system. Selfishly, I didn’t want to have to explain basic components like buttons and inputs again.New design principles
- Prioritize action and content over aesthetics
- Accessibility and localization considered at the start
- Create governance around design system evolution and collaboration
Some Examples
Example of revisiting a basic text input component — reduced visual complexity and animation for usability, reduced number of styles, create different size options, and testing on current use cases.
Example of a new component — split buttons