top of page
COFFEE CITY Tracking app

COFFEE CITY TRACKING APP

COFFEE CITY is a tracking app for the COFFEE CITY shop branch in Tel Aviv.

Busy workers users needs to be notified in every step of the order preparation that they want to be. Like this they can be sure their order is on time and nothing is missed.

Scope: 

UX Design Course

Duration:

5 weeks

Tools:

Figma, Illustrator, Photoshop

Role:

UX Designer from conception to delivery

COFFEE CITY Traking App

CONTEXT

Busy users used delivery applications to order food. They need to be sure that they will receive their order at the right time and there will be no problem with it. They are used to eating every day at the same.

PROBLEM

Busy workers and commuters that needs to eat at the same time every day and sometimes they are not updated with their order in real-time

SOLUTION

Design a tracking app for Coffee City that allows users to be notified in every step of the order that they want to.

QUESTION

How might we help a small coffee shop to be able to notify their clients during the all preparation process? 

USER RESEARCH

I interviewed different people to understand the needs for whom I'm designing.
A primary user group identified through research was young students who love good fresh coffee and don't have much time to waste waiting. 
They have a daily routine, so they eat every day simultaneously. So research revealed that    time   is an essential factor as receiving fast and at the correct time. But there is another critical problem that challenges them:   communication  .

COMMUNICATION

When it’s necessary to call to the restaurant because the order is delayed

1

PAIN POINTS

2

When cannot be able to eat at 12 as they do everyday

TIME

When there’s a problem with their order and they didn’t get noticed until ten minutes after the supposed arrival time

NOTIFICATIONS

3

USER

Persona 1.jpg

   "Every thing has hos own perfect time"   

Adrian Marconi is a 23 years old student in the last year of his degree in Business Administration. He works as a Junior Customer Success employee in Tel Aviv. 
He is a fan of good coffees freshly made at his perfect temperature. Some mornings, he picks the coffees for his teamwork from the coffee shop. He feels frustrated when his order is not done when the app shows him.

USER JOURNEY MAP

User journey map tracking app.jpg

PROBLEM STATEMENT

Adrián is a Junior Customer Success employee who needs to track his order status during the entire process because he needs to be sure he will receive his order on time because he needs to eat every day at the same time

PAPER WIREFRAMES

With the insight in mind that users need to be aware of every change it happens in their order delivery.

COFFEE CITY racking app wireframe_edited
COFFEE CITY racking app wireframe 2

USER FLOW

User Flow Case 1_Mesa de trabajo 1.jpg

LOW FIDELITY PROTOTYPE
IN FIGMA

Low fidelity tracking app.jpg

USABILITY STUDY

I conducted two rounds of usability studies. Findings from the first study helped me refine the designs from wireframes to mockups. The 2nd study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Unmoderated usability study

5 participants:

2 womens, 3 mens, between the ages of 22 to 45

Israel, remote

25 - 30 minutes session

FINDINGS

1st ROUND

1

Users wants to be aware of every stage of their order

2

Users wants to be able to select which status notifications receive

3

Users wants an access to the tracking map easy

2nd ROUND

1

Users wants to see the ETA

2

Users wants an easiest access to the notification screen

3

Users wants to be able to see a Summary order screen

MOCKUPS

HIGH FIDELITY PROTOTYPE
IN FIGMA

High fidelity tracking app.jpg

TAKEAWAYS

Impact: 

The app help users to be aware of every update on their order tracking process. It help them to be aware of every stage that they want to be noticed.

What I learned:

I learned that is important to test the prototype with real users to try to avoid my own biases.

It's important to do as many usability studies that the project request. 

Peer Quote: “I really like the flow simplicity. And I like that I have many notification options to select”

NEXT STEPS

  • Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

  • Conduct more user research to determine any new areas of need

bottom of page