View on App Store
4.9
8.7M ratingsScreenshot story
The screenshots start with the app's core promise-identifying music instantly-and then branch out into secondary features like library management, concert discovery, and artist exclusives. It concludes with massive social proof to establish industry dominance and trust.
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 8 frames, Shazam most often uses floating device composition and device treatment with gradient backgrounds. 7 frames include visible caption copy.
Frame 1
Name any song in seconds
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, benefit led, direct
Frame 2
Recognize music nearby or in your favorite apps
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, functional, informative
Frame 3
See all of your songs in library
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, clear, organized
Frame 4
Discover concerts and find tickets
- Composition / device
- collage
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, discovery led, exciting
Frame 5
Unlock Wallpapers, videos, Set Lists and more
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, promotional, value driven
Frame 6
Discover emerging artists, songs and music trends
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, curated, exploratory
Frame 7
Open songs in your favourite music app
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, utility focused, helpful
Frame 8
social proof presentation
- Composition / device
- text only
- Content
- social proof
- Background
- gradient
- Copy treatment
- none, none
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Shazam utilizes a 'feature per color' strategy that makes each slide feel distinct yet unified through a consistent background motif of concentric 'sonic' rings. By cycling through a rainbow of vibrant gradients, the brand avoids visual fatigue while clearly bucketing different value propositions (blue for core, orange for concerts, purple for ecosystem). The copywriting is exceptionally tight, using verb-first captions that prioritize user action. A designer can learn from the use of floating UI elements and layered cards, which create a sense of depth without cluttering the frame. The final social-proof slide is a masterclass in credibility, using laurel wreaths and high-impact metrics to remind the user they are choosing the market leader.
Keep exploring
