Design Systems & Scalable UX
Correctional systems often carry public stigma. But the reality is simple: regardless of public perception, these facilities support real people who rely on clear, accessible information every day.
​
At the Indiana Department of Correction (IDOC), digital experiences are critical access points for visitation, reentry resources, and public transparency.
The Challenge
Across organizations, rapid growth in digital touchpoints often outpaced the shared structures needed to support them. Teams were moving quickly, but without a unified system, inconsistency, duplication, and accessibility risk accumulated over time.
Outcomes & Impact
The design system improved delivery speed and consistency across distributed teams. By establishing shared components and clear usage patterns, we reduced duplicative design work and lowered cognitive load across both design and development workflows.
​
At IDOC, the system also enabled faster CMS production, improved communication with non-technical stakeholders, and created more efficient, focused design reviews.
​
Key impacts included:
​
-
Faster iteration through reusable components and standardized patterns
-
Improved cross-channel consistency across web, email, and product surfaces
-
Reduced cognitive load for designers and developers working within the system
-
More predictable handoffs between design and engineering
-
Faster, more reliable content builds within the CMS
-
Clearer collaboration with non-technical stakeholders
-
Smoother, more efficient design review cycles
-
A stronger foundation for scalable, accessibility-aligned experiences
My Approach
My approach to design systems focuses on creating clarity for teams operating at scale. I establish shared, accessible patterns and reusable components that reduce duplication, strengthen cross-team alignment, and allow designers and engineers to focus on higher-impact experience work.
Standardized layout framework applied across primary user segments to create consistency and reduce fragmentation.
Development and Design
Strong alignment between design and engineering was essential to delivering efficiently at scale. I partnered closely with development teams to establish shared visibility into components, patterns, and implementation expectations early in the process.
​
Connecting the design system to supporting code libraries reduced rework and improved consistency between design and production. This collaboration streamlined workflows and supported a more reliable end-to-end user experience.
​
Component & Pattern Library
Developed a reusable library of standardized UI components and interaction patterns. Each component included defined states, accessibility considerations, and implementation guidance to reduce ambiguity during handoff.
​
This library minimized duplicative design work and created a predictable foundation for both new features and iterative updates.
Visual Tokens & Brand Governance
Established visual tokens for color, typography, spacing, and layout to ensure consistency across digital surfaces. These tokens created a shared language between design and engineering and reduced interpretation gaps during implementation.
​
By formalizing brand and accessibility standards within the system, teams were able to scale confidently without sacrificing usability or compliance.
Cross-Channel Template Framework
Extended the system beyond product surfaces to include modular templates for CMS publishing, landing pages, and communications. These templates allowed non-technical stakeholders to create content within defined constraints, improving speed while maintaining design integrity.
​
The framework reduced review cycles and ensured consistency across web, email, and supporting communications.
