KPMG Design System
KPMG Design System
KPMG Design System
Building a design system to be implemented across all internal digital products for a Big 4 accounting firm.
Building a design system to be implemented across all internal digital products for a Big 4 accounting firm.
Building a design system to be implemented across all internal digital products for a Big 4 accounting firm.
My Role & Contributions
My Role & Contributions
My Role & Contributions
Interaction & UI Designer
Interaction & UI Designer
Interaction & UI Designer
The Team
The Team
The Team
Kieren Helmn
Deepika Vuppala
Julie Chan
Whittney Hammons
Julia Vidal
Dorian Alcala
Ryan Lee
Timeline
Timeline
Timeline
Ongoing since March 2023
Ongoing since March 2023
Ongoing since March 2023
Areas
Areas
Areas
Research, Design, Documentation
Research, Design, Documentation
Research, Design, Documentation
Overview
Overview
Overview
KPMG, one of the renowned 'Big 4' accounting firms, currently lacks a cohesive design system. This has led to the inconsistent use of numerous components, typography sets, and styles spread across multiple Figma files and various internal products.
Recognizing the importance of efficiency and consistency, the Product and Experience Design team has embarked on the crucial initiative of establishing a standardized design system. This strategic move aims to empower designers, project managers, and developers to expedite the development of consistent, high-quality products and solutions.
As one of the Interaction & UI Designers, I collaborated with the team to create and document components and elements in the design system. Additionally, I worked closely with developers to proactively identify potential constraints and explore solutions, conducted research to establish best practices and create organizational templates, tested components and elements for quality and usability, and designed interactions among these elements.
KPMG, one of the renowned 'Big 4' accounting firms, currently lacks a cohesive design system. This has led to the inconsistent use of numerous components, typography sets, and styles spread across multiple Figma files and various internal products.
Recognizing the importance of efficiency and consistency, the Product and Experience Design team has embarked on the crucial initiative of establishing a standardized design system. This strategic move aims to empower designers, project managers, and developers to expedite the development of consistent, high-quality products and solutions.
As one of the Interaction & UI Designers, I collaborated with the team to create and document components and elements in the design system. Additionally, I worked closely with developers to proactively identify potential constraints and explore solutions, conducted research to establish best practices and create organizational templates, tested components and elements for quality and usability, and designed interactions among these elements.
KPMG, one of the renowned 'Big 4' accounting firms, currently lacks a cohesive design system. This has led to the inconsistent use of numerous components, typography sets, and styles spread across multiple Figma files and various internal products.
Recognizing the importance of efficiency and consistency, the Product and Experience Design team has embarked on the crucial initiative of establishing a standardized design system. This strategic move aims to empower designers, project managers, and developers to expedite the development of consistent, high-quality products and solutions.
As one of the Interaction & UI Designers, I collaborated with the team to create and document components and elements in the design system. Additionally, I worked closely with developers to proactively identify potential constraints and explore solutions, conducted research to establish best practices and create organizational templates, tested components and elements for quality and usability, and designed interactions among these elements.
Our Approach
Our Approach
Our Approach
Starting with KPMG's Brand Guidelines, we rigorously evaluated design elements across internal products to craft a comprehensive atomic design system, covering colors, grids, typography, buttons, dropdowns, and input systems.
I took a leadership role in this initiative, responsible for developing and documenting the color system, typography, shadows, and grids, and we are currently in the testing phase with developers.
Starting with KPMG's Brand Guidelines, we rigorously evaluated design elements across internal products to craft a comprehensive atomic design system, covering colors, grids, typography, buttons, dropdowns, and input systems.
I took a leadership role in this initiative, responsible for developing and documenting the color system, typography, shadows, and grids, and we are currently in the testing phase with developers.
Our Process
Our Process
Our Process
2-Week Design Sprints
2-Week Design Sprints
Our team followed a structured approach by breaking down the design process into 2-week sprints, with different groups handling research, documentation, and testing.
Our team followed a structured approach by breaking down the design process into 2-week sprints, with different groups handling research, documentation, and testing.
Research + Building
Research + Building
Before building out these elements, we researched using resources like Material Design, Figma Design Systems teachings, and platforms commonly used at KPMG, such as ServiceNow, before proceeding with the construction of each sprint's element/component.
Before building out these elements, we researched using resources like Material Design, Figma Design Systems teachings, and platforms commonly used at KPMG, such as ServiceNow, before proceeding with the construction of each sprint's element/component.
Documentation
Documentation
After completing the building phase of an element or component, another group was responsible for documenting the "Do's & Don'ts" based on KPMG's Brand Guidelines and accessibility principles. This step demonstrates a commitment to ensuring that the design system aligns with KPMG's brand and accessibility standards.
After completing the building phase of an element or component, another group was responsible for documenting the "Do's & Don'ts" based on KPMG's Brand Guidelines and accessibility principles. This step demonstrates a commitment to ensuring that the design system aligns with KPMG's brand and accessibility standards.
QA Testing
QA Testing
The final step in each sprint was testing each element/component to verify its quality and usability. This testing phase ensures that what was built meets the desired standards and functions as intended.
The final step in each sprint was testing each element/component to verify its quality and usability. This testing phase ensures that what was built meets the desired standards and functions as intended.
Due to NDA restrictions, I can only disclose a high-level overview of our work completed so far. But we are currently in the process of testing and implementing this design system into existing internal products.
Due to NDA restrictions, I can only disclose a high-level overview of our work completed so far. But we are currently in the process of testing and implementing this design system into existing internal products.
