View on App Store
4.9
295.5K ratingsScreenshot story
The story begins with an AI-powered personalized recommendation engine, followed by a browseable catalog of frames and contacts. It concludes by showcasing technical features like virtual try-on and pupillary distance measurement that facilitate a frictionless checkout.
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 7 frames, Warby Parker most often uses floating device composition and device treatment with solid backgrounds. 7 frames include visible caption copy.
Frame 1
An AI-powered Advisor Offering personalized recommendations
- Composition / device
- floating device
- Content
- onboarding
- Background
- solid
- Copy treatment
- top, benefit led, technical
Frame 2
Personalized recommendations Get curated picks-at your fingertips
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, helpful, direct
Frame 3
Starting at $95 Prescription eyeglasses and sunglasses
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, value oriented, clear
Frame 4
Virtual Try-On Instantly see yourself in a pair of frames
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, feature led, magical
Frame 5
We have contacts, too! Daily, bi-weekly, and monthly lenses
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, informative, friendly
Frame 6
In the blink of an eye Use Apple Pay to check out quickly
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, clever, efficient
Frame 7
Measure your PD with ease It’s quicker than you think
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, reassuring, utility led
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Warby Parker uses a 'floating card' design strategy that provides a high-contrast container for their UI, making it pop against a consistent brand-blue background. This framework allows for visual continuity while jumping between disparate functional screens like AR try-on, product lists, and checkout. The copywriting follows a strict hierarchy: a bold title and a descriptive subtitle, occasionally using puns ('In the blink of an eye') to soften the medical nature of eyewear. Designers can learn from their use of a signature brand color to mask the busy-ness of real UI screenshots, creating a cohesive, premium-feeling gallery. By highlighting technical barriers (like PD measurement) as easy features, they proactively address consumer friction.
Keep exploring
