Case study · healthtech / design system
Owned the design system from structure to implementation, improving consistency, scalability, and collaboration across design and development teams.
Company
StaffDNA
Role
UI-UX Designer
Year
2026
Platform
iOS · Android · Web
Timeline
12 weeks
Team
Domain
Healthtech
Tools
Figma

Overview
The problem
Before I could build anything, I needed to understand what was actually broken. I ran a two-week audit across all live product surfaces and documented every inconsistency. What I found fell into four clear categories.
Inconsistent UI Patterns
The same action — like submitting a job application — had 4 different button styles across iOS, Android, and web. Modals, drawers, and sheets existed in overlapping, non-interchangeable forms. Every new feature reinvented the wheel.
Slow Design-to-Dev Cycles
Engineers were spending approximately 35% of their sprint capacity re-interpreting specs and asking designers clarifying questions. Without a shared vocabulary, a 5-day feature often took 9 days to ship to production. Velocity was hemorrhaging through communication overhead.
Poor Accessibility in Critical Flows
Healthcare professionals use the app in high-stress environments — on shift, at hospitals, at odd hours. Yet key flows like job search, credential upload, and pay calculator failed basic WCAG 2.1 AA contrast checks. Some critical action buttons had contrast ratios as low as 2.1:1.
Fragmented Dual-Sided Experience
Job seekers and recruiters existed in separate product silos with no shared UI language. A recruiter messaging a candidate and a candidate responding saw completely different UI metaphors for the same conversation thread.
"We were shipping fast but breaking things constantly. Every sprint, I had to explain the same component decisions three different ways to three different engineers." — Design Audit Debrief, Sprint Retrospective
Color System
The palette was streamlined into a scalable system aligned with the brand. It now supports light and dark modes, bringing better consistency and ease across screens.

2. Typography
Typography was streamlined into a scalable type system with consistent roles and hierarchy. This improved readability, strengthened structure, and brought clarity across the
product.

3. Grid System



Key findings:
Mobile First
High Cognitive Load
Context Switching
Accessibility Gaps
Outcome
60%
Reduction in design-to-dev handoff time
40%
Fewer UI inconsistency bugs Tracked across three post-launch sprints
3x
Faster new designer onboarding From weeks to days
100%
100% — WCAG 2.1 AA compliance Across all core user flows
What’s Next
Takeaway
Dive into the next project

03 · 2023
Disney+ Hotstar
Product Design
Retention
Research

04 · 2023
Logistics
Workflow simplified end-to-end
Product Design
Systems
Research
Next Case Study
View All



