top of page
image_edited_edited.png

Designed in Figma for @DUNWELLDOUGHNUTS

  • Instagram
image.png

The Project

Design a mobile app so that users can preorder hot selling freshly baked doughnut flavors before they're sold out. The user interface must be immersive and easy to navigate. I want the user to enjoy viewing the array of new innovative flavors so they can select & reserve their ideal dessert arrangement.

The Challenge

Balancing usability and an immersive user experience in an easy to use app is essential. Showcasing a large number of potential selections without being overwhelming will also be challenging. I aim to create a smooth, user-centric interface that encourages the user to order their tasty treats in advanced via the mobile app.

Requirement Gathering

As a regular at Dun•Well Doughnuts, I felt comfortable approaching fellow customers, explaining my research goals, and asking for their voluntary input in the form of a quick interview.

Key Interview Questions:

"What challenges or frustrations have you encountered when trying to buy donuts, either in-store or through existing online options?"​

"Can you describe your typical experience when purchasing donuts?"

image.png

Words from

interviewees compiled

and scaled by frequency.

Primary Stakeholder Needs

Users asked about favorable app features

 

"different box size options"

     Give size options S(4) M(6) L(12)

"not too overwhelming"

     Low fidelity graphics for each flavor

"see the real doughnuts"

     Tap to see close up shots

"ability to customize"​

     Make each slot in the box customizable​​​​

Scenario: Doughnut Disaster

Brian 21 years old

A Dun•Well regular. He checks their instagram feed every morning to see what new fresh flavors are out today. He sees an exciting new flavor but from experience knows that he has to get to the store fast before it's completely sold out. He runs to the store but that flavor was unfortunately (not surprisingly) already sold out.

Conclusion

Jack: "I saw the ___ doughnut on their instagram in the morning and really wanted to get it."

Jill: "I saw the ___ flavor online but when I went they were sold out."

Create a way to preorder

doughnuts through the

Dun•Well mobile app.

User Interface

Size Selection

Easily compare prices and cycle between sizes.

Screenshot 2024-06-16 at 7.25.10 PM.png
Screenshot 2024-06-16 at 8.03.38 PM.png
Screenshot 2024-06-16 at 7.30.00 PM.png
image.png

Doughnut Selection

View and select from the vast number of custom made doughnuts and click to view delicious close ups.

Order Review

User can preview their order and easily add beverages.

image.png
Screenshot 2024-06-16 at 7.27.23 PM.png
image.png

Checkout

Quickly edit payment and delivery details at the checkout screen.

Screenshot 2024-06-21 at 10.59.16 AM.png

Wireframes
& User Flow

Screenshot 2024-06-21 at 10.58.31 AM.png
Screenshot 2024-06-21 at 10.58.49 AM.png
Screenshot 2024-06-21 at 10.59.04 AM.png
image.png
bottom of page