Implemented
Implemented
Implemented

Award-Winning Government Transformation

How a design system secured a $3.3M modernization budget

How a design system secured a $3.3M modernization budget

Project Overview

Summary

I led the expansion of Utah County's design system, a project that won a 2024 National Association of Counties (NACo) Achievement Award in IT. By removing our workflow bottlenecks, I enabled cross-department adoption of the design system, saving over 240k annually and increasing public service utilization by 150%. This project was instrumental in rebuilding stakeholder trusts after decades of failed service delivery, securing a $3.3M budget for a crucial county-wide web modernization initiative.

Summary

I led the expansion of Utah County's design system, a project that won a 2024 National Association of Counties (NACo) Achievement Award in IT. By removing our workflow bottlenecks, I enabled cross-department adoption of the design system, saving over 240k annually and increasing public service utilization by 150%. This project was instrumental in rebuilding stakeholder trusts after decades of failed service delivery, securing a $3.3M budget for a crucial county-wide web modernization initiative.

Summary

I led the expansion of Utah County's design system, a project that won a 2024 National Association of Counties (NACo) Achievement Award in IT. By removing our workflow bottlenecks, I enabled cross-department adoption of the design system, saving over 240k annually and increasing public service utilization by 150%. This project was instrumental in rebuilding stakeholder trusts after decades of failed service delivery, securing a $3.3M budget for a crucial county-wide web modernization initiative.

Product

Web

Product

Web

Product

Web

My Role

Design Lead Frontend Developer

My Role

Design Lead Frontend Developer

My Role

Design Lead Frontend Developer

Responsibilities

Design System Component Library Design Operations

Responsibilities

Design System Component Library Design Operations

Responsibilities

Design System Component Library Design Operations

Timeline

Q2 2023 - Q2 2024

Timeline

Q2 2023 - Q2 2024

Timeline

Q2 2023 - Q2 2024

Team

Leon Huang (AI Search Engineer, Frontend Developer), Kara Nosack (Designer), Leena Kumar (Web Data), Michael Teuscher (Developer), Daniel Bateman (Developer), Brandon Davis (Project Manager)

Team

Leon Huang (AI Search Engineer, Frontend Developer), Kara Nosack (Designer), Leena Kumar (Web Data), Michael Teuscher (Developer), Daniel Bateman (Developer), Brandon Davis (Project Manager)

Team

Leon Huang (AI Search Engineer, Frontend Developer), Kara Nosack (Designer), Leena Kumar (Web Data), Michael Teuscher (Developer), Daniel Bateman (Developer), Brandon Davis (Project Manager)

What does the Utah County Government do?

From Real Estate Tax System to Public Health Dashboard, these services are lifelines for residents.

25

Departments with digital solutions

30+

Public Web Applications

700k

Citizens and Non-Citizens Users

The Core Problems Driving Our Initiative

The Business Problem

Costly post-launch UX problems eroded public trust and made our stakeholders (the other 24 departments) question their ROI. We needed to restore their confidence to secure our budget for our critical migration to modern web frameworks.

The User Problem

Our 700,000+ citizens faced frustrating patchwork of digital services plagued by accessibility issues and broken navigation, making them hesitant to provide the sensitive data required for essential services, which in turn caused delays and errors in service delivery.

Strategy

Diagnosing Execution Failures

After our initial style guide failed to scale, I interviewed our development teams to diagnose the root causes. I mapped their entire workflow to pinpoint the exact sources of friction and delay.

I found three root causes that were stalling our style guide adoption. This is how I planned to solve them:

01

📚 Problem:
Abstract Tools

Our style guide was too abstract, lacking the coded components developers needed to build efficiently and consistently.

🧱 Solution:
A Functional Design System

Expand the guide into a dev-friendly system with a copy/paste component library.

02

🥶 Problem: Rigid Workflow

A rigid waterfall process prevented early feedback, leading to costly late-stage rebuilds and making budget estimates unreliable.

🤸‍♀️ Solution: A Hybrid-Agile Process

Replace our old method with an iterative workflow that integrated early feedback.

03

🐌 Problem: Centralized Governance

As the sole design approver, I was a bottleneck that made the entire system unscalable.

👯‍♂️ Solution: A Delegated UX Committee

I proposed forming a cross-functional committee to decentralize design decisions and empower the teams.

Project Roadmap

2023 Q3

Secure Buy-In Using Pilot Project

To begin, I demonstrated the value of our self-funded pilot project and ran workshops to educate stakeholders on the potential ROI of a full system. This rebuilt trust and secured two external department projects as testbeds for the Design System MVP.

2023 Q3

Secure Buy-In Using Pilot Project

To begin, I demonstrated the value of our self-funded pilot project and ran workshops to educate stakeholders on the potential ROI of a full system. This rebuilt trust and secured two external department projects as testbeds for the Design System MVP.

2023 Q3

Secure Buy-In Using Pilot Project

To begin, I demonstrated the value of our self-funded pilot project and ran workshops to educate stakeholders on the potential ROI of a full system. This rebuilt trust and secured two external department projects as testbeds for the Design System MVP.

2023 Q4

Create a Dev-friendly Design System

With our testbed projects secured, we audited all our web services and co-created the core components directly with developers to ensure Design System MVP practicality. This led to a successful launch that improved user satisfaction and service utilization by over 30%.

2023 Q4

Create a Dev-friendly Design System

With our testbed projects secured, we audited all our web services and co-created the core components directly with developers to ensure Design System MVP practicality. This led to a successful launch that improved user satisfaction and service utilization by over 30%.

2023 Q4

Create a Dev-friendly Design System

With our testbed projects secured, we audited all our web services and co-created the core components directly with developers to ensure Design System MVP practicality. This led to a successful launch that improved user satisfaction and service utilization by over 30%.

2024 Q1

Pilot New Workflow & UX Governance

The new system was working, but our process was still blocking progress. We used the two testbed projects to test a new hybrid-agile workflow and a cross-functional UX committee. This proved we could eliminate our old bottlenecks and costly late-stage redesigns.

2024 Q1

Pilot New Workflow & UX Governance

The new system was working, but our process was still blocking progress. We used the two testbed projects to test a new hybrid-agile workflow and a cross-functional UX committee. This proved we could eliminate our old bottlenecks and costly late-stage redesigns.

2024 Q1

Pilot New Workflow & UX Governance

The new system was working, but our process was still blocking progress. We used the two testbed projects to test a new hybrid-agile workflow and a cross-functional UX committee. This proved we could eliminate our old bottlenecks and costly late-stage redesigns.

2024 Q2

Scale Design Operation

With a proven design system and a proven process, we had everything we needed for a full rollout. We successfully onboarded all 25 departments and delegated system maintenance roles, enabling UX operations and continual improvement on user-centered design.

2024 Q2

Scale Design Operation

With a proven design system and a proven process, we had everything we needed for a full rollout. We successfully onboarded all 25 departments and delegated system maintenance roles, enabling UX operations and continual improvement on user-centered design.

2024 Q2

Scale Design Operation

With a proven design system and a proven process, we had everything we needed for a full rollout. We successfully onboarded all 25 departments and delegated system maintenance roles, enabling UX operations and continual improvement on user-centered design.

2023 Q3

Secure Buy-In Using Pilot Project

The first step in rebuilding trust was to demonstrate immediate value. I started by showcasing how we fixed the navigation issues our residents complained about most through redesigning the main county website.

The overwhelming positive feedback of this pilot project from residents and employees was what ultimately convinced department heads to green-light the larger initiative.

User Persona Goals

Public User

I want to find the service I need immediately and accurately without having to guess its name or dig through walls of links.

Public User

I want to find the service I need immediately and accurately without having to guess its name or dig through walls of links.

Public User

I want to find the service I need immediately and accurately without having to guess its name or dig through walls of links.

Department

I want our front page to reflect our community values and digital capabilities, without having our employees re-learn where to find their resources.

Department

I want our front page to reflect our community values and digital capabilities, without having our employees re-learn where to find their resources.

Department

I want our front page to reflect our community values and digital capabilities, without having our employees re-learn where to find their resources.

A User-Centric IA

To fix the chaotic navigation menu, we rebuilt the county's information architecture around user tasks instead of internal departments.

Navigation Bar—Before

"The menus are just a huge, overwhelming wall of links. I can't find what I'm looking for."

"I don't understand half these government terms. What's a 'Parcel Inquiry' supposed to mean?"

—Citizen & Internal Users

Navigation Bar—After

" For the first time, the county website actually makes sense. I found what I needed in two clicks instead of twenty minutes. It's such a relief."

—Brenda, Citizen User

A Better Search

Our research showed over 40% of our users prefer using a search bar over menus, so we replaced our unreliable Google search with a powerful, in-house AI solution.

Rebuilt User Trust

✅ Guaranteed official results
📉 Real-time suggestions to reduce interaction cost
🧠 Understands natural language & typos

Proved Our Value

🏛️ $200k+ more cost-effective than external smart search solutions
🦾 Demonstrated in-house AI capabilities
👩🏻‍💻 Allowed for full control of search results

Powered by

AWS, AWS Lambda, OpenAI

2023 Q4

Create a Dev-friendly Design System

With buy-in secured, we executed the next phase of the plan: expanding the style guide into a functional design system that solved the "Tooling Problem."

User Persona Goals

Public User

I want to know that I am on official government websites and can easily navigate within and across web services.

Public User

I want to know that I am on official government websites and can easily navigate within and across web services.

Public User

I want to know that I am on official government websites and can easily navigate within and across web services.

Department

I want to have my own branding while getting the efficiency and improved UX of a design system.

Department

I want to have my own branding while getting the efficiency and improved UX of a design system.

Department

I want to have my own branding while getting the efficiency and improved UX of a design system.

Developer

I want to share and reuse common UI solutions across projects and teams.

Developer

I want to share and reuse common UI solutions across projects and teams.

Developer

I want to share and reuse common UI solutions across projects and teams.

UX Designer

I want to establish styling consistency while providing flexibility for functional needs.

UX Designer

I want to establish styling consistency while providing flexibility for functional needs.

UX Designer

I want to establish styling consistency while providing flexibility for functional needs.

Components & Patterns

Through an audit of all our disjointed web services, we identified that our most common layout patterns are "service one-stop" page, instructional page, and data-entry form. We then created modular components and templates for these patterns, ensuring consistency in user flows while allowing departments the branding flexibility they required.

Built with

React, Tailwind CSS, Figma

Coded Solutions

I knew Figma design alone wouldn't guarantee quality, so I consulted our developers for the best approach: Should we adopt a commercial UI library or build an in-house solution?

My hypothesis was that our developers would favor flexibility and performance over a restrictive third-party library. Interviews confirmed this unanimously. They chose a straightforward copy/paste component library paired with a Tailwind theme package.

This approach gave them maximum ease of customization, enabled easy batch updates across all services, and provided built-in WCAG 2.2 compliance.

Integrated with

React, Tailwind CSS, Figma

2024 Q1

Pilot New Workflow & UX Governance

Finally, we addressed the workflow and governance failures by introducing a new operational model.

A Hybrid-Agile Workflow
We replaced the rigid waterfall process with an iterative workflow that integrated UX validation at key stages, eliminating late-stage rebuilds.

A Decentralized UX Committee
I formed and led a cross-functional committee to delegate quality control and design decisions. This eliminated my bottleneck and gave other teams a sense of ownership, turning our most vocal critics into the system's biggest advocates.

User Persona Goals

UX Designer

I want to ensure UX accountability across all web projects without becoming a bottle-neck.

UX Designer

I want to ensure UX accountability across all web projects without becoming a bottle-neck.

UX Designer

I want to ensure UX accountability across all web projects without becoming a bottle-neck.

Developer

I want to get actionable usability feedback earlier to prevent late-stage rebuilds and have a direct voice in the design system's evolution.

Developer

I want to get actionable usability feedback earlier to prevent late-stage rebuilds and have a direct voice in the design system's evolution.

Developer

I want to get actionable usability feedback earlier to prevent late-stage rebuilds and have a direct voice in the design system's evolution.

Project Manager

I want to create accurate project roadmaps and budget projections with established UX requirements.

Project Manager

I want to create accurate project roadmaps and budget projections with established UX requirements.

Project Manager

I want to create accurate project roadmaps and budget projections with established UX requirements.

Hybrid Workflow

The integration of UX validation points within an agile structure. To support implementation, we also created a detailed process flow-chart.

Powered by

AWS, AWS Lambda, OpenAI

Impact

2024 Q3

🇺🇸 National Recognition

Our redesign effort was recognized by the National Association of Counties (NACo) for its best-in-class improvements to digital service delivery and operational efficiency.

Project Outcomes

Business Viability

$3.3 M

Target budget secured for web modernization

80%

Departments completed the adoption of the new design system

$0

Net cost, as savings from the design system fully funded its own development.

User Impact

100%

WCAG 2.2 compliance on new projects

150%

Increased public service utilization

4.2

/5

User rating

Operational Efficiency

40%

Reduced developer time spend on rework and redundant tasks

Let's talk

Copyright @ 2025 Chloe Tam

Let's talk

Copyright @ 2025 Chloe Tam

Let's talk

Copyright @ 2025 Chloe Tam