View on App Store
4.8
11.3K ratingsScreenshot story
The set establishes a self-care hook before guiding the user through the frictionless process of inputting symptoms and receiving a professional health assessment report.
iPhone gallery
The complete screenshot set
Select any frame to study its layout, content, and palette.
Observed in the listing
Frame-by-frame listing evidence
Across 4 frames, Ada most often uses floating device composition and device treatment with gradient backgrounds. 4 frames include visible caption copy.
Frame 1
Take care of yourself
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, empathetic, encouraging
Frame 2
Enter your symptoms
- Composition / device
- floating device
- Content
- onboarding
- Background
- gradient
- Copy treatment
- top, direct, instructional
Frame 3
Answer simple questions
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, reassuring, clear
Frame 4
Review your assessment report
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, authoritative, helpful
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Ada Health employs a 'Calm Tech' design strategy, utilizing a clinical yet approachable aesthetic. The use of a serif typeface for captions combined with a light, airy color palette of ice blues and whites helps reduce user anxiety inherent in medical contexts. Each screenshot follows a rigid floating-device layout that prioritizes legibility and highlights the app's conversational UI. A standout tactic is the dual-color typography in the captions, where the primary verb or benefit is highlighted in a brighter blue to instantly communicate the value proposition of each step. Designers can learn from how Ada simplifies a complex diagnostic AI into a friendly, manageable four-step story.
Keep exploring
