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
Free
Waypoint Trips
βοΈ Travel
Travel planner app with day-by-day itinerary timeline, map-linked stops and collaborative trip boards.
4.6k 477CursorClaude CodeReplit
Free
Cartful Shopper
π Ecommerce
Mobile shopping app with story-style product discovery, slick cart drawer and checkout in three taps.
4.4k 752CursorBoltReplit
Free
Stackline Tasks
β‘ Productivity
Productivity app blending today-list focus with a kanban board, command palette and satisfying completion physics.
3.8k 689CursorClaude CodeWindsurf
Premium
Mindful AI Chat
π€ AI
Calm AI companion chat app with streaming bubbles and voice input UI.
3.7k 64CursorClaude CodeReplit