Government Design System

Government Design System

Government Design System

Timeline:

Sept. 2023 - Mar. 2025

Role:

UX/UI Designer

Client:

Government Sector

Across the Department, there are several applications with their own experience and visual interface, resulting in significant challenges with accessibility, technical debt, and costs to serve. Our challenge was 'how might we create a consistent experience and visual identity across the Department?'

Solution

A modular and scalable design system aimed at providing different teams and platforms the ability to create digital solutions at reduced time, costs, and efforts.

A modular and scalable design system aimed at providing different teams and platforms the ability to create digital solutions at reduced time, costs, and efforts.

Outcome

10000+ users

10000+ users

More than 10000 department employees have adopted the the design system into the work flow.

42%↑ efficiency

42%↑ efficiency

The design system streamlined workflows - cutting design-to-development time by 42%

4+ platforms

4+ platforms

The design system caters to Salesforce, .Net, Mobile Apps, & ServiceNow with the intent to scale

Goals

Create an accessible identity

Create an accessible identity

Develop a design system that encapsulates the identity of the department and all of its teams

Driving workflow efficiency

Driving workflow efficiency

Understand and ensure design system adaptability to increase adoption into workflow

Approach

Co-create with value steams

Co-create with value steams

To ensure continuous growth of the design system, there are open communication channels with the value streams to gather feedback on components, patterns, and templates. If issues are highlighted within deployed components, then a review process occurs with the component and issues are documented and tracked within Azure DevOps for developments. The process is then repeated with a showcase to value stream users to ensure it aligns with the digital solutions.


This process applies across all different platforms; Salesforce, .NET, ServiceNow, and Mobile Apps.

Going atomic to scale

Going atomic to scale

To ensure visual consistency, flexibility, and ease of maintenance, we structured the design system using the Atomic Design approach.

Branding

Molecule components

Development (Sandbox)

Let's turn ideas

into reality.

Let's turn ideas

into reality.