State of New Mexico:
Redesigning Application Process & Benefits Tracking for Applicants

Client

State of New Mexico

Team

Designers x5
Business Analysts x5
Developers x10
Client Skakeholders x4

Role

UX Design Consultant

Time Frame

1.5 years

Challenge

New Mexico state employees were juggling six different systems to manage client benefits, each with its own login, interface, and quirks. This led to high error rates, duplicated data, and a frustrating experience especially for customers going through a time of distress in their lives.

Solution

Redesign the experience into a unified, secure portal that could simplify workflows without compromising on accessibility or compliance with state/federal standards.

Impact

The success of our design solution was reflected in significant improvements across key metrics.

60% 

Increase in Digital Adoption Rate, encouraging users to move from paper-based applications to a seamless digital platform

84%

Customer Satisfaction (CSAT) score. Users expressed they felt confidence while using the new portal

78%

Task Success Rate during usabilty testing. Users completed all 12 tasks seamlessly, without confusion

My Contributions & Process

Research & Analysis

  • Conducted 70+ interviews with case workers and residents that have applied to state benefits.
  • Mapped out end-to-end journeys across different user types (applying for benefits vs. managing benefits)
  • Identified key pain points: redundant logins, unclear workflows, and lack of data visibility.

Information Architecture

  • Content audit to analyze existing application structure.
  • User Flow Mapping to visualize branching logic for multi-benefit integration.
  • Task Analysis to identify core user tasks and feature prioritization.

UX Design

  • Created wireflows to merge key tasks into a single dashboard view.
  • Partnered with dev teams to explore balance of tech complexity with design needs.
  • Designed a WCAG compliant, modular-based design system to identify resuable components in maintaining consistency.
  • Iterative User Testing to validate designs.

Developer Collaboration & Handoff

  • Development Collaboration to address technical constraints.
  • Iterative User Testing and validation.
  • Figma Design System that included dev mode-ready components, responsive breakouts and exportable assets and usage documentation.
How might we simplify the benefits application process in New Mexico, so people can focus on getting help rather than navigating a complicated system?

Research & Analysis

State workers told us what was broken – here’s what we learned

Over four weeks, our team collaborated with the client team, including state employees and program administrators, to review their workflows and system experiences. I, then, synthesized user interview findings, identified pain points, and spearheaded an affinity mapping session to organize and prioritize insights.

These conversations revealed major pain points, such as:

  • Lost information and inefficient tracking methods.
  • Prolonged phone calls with residents, eating into time for other critical tasks.
  • Missed renewal deadlines, leaving residents without timely support.
  • A shared concern that residents weren’t receiving the full benefits they deserved, especially during times of distress.

Key lessons from state portals: What we adopted & avoided

I conducted market research to analyze other state applications and multi-layered platforms, focusing on how they organized and compartmentalized complex information. This helped identify best practices for structuring applications and dashboards with many moving parts, ensuring the solution was scalable.

Information Architecture

Simplifying complexity with a targeted content audit

I led a content audit to pinpoint redundant steps and complexities in the existing user flow, revealing key opportunities to streamline the experience.

This gave the team a strong foundation to ensure a consistent user flow structure as the design evolved

The application would be made up of 3 sections:

  • Program Selection: Let users customize the application based on their needs.
  • Universal Questions: Consolidated repetitive sections to streamline the process.
  • Program Questions: Addressed program-specific requirements.

Mapping the flow to simplify and scale

I conducted a task analysis by mapping out the user flow for a single benefit - child support. This helped identify branching points, dependencies, and opportunities to consolidate steps.

By starting with one benefit, I was able to define a scalable framework that allowed for the seamless integration of additional programs, streamlining content and reducing redundancy. It helped us establish expectations for the types of page templates needed and how they should interact

We applied the same user-centered approach to design the dashboard, prioritizing key information relevant to users without unnecessary distractions.

This allowed users to:

  • View application progress.
  • Track renewal deadlines.
  • Make edits to applications on their own timeline.
  • Receive real-time updates.

UX Design

With a clear grasp of user needs and a solid information architecture, I moved into the design phase to turn those insights into a seamless, intuitive experience that aligned with the new branding while meeting both user and business goals.

Visualizing efficiency through wireframing

At this stage, I started wireframing layout ideas for the application and dashboard, balancing user needs with researched design patterns to create an intuitive and effective structure. This helped me visualize repetitive user flows and identify reusable components as the application and dashboard evolved.

Building scalable design with modular components

Given the large scale of the application and dashboard redesign, I expanded on our team’s building block and template strategy by enhancing the component library and creating detailed usage guidelines.

This allowed us to efficiently integrate relevant content as pages were developed while maintaining a consistent visual identity and branding. This modular approach ensured scalability, efficiency, and a cohesive user experience across the project.

Application

We designed specific components for key parts of the application, such as form inputs, navigation menus, chapter pages, and individual modules. These components were drag-and-dropped into place as we constructed the full application.

Dashboard

We applied the same approach to the dashboard, designing dashboard-specific components that formed the foundation of its pages. These components were organized into a hierarchy of templates, ensuring consistency and scalability. By drag-and-dropping these modular elements, we created a flexible and intuitive experience tailored to user needs.

Translating specifications into UI: Shaping the portal

With the component and template strategy defined, I leveraged the new visual branding to build out key pages that laid the foundation for the refreshed portal experience.

click for a closer look at design system snippets!

A non-linear path towards iterative refinement

The process was far from linear. Over 6-7 months, we conducted approximately 72 user interviews with past and present state benefit applicants, while looping in the development team for prototype walkthroughs.

I uncovered several technical constraints and usability issues early on, addressing them proactively with the development team to ensure a smoother transition into the build phase.

Developer Collaboration & Handoff

Aligning design with development to overcome technical constraints

One of our main challenges was the robust tracking feature of the application. I discovered that the plan the client chose for the new portal, Salesforce’s Enterprise Plan, limited backend customization, making it difficult to sync data across siloed applications and display accurate tracking.

To solve this, I collaborated with developers to pivot to a 'reveal as we go' approach. I tested multiple versions with real users, refining the design until we landed on a dynamic tracking solution that adapted to the applicant’s progress as they completed the application - all while working within the technical constraints.

Version 3:

Final Design!

The final tracking experience is integrated with application navigation, using icons and visual cues to indicate progress. Sections populate only after completion, ensuring a dynamic, customized experience that minimizes confusion and adapt to user progress.

Validating accessible design: UI that works for all

Based on the client’s insights that most applicants had a 5th-grade tech understanding, I conducted 2 rounds of testing (24 sessions) to validate the effectiveness of new UI elements in the portal. These included bold notice indicators, tooltips, PSA messages, and friendly navigator language across the web experience.

Testing revealed a 85% success rate in task completion, confirming the effectiveness of these elements in delivering a clear and intuitive experience for all users.

Empowering developers with a scalable figma design system

To streamline development, I managed the building blocks/design system library in Figma, which documented standardized templates for the application and dashboard. The library detailed each component’s usage patterns, margins, and sizes, allowing developers to build once and reuse across the platform. This approach ensured consistency and efficiency, as any updates to a component automatically applied everywhere it was used.

Getting a Better Look at the File

To help developers better understand our Figma file, export assets, and inspect designs and components, I created a centralized reference for the team to use.

This included:
  • Guidance on using Dev Mode in Figma.
  • Instructions for exporting assets.
  • A detailed breakdown of each component, covering margins, sizes, types, colors, and usage instructions.
  • Responsive designs for mobile and tablet views, ensuring the team can see how the design adapts across all devices.
"This new portal is so much easier to use, and thankfully it's all in one place! I used to dread checking my benefits..."
- New Mexico resident

Empowered 42% of New Mexico Residents with a Unified Portal

The final design delivered a streamlined, user-friendly experience that met both user and business goals. Usability testing revealed significant improvements:

78%

users completed the 12 tasks seamlessly, without confusion

72%

users intuitively understood the next step of the process without guidance

84%

expressed they felt confidence while using the new portal
click to preview high fidelities!

Transforming Access for Access for Residents in New Mexico

Designing for such a diverse audience required balancing client expectations, technical constraints, and tight deadlines, all while staying focused on creating an inclusive user experience. By prioritizing critical pain points and collaborating closely with stakeholders, we delivered effective solutions that worked within constraints without compromising usability.

The impact was profound:

  • 42% of New Mexico residents, roughly 2M+ users who previously relied on paper applications gained first-time digital access to essential services.
  • The unified portal (combining the application and dashboard) simplified a complex, fragmented process, making it easier for people to navigate and apply for benefits.

This project reinforced that great design isn’t just about meeting requirements; it’s about solving real problems and creating a lasting, meaningful impact on the people who need it most.

Other Projects:

State of New Mexico: 
Creating a Unified Web Experience for State Benefits 
SoCal Gas:
Replaced Manual Emergency Systems with AI-Powered Response Platforms