top of page
Coffee House Landing Image.jpg
35973.jpg

Coffee House - 2022

To all Coffee lovers, Coffee House is a app which helps user to order coffee and pick it up at the convenient time on your way.

Role

Product Designer

Responsibilities

UX/UI

System Design

Product Strategy

Prototyping

Problem Statement.jpg

Design Strategy:

Executive Intent

This project is all about making the users order there coffees conveniently from there home or in the store without making them stand in or wait in the queue for so long in there valuable time. This application helps them ordering for individuals or group order for delivery and order by sitting in the hotel table by entering the store location and scanning or the entering the QR code of the table

Target Audience

Working Professionals, Students, basically to all the coffee lovers who finds difficult in ordering or finding difficulty in making up time for the coffees

Profession: Working and Non Working both.

Age Group: All Age group.

General Tasks

The major task is selling coffees. Other than that users can also order the beverages, drinks and other eating stuffs they want. They can add customized topping and preparations instructions in the order. Users can also sign up there account to track everything. It also include multiple payment options.

Technology Constraints

Internet, Smartphones are required. Small towns might have network issue.

Qualitative Analysis

I interviewed some of the friends and family members who love coffees and coffeeholics. I interviewed them in person, over video calls & Phone calls via zoom and Whatsapp. In total there where 12 participants with whom I got an opportunity to talk with and gather insights about their challenges & motivations.

Questions.jpg

Gathering Insights

Person.png

User Pain Points

Persona 2.png

Competitive Analysis

Competitive Analysis is a strategic management in an assessment of strengths and weakness of current and potential competitors. I did research looking for similar products and compared 5 websites among

Competitive Analysis.jpg

User Persona

To complete the project, I tried some interviews from the users about the current experience, their characteristic and the main insights I got based on the interviews.

User Persona.jpg

Empathy Map

Empathy mapping is summarised by empathising with potential users. By thinking from the User POV, understanding of the users can be further more increased.

Empathy map_edited.png

User Flow

Coffee House User flow.png

Features

Coffee house allows user to find the nearby stores easily by using two ways, either with the list view or the map view.

​

It helps the users with the instore ordering feature which helps the users to avoid standing in queue and also with the pick up option by ordering the coffee in the home and picking it up in shop if they have a thought of going out to get some fresh air during the break.

Wireframes

Order Selection.jpg
Store Prompt Up.jpg
Language and country.jpg
Account Page.jpg
Store Prompt Up 2.jpg
In store order.jpg
iPhone 13 Pro Max - 4.jpg
iPhone 13 Pro Max - 1.jpg
Coffee Booking Flow
Helps users to find Coffee House shops using map and list view.

Hi-fi Mockups

Account Mockup_edited.jpg
Onboarding Screen mockup.jpg
Menu Mockup.jpg
Login Mockup.jpg
Edit Account mockup.jpg
Store Prompt Up-1 mockup.jpg
Map Mockup.jpg
Cart page.jpg
Payment Page Mockup.jpg
Language and Country mockup.jpg
Store Prompt Up mockup.jpg
OTP screen mockup.jpg
Orders mockup.jpg
phone-df QR.jpg

SUMMARY

By Listening to our users and making changes that real value to them, I created a dynamic features mention with drastically improved capabilities. I grew as a designer and walked away with a few takeaways.

​

There is always value in listening to user feedback. Even if you already know a problem exists, user

feedback an help you narrow in thinking of the product.

​

Thinking and designing with a systems mindset is a great way to achieve flexibility. All I really did was turn a grid layout into grouped rows, but by utilizing system thinking on level (groups, headers, menus).

MY LEARNINGS

It was fun yet quite challenging experience working in the project, also thanks to the people who agreed to give their valuable time for my research. Learned a lot about the diversity opinions which eventually taught me the importance of the research.

 

Got an opportunity to learn new UX process, such as Customer Journey Mapping, User Flow, 

Card Sorting and Information Architecture,. I've learnt all of them during the process & added 

lots of value to the research data I collected. It narrowed down the process a lot.

​

I learnt the importance of the micro interactions which provides great user experience in various  

ways.

​

I learnt lots of new features and tricks in the figma which can definitely improve my work.

​

I learnt the importance about asking appropriate questions to the users, to get the correct data, 

and not getting too much confused.

​

Also learnt different tools like Miro, Figjam, Notion, etc,. They played a important role in the 

gathering and sorting down all the required data and ease the process.

​

And most importantly I learnt "no design is perfect", there is always a room for improvements.

LET'S CONNECT

  • behance-512
  • pngwing.com
  • pngwing.com (2)
  • pngwing.com (3)

Copyright 2024. Designed by Rahul.

bottom of page