top of page
Hero liquid_3x.png
Hero page_final.png
Saurabh Sharma

Café Coffee Bean

Project overview: It is a Coffee delivery app for those who want to order multiple orders at a time for time-saving.
My Role
Tools
Duration
UX Designer
Figma, Adobe Photoshop
June 2022 - July 2022

Problem Statement

Designing a coffee and beverage delivery app for busy professionals and college students who want their food ordering experience to be smooth and time-saving without any interruption.

Goals

Café Coffee Bean has a very clear target, a target that needs an extremely easy and fast-to-use solution. The app looks professional while also looking beautiful which distances itself from the normal food delivery app usage.

Users can submit multiple orders at a time to save their time and effort.

User can schedule their order to get rid of the line.
Empathize
Define
Ideate
Prototype
Test
Empathize.png
Define.png
Ideate.png
Prototype.png
Test.png
Liquid.png

Research & Analysis

After conducting research, I found that most of the Café shop’s customers were frustrated to stand in line to grab a cup of coffee and they lost too much time.

User Research: Pain Points

  • The long waiting line for orders.
  • Unable to order in advance to save their time.​
  • Unable to a recurring order.

User Personas

UX Persona.png
UX Persona (1).png

Colors & Typography

Colors.png
Typo.png

User Flow

User flow_2x.png

Wireframe & Lofi Prototype

Lofi Prototype.png
Lofi Prototype

Mockups Screens

Frame 5.png

High-Fidelity Prototype

This is the final HiFi Prototype, it included the design changes after user testing and usability test.
hifi prototype.png

What did I learn?

This is my first app design ever. While designing the Cafe Coffee Bean app, I learned so many things from scratch to completion. 
I learned the importance and how to conduct research and usability study.
I learned about colors, typography, iconography, and spacing.
Last page.png
Hero liquid_3x.png
bottom of page