View on App Store
4.7
569 ratingsScreenshot story
The sequence moves from immediate consumer value like deals and bill management to a broader ecosystem of entertainment and full features, concluding with high-value financial growth and a security guarantee.
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, GoPay most often uses floating device composition and device treatment with gradient backgrounds. 8 frames include visible caption copy.
Frame 1
Plenty of MURAAAH deals Now easier to find!
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, enthusiastic, benefit led
Frame 2
Easier financial management One access via bottom bar & bills reminder
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, utility focused, clear
Frame 3
Smart recommendation & Entertainment Personalized features, exciting games, and mini app!
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, playful, diverse
Frame 4
All features page All GoPay services in one page-app still lightweight!
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, reassuring, efficient
Frame 5
QRIS always cashback
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, direct, incentivized
Frame 6
Transfer always free
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, confident, value led
Frame 7
Grow your money up to 1.5% p.a.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, aspirational, financial
Frame 8
GoPay Aman with full protection for money, data & privacy, and 24/7 help
- Composition / device
- floating device
- Content
- feature callout
- Background
- gradient
- Copy treatment
- top, secure, trustworthy
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
GoPay's design strategy centers on 'layering' and 'visual hierarchy' to make a super-app feel manageable. Each screenshot uses a floating device frame against a consistent light-to-cyan gradient background. What stands out is the use of 'UI breakouts'-magnified panels (like the Bills Reminder or Bank Transfer buttons) that float on top of the device. This allows the user to see the detail of the feature without losing the context of the app shell. The copy uses a mix of serif headings for authority and sans-serif for utility. A designer should steal the technique of using high-contrast accent colors (like the neon green 'MURAAAH' tag) to highlight specific value propositions within a very clean, blue-centric brand palette.
Keep exploring
