View on App Store
4.5
4.3K ratingsScreenshot story
The sequence begins with a lifestyle hook connecting digital services to daily life, moves into category-specific shopping and loyalty gamification, and concludes with financial management and flexible delivery options.
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, Woolworths most often uses floating device composition and device treatment with solid backgrounds. 10 frames include visible caption copy.
Frame 1
THE DIFFERENCE MADE DIGITAL. From next-hour delivery with Dash, to exclusive loyalty rewards and money-managing services.
- Composition / device
- lifestyle photo
- Content
- ui screenshot
- Background
- photo
- Copy treatment
- top, visionary, bold
Frame 2
THE WOOLIES QUALITY YOU KNOW AND LOVE. Shop food, fashion, beauty and homeware, wherever you are.
- Composition / device
- device in hand
- Content
- ui screenshot
- Background
- photo
- Copy treatment
- top, aspirational, warm
Frame 3
GET QUALITY GROCERIES DELIVERED WITHIN THE HOUR.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, functional, direct
Frame 4
BROWSE FASHION, BEAUTY AND HOME ALL AT ONCE.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, organized, functional
Frame 5
ACCESS EXCLUSIVE DEALS WITH MYDIFFERENCE.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, rewarding, bold
Frame 6
WIN CASHBACK, VOUCHERS AND INSTANT PRIZES.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, playful, exciting
Frame 7
SHOP WITH PERSONALISED REWARDS.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, benefit led, direct
Frame 8
MANAGE YOUR FINANCIAL PRODUCTS IN ONE PLACE.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, authoritative, structured
Frame 9
SPEND YOUR MONEY WITH CLARITY AND PEACE OF MIND.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, secure, clear
Frame 10
GET THE BEST OF WOOLIES DELIVERED HOW YOU WANT.
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, convenient, direct
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Woolworths utilizes a high-contrast design system that shifts its color palette to signpost different app modules: groceries and fashion are presented on clean white backgrounds, loyalty features use deep green and black, and financial services introduce a refined pink accent. The use of floating UI elements-both on top of devices and lifestyle photography-creates a layered, premium feel that bridges the gap between digital utility and physical retail prestige. Designers can learn from their 'visual punctuation': the bold, condensed typography and surgical use of accent colors within captions to emphasize key value propositions. This approach successfully maintains brand consistency while creating distinct, identifiable 'zones' for a multi-purpose super-app, ensuring users aren't overwhelmed by the breadth of services offered.
Keep exploring
