Penerapan Design Thinking Pada Perancangan Website Cafe Hasbeans
Abstract
Hasbeans is a café located in Jambi that offers coffee, non-coffee beverages, food, and reservation services. The current ordering process, which uses barcode scanning redirected to Google Drive, is considered inefficient because it can cause queues and slow down service. In addition, the café requires an information platform to support marketing and branding activities. This study aims to design a UI/UX-based website information system for Café Hasbeans using the Design Thinking method, which consists of empathize, define, ideate, prototype, and test stages. The result of this study is a website prototype designed to help customers access menu information, events, and café information more effectively and efficiently. Prototype testing was conducted using Maze with 10 customer respondents, 3 admin respondents, and 1 super admin respondent. The results showed Maze Usability Scores of 89 for customers, 99 for admins, and 97 for the super admin, indicating that the UI/UX design is easy to understand, easy to learn, and well accepted by users.
Keywords: Design Thinking; Maze; UI/UX; Usability Testing
Abstract
Hasbeans merupakan café di Kota Jambi yang menyediakan menu coffee, non-coffee, makanan, serta layanan reservasi tempat. Proses pemesanan yang masih menggunakan scan barcode dan dialihkan ke Google Drive dinilai kurang efisien karena dapat menimbulkan antrian dan memperlambat pelayanan. Selain itu, café juga membutuhkan media informasi untuk mendukung pemasaran dan branding. Penelitian ini bertujuan merancang UI/UX sistem informasi Café Hasbeans berbasis website menggunakan metode Design Thinking yang meliputi tahap empathize, define, ideate, prototype, dan test. Hasil penelitian berupa prototype website yang memudahkan pelanggan mengakses informasi menu, events, dan informasi café secara efektif. Pengujian menggunakan Maze dilakukan kepada 10 pelanggan, 3 admin, dan 1 super admin dengan hasil Maze Usability Score sebesar 89 untuk pelanggan, 99 untuk admin, dan 97 untuk super admin, sehingga rancangan dinilai mudah dipahami dan diterima pengguna.
Keywords
References
M. R. Ramdan, N. L. Abdullah, M. R. Isa, and M. H. Hanafiah, “Meneroka Faktor-faktor yang Mempengaruhi Penggunaan Platform Digital oleh Perusahaan Mikro dan Kecil.,” J. Pengur., vol. 59, no. 2020, pp. 37–51, 2020, doi: https://doi.org/10.17576/pengurusan-2020-59-05 Meneroka.
A. A. Ihsan, U. Hidayati, and M. Mardinawati, “Analisis Kualitas Website Dengan Metode Webqual 4.0 Dan Importance Performance Analysis,” Keunis, vol. 10, no. 2, p. 29, 2022, doi: 10.32497/keunis.v10i2.3519.
R. W. H. T. Albert, J. A. Nugroho, “Perancangan UlangUI/UX Website sebuah Perusahaan Farmasi,” Rupaka, vol. 4, no. 1, pp. 1–8, 2021, [Online]. Available: https://journal.untar.ac.id/index.php/Rupaka
Badan Pusat Statistik Provinsi Jambi, “Jumlah Usaha Mikro, Kecil dan Menengah (UMKM),” 2023. [Online]. Available: https://jambi.bps.go.id/id/statistics-table/2/MjEzMSMy/jumlah-usaha-mikro-kecil-dan-menengah.html
R. Noviana, “Pembuatan Aplikasi Penjualan Berbasis Web Monja Store Menggunakan Php Dan Mysql,” J. Tek. dan Sci., vol. 1, no. 2, pp. 112–124, 2022.
A. I. Aziz, N. A. Prasetyo, and M. F. Sidiq, “PERANCANGAN DAN EVALUASI USER INTERFACE WEBSITE PEMESANAN DAN RESERVASI CAFE KAHURIPAN DENGAN DESIGN THINKING,” J. Ilm. Tek. Inform., vol. 17, no. 2, pp. 309–323, 2023.
A. Almahfud, A. Primajaya, A. Rizal, U. Singaperbangsa, and K. Abstract, “Perancangan Design Ui/Ux Aplikasi Pemesanan Cafe Berbasis Android Dengan Metode Design Thinking ( Studi Kasus : Cafe Egg & Butter ),” J. Ilm. Wahana Pendidik., vol. 10, no. 1, pp. 29–38, 2024, [Online]. Available: https://doi.org/10.5281/zenodo.10463939
M. L. Lazuardi and I. Sukoco, “Design Thinking David Kelley & Tim Brown: Otak Dibalik Penciptaan Aplikasi Gojek,” Organum J. Saintifik Manaj. dan Akunt., vol. 2, no. 1, pp. 1–11, 2019, doi: 10.35138/organum.v2i1.51.
T. P. Utami and R. Firdaus, “Peran Sistem Informasi Manajemen dalam Meningkatkan Efisiensi Operasional dan Pengambilan Keputusan pada UMKM di Era Digital,” J. Intelek Dan Cendikiawan Nusant., vol. 2, no. 3, pp. 4129–4135, 2025, [Online]. Available: https://jicnusantara.com/index.php/jicn
M. S. Hadafi and B. A. Herlambang, “Pengembangan UI/UX Design Studi Kasus Aplikasi Campaign Menggunakan Metode Design Thinking,” Sci. Eng. Natl. Semin., vol. 6, no. Science and Engineering National Seminar 6 6, pp. 297–307, 2021, [Online]. Available: http://conference.upgris.ac.id/index.php/sens/article/view/2373
A. D. Samsudin, B. N. Ardiansyah, D. Juardi, and J. L. Poetri, “Perancangan UI/UX pada Aplikasi Financial Technology ARENA,” J. Ilm. Wahana Pendidik., pp. 10–23, 2023.
J. M. Dumalang, C. E. J. . Montolalu, and D. Lapihu, “Perancangan UI/UX Aplikasi Penjualan Makanan berbasis Mobile pada UMKM di Kota Manado menggunakan metode Design Thinking,” J. Ilm. Inform. dan Ilmu Komput., vol. 2, no. 2, pp. 41–52, 2023, doi: 10.58602/jima-ilkom.v2i2.19.
S. H. Bariah and D. Pradina, “Implementasi SDLC Model Prototype Pada Sistem Informasi Company Profile SMP PGRI Bungbulang Berbasis Website,” J. Petik, vol. 10, no. 1, pp. 85–97, 2024, doi: 10.31980/petik.v10i1.1030.
R. R. Marbun, F. Al Mufied, and R. Fauzi, “Perancangan User Interface/User Experience (Ui/Ux) Website Helpmeong Untuk Shelter Menggunakan Metode Goal-Directed Design,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 7, no. 4, pp. 1096–1109, 2022, doi: 10.29100/jipi.v7i4.3190.
N. M. Kelana and R. I. Heroza, “Implementation of Design Thinking Methods in Information Systems Academic Guidance at the Information Systems Department Faculty of Computer Science Sriwijaya University,” J. Sist. Inf. dan Ilmu Komput. Prima(JUSIKOM PRIMA), vol. 6, no. 1, pp. 1–8, 2022, doi: 10.34012/jurnalsisteminformasidanilmukomputer.v6i1.2797.
M. A. Akbar, A. Voutama, and N. Heryana, “PERANCANGAN DAN EVALUASI USABILITY UI/UX APLIKASI MOBILE TERINTEGRASI PEMESANAN TIKET BIOSKOP DAN STREAMING FILM MENGGUNAKAN METODE DESIGN THINKING,” J. Inform. dan Tek. Elektro Terap., vol. 14, no. 2, doi: http://dx.doi.org/10.23960/jitet.v14i2.9520.
M. Nurkholis, A. Sidauruk, Norhikmah, Rumini, and A. Nugroho, “Implementasi QR Code Dalam Sistem Pemesanan Digital Untuk Meningkatkan Efisiensi Pelayanan Pada De ’ Oppra,” J. Pengabdi. Kpd. Masy. Nusant., vol. 7, no. 2, pp. 2827–2834, 2026.
I. A. Maosul, Ruuhwan, and A. Sudiarjo, “Perancangan Ui/Ux Aplikasi Pencarian Pekerjaan Didamel.Id Menggunakan Metode Design Thinking,” J. Inform. dan Tek. Elektro Terap., vol. 12, no. 2, 2024, doi: 10.23960/jitet.v12i2.4159.
M. R. Wahyudi, M. Aziz, and M. Fahillah, “PENGUJIAN USABILITY PADA APLIKASI PEMESANAN MAKANAN ONLINE DENGAN INTEGRASI PEMBAYARAN DIGITAL,” J. Tek. Inform., vol. 15, no. 2, pp. 105–116, 2024.
E. Sinaga, D. Farisyi, and L. Sinaga, “Penerapan Sistem Informasi Penjualan Berbasis Web untuk Meningkatkan Efisiensi Operasional UMKM Menggunakan Bahasa Pemrograman PHP,” J. Teknol. Sist. Inf., vol. 7, no. 1, pp. 1–11, 2026, doi: 10.35957/jtsi.v7i1.14142.
How To Cite This :
Refbacks
- There are currently no refbacks.
