payment

check out

order
pilih payment confirmed

Thank You!
Muhammad N Danu Putra NPM : 202146500003
 Download App Login Sign Up

Tampilan pada akun yang

berhasil daftar akan
langsung diarahkan ke
dashboard, user bisa
langsung memesan pada Step 2 of 2
saat itu juga
Create an account
Name Date of birth
Gajian
P ro m o
Beliis1
1
Grat25-31 Des
u
Berlak
Address

Sign Up

Berikut adalah landung

2 page order yang
Download App Order
Sign Up
ditampilkan user pada
dasarnya, akan sama
dengan tampilan web
hanya sedikit perbedaan ui
maupun ux
Drinks Toasts Snacks add toppings

Pesan

Sekarang

Yuk!

Rp 12,000 + Rp
Rp12,000
15,000 + Rp 15,000 +

3. Workflow

Architecture
struktur dan organisasi dari tata letak, interaksi,
dan aliran kerja yang terkait dengan antarmuka
pengguna. Ini mencakup desain visual, navigasi,
serta cara pengguna berinteraksi dengan
Capcin mobile elemen-elemen UI untuk menyelesaikan tugas
atau mencapai tujuan tertentu.
app/ web
desktop

landing page

Login/sudah
Sign up/ punya akun
belum punya
akun
berhasil login gagal login
create an Dashboard
account
formulir, isi
nama, no
telpon, alamat
lengkap

side menu cart search nav. order

found items order

confirmation

not found
“cek lagi”

“yakin”
 Cart

Iced Latte Regular

2

Rp 12,000
- 1 +

Pesan

add topping black

cincaupearl

Rp 5,000
5,500
- 1 + Sekarang Yuk!

Toasts Snacks add toppings

Total : Rp 17,500

Cart

tambah menu lagi

User konfirmasi pop up Pilih Pembayaran add topping

pesanan yang ada pada cart black pearl

dan melanjutkan ke payment

Rp 5,500 + Rp 5,000

Apakah kamu sudah yakin

dengan pilihanmu?

Cek Lagi Yakin!

Checkout

Pembayaran

Metode Pembayaran

Bayar di tempat

Transfer Bank

Gopay

Metode Pengiriman
Mohon di tunggu y a

pesananmu sedang

dikonfirmasi
User melakukan pembayaran
Antar Ke Rumah
dengan metode bayar

ditempat

Ambil di outlet terdekat

Total 2 3,000
78% :
0 20

Buat Pesanan

2. Desktop
Home

Registration
Pesanan berhasil

terkonfirmasi dan

aplikasi menampilkan

Flow check list. lalu beralih ke

dashboard

Pada tampilan ini, menampilkan desain form

pada user yang melakukan registrasi, belum

memiliki akun dan mendaftarkan email/ no Yeay pesananmu berhasi l

Pesanan sedang meluncu r

dikonfirmasi! tunggu -
ke tempatmu, siap siap
telpon, password, nama, TTL hingga berhasil
pesananmu diantar ya! menerima pesanan ya!

masuk ke dashboard.

100 % 0 00:
Lacak Pesanan
Download App Login Sign Up

Pada tampilan ini user

belum sama sekali memilihi

Step 1 of 2 akun dan melakukan

registrasi pada web

C reate an account
desktop
Menampilkan step kedua
email address / phone number
ian
dari tahap terakhir
o Gaj
m
P ro

Beli s1
1 registrasi dengan

i
G ra t -31 D
es
menginput nama, dan data
25
ku password
Berla diri lainnya

retype password

C ontinue