top of page

Coffe shop project

Smartphone_Max_Pro_Mockup copy.png

About project

go-Coffee is a coffee ordering application, this application was created based on the problem of a coffee shop that has a long queue

so that consumers don't have to queue and wait long to get their orders

PROBLEM STATEMENT

a coffee shop that has a long queue

SOLUTION 

From problem statement about coffee shop have a long queue, so I create some aplication ordering coffee, but not only coffee, there is also have donnut and cake 

Design process

empethize.png

Empathize

define.png

Define

ideate.png

Ideate

protot.png

Prototype

testing.png

Testing

Empathize

​I started with a mini research, which was to do a test with people around who really like coffee and also with different backgrounds, I also chose the object of this research with people who have used ordering applications

Define

In this part, I finding a people for my user persona and then i creat user jurney map from her.

Untitled (User Persona Template).png
User jurney maps
User jurney map.png

Ideate

uSER FLOW
User flow.jpg
INFORMATION ARCHITECTURE
arsitektur.jpg
WIREFRAME
Wireflow coffe shop (15).png

prototype

Design system

Typhographi

COLOR PALLATE

bUTTON

Heading 1 

34px

Heading 2

24px

Body

13px

Font :

Open Sans

cvetovaya-palitra-3487 1.jpg

Primary

Secondary

Alternative

Alternative

Alternative

Frame 6.jpg

high fidelity design

photo 1 copy.png
on boarding - menu sign in 

On the start page, the user can fill in an account or create a new account.

With a display that represents the color of coffee, it is hoped that users will enjoy the feel of coffee

home screen, profile, and favorite screen

After filling out the start page, the user will be redirected to the home page, on the home page there are menus, discounts and also details from your account, you can also select the account page to view account settings and also the food page that you like

photo 2 copy.png
photo 3copy.png
payment process

The ordering process is very easy, users don't need to be confused because there are too many icons, in this application only icons that are important in payment that users will get.

Frame 7.jpg

test

In this phase, I try to test the prototype that has been made with the objects that I have obtained, namely 3 coffee-loving students

Task scenario

I give orders to the user, make a transaction or order a coffee, from searching to completing the payment and getting a coffee

PROBLEM FOUND

User 1

There is no more varied choice

in the product description

User 2

Confusion because there is no delivery feature

User 3

Confusion because there is no delivery feature

which must be fixed

Add feature delivery and add more product description on the picture of product

bottom of page