Semicolon Cafe App
Seamlessly Delivering Orders from Kitchen to Table (Mobile App Design Case Study)
Seamlessly Delivering Orders from Kitchen to Table (Mobile App Design Case Study)
Seamlessly Delivering Orders from Kitchen to Table (Mobile App Design Case Study)
Semicolon Cafe App is a design that allows customers to order their meals on the go, skip the day rush, and utilize their rewards with ease.
MY ROLE
UI/UX Designer, Research, Ideation, and Prototyping
PROJECT
SCOPE
Sole Designer,
3 months
TOOLS
Figma, Miro,
Procreate,
Qualtrics
MY ROLE
PROJECT SCOPE
TOOLS
UI/UX Designer, Research, Ideation, and Prototyping
Sole Designer, 3 months
Figma, Miro, Procreate, Qualtrics
MY ROLE
UI/UX Designer, Research, Ideation, and Prototyping
PROJECT
SCOPE
Sole Designer,
3 months
TOOLS
Figma, Miro,
Procreate,
Qualtrics
Problem
Semicolon's customers often wait too long to receive orders and underutilize earned cafe rewards.
28 customers expressed that when ordering at the store, 68% actually wait around 10 - 20 minutes for their orders to be ready; however, in terms of how long they expect to wait for their order, 92% expect to wait around 10 minutes or less. This actual wait time can often be just waiting for a drink to be made, but even more so when ordering a sandwich along with a drink. While other customers attempt to beat the rush by ordering online, the issue then becomes the cost of losing the opportunity to utilize or build rewards specific to Semicolon as these orders are placed through delivery apps such as Ubereats, Grubhub, and DoorDash.
As a result, this prompts the question.
28 customers expressed that when ordering at the store, 68% actually wait around 10 - 20 minutes for their orders to be ready; however, in terms of how long they expect to wait for their order, 92% expect to wait around 10 minutes or less. This actual wait time can often be just waiting for a drink to be made, but even more so when ordering a sandwich along with a drink. While other customers attempt to beat the rush by ordering online, the issue then becomes the cost of losing the opportunity to utilize or build rewards specific to Semicolon as these orders are placed through delivery apps such as Ubereats, Grubhub, and DoorDash.
As a result, this prompts the question.
28 customers expressed that when ordering at the store, 68% actually wait around 10 - 20 minutes for their orders to be ready; however, in terms of how long they expect to wait for their order, 92% expect to wait around 10 minutes or less. This actual wait time can often be just waiting for a drink to be made, but even more so when ordering a sandwich along with a drink. While other customers attempt to beat the rush by ordering online, the issue then becomes the cost of losing the opportunity to utilize or build rewards specific to Semicolon as these orders are placed through delivery apps such as Ubereats, Grubhub, and DoorDash.
As a result, this prompts the question.
How Might We…
Improve order wait time and incentivize customers to earn more rewards?
Validating Assumptions
From interviewing customers as well as searching through customer reviews on Google of the Semicolon Murray Hill Location, it further validated the assumptions that while customers do enjoy the food and drinks the cafe has to offer, Semicolon must work on improving the overall wait time.
Examples of customer ratings.
Customer survey results also revealed that even though 81% of those surveyed are returning customers, only 28% use the punch card, with some of the common reasons being unawareness of the rewards system and difficulty managing a physical punch card.
Defining Customer Personas & Goals
Reflecting our key insights into 2 customer personas who regularly visit Semicolon Cafe.
18, NYU Student, Murray Hill
18, NYU Student,
Murray Hill
“Once I sit down with my friends and we start grinding, I want to completely lock in! Cafes are a great place to do it!”
“I am always on the run, got a million things to do, but the one thing that keeps me from losing my mind is a great cup of joe.”
Rachel always has to return to the bar more than once to pick up her order as her drink is often completed before the rest of the meal. As a result, it tends to break her concentration on her assignment. She wants full transparency of when all items from her order are ready so she can grab her entire order all at once.
Rachel always has to return to the bar more than once to pick up her order as her drink is often completed before the rest of the meal. As a result, it tends to break her concentration on her assignment. She wants full transparency of when all items from her order are ready so she can grab her entire order all at once.
When Mac comes to the cafe, he sometimes either forgets the punch card when ordering in-person or orders for pickup and is unable to utilize any earned rewards. With how often he frequents the cafe, he wants to be able to be rewarded for being a loyal and valued customer.
When Mac comes to the cafe, he sometimes either forgets the punch card when ordering in-person or orders for pickup and is unable to utilize any earned rewards. With how often he frequents the cafe, he wants to be able to be rewarded for being a loyal and valued customer.
Storyboarding the Customer's Journey
Placing the persona in a context scenario helps identify the required actions the app needs to support for Semicolon customers.
Design Goals
To address the needs of customer insights, the ideal solution must be able to support customer experience from placing the order to receiving the order as well as implement a system that encourages all users to continue to choose Semicolon Cafe as their ideal lunch spot.
Customers have to be incentivized, and transitioning the traditional paper punch card to a digital form alleviates the pain users would have either ordering through delivery service or ensuring the card is always with them.
Maintaining the human aspect of interacting with the people behind the service is extremely valuable as it is one of the key reasons why customers choose to order in-person and what makes local coffee shops so great.
A personalized experience inspires users to be better informed and maintain interest.
Providing a platform to connect users can support their goals and help them feel less alone in their learning journey.
The ordering process needs to be convenient and accessible to accommodate the cafe's diverse customers.
Mapping the Customer's User Flow
With the persona in mind, a user flow was created to showcase all possible functions that might be necessary throughout the customer ordering experience at Semicolon Cafe.
Customer Feedback
Based on 5 rounds of moderated tests, the feedback gathered helped to improve iterations on creating a visually thoughtful rewards system and transparency in order preparation.
Including details from the people behind the service
Users expressed that it was not enough to have a featured menu item on staff recommendations. The connection between baristas and customers, particularly returning customers, is a main reason why many customers would prefer to order in-person.
Adding further details on specific selections by the staff as well as listing personal recommendations by baristas creates a human aspect to the online ordering process.
Including details from the people behind the service
Users expressed that it was not enough to have a featured menu item on staff recommendations. The connection between baristas and customers, particularly returning customers, is a main reason why many customers would prefer to order in-person.
Adding further details on specific selections by the staff as well as listing personal recommendations by baristas creates a human aspect to the online ordering process.
Including details from the people behind the service
Users expressed that it was not enough to have a featured menu item on staff recommendations. The connection between baristas and customers, particularly returning customers, is a main reason why many customers would prefer to order in-person.
Adding further details on specific selections by the staff as well as listing personal recommendations by baristas creates a human aspect to the online ordering process.
Creating a more meaningful visual to track rewards
Feedback expressed that the original visual of semicolons to mark steps towards earning a reward was not very motivating and a bit boring.
Inspired by the many plants living in the cafe, which is a key selling point to visit the store, designing a dynamic visual rewards system that grows each time a customer orders at Semicolon not only motivates users to see the full picture and earn more rewards, but also aligns more closely to the brand's identity.
Creating a more meaningful visual to track rewards
Feedback expressed that the original visual of semicolons to mark steps towards earning a reward was not very motivating and a bit boring.
Inspired by the many plants living in the cafe, which is a key selling point to visit the store, designing a dynamic visual rewards system that grows each time a customer orders at Semicolon not only motivates users to see the full picture and earn more rewards, but also aligns more closely to the brand's identity.
Creating a more meaningful visual to track rewards
Feedback expressed that the original visual of semicolons to mark steps towards earning a reward was not very motivating and a bit boring.
Inspired by the many plants living in the cafe, which is a key selling point to visit the store, designing a dynamic visual rewards system that grows each time a customer orders at Semicolon not only motivates users to see the full picture and earn more rewards, but also aligns more closely to the brand's identity.
Adding further details on the order process
A simple progress bar did not provide enough information for customers on when their order was ready.
Providing the amount of customers ahead of the user's current order and the estimated wait time until they receive their order gives more clarity and reduces possible negative experiences when waiting for pick up.
Adding further details on the order process
A simple progress bar did not provide enough information for customers on when their order was ready.
Providing the amount of customers ahead of the user's current order and the estimated wait time until they receive their order gives more clarity and reduces possible negative experiences when waiting for pick up.
Adding further details on the order process
A simple progress bar did not provide enough information for customers on when their order was ready.
Providing the amount of customers ahead of the user's current order and the estimated wait time until they receive their order gives more clarity and reduces possible negative experiences when waiting for pick up.
Recommending complementing options to customers
Searching through each of the options to add to the customer's bag extends the amount of time it takes to place an order.
By sharing recommendations based on what the customer has in their bag already, it alleviates the decision time on the possibility of adding more items.
Recommending complementing options to customers
Searching through each of the options to add to the customer's bag extends the amount of time it takes to place an order.
By sharing recommendations based on what the customer has in their bag already, it alleviates the decision time on the possibility of adding more items.
Recommending complementing options to customers
Searching through each of the options to add to the customer's bag extends the amount of time it takes to place an order.
By sharing recommendations based on what the customer has in their bag already, it alleviates the decision time on the possibility of adding more items.
Project Takeaways
Being both a customer and a barista at Semicolon Cafe, I have experienced firsthand how customers enjoy our service. However, I recognize that there are some areas that Semicolon could improve on, particularly wait time on the busiest days. As a result, I wanted to find a solution to alleviate some of what customers experience. When speaking to our regulars about this project, it was great hearing the support for my idea of creating a mobile app for the cafe and listening to some of their suggestions. I cannot wait to see the possibility of this imagined design becoming a reality and integrated into our everyday customer's time with us.
