Mobile Push Notifications
This short case study focuses on designing push notifications for ShopEase, following iOS guidelines to ensure a seamless, user-friendly experience. The notifications are designed for both collapsed and expanded modes, delivering actionable updates such as personalized recommendations and order tracking. By adhering to Apple's design principles, the notifications maintain simplicity and clarity, improving user engagement and mobile interaction.
----------------------------------------------------
Push Notification 1: Order Status Update
Collapsed Mode:
- Title: "Your Order Is On Its Way!"
- Body: "Arriving tomorrow. Track now!"
Expanded Mode:
- Body: "Your package is scheduled to arrive tomorrow. Track it for live updates."
- Action: "Track Now"
----------------------------------------------------
Push Notification 2: Cart Abandonment Reminder
Collapsed Mode:
- Title: "Your Cart Is Still Waiting"
- Body: "Complete your purchase today."
Expanded Mode:
- Body: "Don’t forget! Your items are still in stock. Complete your purchase within 24h for 20% off!"
- Action: "Go to Cart"
----------------------------------------------------
Push Notification 3: Product Recommendation
Collapsed Mode:
- Title: "You Might Like These!"
- Body: "Discover picks based on your activity."
Expanded Mode:
- Body: "Based on your recent purchases, we’ve found personalized items for you."
- Action: "View Suggestions"
----------------------------------------------------
Push Notification 3: Exclusive Discount (Retribution)
Collapsed Mode:
- Title: "Your Exclusive 50% Off Discount!"
- Body: "Thank you for being a loyal customer."
Expanded Mode:
- Body: "As a thank-you, we’re offering you 50% off select items. Your loyalty deserves this special offer!"
- Action: "Redeem Discount"
Tools used
From brief
Topics
Share
Reviews
1 review
Superb work Javier, I like how well thought out these notification designs are. Being able to long press and get more information about the notification is a great touch, making good use of iOS features.
I would however consider working on the CTAs as they’re a bit off. Maybe reduce the top and bottom paddings a little and set the width to fill as well. Could look better and still stand out really well.
well done.
You might also like

Sojo NFT Marketplace

Heuristic Evaluation of Revolut Mobile App

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)

From Idea to Full-Stack Web App

Docto
