LAVI · UX Case Study
·
Duration: 8 weeks
·
Role: Certified UX Designer (solo)
·
Figma
VS Code
·
Section 07 of 12
07: Site map
LAVI app architecture
The site map defines every screen in LAVI, how they connect, and where they sit within the navigation hierarchy. Originally produced in Figma as part of the information architecture phase before wireframing began.
Architecture decision
The structure is intentionally flat, no core feature is more than 2 taps from the home screen. This decision was driven directly by user research: participants said they abandon apps that require more than 3 steps to complete a task. Depth was sacrificed for speed.
Navigation principles
LAVI uses a flat bottom tab bar with 4 core tabs (Symptoms, Medications, Find Care, Learn). Settings and history are accessible via a top-right menu icon to keep the primary navigation focused. A persistent emergency button is accessible from every screen, never buried more than one tap away.
Solid borders indicate MVP launch screens · Dashed borders indicate secondary screens planned for v1.1 or v2 · The emergency access column is treated as a global overlay, not a tab, it appears as a floating button anchored to the bottom-right of every screen.