LAVI — Final Mockups

LAVI · UX Case Study · Duration: 8 weeks · Role: Certified UX Designer (solo) · Figma VS Code · Section 11 of 12

11: Final mockups

LAVI, final screen set

Complete hi-fidelity screens across all four core features, produced in Figma. These represent the post-iteration design, every screen reflects findings from two rounds of usability testing before developer handoff.

Post-usability-test iterations applied to these screens

F1Language toggle moved from home screen header to persistent global top navigation bar, visible on every screen at every depth

F2Medication scan button redesigned as full-width primary CTA, camera scan completion improved from 80% to 100%

F3Insurance filter relabeled from "Medicaid / Medicare" to "Free / low-cost coverage", removes stigma-related hesitation

F4Urgency states redesigned, red replaced with amber, calm opener sentence added, ER state now leads with action buttons not alarm

Home and onboarding

Bonjou. Good morning

LAVI

Bay Lavi · Give Life

KreyòlEspañolEnglish

Rapèl medikaman

Lisinopril 10mg · Jodi a 8:00 AM

Senbòl

Tcheke kijan ou santi

Medikaman

Skan oswa rechèch

Jwenn Doktè

Filtre: lang, asirans

Aprann

Glosè ak gid sante

Lakay

Senbòl

Doktè

Aprann

Home. Haitian CreoleLanguage toggle persistent in top bar · Marie-Claire persona

Buenos días. Good morning

LAVI

Bay Lavi · Dar Vida

KreyòlEspañolEnglish

Recordatorio de medicamento

Metformina 500mg · Hoy 8:00 AM

Síntomas

Revisa cómo te sientes

Medicamentos

Escanea tu receta

Buscar doctor

Filtra por idioma

Aprender

Glosario y guías

Inicio

Síntomas

Doctor

Aprender

Home. SpanishFull app re-rendered in Spanish · Carlos persona

Symptom checker

← Lakay

Tcheke senbòl ou

Di m kijan ou santi ou jodi a

Estomak chwazi

Doulè nan vant, anfle...

Ou gen lafyèv?

Non

Tcheke senbòl yo

Symptom inputBody diagram + text input · Haitian Creole

← Senbòl

Rezilta ou

Basé sou senbòl ou yo

Repoze lakay ou

Sa ka se estrès oswa refleks asid. Pa bezwen lopital kounye a. Veye pandan 24 zè.

Kisa pou w fè kounye a

Bwè dlo, repoze, evite manje pwant. Si doulè a vin pi fò, rele doktè ou.

Ale lopital si ou wè sa

Doulè fò · Souf kout · Bra gòch fè mal

Pataje WhatsApp

Jwenn Doktè

Urgency result, safeGreen state · checkmark icon + text · WhatsApp share Post-test F4

← Senbòl

Rezilta ou

Basé sou senbòl ou yo

Ale kay doktè ou

Ou kapab jwenn swen nan 24–48 zè. Pa bezwen lopital kounye a.

Kisa pou w fè kounye a

Rele kabinè doktè ou pou pran yon randevou. LAVI kapab ede ou jwenn youn.

Sove rezilta

Jwenn Doktè

Urgency result, cautionAmber state replaces red · calm first · action buttons Post-test F4

Medications

Skan etikèt preskiripsyon ou

Pwente kamera ou sou etikèt la

— oswa —

Rechèch pa non medikaman...

Medikaman sove yo

Lisinopril 10mg

Ki lè pranMaten, 8:00 AM, ak dlo

Medication homeFull-width scan as primary CTA · search as fallback Post-test F2

Metformin 500mg

Ki lè pranDe fwa pa jou, maten ak aswè

Ki jan pranAvèk manje, menm yon ti repas konte

EviteAlkòl, reta manje plis pase 6 zè

Efè nòmalVant fè mal kèk jou, sa nòmal

Rele doktè siVomisman anpil, souf kout

Mete yon rapèl

Lakay

Medikaman

Doktè

Aprann

Medication instructionsPlain language · culturally specific food examples · Carlos persona

Find a doctor

Kreyòl ayisyen Kouvèti gratis Swen prensipal Aswè disponib

Dr. Roseline Estimé, MD

Doktè fanmi · 1.2 mi · Ouvè kounye a

Kreyòl ayisyenEspañolKouvèti gratis

Rele kounye a

Direksyon

Dr. Jean Baptiste, MD

Medisin entèn · 2.8 mi · Walk-in

Kreyòl ayisyenMedicaidWalk-in

Rele kounye a

Direksyon

Dr. Marie Pierre, MD

Doctor search resultsLanguage + insurance filters combined · scroll affordance visible · Marie-Claire persona Post-test F3

Health literacy, learn

Rechèch mo medikal...

Mo ki souvan itilize

Hypertension

Tansyon wo

Lè presyon san ou twò wo. Sa ka domaje kè ou si ou pa trete l.

Sa vle di pou ou: Pran medikaman ou chak jou epi manje mwens sèl.

Lipid panel

Tès grès nan san

Yon analiz san ki mezire kolestewòl ak lòt grès.

Sa vle di pou ou: Pa pè, doktè ap eksplike rezilta yo.

Medical glossarySearchable in 3 languages · "what this means for you" per term · Marie-Claire persona

Dyabèt

Kijan pou jere dyabèt chak jou

Manje, egzèsis, ak medikaman, yon gid senp

5 minit pou li·Disponib san entènèt

Kè

Konprann tansyon wo ou

Sa li vle di, kisa pou evite, ki manje ki bon

4 minit pou li·Disponib san entènèt

Dwa pasyan

Dwa ou kòm pasyan Ozetazini

Sa ou ka mande ak kijan pou defann tèt ou

6 minit pou li·Ka pataje sou WhatsApp

Health guidesShort reads · offline capable · categorized by condition · Carlos persona