The Quick Fix App

In our fast-paced modern world, time is of the essence, especially for busy individuals who are always on the go. For the coffee enthusiasts among us, grabbing a quick cup of their favorite brew can be a source of comfort and energy. However, the long lines and waiting times at coffee shops can often prove to be a major inconvenience, leaving little room to savor the joy of a freshly brewed cup.


PROJECT OVERVIEW

The Product:

Introducing the Quick Fix an innovative coffee ordering app designed with the needs of busy coffee lovers in mind. My goal was to revolutionize the way people order and enjoy their favourite coffee by providing a seamless and efficient user experience.

The Problem:

People are getting busier and busier day by day and managing time has become an art . People are more into productivity than ever which is why they are always looking for a way to minimize their time consumption on chores like ordering groceries, coffee, doing laundry etc. 

The Goal:

The Quick Fix App aims to be the go-to app for coffee enthusiasts who value their time and the quality of their brew. With a user-centric approach, the app offers a range of features that will transform the way people order coffee

My Role In This Project:

As this was a course project, I was responsible for doing everything in making the QuickFix App. I was responsible for the Design, Research, Prototyping, Wireframing and finally making the final High Fidelity Prototype and getting it ready for the developers.

UNDERSTANDING THE USER

As part of my user research for the Quick Fix, I made a survey consisting of 10 questions which was related to general food ordering habits, payment method preferences and coffee ordering. I requested 10 people to fill out the survey and 7 out of 10 participants agreed that they wished there was a way through which they would be able to pre order their coffee to be delivered at a designated time to a designated location for an entire week or a month. There were many other findings from the research too which will be shared later in this case study. 

USER PAIN POINTS

Users find it very annoying to chalk out time every single day to get coffee on their way to work.

Users are not very happy when their coffee gets cold by the time it gets delivered.

USER PERSONAS

Users wish they could customize their coffee orders according their choice of timing. They wish they could pre order .

Paper Wireframes

This is a sample of how I did my paper wireframes for the Quick Fix App. Before doing it I looked through some of the most popular food apps like FoodPanda, Star Bucks app, etc to get an idea of the layout.

Story Boarding

As a part of the research, I also did some storyboard designs for the coffee ordering processes that customers will go through while ordering through The Quick Fix

Digital Wire framing

My goal while designing this page was mainly to focus on the fact that almost everyone I did the survey on had mentioned their will to save time and wanted a feature which helps them order and recieve their morning coffee within the shortest time

While doing the survey some participant had mentioned they usually like to work while sitting in a coffee shop but find it difficult to find a seat in the morning and standing in a line to order their coffee hence the “sit in” option was incorporated . Meanwhile the pick up option helps the user to pre order their coffee and pick it up on their way to office hence saving time


Low Fidelity Prototype

Mock Ups

During the usability study, almost every participant had mentioned their disappointment when they realized that there was an additional vat added to their order during checkout. Therefore to rectify this we decided to add a “+VAT” sign beside the items so that customers can expect an increase in price during checkout .

Before

After

Usability Study Findings

Round 1 findings

  • Users do not like surprise costs at checkout for eg: tax

  • Users love to customize their orders as much as possible

  • Customers are more comfortable with paying through Paypal

Round 2 findings

  • Users look for a double confirmation page before the order is confirmed

  • Users like to have an option to change their order after placement

  • Users would like to place orders from multiple shops

Mock Ups

During the usability study I found out that users like to customize their orders as much as possible therefore after the usability study added an extra page before the final confirmation page which will allow the user to Pre-order, schedule the order even for a whole week.

Before

After

High Fidelity Mock up and Prototype

Link to the Figma prototype can be found here

ICONS

Accessibility Considerations

I have used a wide range of icons to represent various aspects of actions throughout the app in order to assist users with some reading and visual disabilities. These icons will also help people who are less familiar with the English language.

COLOR CONTRAST

I have tried to use black over white combinations throughout the app to create the best contrast of colors for making it easy for visually impaired individuals. I have also used a hint of the color orange to create further contrast.

RESIZABLE TEXT

In order to assist people who have vision problems and have trouble reading standard sized texts, I added a feature on the sign up page through which user can adjust font size according to their convenience throughout the app. This feature is represented by the symbol A+

Next
Next

The Sweet Tooth Co