Year:
2025
Timeframe:
2 months
Tools:
Figma
Category:
Food & Beverage
Dairy Drop
Summary
Dairy Drop is a mobile app designed to simplify how customers order and manage fresh dairy products. It allows users to subscribe to recurring deliveries of milk, cheese, butter, and other dairy essentials, ensuring freshness and convenience.
Dairy Drop is a mobile app designed to simplify how customers order and manage fresh dairy products. It allows users to subscribe to recurring deliveries of milk, cheese, butter, and other dairy essentials, ensuring freshness and convenience.
Dairy Drop is a mobile app designed to simplify how customers order and manage fresh dairy products. It allows users to subscribe to recurring deliveries of milk, cheese, butter, and other dairy essentials, ensuring freshness and convenience.
Problem
Busy individuals often forget to restock dairy products or run out unexpectedly. Current grocery delivery apps are not optimized for recurring subscriptions or quick customizations. Customers need a seamless, predictable way to ensure their dairy essentials are always available, without the hassle of reordering each time.
Busy individuals often forget to restock dairy products or run out unexpectedly. Current grocery delivery apps are not optimized for recurring subscriptions or quick customizations. Customers need a seamless, predictable way to ensure their dairy essentials are always available, without the hassle of reordering each time.
Busy individuals often forget to restock dairy products or run out unexpectedly. Current grocery delivery apps are not optimized for recurring subscriptions or quick customizations. Customers need a seamless, predictable way to ensure their dairy essentials are always available, without the hassle of reordering each time.
Goal & Objective
Design an intuitive app that allows users to:
Design an intuitive app that allows users to:
Design an intuitive app that allows users to:
Set up recurring dairy deliveries
Customize orders easily
Track deliveries in real time
Modify subscriptions without confusion or hidden fees
Set up recurring dairy deliveries
Customize orders easily
Track deliveries in real time
Modify subscriptions without confusion or hidden fees
Set up recurring dairy deliveries
Customize orders easily
Track deliveries in real time
Modify subscriptions without confusion or hidden fees
Research
Methods
5 user interviews with individuals aged 25–40 who regularly buy dairy products
I analyzed 3 competitors: Instacart, Goodfood, and Walmart
5 user interviews with individuals aged 25–40 who regularly buy dairy products
I analyzed 3 competitors: Instacart, Goodfood, and Walmart
5 user interviews with individuals aged 25–40 who regularly buy dairy products
I analyzed 3 competitors: Instacart, Goodfood, and Walmart
Key Insights
80% preferred auto-renew subscriptions if they could pause anytime
60% found grocery apps “too cluttered” or “confusing”
Users valued transparency in delivery schedules and pricing
80% preferred auto-renew subscriptions if they could pause anytime
60% found grocery apps “too cluttered” or “confusing”
Users valued transparency in delivery schedules and pricing
80% preferred auto-renew subscriptions if they could pause anytime
60% found grocery apps “too cluttered” or “confusing”
Users valued transparency in delivery schedules and pricing
Ideation & Strategy
I focued on 3 UX pillars:
Clarity: Simple subscription setup and management
Control: Users can easily modify their subscription
Convenience: Minimal steps from selection to checkout
Clarity: Simple subscription setup and management
Control: Users can easily modify their subscription
Convenience: Minimal steps from selection to checkout
Clarity: Simple subscription setup and management
Control: Users can easily modify their subscription
Convenience: Minimal steps from selection to checkout
Userflow
The wireframes for the prototype were built around the userflow.
The wireframes for the prototype were built around the userflow.
The wireframes for the prototype were built around the userflow.
Design Process
Wireframes
I started my design process with low fidelity wireframes to mid fidelity wireframes; to eventually high fidelity wireframes.
I started my design process with low fidelity wireframes to mid fidelity wireframes; to eventually high fidelity wireframes.
I started my design process with low fidelity wireframes to mid fidelity wireframes; to eventually high fidelity wireframes.
Typography
Font type: Poppins
Bold
Semibold
Medium
Regular
Light
Font type: Poppins
Bold
Semibold
Medium
Regular
Light
Font type: Poppins
Bold
Semibold
Medium
Regular
Light
Colour Palette
You might also like
You might also like
You might also like
Design in Motion
Design in Motion
Design in Motion
Stevag Restaurant
Stevag Restaurant
Stevag Restaurant
Contact
I’m here to create things that feel real and connect with real people.
Feel free to contact me for any questions, feedback, or further assistance.
Last Updated 11/02/2025
Powered by Framer
Made by Clark Marcellano
Contact
I’m here to create things that feel real and connect with real people.
Feel free to contact me for any questions, feedback, or further assistance.
Last Updated 11/02/2025
Powered by Framer
Made by Clark Marcellano
Contact
I’m here to create things that feel real and connect with real people.
Feel free to contact me for any questions, feedback, or further assistance.
Last Updated 11/02/2025
Powered by Framer
Made by Clark Marcellano