Creating Components
How one system can work across multiple brands for a cohesive experience.
DESIGN SYSTEM
Updating the design system as a unified design language that is accessible, efficient, and scalable across different projects and teams. This includes creating a shared library of components and consistent design patterns that can be used across multiple platforms and devices. Additionally, comprehensive documentation should be created to ensure the correct implementation and use cases of the design system. Finally, the design system should be regularly updated and maintained to ensure the best user experience.
Problem
Process
A Kanban board was created to organize component tasks and assigned to designers. Following a template provided to keep styling consistent, the designers worked in two week sprints to research, design the component and document the use cases.
Designers used reputable resources such as Baymard and Neilson Norman Group to pull in best practices and interactions.
When building components, the designer needed to consider multiple screen sizes, A11y standards, and brand color guidelines. The goal was to build once and flip the switch to change the brand styling.
Agile Workflow
Reliable Research
Build to Theme
The entire design system was updated within 3 months from the project kick off, with complete documentation and components adaptable to every design group within the company.
Results
