CoffeEddict*
CoffeEddict*
APP DESIGN
UI/UX Design
APP DESIGN
UI/UX Design
UI/UX Design
Coffee Order App
Coffee Order App
Designing CoffeEddict — a sleek app for coffee ordering and delivery. A complete end-to-end project, from branding to UI/UX design.
Designing CoffeEddict — a sleek app for coffee ordering and delivery. A complete end-to-end project, from branding to UI/UX design.
ABOUT THE PROJECT
CoffeEddict is an app that connects users with local coffee shops, offering delivery and pickup services through a simple, intuitive, and sleek design. The platform enables customers to create custom coffee orders, set up recurring subscriptions, verify every detail with ease, and track the progress of their delivery or pickup in real time. I led the design process end-to-end, beginning with branding and UX research, and extending through user testing, interface design, and the delivery of a complete, production-ready UI/UX system.
CoffeEddict is an app that connects users with local coffee shops, offering delivery and pickup services through a simple, intuitive, and sleek design. The platform enables customers to create custom coffee orders, set up recurring subscriptions, verify every detail with ease, and track the progress of their delivery or pickup in real time. I led the design process end-to-end, beginning with branding and UX research, and extending through user testing, interface design, and the delivery of a complete, production-ready UI/UX system.
Client
S3 Design Group
S3 Design Group
Year
2024
2024
My Role
Solo Designer
Solo Designer
CONTEXT
CONTEXT
New Yorkers wants to get coffee in the morning to fully wake up but they are in a rush.
People who commute do not have enough time to go to a coffee shop to stand in line and wait for pickup. People who work from home want a service where they can get their favorite coffee from a local coffee shop and experience various coffees at home, without having to go out from home in the morning.
New Yorkers wants to get coffee in the morning to fully wake up but they are in a rush.
People who commute do not have enough time to go to a coffee shop to stand in line and wait for pickup. People who work from home want a service where they can get their favorite coffee from a local coffee shop and experience various coffees at home, without having to go out from home in the morning.
PROJECT GOAL
CoffeEddict suggests a more efficient coffee routine for working people in NYC.
CoffeEddict is an app that helps users to save their time and effort in the process from ordering to getting coffee, making their coffee order routine simplify.
SECONDARY RESEARCH
▪️ New Yorkers drink 6.7 times more coffee than people in other cities. - Food data from Massive Health, 2023
⚪️ New York has a higher concentration of coffee shops than any place else, being ranked No.1 for the number of coffee shops. -from WallerHub study, 2023
✳︎ "48% of New Yorkers said they have coffee to start everyday." - Siena College Research Institute, 2022
🪄 NYC consumes lots of coffee and has a high concentration of coffee shops. About 50% of New Yorkers depend on coffee in the hectic morning. We suggest a more effective morning coffee routine to New Yorkers.
SECONDARY RESEARCH
NYC consumes lots of coffee and has a high concentration of coffee shops. About 50% of New Yorkers depend on coffee in the hectic morning. We suggest a more effective morning coffee routine to New Yorkers.
▪️ New Yorkers drink 6.7 times more coffee than people in other cities. - Food data from Massive Health, 2023
⚪️New York has a higher concentration of coffee shops than any place else, being ranked No.1 for the number of coffee shops. -from WallerHub study, 2023
✳︎ "48% of New Yorkers said they have coffee to start everyday." - Siena College Research Institute, 2022
PROJECT GOAL
CoffeEddict suggests a more efficient coffee routine for working people in NYC.
CoffeEddict is an app that helps users to save their time and effort in the process from ordering to getting coffee, making their coffee order routine simplify.
SECONDARY RESEARCH
▪️ New Yorkers drink 6.7 times more coffee than people in other cities. - Food data from Massive Health, 2023
⚪️ New York has a higher concentration of coffee shops than any place else, being ranked No.1 for the number of coffee shops. -from WallerHub study, 2023
✳︎ "48% of New Yorkers said they have coffee to start everyday." - Siena College Research Institute, 2022
NYC consumes lots of coffee and has a high concentration of coffee shops. About 50% of New Yorkers depend on coffee in the hectic morning. We suggest a more effective morning coffee routine to New Yorkers.
USER INTERVIEW
USER INTERVIEW
I conducted an interview to see New Yorkers' morning routine and how they consume coffee in the morning. I recruited 8 participants who are millennials who get coffee from a coffee shop in the morning.
I conducted an interview to see New Yorkers' morning routine and how they consume coffee in the morning. I recruited 8 participants who are millennials who get coffee from a coffee shop in the morning.
✦ What does your morning routine look like?
💭 How do you get coffee in the morning?
◉ How does it affect your morning routine?
♦︎ Where do you normally get coffee from? If you have options, would you prefer to get coffee from a big chain coffee or a local coffee shop?
⚪️ Do you use any app to order coffee?
❊ What would improve your morning routine in terms of getting coffee?
✦ What does your morning routine look like?
💭 How do you get coffee in the morning?
◉ How does it affect your morning routine?
♦︎ Where do you normally get coffee from? If you have options, would you prefer to get coffee from a big chain coffee or a local coffee shop?
⚪️ Do you use any app to order coffee?
❊ What would improve your morning routine in terms of getting coffee?
✦ What does your morning routine look like?
💭 How do you get coffee in the morning?
◉ How does it affect your morning routine?
♦︎ Where do you normally get coffee from? If you have options, would you prefer to get coffee from a big chain coffee or a local coffee shop?
⚪️ Do you use any app to order coffee?
❊ What would improve your morning routine in terms of getting coffee?
SECOND USER INTERVIEW
Michael's User Journey Map
Julie's User Journey Map
SECOND USER INTERVIEW
I conducted one more round of interviews with 9 coffee app users.
From these interviews, I developed an affinity map, two user personas, and user journey maps to ideate features and UX improvements.
❊ What is the reason why you use the app to order coffee?
⚪️ What is the feature that you use the most in the app to order coffee?
♦︎ Is there any function/feature you particularly like?
◉ What is the biggest issue with using an order app to get coffee every morning?
💭 What do you think they can improve to improve your morning routine?
FINDINGS FROM THE INTERVIEW
🏡 Remote Working People
Inconvenient coffee shop visits prompt New Yorkers to seek alternative options, especially in bad weather and busy mornings. Many turn to coffee delivery services, yet express dissatisfaction with limited options on food delivery apps for coffee.
💻 Commuting People
Many New Yorkers opt for coffee near their workplace, often favoring big chain shops like Starbucks for their efficient pre-order apps. However, a significant portion desires to explore local coffee options through pre-order apps, but are limited by the lack of variety.
👟 Hybrid Working People
Hybrid workers tend to avoid coffee pre-order apps, with only a small fraction utilizing them. Juggling multiple apps for coffee orders is deemed inconvenient, highlighting the need for a more unified solution.
FINDINGS FROM THE INTERVIEW
🏡 Remote Working People
Inconvenient coffee shop visits prompt New Yorkers to seek alternative options, especially in bad weather and busy mornings. Many turn to coffee delivery services, yet express dissatisfaction with limited options on food delivery apps for coffee.
🏡 Remote Working People
Inconvenient coffee shop visits prompt New Yorkers to seek alternative options, especially in bad weather and busy mornings. Many turn to coffee delivery services, yet express dissatisfaction with limited options on food delivery apps for coffee.
💻 Commuting People
Many New Yorkers opt for coffee near their workplace, often favoring big chain shops like Starbucks for their efficient pre-order apps. However, a significant portion desires to explore local coffee options through pre-order apps, but are limited by the lack of variety.
💻 Commuting People
Many New Yorkers opt for coffee near their workplace, often favoring big chain shops like Starbucks for their efficient pre-order apps. However, a significant portion desires to explore local coffee options through pre-order apps, but are limited by the lack of variety.
👟 Hybrid Working People
Hybrid workers express frustration with managing multiple coffee shop apps, finding the experience fragmented and inconvenient—underscoring the need for a unified ordering solution.
👟 Hybrid Working People
Hybrid workers express frustration with managing multiple coffee shop apps, finding the experience fragmented and inconvenient—underscoring the need for a unified ordering solution.
FINDINGS FROM THE INTERVIEW
🏡 Remote Working People
Inconvenient coffee shop visits prompt New Yorkers to seek alternative options, especially in bad weather and busy mornings. Many turn to coffee delivery services, yet express dissatisfaction with limited options on food delivery apps for coffee.
💻 Hybrid Working People
Hybrid workers tend to avoid coffee pre-order apps, with only a small fraction utilizing them. Juggling multiple apps for coffee orders is deemed inconvenient, highlighting the need for a more unified solution.
👟 Commuting People
Many New Yorkers opt for coffee near their workplace, often favoring big chain shops like Starbucks for their efficient pre-order apps. However, a significant portion desires to explore local coffee options through pre-order apps, but are limited by the lack of variety.
SECOND USER INTERVIEW
I conducted one more round of interviews with 9 coffee app users.
From these interviews, I developed an affinity map, two user personas, and user journey maps to ideate features and UX improvements.
❊ What is the reason why you use the app to order coffee?
⚪️ What is the feature that you use the most in the app to order coffee?
♦︎ Is there any function/feature you particularly like?
◉ What is the biggest issue with using an order app to get coffee every morning?
💭 What do you think they can improve to improve your morning routine?
❊ What is the reason why you use the app to order coffee?
⚪️ What is the feature that you use the most in the app to order coffee?
♦︎ Is there any function/feature you particularly like?
◉ What is the biggest issue with using an order app to get coffee every morning?
💭 What do you think they can improve to improve your morning routine?
AFFINITY MAP
USER JOURNEY MAP
Michael's User Journey Map
Julie's User Journey Map
FINDINGS FROM THE INTERVIEW
💡 Feature 1: Save Recent Order
Many users opt for the same coffee order daily, experiencing frustration when they must repeatedly customize it during each order.
We'll implement a feature allowing users to save recent orders for easy reordering without having to go through the entire ordering process in the future.
💡 Feature 1: Save Recent Order
Many users opt for the same coffee order daily, experiencing frustration when they must repeatedly customize it during each order.
We'll implement a feature allowing users to save recent orders for easy reordering without having to go through the entire ordering process in the future.
💡 Feature 2: Subscription
Users find the daily coffee ordering process burdensome, feeling too busy to navigate through it each morning.
We’ll create a feature that users can subscribe to their regular coffee order, streamlining the process with a single click. It will simplify their morning routine with automated ordering. They have effortless access to their favorite coffee every morning.
💡 Feature 2: Subscription
Users find the daily coffee ordering process burdensome, feeling too busy to navigate through it each morning.
We’ll create a feature that users can subscribe to their regular coffee order, streamlining the process with a single click. It will simplify their morning routine with automated ordering. They have effortless access to their favorite coffee every morning.
💡 Feature 3: Favorites
Users express a desire to explore a variety of new coffee options but struggle to recall them all. This difficulty in memory retention often results in missed opportunities to order desired selections.
We’ll apply “Favorites” feature that enables users to curate a personalized collection of preferred coffee shops and items for future reference.
💡 Feature 3: Favorites
Users express a desire to explore a variety of new coffee options but struggle to recall them all. This difficulty in memory retention often results in missed opportunities to order desired selections.
We’ll apply “Favorites” feature that enables users to curate a personalized collection of preferred coffee shops and items for future reference.
USER PERSONA
I created user personas for two scenarios: "Remote worker seeking morning coffee delivery" and "Commuter aiming to save time by picking up coffee via the app."
① Michael Hilton
Age: 36
Education: Bachelor’s degree
Hometown: New York, NY
Family: Married, No kid
Occupation: Law Consultant
Work Setting: Work from home
“I work from home and it’s inconvenient to go out and get coffee every day. Also, I don’t want to waste my time opening an app and customizing the same coffee every morning.”
He wants to get his go-to coffee at a certain time without ordering the same coffee on the app every day.
② Julie Watson
Age: 29
Education: Master’s degree
Hometown: Brooklyn, NY
Family: Single
Occupation: Designer
Work Setting: Commuting
She wants to start her fresh day exploring the coffee from local shops in the office without spending time in a line.
“Normally I would go for local coffee shops, but there’s no local coffee shop on the way to the office. So, I have to go for the second option, Starbucks.”
USER FLOW
WIREFRAMING
HIGH-FIDELITY PROTOTYPE
UI KIT
USER JOURNEY MAP
Michael's User Journey Map
Julie's User Journey Map
IDEATED SOLUTIONS
💡 Feature 1: Save Recent Order
Many users opt for the same coffee order daily, experiencing frustration when they must repeatedly customize it during each order.
We'll implement a feature allowing users to save recent orders for easy reordering without having to go through the entire ordering process in the future.
💡 Feature 2: Subscription
Users find the daily coffee ordering process burdensome, feeling too busy to navigate through it each morning.
We’ll create a feature that users can subscribe to their regular coffee order, streamlining the process with a single click. It will simplify their morning routine with automated ordering. They have effortless access to their favorite coffee every morning.
💡 Feature 3: Favorites
Users express a desire to explore a variety of new coffee options but struggle to recall them all. This difficulty in memory retention often results in missed opportunities to order desired selections.
We’ll apply “Favorites” feature that enables users to curate a personalized collection of preferred coffee shops and items for future reference.
USER FLOW
WIREFRAMING
HIGH-FIDELITY PROTOTYPE
UI KIT
AFFINITY MAP
IDEATED SOLUTIONS
💡 Feature 1: Save Recent Order
Many users opt for the same coffee order daily, experiencing frustration when they must repeatedly customize it during each order.
We'll implement a feature allowing users to save recent orders for easy reordering without having to go through the entire ordering process in the future.
💡 Feature 2: Subscription
Users find the daily coffee ordering process burdensome, feeling too busy to navigate through it each morning.
We’ll create a feature that users can subscribe to their regular coffee order, streamlining the process with a single click. It will simplify their morning routine with automated ordering. They have effortless access to their favorite coffee every morning.
💡 Feature 3: Favorites
Users express a desire to explore a variety of new coffee options but struggle to recall them all. This difficulty in memory retention often results in missed opportunities to order desired selections.
We’ll apply “Favorites” feature that enables users to curate a personalized collection of preferred coffee shops and items for future reference.
USER FLOW
WIREFRAMING
HIGH-FIDELITY PROTOTYPE
UI KIT
USER PERSONA
I created user personas for two scenarios: "Remote worker seeking morning coffee delivery" and "Commuter aiming to save time by picking up coffee via the app."
① Michael Hilton
Age: 36
Education: Bachelor’s degree
Hometown: New York, NY
Family: Married, No kid
Occupation: Law Consultant
Work Setting: Work from home
“I work from home and it’s inconvenient to go out and get coffee every day. Also, I don’t want to waste my time opening an app and customizing the same coffee every morning.”
He wants to get his go-to coffee at a certain time without ordering the same coffee on the app every day.
② Julie Watson
Age: 29
Education: Master’s degree
Hometown: Brooklyn, NY
Family: Single
Occupation: Designer
Work Setting: Commuting
“Normally I would go for local coffee shops, but there’s no local coffee shop on the way to the office. So, I have to go for the second option, Starbucks.”
She wants to start her fresh day exploring the coffee from local shops in the office without spending time in a line.