top of page
js-logo-150x150.png
fazer_top.jpg

Fazer 무인 결제 시스템 디자인

Self-Checking Payment System Design

UX /UI Design

Client

FAZER

Status 

Student

Date          

10. 2018 ~ 11. 2018

The A Bloc(student restaurant) is highly accessible to many people because it is in the center of campus and close to a metro station. But the payment system interface are unnecessary complex, not even logical and not user friendly. You can find that there is long queue nomally at lunch time.

The student restaurant payment system is similar to self-checking system but staffs need to check student ID for the student discount. And the Fazer, the client, requests us to make a design solution that is not totally new.

We focused on how enhance the exprience of using the self-checking payment system for students at the A Block restaurant.

process01.jpg

Design Process

Research

​​​We conducted ethnography research including observation and
interview. It is to get user insights and thier perspectives and 
know about their needs in a specific situation.

fazer-03.png

User Research( Survey, interview, Coment wall)

fazer-flow-chart.png

Floor map

analysis.jpg
fazer_journeymap.png

User journey map

Requirement

1.Sequence with different screens

2.Consistency/ Aesthetic appearance
(color, shapes & setup)

3.Visual indication of start/end of order
4.Easily readable text

5.Use of Icons & Illustrations

6.Clear indication of start/end

7.No repetitive sequences without purpose
8.Language selection

9.Guidelines in all sequences/ Help function
10.Branding

Provide clear and intuitive usage for the end user

Use aspects of the current mental model of the end user

Be attractive to use for the end user

Be easily accessible for both international and finnish users

Decrease dependency on guidance from cashier

Enhance relation between end user and service provider

fazer_HTA.png

Current HTA

fazer-current.png

HTA Proposal

lowfidelity.jpg

Sketch

flow01.jpg

Prototyping Flow Map

iteration.jpg

Prototyping main eliments and layout (coding)

iteration01.jpg

Development (Iteration Process)

fazer_prototype-01.png

Prototype

mockup02.jpg
mockup01.jpg
mockup03.jpg
bottom of page