Back to All Work
Government · Legal Enterprise UX Figma Design System WCAG 2.1 AA

NJ Judiciary, Enterprise
Court Application UX

Client
State of New Jersey, NJ ATCSU / Judiciary
Role
Sr. UI/UX Designer
Duration
February 2023 – August 2023
Platform
Web App · Desktop · Tablet · Mobile

Impact at a Glance

1 Unified Figma design system governing all court applications
AA WCAG 2.1 AA compliance across all audited components
Cross-team design efficiency through shared component library

The Challenge

NJ's court applications serve a critical public function, citizens, attorneys, and court staff navigating complex legal processes through digital tools. Inconsistent design across applications was creating friction for users and maintenance burden for teams.

"Court applications demand a high standard of clarity and trust. Inconsistent UI patterns erode user confidence, especially when the stakes are legal."

Figma Design System

Built a comprehensive Figma design system serving as the single source of truth, component behaviour, variants, states, and accessibility requirements all documented and ready for engineering handoff.

Figma Component Library, NJ Judiciary
Buttons
Primary
Secondary
Tertiary
Form Controls
Text input
Checkbox
Radio
Data Display
Badge
AA
All components meet WCAG 2.1 AA, contrast, focus states, keyboard navigation, screen reader labels

My Role

Design System Governance

Developed and governed Figma component library, improving cross-team efficiency and consistency.

UX Design

User flows, journey maps, wireframes, and high-fidelity designs aligned to legal workflow requirements.

Accessibility Audits

WCAG 2.1 AA compliance, audits, remediation, and usability improvements for assistive technology users.

Multi-Platform Testing

Usability testing across desktop, tablet, and mobile, validating design effectiveness for all user types.

Design Process

01
Research

User research, personas, information architecture frameworks

02
System

Figma design system, components, variants, states, documentation

03
Design & Test

Wireframes → high-fidelity → multi-device usability testing

04
Deliver

Agile sprints, design → dev handoff → accessibility audit → iterate

Production screens protected under state government NDA. Design system artefacts and UX documentation available upon request.

Tools & Environment

FigmaAxure RPPegaHTML5 / CSS3JavaScriptBootstrapJAWSNVDAAxeWAVE