View on App Store
4.7
49K ratingsScreenshot story
The set opens by defining its three core pillars-fasting, calories, and weight loss-before moving into technical USPs like AI scanning and specific features. It concludes with emotional and statistical social proof, moving from individual weight-loss success stories to the massive scale of their 100M user base.
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 8 frames, Yazio most often uses floating device composition and device treatment with solid backgrounds. 8 frames include visible caption copy.
Frame 1
Fasting Calories Weight loss
- Composition / device
- floating device
- Content
- onboarding
- Background
- solid
- Copy treatment
- top, direct, punchy
Frame 2
4.6 App Store
- Composition / device
- panoramic
- Content
- social proof
- Background
- solid
- Copy treatment
- top, authoritative, credible
Frame 3
Easy Food Scanning
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, functional, simple
Frame 4
Intermittent fasting
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, descriptive, clear
Frame 5
Reach your goal now!
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- bottom, motivational, urgent
Frame 6
New recipes weekly
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, benefit led, fresh
Frame 7
Sustainable weight loss
- Composition / device
- collage
- Content
- social proof
- Background
- solid
- Copy treatment
- bottom, inspiring, results oriented
Frame 8
More than 100M happy users
- Composition / device
- text only
- Content
- social proof
- Background
- solid
- Copy treatment
- top, reassuring, massive
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Yazio’s design strategy centers on a high-contrast 'Dark UI on Light Background' approach that makes device mockups and feature tags pop. The use of a brand mascot (the teal monster) provides a friendly, non-clinical entry point into the often-stressful world of calorie counting. A standout tactic is the use of 'floating pill labels' that break the device frame to highlight data-like 'Very high in sugars' or '-42 lb'. This allows the designer to explain complex UI benefits without cluttering the screen itself. The copy is extremely economical, using short 2-3 word headers to maintain a fast reading pace. Designers should steal the 'feature bridge' technique: using physical food photography that physically spans across two screenshots to create a sense of continuity and real-world application.
Keep exploring
