WHOOP

4.7

35.7K ratings

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

The complete screenshot set

Select any frame to study its layout, content, and palette.

Explore by detail

Study the system behind the set

collage floating device

Design analysis

What makes this set work

recovery green#25e143strain blue#37b3ffobsidian navy#0a0c0estark white#ffffffslate secondary#1b1e23

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