Modernizing the USCIS ELIS Immigration PlatformCase Study: Modernizing Federal Architecture at Scale

01 / The Core Challenge: nalyzing legacy architecture bottlenecks, administrative overhead, and the core modernization mandate under federal standards.

Lead UX Design & Enterprise Governance

Executive Summary

When navigating complex federal immigration pipelines, structural fragmentation and dense layouts don’t just slow down software—they introduce critical user friction, elevate submission errors, and exacerbate massive processing backlogs.

Analyzing Legacy User Journeys

02 / Collaborative Leadership: Directing multiple design teams, establishing agency liaisons, and maintaining structural compliance over cross-functional pipelines. Unified Multi-Cohort Leadership 03 / Technical Evolution Transitioning architecture from Angular to React, maintaining systematic quality standards, and scaling a living component library. Angular to React Framework Shift

As the Lead UX Designer for the modernization of the U.S. Citizenship and Immigration Services (USCIS) Electronic Immigration System (ELIS), I directed multi-cohort design operations to transform a decade-old, highly siloed federal platform into a human-centered, responsive application ecosystem. By bridging the gap between design theory, rigid federal compliance mandates, and modern engineering constraints, my teams successfully transitioned dense, multi-column legacy architectures into intuitive, progressive disclosure pathways.

Polaris Living Design SystemProject Profile & Leadership Scope

  • Role: Lead UX Designer / Product Strategy Liaison

  • Core Mandate: Defragment the user journey for highly sensitive asylum and refugee case processing, optimize systemic processing efficiency, and overhaul the core frontend framework.

  • Cross-Functional Leadership:

    • Directed the Alpha Omega Design Team, a specialized six-person cohort architecting dedicated, high-security case processing portals.

    • Served as the primary strategic liaison to Polaris, the core enterprise USCIS design system framework team, establishing bidirectional design feedback loops.

    • Aligned and unblocked 4 cross-functional development cohorts to guarantee exact design-to-production parity during execution.

  • Technical & Compliance Environment: React Migration (from legacy Angular), Figma-to-Code component synchronization, strict Section 508, and WCAG 2.0/2.1 AA parameters.

Polaris Living Design SystemFragmented Legacy Workflows

Analyzing Legacy User Journeys

The Objective

To dismantle a fragmented 6-step lifecycle spread across disconnected digital spaces, replacing it with a centralized, high-performance web experience. This evolution demanded a total framework shift—translating legacy views into modular React codebases—while hardcoding strict accessibility rules into base atomic elements to eliminate post-production remediation.

Security & NDA Compliance Notice: To protect federal non-disclosure protocols, all working design system components, live code repositories, and sensitive operational metrics are strictly confidential. This case study focuses heavily on systems architecture, design governance, and cross-agency engineering leadership.

Governance Under Constraints