
Screenshot story
The journey begins with a strong value proposition and trial offer, followed by a deep dive into the 'holy trinity' of WHOOP metrics-Sleep, Recovery, and Strain. It then transitions into high-level AI coaching and behavioral analysis to prove long-term utility beyond simple activity tracking.
iPhone gallery
Select any frame to study its layout, content, and palette.
Observed in the listing
Across 10 frames, WHOOP most often uses floating device composition and device treatment with gradient backgrounds. 10 frames include visible caption copy.
Frame 1
Better health starts with WHOOP Start free for 1 month
Frame 2
Understand your Sleep
Frame 3
Understand your Recovery
Frame 4
Understand your Strain
Frame 5
Learn how daily habits impact your long-term health
Frame 6
Get personalized answers to your health & fitness questions
Frame 7
Learn how your behaviors affect your Recovery
Frame 8
Go beyond period tracking
Frame 9
Monitor and manage your stress
Frame 10
Turn healthy habits into attainable goals
Explore by detail
Design analysis
WHOOP’s screenshot strategy is a masterclass in premium, data-driven minimalism. By adhering to a strict dark mode aesthetic, the app mirrors the sleek profile of its physical hardware. Each slide follows a 'Billboard' format: a top-aligned, sans-serif caption paired with a centered, high-fidelity UI panel. This structure emphasizes scientific authority and clarity. Designers should note the functional use of color; neon green and vibrant blue aren't just decorative but represent specific biological states (Recovery and Strain), creating instant cognitive associations. The inclusion of the 'WHOOP Coach' slide is particularly effective, using a specific conversational example to demonstrate the power of generative AI in translating raw data into actionable advice. It successfully positions the app as a sophisticated performance tool rather than a generic fitness tracker.
Keep exploring