Flo Web — Wireframe Flows

MVP core flows. Each file shows 4–6 key screens in sequence with annotations explaining UX decisions. Open any flow to explore.

Flow 01
Onboarding
Trust screens → Goal selection → Personal data → Lifestyle questions → Signup → Paywall with 3-stage trial cascade
6 screens →
Flow 02
Dashboard & Period Tracking
Home dashboard with cycle hero and 7-day strip → Calendar → Log period modal → Flow intensity → Updated predictions
5 screens →
Flow 03
Symptom Logging
Floating + button → Bottom sheet → Physical category → Mood category → Save with contextual insight surfaced
4 screens →
Flow 04
TTC & Fertility
TTC dashboard with fertile window → BBT log entry → OPK positive result → Ovulation shift + conception tip
4 screens →
Flow 05
Pregnancy Mode
Mode switch with due date entry → Yellow-palette dashboard with fetal viz → Weekly milestones → Checklist with calculators
4 screens →
Also in this project
📄 Comprehensive Research Guide 🔀 Mermaid Flow Diagrams (12 flows) 📋 80 User Stories