Free
πŸ₯ Medical
CROSS_PLATFORM

Willow Telehealth

Telehealth app with symptom intake flow, visit room UI and prescription tracking in a calm clinical style.

4.1k views 537 copies 373 words

The Prompt

# Willow β€” Telehealth App

## Goal
Design and build "Willow", a telehealth app. Feel: a good clinic's front desk β€” competent, warm, never clinical-cold nor cutesy. Every screen should feel native-quality β€” fluid, tactile, zero jank.

## Visual Language
- **Palette**: soft white base, deep teal #0F766E primary, ink text; status colors muted (sage=confirmed, sand=pending); generous whitespace as calm
- **Type scale**: large title 32-34px bold, section header 20px semibold, body 16-17px, caption 13px.
- **Surfaces**: layered backgrounds (base / elevated card / sheet), 20px card radius, subtle 1px hairline separators.
- **Iconography**: consistent 24px stroke icons, 1.75px stroke weight.

## Screens
1. **Home** β€” greeting with next appointment card (doctor avatar, time, 'Join visit' activates 10 min prior), 'How can we help today?' action grid (See a doctor / Refill / Messages / Records).
2. **Symptom intake** β€” one question per screen, big tappable answer cards, progress dots; body-area picker uses a simple tappable figure outline; review summary before submit.
3. **Visit room** β€” pre-join check (camera preview card, mic meter), then call UI: doctor video large, self PiP draggable, captions toggle, chat side-sheet.
4. **Prescriptions** β€” active meds cards with next-refill progress line, pharmacy info, 'Request refill' single tap β†’ confirmation sheet.
5. **Records** β€” visit summaries list, lab results with plain-language explainer toggle ('What does this mean?').

## Interactions & Motion
- Intake answers select with a gentle teal fill sweep, auto-advance after 350ms β€” momentum without rush.
- 'Join visit' button breathes (subtle scale pulse) only when active window opens.
- All waits show honest states: 'Dr. Chen is finishing another visit β€” about 4 min'.
- Spring physics for all transitions (stiffness ~260, damping ~24); never linear easing.
- Skeleton loaders for every async surface; optimistic UI for user actions.

## Details That Matter
- Accessibility first-class: 200% text support verified on every screen, captions default-on option.
- Empty states reassure: 'No results yet β€” most labs return within 2 days.'
## Tech & Quality Bar
- React Native + Expo + TypeScript (or Flutter if requested). Reanimated for 60fps gestures.
- Dark & light mode from a single token file. Safe-area aware on all screens.
- Haptics on key confirmations. Offline-tolerant: cache last data, show stale-while-revalidate.

You may also like