Inovasi Desain Antarmuka Pengguna UI/UX Pada Website Warkop Sarana Dengan Pendekatan Responsif Untuk Meningkatkan Kepuasan Customer

Imam  Yunianto; Muhamad Fauzi  Nurvalimar; Muhammad Zaenal  Mutaqin; Samin; Ade Kurniawan

doi:10.53990/jupiter.v6i2.518

Authors

Imam Yunianto Teknik Informatika, Institut Bisnis Muhammadiyah Bekasi
Muhamad Fauzi Nurvalimar Teknik Informatika, Institut Bisnis Muhammadiyah Bekasi
Muhammad Zaenal Mutaqin Teknik Informatika, Institut Bisnis Muhammadiyah Bekasi
Samin Teknik Informatika, Institut Bisnis Muhammadiyah Bekasi
Ade Kurniawan Teknik Informatika, Institut Bisnis Muhammadiyah Bekasi

DOI:

https://doi.org/10.53990/jupiter.v6i2.518

Keywords:

Desain responsif, Kepuasan pengguna, UX, Warkop Sarana, Website

Abstract

Warkop Sarana merupakan salah satu usaha kuliner yang memerlukan inovasi dalam penyajian informasi menu guna meningkatkan kepuasan pelanggan. Sistem pemesanan konvensional yang masih menggunakan daftar menu fisik dinilai kurang efisien dan tidak sesuai dengan perkembangan teknologi saat ini. Oleh karena itu, penelitian ini bertujuan untuk merancang fitur barcode menu dengan pendekatan desain antarmuka pengguna (UI/UX) responsif pada website Warkop Sarana sebagai upaya meningkatkan kualitas layanan dan kepuasan pengguna. Metodologi yang digunakan dalam penelitian ini meliputi analisis kebutuhan, perancangan antarmuka dengan prinsip UI/UX menggunakan pendekatan User-Centered Design (UCD), serta implementasi QUIck Response (QR) Code sebagai media digitalisasi menu. Perancangan antarmuka dilakukan dengan mengacu pada hasil wawancara dan observasi terkait kebutuhan pengguna, sedangkan pengujian dilakukan menggunakan Usability Testing untuk mengukur tingkat kemudahan, efisiensi, dan kepuasan pengguna terhadap sistem yang dikembangkan.

Downloads

Download data is not yet available.

References

Fathurrahman, M. I., & Sumarsono, S. (2024). Penerapan Prinsip Desain Antarmuka dalam Evaluasi User Interface dan User Experience E-Learning. Jurnal Komtika (Komputasi Dan Informatika), 8(2), 171–181. https://doi.org/10.31603/komtika.v8i2.11689

Firmansyah, D., & Voutama, A. (2025). Desain UI/UX Aplikasi Mobile Pemesanan Makanan Online: Prototyping Menggunakan Figma Dengan Metode Kiss. Jurnal Informatika Dan Teknik Elektro Terapan, 13(2). https://doi.org/10.23960/jitet.v13i2.6419

Haryuda, D., Asfi, M., & Fahrudin, R. (2021). Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company. Jurnal Ilmiah Teknologi Infomasi Terapan, 8(1), 111–117. https://doi.org/10.33197/jitter.vol8.iss1.2021.730

Jongmans, E., Jeannot, F., Liang, L., & Dampérat, M. (2022). Impact of website visual design on user experience and website evaluation: the sequential mediating roles of usability and pleasure. Journal of Marketing Management, 38(17–18), 2078–2113. https://doi.org/10.1080/0267257X.2022.2085315

Li, P., Yang, J., Jiménez-Carvelo, A. M., & Erasmus, S. W. (2024). Applications of food packaging qUIck response codes in information transmission toward food supply chain integrity. Trends in Food Science and Technology, 146(November 2023). https://doi.org/10.1016/j.tifs.2024.104384

Mohamad Ali Murtadho, N. A. M. S. M. (2016). Implementasi QUIck Response (QR) Code Pada Aplikasi Validasi Dokumen Menggunakan Perancangan Unified Modelling Language (Uml). Antivirus : Jurnal Ilmiah Teknik Informatika, 10(1), 42–50. https://doi.org/10.35457/antivirus.v10i1.87

Nurhikmat, I. K., Hadiana, A. I., & Kasyidi, F. (2024). Optimasi Responsivitas Web Dengan Pendekatan Mobile-First Design. Jurnal Informatika Teknologi Dan Sains (Jinteks), 6(3), 476–485. https://doi.org/10.51401/jinteks.v6i3.4314

Nurohman, B., & Aziz, A. (2024). Analisis UI/UX Terhadap Perancangan Toko Online Dengan Menggunakan Pendekatan Human Centered Design. Jurnal Ilmiah Ilmu Komputer Fakultas Ilmu Komputer, 10(1), 2024. https://doi.org/10.35329/jiik.v10i1.291

Rayhaan Yusri, A., Faqihuddin Hanif, I., Daffa Al-farel, M., Zaandami, N., & Yasin, M. (2024). Perancangan Desain UI/UX Berbasis Scan Barcode Dengan Metode Design Thinking Untuk Pemesanan Makanan. Bulletin of Information Technology (BIT), 5(2), 102–113. https://doi.org/10.47065/bit.v5i2.1340

Salsabila, A., Darsiti, D., Anggraini, N., & Senubekti, M. A. (2025). Perancangan UI / UX Website Bandung Bawah Tanah Yang Responsif. 5(2), 163–172.

Sitanggang, T., & Putra, I. N. T. A. (2025). Analisis Tingkat Kepuasan Visual Sebagai Dampak Dari UI/UX Dalam Aplikasi “Manajer Pengeluaran.” Jurnal Informatika Dan Teknik Elektro Terapan, 13(2). https://doi.org/10.23960/jitet.v13i2.6457

Syafiq, M. H. I., & Rahma, F. (2021). Usability Testing pada Fitur Saved Design dalam Website E-Commerce. AUTOMATA Diseminasi Tugas Akhir Mahasiswa, 2(2), 1–6. https://journal.UIi.ac.id/AUTOMATA/article/view/19544

Wiwesa, N. R. (2021). User Interface Dan User Experience Untuk Mengelola Kepuasan Pelanggan. Jurnal Sosial Humaniora Terapan, 3(2), 17–31. https://scholarhub.UI.ac.id/jsht/vol3/iss2/2