Design Systems
A design system was introduced to support the growing number of components and patterns for a global tax accounting firm.
THE PROBLEM
Their software system called for an complete revamp. The previous components were outdated and inconsistent throughout the application, making them not scalable.
GOALS
To introduce the atomic library by leveraging their existing brand identity and guidelines. This design system would be the one source of truth for their design and development teams worldwide.
Client name is confidential for NDA reasons.
MY ROLE / KEY CONTRIBUTIONS
I worked in collaboration with other designers, we defined the components and patterns extending the brand identity. Individually we took ownership of a set of components and patterns to build the atomic library.
Timeline: 2-week sprints, 12 months including software strategy & development
THE TEAM
1 lead, 2 senior designers & 1 developer
PATTERN LIBRARIES
Patterns were grouped into categories introducing guidelines for implementation.
WHAT WE DID
We customized the components and patterns without leveraging any frameworks to reflect and extend the brand to be unique. We added specs and usage guidelines for 100% pixel perfect results for future integrations as the product scaled.
DESIGNER & DEVELOPER: ONLINE ACCESS
We dedicated a page online with guidelines and faqs for teams to consume worldwide.
OUTCOME
After we launched the design system, the adoption rate was high and became easier to scale the product faster. The atomic library was uploaded for designers to download and developers could directly copy code, api and follow online usage guidelines.