View on App Store
4.8
233.2K ratingsScreenshot story
The set opens and closes with high-end editorial lifestyle photography to establish brand authority, while the middle slides showcase the app's core utility-from visual search and loyalty membership to order tracking and omnichannel features.
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 10 frames, H&M most often uses floating device composition and device treatment with solid backgrounds. 8 frames include visible caption copy.
Frame 1
lifestyle presentation
- Composition / device
- lifestyle photo
- Content
- lifestyle
- Background
- photo
- Copy treatment
- none, editorial, high fashion
Frame 2
Explore the latest style inspiration
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- bottom, inspirational, elegant
Frame 3
Find any item fast
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- bottom, functional, efficient
Frame 4
Snap and search for similar looks
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- bottom, innovative, helpful
Frame 5
Save favourites
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- bottom, convenient, user centric
Frame 6
View your H&M Membership
- Composition / device
- floating device
- Content
- onboarding
- Background
- solid
- Copy treatment
- bottom, rewarding, simple
Frame 7
Track orders
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- bottom, informative, direct
Frame 8
Restock alerts
- Composition / device
- floating device
- Content
- feature callout
- Background
- solid
- Copy treatment
- bottom, proactive, utilitarian
Frame 9
Scan for more sizes online
- Composition / device
- floating device
- Content
- feature callout
- Background
- solid
- Copy treatment
- bottom, omnichannel, seamless
Frame 10
lifestyle presentation
- Composition / device
- lifestyle photo
- Content
- lifestyle
- Background
- photo
- Copy treatment
- none, editorial, modern
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
H&M uses a sophisticated 'sandwich' strategy, framing functional utility screens between high-production fashion photography. This approach elevates the app from a mere utility tool to a premium fashion destination. The design system is strictly monochromatic, utilizing heavy white space and a minimalist black sans-serif font for the UI, which allows the product photography to remain the focal point. A clever contrast is achieved through the use of a traditional serif font for the marketing captions at the bottom, lending an editorial 'magazine' feel to the digital experience. Designers can steal the strategy of featuring non-standard utility features like 'Restock alerts' and 'Visual Search' as primary value propositions, effectively bridging the gap between inspiration and conversion.
Keep exploring
