Design System

Consistency & Scalability

Role: UI/UX Design Intern

Company: KPMG Singapore

From August to December 2022, I had the privilege to be attached to KPMG Singapore on a rewarding internship, where I had the invaluable opportunity to experience the work of an User Interface (UI) and User Experience (UX) designer.

I employed my proficiency with the Figma software to develop a design system required for the UI of multiple tax applications across the company’s intranet, as well as craft several mock-up wireframes and high-fidelity prototypes to illustrate the user flows conveyed in user stories written by product owners.

The following is a selection of UI components from the design system which depict the work done during my 16-week-long internship.

What is a Design System?

The design system can be likened to a library of User Interface (UI) components provided to developers to incorporate in webpages. Typically, design systems consist of typography, icons, buttons, forms and many other components that are designed by UI designers, whereby the colour specifications, text fonts and alignments are defined to ensure uniformity across webpages. These components are assets that are available for plug and play when designing mock-up wireframes or high-fidelity prototypes.

Buttons

Switches