The Beany Coffee
Too long; didn't read (tl;dr)
The Beany Coffee is an fictional application where customers would like to order coffee in advance. The problem is when busy customers would wait in long lines in the mornings for their coffee order and sometimes be late to their final destination. This increases the customer's time waiting in long lines for their coffee, when they could be spending some time doing other things as they order online. The goal was to decrease the customer's time by creating an online application that allows them to order coffee in advance.
“Assisting customers in placing coffee orders in advance, our app addresses the issue of allowing them to order at any time without having to wait in line at the coffee shop.”
→ Company: This is a fictional company to complete my Google UX course. The Beany Coffee is a coffee shop where customers can order coffee. They have been around since 2020.
→ Role: UX/UI Designer
→ Communications with: Friends as “customers”
→ Tools: Pen & paper, Miro, Figma
→ Product overview: Beany Coffee is a conceptual app designed for customers to order coffee in advance and pick it up at the coffee shop without having to wait in line.
→ Problem overview: Busy customers need a fast way to order coffee in advance, as they are often in a hurry in the mornings and can’t afford to wait in long lines.
→ Goal: In order to help busy customers order coffee in advance, our app will solve the customer’s problem of ordering coffee anywhere and at any time at the convenience of their destination without waiting in line.
kickoff.
Please note: This is a fictional company to complete my Google UX Course.
The coffee shop noticed that long lines were a common occurrence during the mornings, leading to customer dissatisfaction and impatience while waiting to place their orders. To solve this problem, they decided to implement an online ordering system that allows customers to order anytime and from anywhere, simply picking up their coffee when it’s ready.
research.
To identify the customers’ issues, I conducted interviews with them. Some of the questions I asked included:
→ Could you describe your experience when ordering coffee?
→ Can you describe your current schedule and when you would order coffee?
→ What do you like or dislike about ordering coffee?
→ What do you want to accomplish when ordering coffee online?
→ Could you recall a time when ordering coffee was frustrating?
→ Is there any way in which you feel these challenges could be resolved?
insights.
I aimed to keep the questions open-ended to uncover any potential pain points. Here are some of the key insights I gathered from my interviews:
→ Working adults are too busy to wait in long lines at coffee shops in the mornings.
→ Customers sometimes buy coffee in bulk for their friends.
→ Customers like to see images and descriptions of the coffee, so it’s easier to know what the aroma and what the coffee looks like.
I then created user stories based on the personas:
As a busy coffee drinker, I want to order coffee in advanced, so that I can pick up coffee and leave without waiting in line.
Before moving further, I wanted to see what the competition offers, so I created a competitive audit:
define.
After researching interviews, I created their current user journey to discover any pain points and gaps within their flow that could be improved.
To focus on the problem statement:
Ashley is a busy intern who needs a quick way to order coffee in advanced because she is always in a rush and cannot wait for her coffee in the shop.
Our coffee ordering app allows users to place orders in advance and allows for those who are often in a hurry and lack the time to wait at the coffee shop. This will allow users to skip the line and save time without needing to wait in-store. We will measure its effectiveness by tracking the number of users who place coffee orders through the app.
ideate.
Now it’s time to focus on the main problem: “Our coffee ordering app allows users to place orders in advance and allows for those who are often in a hurry and lack the time to wait at the coffee shop.” But how do we solve that problem? How might we create an online ordering app for customers? How might we help reduce long lines at coffee shops during the morning rush?
design.
Time to start wireframing! I began creating low-fidelity wireframes and prototypes. Our initial designs focused on displaying recent orders and allowing users to quickly reorder their favorite drinks. I aim to ensure that the coffee ordering process is user-friendly. The objective of the user testing will be to evaluate the coffee ordering experience.
test.
I received feedback regarding the lo-fi user testing and noted the following:
→ Users needed better cues on how to order coffee and more pathways to direct them to order coffee.
→ Users needed an option to filter for coffee instead of searching as another option.
→ Users needed one button that redirects them to payments and confirmation.
After the feedback, I made changes to the wires:
key learnings.
Even though this project was fictional, being able to interview friends and get their feedback has helped along the process.