
Screenshot story
The screenshots open with the immediate gratification of same-day delivery before moving into the exclusivity of app-only products and omnichannel shopping ease. The narrative concludes by emphasizing the high-value loyalty program rewards, such as free gifts and cash redemptions, to drive long-term user retention.
iPhone gallery
Select any frame to study its layout, content, and palette.
Observed in the listing
Across 7 frames, Sephora most often uses floating device composition and device treatment with illustrated backgrounds. 7 frames include visible caption copy.
Frame 1
GET SAME DAY DELIVERY
Frame 2
SHOP APP-FIRST & APP-ONLY PRODUCTS
Frame 3
BUY ONLINE, PICK UP IN STORE OR CURBSIDE
Frame 4
JOIN CHALLENGES FOR NEW WAYS TO EARN POINTS & SAVE
Frame 5
TOP MAKEUP & BEAUTY PRODUCTS
Frame 6
CHOOSE YOUR FREE BIRTHDAY GIFT
Frame 7
REDEEM $10 BEAUTY INSIDER CASH
Explore by detail
Design analysis
Sephora utilizes a sophisticated pastel-blocking strategy where each slide features a distinct, soft background color paired with subtle, monochromatic product illustrations. This creates a clear visual rhythm that distinguishes features while maintaining brand cohesion. The use of a centered, floating device frame ensures that the complex e-commerce UI remains the focal point without overwhelming the viewer. Copywriting is disciplined: all-caps sans-serif headers use imperative verbs like 'GET', 'SHOP', and 'JOIN' to prompt action. Designers can steal the 'color-coded feature' approach-assigning specific palettes to different value propositions (Logistics/Pink, Exclusivity/Purple, Savings/Teal)-to help users mentally categorize app benefits during a quick scroll.
Keep exploring