
Screenshot story
The set opens with an aspirational panoramic lifestyle sequence to build brand affinity, then shifts to a highly structured showcase of exclusive member benefits, personalized commerce, and seamless utility.
iPhone gallery
Select any frame to study its layout, content, and palette.
Observed in the listing
Across 9 frames, On most often uses floating device composition and device treatment with solid backgrounds. 8 frames include visible caption copy.
Frame 1
Shop app and member exclusives
Frame 2
lifestyle presentation
Frame 3
On app. Anytime, anywhere.
Frame 4
Unlock members-only gear
Frame 5
Find out first about launches
Frame 6
Shop products at exclusive prices
Frame 7
Personalize your shopping experience
Frame 8
Add gear to Favorites
Frame 9
Speedy checkout, easy tracking
Explore by detail
Design analysis
On employs a sophisticated two-part strategy. First, it hooks the user with a three-frame panoramic lifestyle shot of athletes in motion, establishing an emotional connection to the brand's 'move' philosophy. It then transitions into a repetitive, high-clarity template: a floating device on a neutral 'On Bone' background (#E8E6E1). This background color choice is critical; it is softer than pure white, providing a premium, editorial feel that mimics high-end fashion catalogs. The copywriting is brutally efficient, leading with verbs like 'Unlock,' 'Find,' and 'Personalize.' Designers can steal the 'lifestyle-to-utility' transition, which validates the brand's culture before proving the app's practical value. The use of a consistent background color across all functional screens creates a cohesive, professional browsing experience that highlights product vibrancy.
Keep exploring