top of page

Aplikasi PesenCak

Aplikasi PesenCak merupakan aplikasi pemesanan online ke salah satu caffee shop. User bisa melakukan pemesanan menu dan booking tempat secara online tanpa harus antri di lokasi.

Coffee Shop

Studi Kasus

Coffe Shop “Cak Ndoet” merupakan caffee shop kecil yang ada di kota Jember. Coffee shop tersebut banyak memiliki pelanggan dan antriannya sangat panjang dan lama. Sehingga banyak pelanggan yang tidak kebagian tempat yang diinginkan. 

Metode Desain Proses

Dalam menyelesaikan studi kasus Caffee Shop ini, saya menggunakan metode Design Thinking yaitu :

  1. Empathize, Langkah pertama dalam proses berpikir desain adalah berempati terhadap user atau segolongan orang-orang yang ingin kita selesaikan masalahnya

  2. Define, Mendefinisikan apa yang sebenarnya mereka butuhkan dari masalah yang sudah didapatkan

  3. Ideate, Melahirkan ide-ide yang bisa memecahkan masalah yang sudah didapatkan

  4. Prototype, Menggabungkan dua atau lebih ide yang telah dirumuskan, dan membuat solusi final berupa hight fidelity berupa prototype

  5. Test, Mentesting hasil prototype yang sudah dibuat kepada user yang awal sudah pernah diinterview, dengan harapan mendapatkan feedback dari user tersebut. Apakah memang prototype sudah sesuai dengan kebutuhan user atau tidak.

01. Empathize

Langkah pertama yang saya lakukan yaitu melakukan sebuah interview atau wawancara. Namun, lebih tepatnya yaitu sharing session kepada salah satu teman saya yang suka nongkrong di Caffee Shop. Dia mengatakan bahwa hampir setiap hari dia pergi ke sebuah Caffee Shop, alasannya yaitu selain dia suka dengan kopi dia juga suka mengerjakan tugas atau sekedar nongrong di sebuah caffee shop bersama teman-temannya. Kemudian dia menuturkan bahwa hampir semua Caffee Shop yang pernah dia kunjungi itu antri. Juga Dia sering tidak mendapatkan tempat duduk, sehingga sering ganti tempat nongkrong dan itu membuat agenda atau jadwalnya menjadi sedikit terlambat. 

02. Define

Sehingga pada tahap ini saya memetakan masalah apa saja yang dialami oleh user yaitu :

  1. Antrian yang lama dan panjang

  2. Tidak mendapatkan tempat duduk

  3. Terkadang tidak mendapatkan menu minuman/makanan yang diinginkan, karena antrian dan habis terlebih dahulu sebelum giliran antrian

  4. Membuang waktu karena antrian dan mencari tempat ulang

Sehingga dapat disimpulkan bahwa masalah utamanya yaitu pada antrian dan tempat duduk. Oleh karena itu fitur utama dalam aplikasi PesenCak ini yaitu menekankan pada pemesanan menu dan booking tempat secara online. Kemudian berikut adalah rincian dari User Persona dan User Journey Maps. ​

User Persona

User Journey Maps

03. Ideate

Pada tahap ideation, saya memunculkan ide-ide saya dari hasil permasalahan user, user perosna, dan user journey tersebut. Aplikasi PesenCak digunakan untuk melakukan pemesanan dan reservasi ke Coffe Shop Cak Ndoet. Selain bisa memilih menu yang akan dipesan, juga bisa memilih tempat duduk dan waktu penempatan. Sehingga tidak perlu antri dan mendapatkan lokasi yang nyaman. Teradapat menu home, cart, seat, dan history. Pada menu home tedapat promosi diskon, menu-menu makanan dan minuman yang tersedia, serta view pada coffee shop. Ketika user memilih menu, aplikasi juga menyediakan setting detail item menu (terkait ukuran, gula, topping, dan lain-lain). Pada menu pemilihan tempat duduk user bisa mengetahui meja mana saja yang masih tersedia serta viewnya. Metode pembayaran  pada aplikasi ini bisa berupa e-wallet atau e-bangking.  

Flowchart Sistem

Wireframe

Moodboard

Saya menemukan beberapa referensi yang menurut saya cocok dengan aplikasi yang bertemakna kopi. Kopi identik dengan warna coklat, mengapa saya memilih warna coklat muda karena memiliki kesan ramah, mudah didekati, jujur dan tulus. Dan dipadukan dengan warna biru navy atau dongker, yang memiliki makna dapat dipercaya dan tenang. Berharap bahwa aplikasi PesenCak ini memiliki nilai atau kesan ramah kepada user, jujur dalam layanannya, serta tulus dan dapat dipercaya kepada user. Sedangkan warna putih saya cantumkan untuk memberikan kesan minimalis dan clean dalam desainnya. 

04. Prototype

User Interface

Prortotype 

Dimulai dengan user melakukan login pada aplikasi. Kemudian user memilih menu makanan/minuman yang diinginkan, user juga bisa mensetting detail item terkat ukuran, sugar, topping dan yang lainnya. Setelah itu user diarahkan untuk memilih meja. Kemudian user bisa memilih metode pembayaran yang disediakan. Setelah itu user bisa langsung checkout dan membayarnya. Setelah berhasil melakukan pembayaran, user akan diingatkan oleh aplikasi 30 menit sebelum waktu booking agar user tidak lupa dan bisa bersiap-siap. Ketika user suah sampai di lokasi dan menempati meja user bisa melakukan verifikasi booking pada aplikasi dan makanan atau minuman yang dipesan akan diantarkan. 

Design System

Dalam design system ini ada beberapa acuan dalam design yaitu :

  1. Warna Primary (Coklat, abu-abu tua & biru tua)

  2. Warna Secondary (Hijau, biru, & orange)

  3. Warna tertiary (abu-abu muda & coklat soft)

  4. Button primary (warna coklat)

  5. Button secondary (warna putih)

  6. Button disable (warna coklat soft)

  7. Button filter (berwarna abu-abu muda dan jika dipilih akan berwarna putih)

  8. Button pilihan menu (jika dipilih oleh user maka stroke button akan berwarna coklat muda)

  9. Radio button & beberapa button action (bintang)

  10. Menggunakan font roboto dengan jenis mulai dari bold-regular dan ukuran 30-12

Design system ini menjadi pedoman untuk pengembangan selanjutnya serta ketika berkolaborasi dengan designer yang lainnya. Sehingga desain apliaksi PesenCak tetap konsisten. ​

05. Testing

Rencana Pengujian

Pengujian pada prototype PesenCak menggunkan kuesioner dan maze. Dimana target responden yaitu 5 orang dengan beberapa skenario pengujian yang harus dilakukan oleh responden. Goalsnya adalah user dapat melakukan pemesanan menu dan booking tempat hingga berhasil melakukan verifikasi dan review. 

1. Sign Up & Login

Kamu akan melakukan registrasi dan login dengan akun email iniaku2002@gmail.com untuk masuk ke aplikasi PesenCak

4. Seat/memilih meja

Kamu akan memilih meja yang masih tersedia di nomor "05" untuk tanggal "05/04/2022" pukul "17.45 WIB"

2. Menu Kopi

Kamu akan memilih menu "Kopi" dengan menggunakan filter "Semua" dan memesan kopi "ijen"

5. Keranjang & Pembayaran

Kamu akan melakukan pemesana yang ada di keranjang kamu dan menggunakna metode pembayaran "E-Wallet Dana"

3. Detail Menu

Kamu akan memesan Kopi Ijen dengan Ukuran "S", Ice "No Ice", Sugar "Less Sugar", Topping "Gula Aren". Menggunakan metode booking dengan jumlah 2. Kemudian tambahkan ke keranjanjg

6. Status Pemesanan

Kamu mendapatkan informasi pembayaran dan kamu ingin melihat status pemesanan

7. Reservasi & Review

Kamu mendapatkan notifikasi untuk melakukan verifikasi. Setelah itu lakukan review dengan memberikan bintang 5 dan komentar.

Hasil Usability Testing

Pendapat Responden 

Report Usability Testing.pdf

Lihat detail report usability testing pada file di samping.

06. Kesimpulan

Perancanga user interface aplikasi PesenCak dari studi kasus yang ada bahwa User interfase dan experience aplikasi PesenCak perlu untuk dikembangkan lebih lanjut dari hasil usability testing serta feedback yang diberikan oleh para responden. Pada intinya pada studi kasus ini riset dan rencana perancangan harus benar-benar matang agar pada tahap perancangan serta testing bisa sesuai dengan kebutuhan user target serta kebutuhan bisnis.

bottom of page