Health Tech UX · Certified UX Designer · Portfolio Case Study

Designing health
literacy for the people
who need it most.

LAVI is a mobile-first health app for Haitian and Hispanic immigrant communities, built in Haitian Creole, Spanish, and English. A complete, research-driven UX case study from discovery through developer handoff.

Haitian Creole Spanish Mobile first UX Research Usability Testing Design Systems Figma WCAG 2.1 AA
8 wks
End-to-end design process from research to handoff
88%
Task completion rate in Round 1 usability testing
4.8/5
User satisfaction score after post-test iterations
700K+
Haitian Creole speakers in the U.S. with no native-language health app
Why this project exists

"I watched my parents leave doctor's appointments with more questions than they arrived with. They nodded along to words they didn't understand, walked out with paperwork they couldn't read, and ended up in a cycle of tests and costs that nobody ever explained. I built LAVI because that experience is not unique to my family, and because a designer who has lived this problem has a responsibility to solve it."

— Rose, Certified UX Designer & daughter of immigrants
The full case study

12 sections. Every stage of the process.

From problem statement through final mockups, a complete portfolio-grade UX case study covering research, personas, journey maps, wireframes, prototypes, usability testing, and a full design system. Click any section to open it.

01
Problem statement
The personal story behind LAVI, grounded in research on immigrant health literacy barriers, with a How Might We framing statement.
Open section →
02
Competitive analysis
MyChart, WebMD, Zocdoc, and Google Search evaluated across 8 dimensions. LAVI's unoccupied market position identified.
Open section →
03
User research
Secondary research, screener survey, and 5 moderated interviews in Creole and Spanish. 6 key statistics and 4 insight themes.
Open section →
04
Personas
Marie-Claire (Haitian Creole, Miami) and Carlos (Spanish, Atlanta), with goals, frustrations, tech comfort bars, and realistic scenarios.
Open section →
05
User stories
12 user stories across 4 features using MoSCoW prioritization, each with expandable acceptance criteria defining MVP scope.
Open section →
06
Journey maps & flows
Two emotional journey maps tracing health concern to resolution, plus two core task flows with documented decision points.
Open section →
07
Site map
Full information architecture, every screen, navigation path, and MVP indicator. No feature more than 2 taps from home.
Open section →
08
Lo, mid & hi-fi prototypes
All three Figma fidelity levels with the design question each answers, and documented decisions at every stage.
Open section →
09
Usability testing
Two rounds of moderated testing in Creole and Spanish. 5 findings with severity ratings, iterations, and post-test re-test results.
Open section →
10
UI design documentation
Full LAVI design system, color tokens, typography scale, 4pt spacing system, components, and WCAG 2.1 AA compliance.
Open section →
11
Final mockups
Complete post-iteration hi-fi screen set across all 4 features in Haitian Creole and Spanish, with post-test annotation badges.
Open section →
12
Reflections & next steps
Key lessons, what I'd do differently, a 5-phase v2 roadmap, projected community impact, and skills demonstrated.
Open section →
Design process

Double diamond, fully documented.

This case study follows a complete double-diamond UX process, from broad discovery through focused delivery, with every decision traceable back to research or testing data.

1
Discover
Research, competitive analysis, interviews
2
Define
Personas, user stories, journey maps
3
Develop
Site map, lo-fi, mid-fi, hi-fi
4
Test
Two rounds of usability testing
5
Deliver
Design system, final screens, handoff
1
Discover
Research, competitive analysis, moderated interviews
2
Define
Personas, user stories, journey maps, site map
3
Develop
Lo-fi wireframes through hi-fi prototypes in Figma
4
Test
Two rounds of moderated usability testing in Creole and Spanish
5
Deliver
Design system documentation and annotated developer handoff
Key design decisions

Every choice traces back to evidence.

Language selection is the first screen, always
Originally planned as a settings feature. Research showed 80% of limited-English-proficient patients rely on family members to interpret. Language had to be the entry point, not a preference buried in a menu.
↑ Commonwealth Fund, 2023
Amber replaces red for urgency states
Usability testing found red urgency bands caused anxiety before users read a word. 3 of 5 participants expressed heightened fear. Switching to amber with a calm opener sentence reduced distress while preserving urgency.
↑ Usability test Finding F4. Round 1
Camera scan is the primary CTA, search is secondary
Testing found users typed medication names rather than scanning because the camera icon was too small. After making the scan button full-width and primary, medication scan task completion improved from 80% to 100%.
↑ Usability test Finding F2, post-iteration
WhatsApp share on every result screen
74% of research participants said WhatsApp groups are their first resource for health questions. All 5 usability test participants praised the share button unprompted. Community sharing is LAVI's primary distribution mechanism.
↑ Primary interview data · Usability test Finding F5
Testing outcomes

Tested. Iterated. Improved.

Two rounds of usability testing with real users from the target community produced measurable improvements across every tested metric.

100%
Symptom checker task completion, maintained across both rounds
100%
Language switcher discovery post-iteration, up from 60% in Round 1
4.8/5
Satisfaction score post-iteration, up from 4.4 after Round 1
100%
Of all participants said they would use LAVI again