Coffee & Tea

UX/UI, Case Study, App Design, Personal Product Idea
Coffee & Tea is a mobile app designed to revolutionize your coffee and tea experience. With a focus on seamless online ordering, nearby location pick-up, rewards structure, and comprehensive nutrition facts, this app sets the standard for modern caffeine consumption.
Company
Coffee & Tea
Client Name
Sadiq Abubakar
Time Duration
1 Month
my role
UI Lead
Contribution
Designed the wireframing and lo-fi/mid-fi sketches.
product description
Coffee & Tea is a mobile app designed to revolutionize your coffee and tea experience. With a focus on seamless online ordering, nearby location pick-up, rewards structure, and comprehensive nutrition facts, this app sets the standard for modern caffeine consumption.
The challenge
How can we make the process of finding local coffee shops and ordering coffee and tea more convenient, rewarding, and informative for users?
Tools used
Adobe XD (for wireframing and mid-fidelity), InVision for Prototype and Flow, Trello & Google Suites (for team management and project organization

Phase 1

Lo-Fidelity Sketches

1. Splash Page

2. Login Main Page with Location Pop Up

3. Login Main Page with Notifications Pop Up

4a. Login Main Page

4b. Sign Up Page

5. Main Page w/Diet options & Stamp features

5a. Your Orders Page w/favorite orders & Recent Orders

5b. Edit Orders Page

6. Stores Near Me Page

7a. Store Page

7b. Store Menu Page

8. Order Page

9. Verify Order Page

10. Payment Screen Page

11. Order Tracker Page

Phase 2

Testing and results
Testing

The wire-frame steps onto 5secondtesting.com and the navigation of the app was tested w/5 participants. The goal was to see where navigation becomes difficult when the participant is asked to select Rock N’ Joe as the location and Cafe Au Lait as the beverage to purchase.

Who We Tested

~ Total - 5

~ Gender - 4 Male, 1 Female

~ Age - 1 w/in 25-29, 2 w/in 30-34, 2 w/in 35-39

~ Education - all within post graduate degree or post graduate work

~ Employment - 4 full time employed, 1 unemployed, not seeking employment

~ Daily hours online - 4 spend over 6 hours online 1 spends between 1-3 hours online

Instructions

Instructions that were provided:Hello! We are designing an app that helps individuals find local coffee or tea shops & order a beverage through the app. Imagine you have just downloaded this app and you are placing an order with Rock N' Joe for a Cafe Au Lait drink.

Results

~ 1 person was able to successfully complete the flow within 3 mins

~ 3 Individuals were curious about the diet type offerings and the recommended drinks by diet

~ 1 person recommended making the sections bigger and few item amounts on the screen

What I Learned

Challenges:

~ Coming up with a design idea from scratch

~ Limited time

Highs:

~ Successfully getting the first lo-fidelity design done

~ The first successful testing with positive feedback

What didn't work:

~ Making an ordering app that included mainstream coffee shops as well

What did work:

~ Focusing on Local Coffee Shops only

~ The testing of the app