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
2 reviews
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.
Hey Javier!
I just went through your Mobile Push Notifications project, and I like that you treated it as a behavioral design challenge, not just a UI layout exercise.
Push notifications are tricky because they live outside the core product experience, and I can see you’re thinking about timing, clarity, and relevance. The structure feels concise nothing looks overly verbose or cluttered, which is critical for notifications.
What I find interesting is how you balanced information density. It feels informative without overwhelming the user. That said, I’d be curious to see more context behind the triggers when exactly are these notifications sent? What user behavior are they reinforcing or correcting? Showing that strategy layer would make the project feel even more product-driven.
Overall, this feels thoughtful and restrained. You didn’t overdesign something that should be simple and that’s actually a strength here.
You might also like

Pulse — Music Streaming App with Accessible Light & Dark Mode

Islamic E-Learning Platfrom Dashboard
SiteScope - Progress Tracking App

Mobile Button System

FlexPay

















