top of page

Dunkin' Mobile
App Redesign

Elevating the Dunkin' mobile experience through interaction-driven design.

875C3345-E252-4886-8A02-8817F080030A_edi
ChatGPT Image Jan 19, 2026 at 09_30_18 PM.png

MY ROLE

User Researcher

UX/UI Design

IxD Design

Design System 


TIMELINE

3 weeks

TOOLS USED

Figma 

Adobe Photoshop

Adobe Illustrator

Adobe After Effects

 

TEAM

Jolan Caldwell

OVERVIEW

This project analyzes the current Dunkin' mobile app and proposes interaction-focused design improvements to reduce friction and improve usability across core user flow.

PROBLEM

The Dunkin' mobile app introduces unnecessary friction in routine ordering by requiring users to interpret dense layouts and unclear interaction states.

PAIN POINTS

Unclear menu hierarchy

Core categories and product grouping are difficult to scan quickly, increasing cognitive load during browsing.

Weak feedback and state clarity

Users receive limited visual confirmation as they move between browsing, selection, and checkout, making it harder to understand progress and next steps

High decision friction in ordering

Product options, modifiers, and pricing are presented in a way that requires excessive effort to compare and confirm choices.

Convenience, Broken Trust

The Dunkin' app failts when users are ready to order, breakin trust by turning a quick, convenient moment into friction and frustration.

Research Insights were synthesized from user interviews, competitor analysis, and behavioral patterns to identitify the most impactful opportunities for improvement. 

RESEARCH INSIGHTS

Brand Archetype

EVERYMAN

75%

25%

JESTER

Users expect continuity across devices

Users frequently shift attention between devices while ordering and epect their progress and order status to remain consistent without requiring manual refresh or re-entry

Source: User interviews

Lack of progress visibility creates uncertainty

Users reported checking order status repeatedly due to unclear feedback after submission, indicating a need for clearer, persistent state communication.

Source: User interviews

Ordering is often collaborative, even when accounts are individual

Users commonly coordinate orders with others through screenshots, texts, or verbal confirmation, revealing an unmet need for shared visibility during ordering.

Source: User interviews

Group coordination introduces avoidable friction

When placing orders for multiple people, users struggled to track contributions, changes, and confirmations, leading to confusion and delays.

Source: User interviews

PROBLEM-SOLUTION MAPPING

Users lack clear, real-time feedback and placing an order, leading to repeated checking and uncertainty about readiness.

Order Queue provides a clear, step-by-step view of order progress, reducing anxiety and eliminating the need to manually check status. 

Coordinating orders for multiple people requires off-app communication, making it difficult to track contributions, changes, and confirmations.

Group Ordering centralizes shared orders in one flow, allowing participants to add, edit, and confirm items without leaving the app. 

Users rely on screenshots or messaging apps to share orders, creating fragmented and error-prone workflows.

Share Your Order enables direct, structured sharing of order details, preserving accuracy and reducing friction during collaboration.

The digital menu experience feels flat and transactional. Users scroll through static lists that don’t capture the energy of the brand, don’t help products stand out, and don’t create any sense of appetite or excitement. 

I introduced a 3D menu with motion that transforms browsing into an engaging experience. Movement highlights products, guides attention, and reduces decision fatigue while reinforcing Dunkin’s bold, playful energy.

FLOW BLUEPRINT

App Entry

Global Navigation

Home

Scan & Pay

Offers

Order

Product Ordering Flow

Categories

Product Detail

Customize Item

Group Order Flow

Start Group Order

Invite Link

Add Items

Live Contribution

Share Your Order

Share Order

My Feed

Favorites

Past Orders

Order Queue States

Pick Up

Drive Thru

Delivery

Received

Split / Cover 
Remaining Balance

In Progress

Confirmation/Completion

Ready/Delivered

Device Sync (System Layer)

Order State Sync

Payment Sync

Queue Status Sync

LOW- FIDELITY WIREFRAMES

Image 1-23-26 at 7.09 PM.png

FINAL DESIGN

Core Components

Home-Page

IMG_7539_edited.jpg

Remember Order

feature

Allows users to instantly re order their favorites.

Bold Title 

Clear & easy text readability and hierarchy.

Start Group Order Feature

Allows users to create a group order instantly & with ease.

Menu

3D Motion Menu

Allows stimulation of the senses - increases order purchases.

IMG_7540_edited.jpg

Organized Structure allows users to easily choose a category. 

Navigation

Allows users to go back if they change their mind.

IMG_7541_edited.jpg

Large Product Image

Allows users to easily see what they are purchasing

Clear Text Hiearchy

Visible Buttons

Categories

Product Detail

B3AFBACC-3936-4156-947C-669D9904EE2A_4_5

Ability to edit order before final purchase

0971F5E0-5A4D-4C02-AB7D-B7F2B7E31FE3_1_2

Ability to cancel order

Ability to save and re order once the app is opened again.

Clear navigation

shows user which page they are on.

Cart Summary

Confirmation

Share Your Order

This feature allows users to upload their drinks and orders after purchase, creating a shared feed where anyone around the world can see what they ordered. This turns individual purchases into social content, encouraging discovery, inspiration, and community through real customer orders.

Feed

IMG_7535_edited.jpg

Easily add your post after you get your order!

Favorites

IMG_7536_edited_edited.jpg

View your favorites , the add buttons allows you to see more of what you love. 

Past Orders

IMG_7537_edited_edited.jpg

View your past orders and reorder in a tap.

Group orders

This feature allows multiple users to add their own items into a single shared order. Each person customizes and submits their selection individually, while one user places and pays for the final order. This removes confusion, prevents mistakes, and makes ordering for teams, friends, or families fast and organized.

A28291C5-90F4-46FB-930B-424709C4CDFF_1_2

Clear button navigation with a detail that explains what to expect. 

4728DF56-B50B-4A5C-84E1-E95169A5A8A3_1_2

Invitation link allows users to share the link and join the order. 

Easily view who has been added, you can edit and remove people. 

Pay seperately or together so there is no confusion about payment.

View what is ordered and who ordered it, who paid and who hasn't

Cover remaining balanceor send a reminder to anyone who has not paid yet. 

Start Group Order

Group Order Dashboard

1711A502-1ADA-4A75-AB52-8876DCFE2BB0_1_2

Place orders for pickup or drive through with an eta of how long it will take

Group Order Pickup - Together

3A396861-DAEC-4354-926D-34F8B5A13D8A_1_2

Earn group rewards once you have placed your order.

Order Review

Confirmation

Order Queue

This feature shows users the real-time status of their order from placement to pickup. Customers can see where they are in line, track progress, and know exactly when their order will be ready, reducing uncertainty, wait-time anxiety, and in-store congestion.

8FB5F855-8DDC-4DD4-8D87-B7D2C25DA4F5_4_5

Easily accessible button navigation to guide users to order queue

View how many users are ahead at each location 

Choose location

B1D471FD-EA70-4C13-957D-5AC8F0740499_4_5

View received , in progress, and ready status

See updates for pickup, drive thru, and delivery

Order Queue

Device Sync

This feature keeps a user’s Dunkin’ account, preferences, and active orders consistent across devices. Whether a user starts an order on their phone, tablet, or watch, everything updates in real time—allowing them to switch devices without losing progress or re-entering information.

dunkinsync.png
Image 1-19-26 at 6_edited.jpg
3A44BCC0-1F30-445C-9A6A-949D332134B9.png

Device Sync

Home-Page

iPhone

Home-Page

Apple Watch

USER TESTING KEY INSIGHTS

User testing validated that users prioritize clarity and minimal interruption during ordering.I nsights directly informed the introduction of Order Queue visibility, cross-device sync, and simplified reordering, reducing cognititve load while supporting real-world, share ordering behavior. 

DESIGN SYSTEM

Primary Colors

Dunkin' Peach

Hexcode: F79855

Dunkin' Pink

Hexcode: #ff0093

Cream

Hexcode: FFF6EA

Type Specimen

Inter

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890‘~!@#$%^&*()?/[]{}\

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890‘~!@#$%^&*()?/[]{}\

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890‘~!@#$%^&*()?/[]{}\

regular

medium

Semi-bold

bottom of page