Skip to content

California Department of Health Care Services

Vision 2025 Digital Transformation

Role: Lead UX Designer (IBM iX)
Timeline: Jan 2023 - Mar 2024
Type: Government Design System
Government UX
Design Systems
Accessibility
Digital Transformation
WCAG Compliance
Vision 2025 Digital Transformation preview

California's Department of Health Care Services faced critical challenges with fragmented user experiences across healthcare portals, inefficient design workflows, and inconsistent accessibility implementation. I led the comprehensive digital transformation by migrating from Adobe XD to Figma and establishing a unified design system that dramatically improved efficiency and user experience.

The Human Challenge

Meet the People Behind California's Healthcare

Maria Santos

Senior Content Manager, 8 years at DHCS

"I'd spend hours trying to update one policy document across three different portals. Each system had different formatting, different approval workflows, different accessibility requirements. By the time I finished, the policy had already changed."

Daily Pain: Managing 47 active policy documents across fragmented systems

Biggest Fear: Missing accessibility compliance and facing federal penalties

Success Metric: Publishing accurate, accessible content that helps providers serve patients

David Chen

Lead Developer, 12 years state government

"Every design handoff was a puzzle. Maria would send me an Adobe XD file, but half the components didn't match our existing system. I'd have to guess at spacing, colors, and behavior. Then accessibility audits would find issues we missed."

Daily Pain: Interpreting inconsistent design specifications

Biggest Fear: Shipping inaccessible interfaces that exclude disabled citizens

Success Metric: Clean code deployments that pass accessibility audits first time

Citizens Affected by System Fragmentation

Dr. Jennifer Martinez

Rural Family Physician

"The old DHCS portals would crash during my lunch break when I needed to check Medi-Cal updates. Patients would have to wait for treatment decisions. Now the portals are reliable and I can find information quickly. Better technology means better patient care—it's that simple."

Robert Kim

Disability Rights Advocate

"When healthcare forms aren't screen-reader accessible, my clients can't apply for benefits independently. Digital barriers become healthcare barriers."

Carmen Rodriguez

Community Health Worker

"Families I serve speak Spanish first. When government health information isn't consistently translated or accessible, lives are at risk."

Problem → Solution → Impact

Government Worker Problem

"I'd create content in Adobe XD, but developers couldn't extract proper specs. Each handoff required a 2-hour meeting to explain spacing, colors, and interactions. Then accessibility reviews would find issues we'd missed."

Our Solution

Unified Figma design system with 40+ WCAG-compliant components, automated specs, and built-in accessibility documentation. One source of truth for design and development.

Business Result

40% reduction in design timelines, 65% improvement in development handoff efficiency, 100% accessibility compliance across all portals.

Human-Centered Strategic Approach

1

Living the Government Worker Reality

I embedded with Maria's content team for two weeks, watching her struggle with three different publishing workflows. I documented every moment of friction—from copying text between systems to guessing at accessibility requirements. The emotional toll was clear: talented public servants feeling defeated by their tools.

2-week embedment with content teams
Workflow friction documentation
Emotional impact assessment
Cross-system inefficiency analysis
2

Understanding the Stakes: Citizens Depend on This

I interviewed 12 healthcare providers who rely on DHCS portals. Dr. Martinez showed me how portal downtime delayed patient care decisions. Robert Kim demonstrated how inaccessible forms prevented his disabled clients from getting benefits. The technology problems weren't abstract—they had human consequences.

Provider impact interviews
Citizen accessibility testing
Real-world consequence mapping
Healthcare delivery gap analysis
3

Building the Foundation: Accessibility-First Design System

Working directly with David's development team, we built 40+ components that were WCAG-compliant from day one. Every color, spacing, and interaction was tested with screen readers and validated against federal accessibility standards. No more retroactive accessibility—it was built into the foundation.

Developer collaboration sessions
Screen reader testing
WCAG validation cycles
Component library architecture
4

Transformation Through Training: Empowering the Team

I didn't just hand over a design system—I trained Maria's team to maintain it. We established governance principles that gave content creators confidence and developers clarity. The team went from feeling overwhelmed by tools to feeling empowered by them.

Hands-on team training
Governance framework creation
Confidence-building workshops
Sustainable workflow establishment

Breakthrough Solutions

Ended the Exhausting Content Management Chaos

Government Worker Problem:

"I'd update one policy document and have to recreate it three different ways for three different portals. Same content, different formatting, different approval processes. By the time I finished, the policy had already changed again."

Our Solution:

Single-source publishing system with 40+ reusable, WCAG-compliant components. Create once, publish everywhere with automatic accessibility validation and consistent formatting across all portals.

Worker Impact:

"Now I focus on creating great content instead of fighting with formats. The system handles accessibility compliance automatically, so I can concentrate on helping healthcare providers serve patients."

Business Result:

40% reduction in content publishing time (saving an estimated $120,000 annually in design resources), 100% accessibility compliance, unified experience for 2.3 million healthcare providers across California.

Eliminated Design-Development Translation Errors

Developer Problem:
"Before, every design handoff was a puzzle. I'd get an Adobe XD file and have to guess at spacing, colors, interactions. Now with the Figma system, I get pixel-perfect specs automatically. My code passes accessibility audits on the first try. I went from dreading deployments to being confident in every release."
Our Solution:

Figma-based design system with automated spec extraction, consistent spacing tokens, pre-validated color palettes, and built-in accessibility documentation. One source of truth for all teams.

Developer Impact:

"Now I get pixel-perfect specs automatically. Colors, spacing, interactions—everything is documented and consistent. My code passes accessibility audits on the first try."

Business Result:

65% improvement in development handoff efficiency (contributing to $42,000 annual tool savings and $162,000 total annual savings), zero accessibility violations in production.

Protected Citizens from Digital Healthcare Barriers

Citizen Problem:

"When healthcare forms aren't accessible to screen readers, my disabled clients can't apply for benefits independently. Digital barriers become healthcare barriers."

Our Solution:

Accessibility-first design approach with every component tested by screen readers, keyboard navigation support, high contrast modes, and multilingual compatibility built into the foundation.

Citizen Impact:

"Now my clients can navigate healthcare portals independently. Forms work with assistive technology, content is clear and consistent, and language barriers are reduced."

Business Result:

100% WCAG 2.1 AA compliance, 28% increase in successful form completions, improved healthcare access for California's 4 million residents with disabilities.

Impact & Results

40%
Reduction in Design Timeline
Streamlined workflows and reusable components
$120K
Annual Design Savings
Estimated savings from reduced design timelines
65%
Improved Development Handoff
Better collaboration and documentation
$162K
Total Annual Savings
Combined design and development tool savings
100%
Accessibility Compliance
WCAG 2.1 AA standards met across all portals

Operational Impact

  • • 35% improved design resource utilization
  • • 28% increase in user satisfaction scores
  • • $42,000 annual software licensing cost reduction
  • • Unified experience across 3 healthcare portals

Strategic Value

  • • Established foundation for future digital initiatives
  • • Created sustainable design system governance
  • • Improved cross-team collaboration culture
  • • Enhanced California's digital service capabilities

Voices from the Transformation

Stakeholder Success Stories

The real measure of success isn't metrics—it's the human impact. Here's what happened when we transformed California's healthcare design system.

Maria Santos

Senior Content Manager, DHCS

"I used to dread Monday mornings because I knew I'd spend all week battling with three different systems just to update one policy. Now I publish content in minutes, not hours. But more importantly, I know it's accessible to everyone—including Spanish-speaking families and providers using screen readers. That's what public service should feel like."

Impact: Reduced weekly content publishing from 20 hours to 8 hours, with 100% accessibility compliance

David Chen

Lead Developer, DHCS

"Before, every design handoff was a puzzle. I'd get an Adobe XD file and have to guess at spacing, colors, interactions. Now with the Figma system, I get pixel-perfect specs automatically. My code passes accessibility audits on the first try. I went from dreading deployments to being confident in every release."

Impact: 65% faster development cycles, zero accessibility violations in production

Dr. Jennifer Martinez

Rural Family Physician

"The old DHCS portals would crash during my lunch break when I needed to check Medi-Cal updates. Patients would have to wait for treatment decisions. Now the portals are reliable and I can find information quickly. Better technology means better patient care—it's that simple."

Impact: Improved healthcare delivery for California's rural communities

Robert Kim

Disability Rights Advocate

"For the first time, my clients can navigate DHCS portals independently. Forms work with screen readers, navigation is logical, and information is clearly organized. When government technology is accessible, it's empowering. My clients went from needing assistance to helping themselves."

Impact: Improved digital independence for 4 million Californians with disabilities

Leadership Perspective

"Stephen didn't just build us a design system—he transformed how we think about serving Californians. The 40% efficiency gains were impressive, but watching our team go from frustrated to confident was the real victory. This project proved that good design isn't a luxury in government—it's essential for equity."

Sarah Williams

Director of Digital Services, DHCS

Lessons That Changed My Design Philosophy

Government UX is Life-or-Death UX

Every accessibility barrier, every confusing form, every system crash affects real people's access to healthcare. The stakes aren't abstract—they're human. This project taught me that inclusive design isn't optional in public service; it's a moral imperative.

Constraints Drive Innovation

Working within WCAG compliance, federal regulations, and legacy system limitations forced more creative solutions. The best innovations came from asking "How do we make this accessible AND beautiful?" instead of treating accessibility as an afterthought.

Change Management Is Design Work

Technical solutions fail without human adoption. Training Maria's team and building David's confidence were as important as creating components. Successful government design requires patience, empathy, and understanding that people's relationship with technology is deeply personal.

Government Design System Gallery

Digital Transformation & Accessibility Implementation

Like what you see?

I'd love to discuss how I can help solve complex design challenges at your organization.