JAIPUR CAFE APP

This project was part of my Google UX Design Professional course. The objective of this project as part of the course was to help me put all the principles and concepts of UX design into practice.

PROJECT OVERVIEW

Introduction

Jaipur Café is a local coffee startup with several shops located in the suburbs of a metropolitan area. They target customers who wish to avoid long lines and maintain their busy schedules by placing in-store orders as well as takeaway and group orders while payment process is streamlined.

The Product

Jaipur Café Mobile Ordering App is a mobile application that allows users to submit pick-up orders for themselves and colleagues in advance and pick them up quickly and efficiently. It also allows users to place in-store orders without having to join long lines to do so.

The Problem

Busy workers with tight schedules and other customers who need space to continue their productive activities do not have the time to wait in long lines to place orders and also to pick up items on time.

The Goal

Design an app for Jaipur Café shops that allows users to easily place in-store and collaborative orders and pick up items on precise time.

My Role

UX designer designing an app for Jaipur Café from conception to delivery.

Responsibilities

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

UNDERSTANDING THE USER

User Research

Summary

I conducted interviews and created empathy maps to understand the users I am designing for and their needs. A primary user group identified through the research was working adults who have busy time schedules and therefore do not have the liberty to wait in long lines to place orders.

This group confirmed the initial assumptions of Jaipur Café. The research also revealed that time was not the only factor preventing people from going to the coffee shops in person to order coffee. Other user problems include the inability to find adequate workspace at the shop, inefficiencies at the walk-up counter and the long stay in line in order to place orders and pick up items.

Pain Points

Persona

Problem Statement

Martin is a busy junior data analyst who needs to order coffee for himself and his colleagues at workplace through the Jaipur Café app because it is time saving and easier.

j4c82tOiQQuHPNrTogELcg_0d949095ded1487b83fadf63fbe14245_Google-UX-Design-Certificate---Persona-Template-

User Journey Map

Mapping Martin's user journey revealed how helpful it would be for users to have access to a dedicated Jaipur Café app.

Audit

I also conducted a competitive audit of applications similar to Jaipur Café app.

Google UX Design Certificate - Competitive audit template

STARTING THE DESIGN

Paper Wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points.

Digital Wireframes

Low-Fidelity Prototype

The low-fidelity prototype connected the primary user flow of ordering coffee and placing group order in a usability study with users.

View the Jaipur Café low-fidelity prototype below:

Figma

USABILITY STUDY

Affinity Mapping

I used affinity mapping to help me find patterns common to users, which further helped me to gain insights into users pain points by understanding the users from a different perspective.

Findings

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

REFINING THE DESIGN

Mockups

Early designs did not allow users to cancel order type once selected, this was revealed during the usability studies. I added a "cancel button" in place of the old disabled button. I also changed the colour to reflect the company's colour to improve brand identity.

Before usability study After usability Study

Before usability study After usability study

It was also revealed, during the usability studies, that users go through frustration trying to set the pickup time. And it was because the pickup time was adjustable in the settings after a user completed the checkout. I replaced the "Later" button which was an automatic addition of 10 minutes to the pickup time, with a "Time setter" feature.

High-Fidelity Prototype

The final high-fidelity prototype presented a cleaner user flows for building a mobile app for placing in-store orders, takeaway, single and multiple orders as well as a group order. It also met user needs for pickup or delivery option.

View the Jaipur Café app high-fidelity prototype below:

Figma

Accessibility Considerations

GOING FORWARD

Takeaways

Impact

What I learned

The app saves users time and streamlines the action of ordering, processing and delivery.

One quote from peer feedback:

"Finally, I can order and pay for coffee at any place and anytime without having to join long queues to place an order not even to talk about the frustration at the walk-up counter."

I learned valuable lessons during this project. Understanding the user pains made me to appreciate the need for equity. Usability studies and peer feedback made me understand the struggles people with disabilities go through in accessing products created without considering their needs or pain points.

Next steps

Detailed deck slides is as shown:

Google UX Design Certificate - Case study slide deck [Template]

Let's Connect

Thank you for reviewing my work on Jaipur Café mobile ordering app!

If you are interested in this project and want to see more or get in touch, my contact information is provided below.

Page updated

Google Sites

Report abuse