Daily Brew
The Project
Context
Process
Research
Define
I created Daily Brew, an online coffee ordering mobile application for The Bean Corner cafe, as part of my professional certification course on UX offered by Google at Coursera. As the sole designer, I followed UX design principles to design this project from inception to its final design
​
Duration : 1 month
​
Tool: Figma , Canva, Adobe Photoshop
The Bean Corner cafe is experiencing a decrease in sales because many customers prefer the convenience of placing orders online. The staff has to manually process and track orders, which creates a long queue for ordering and makes the management of operations more difficult.
By providing a convenient and user-friendly way for customers to place orders and pay for purchases, the cafe can increase customer satisfaction and more bounce back customers.
Research
Define
Ideate
Prototype
Iterate
Impact on customers
Long queues at the counter can decrease customer satisfaction due to frustration, negative perception of the business, and decreased impulse purchases.
High wait time due to long queue
Difficuilt for
on-the-go customers
Ambiguity in order processing time
Expectations from a mobile application
Easy to use : Customers expect the app to be easy to navigate and use, with clear instructions and intuitive design.
​
Quick order placement : Customers want to place orders quickly and easily, without having to go through a long or complicated process.
​
Accurate order tracking: Customers wish to track their orders and see the status of their purchases in real time.
​
Payment options: Customers expect the app to offer a variety of payment options, such as credit card or mobile payments.
Problem Statement
The main goal of the Daily Brew app is to provide a convenient and user-friendly way for customers to place orders and pay for purchases at The Bean Corner cafe. By offering this service through the app, the cafe hopes to increase customer satisfaction and sales by making it easier for customers to order and pay for their purchases. Additionally, the app may aim to streamline the ordering and payment process for the cafe, potentially reducing the need for manual order tracking and processing and making the overall management of operations more efficient.
User Interview
I conducted interviews involve speaking with potential users or customers of the app to learn more about their needs, goals, and pain points. This helped me gain a deeper understanding of the target users and inform the design of the app.
​
To conduct user interviews and create user personas, I followed these steps:
​
-
Identify your target users: Determine who the app is intended for and consider what types of users you want to interview.
-
Develop a list of questions: Create a list of questions that will help you learn more about the users and their needs, goals, and pain points.
-
Conduct the interviews: Set up and conduct the user interviews, either in person or remotely.
-
Analyze the data: Review the data collected from the interviews and look for common themes or patterns.
-
Create the personas: Use the insights gained from the interviews to create user personas that represent the different types of users and their needs, goals, and pain points.
User Persona
Feature
Analysis
Core Features
As the cafe doesnt have an app, I started by evaluating the core features i.e essential functions of an app that are necessary for it to fulfill its purpose and meet the needs of its users. These features are typically the main reasons why users download and use the app.
Quick Order Placement
Select , customise and place your order quickly.
​
Payment Options
Support variety of payment options, such as credit card or mobile payments to make it more convenient for you.
Order Tracking
Track your orders and see the status of their purchases in real time, so you know when to expect your order.
Extensive menu
Choose from a variety of options, inclusive of customers with dietary restrictions or specific preferences
Notifications
Receive notifications on order updates.
Good to have features
I analysed some features that are not an essential for all potential customers. These can be ideated and incorporated in future versions.
Quick Pickup
Place an order in advance and pick it up at a later time, rather than having to wait in line at the counter.
Recommendations
Get recommendations based on your past orders or preferences
Book a table
Reserve a table for special events, family get togethers or if you to reserve a place skipping out on the queue
Define
Low Fidelity
Since simplicity and ease of use are one of the biggest aims of Daily Brew, the number of screens were kept to a minimum and I wanted to focus on highlighting the core features. I started with pen and paper wireframes, and created multiple versions of each screen until I found a combination of features and elements that I thought matched the users needs and that would be as intuitive as much as possible.
High-Fidelity design
After a lot of back and forth on the low fidelity, I started working on high fidelity screens.
Test
Usability Testing
This phase was the game changer - by conducting usability tests, I was able to refine what users were finding useful, and completely change up what they didn’t react well to. The users were asked complete a few scenario-based tasks that would test the main features of the app, and were asked how they felt about the app in general. The results of the usability tests were recorded and analysed.
Key Insights
It is important to carefully analyze the key insights of an app in order to understand its strengths and weaknesses and to identify areas for improvement.
I made notes of the positive and negative feedback,
Positive
-
Users were able to reorder their regular orders.
-
Login using OTP, made logging in convenient.
-
The estimated time for each item impressed the users.
-
Navigation proved easy for users to understand.
Area of improvement
-
Some users wished to pay by cash
-
For new users with introductory offers, they expected to be able to add coupon and avail discounts.
-
Users found text and icons to be too small.
Iterate
Design Improvisations
I made changes based on the user feedback and then reached out for additional feedback from some fellow designers. I created a newer, high-fidelity version of the app that featured more larger icons, clearer text and covered the previous shortcomings.
Categorised Today's Special, to enable users to filter out the menu
Users can now
Pay by Cash, during checkout
Now users can add promo code, and the discount gets calculated during checkout
Final Product
Final Product
After many tests and iterations, my final product aligned with all of the objectives I had set in place - it includes the three core features necessary for users to find surf reports quickly and easily, while appearing visually appealing and simple to use.
Click here to view the final prototype.
​
Retrospectives
Challenges
Balancing simplicity with functionality: This proved challenging, as it involved finding the right balance between the number of features, the complexity of the interface, and the overall user experience. To find the right balance between simplicity and functionality, I used wireframing and prototyping tools to explore different combinations of features and interface elements, and test these designs with users to gather feedback.
What can be improved
I was new to the designing tools and it took me some time to come upto speed while designing the frames. In future, I would like to expand my knowledge upon the tools that I use.
Thanks for scrolling
If you have any feedback, want to collaborate or just want to say hello, let’s get in touch!
