Transformasi Digital UMKM: Perancangan UI/UX Berbasis Aplikasi Mobile Pemesanan Makanan Online “BANGMAR”.

Reza Syafrizal; Amar Ferdiansyah; Tri Ahadi

doi:10.31004/riggs.v4i4.5789

Authors

Reza Syafrizal UIN Sultan Maulana Hasanuddin Banten
Amar Ferdiansyah UIN Sultan Maulana Hasanuddin Banten
Tri Ahadi UIN Sultan Maulana Hasanuddin Banten

DOI:

https://doi.org/10.31004/riggs.v4i4.5789

Keywords:

Mobile App, Food Ordering, Figma, UI/UX

Abstract

Perkembangan teknologi informasi telah mengubah pola konsumsi masyarakat, terutama dalam sektor pemesanan makanan secara digital. Nasi Uduk dan Ketoprak Bangmar, sebagai salah satu pelaku usaha UMKM kuliner lokal yang berada di kota Serang, memerlukan transformasi digital untuk mempermudah proses pemesanan dan menjangkau pelanggan secara lebih efisien. Penelitian ini bertujuan untuk merancang antarmuka pengguna (User Interface) dan pengalaman pengguna (User Experience) aplikasi mobile pemesanan makanan yang intuitif dan sesuai dengan kebutuhan pelanggan. Metode yang dilakukan adalah dengan pendekatan secara personal, dan metode pengumpulan data dalam penelitian ini juga menggunakan teknik observasi secara langsung terhadap proses bisnis di lapangan serta wawancara mendalam dengan pemilik usaha dan pelanggan untuk mengidentifikasi kendala apasaja yang dibutuhkan konsumen serta kebutuhan fitur-fitur apa saja yang dibutuhkan bagi konsumen. Data yang diperoleh kemudian dianalisis untuk menyusun alur pengguna (user flow) dan arsitektur informasi yang tepat. Proses perancangan dilakukan menggunakan perangkat lunak Figma, yang mencakup pembuatan wireframe (kerangka desain) hingga pengembangan mockup (desain akhir beresolusi tinggi). Hasil dari penelitian ini adalah sebuah rancang bangun desain aplikasi mobile yang menawarkan kemudahan navigasi, visualisasi menu yang menarik, dan sistem pemesanan yang terstruktur. Rancangan ini diharapkan dapat menjadi panduan dalam pengembangan aplikasi guna meningkatkan daya saing dan kualitas layanan operasional pada Nasi Uduk dan Ketoprak Bangmar.

Downloads

Download data is not yet available.

References

F. M. Alja, E. Daniati, A. Ristyawan, and K. Kunci, “PERANCANGAN UI / UX E-COMMERCE MENGGUNAKAN METODE USER CENTERED DESIGN ( UCD ) Abstraksi Keywords : Pendahuluan Tinjauan Pustaka Metode Penelitian,” vol. 6, no. 1, 2024.

D. Widoseno, A. Voutama, and T. Ridwan, “Perancangan Ui/Ux Berbasis Website Pada Penerimaan Peserta Didik Baru (Ppdb) Di Smk Taruna Karya 1 Karawang,” JATI (Jurnal Mhs. Tek. Inform., vol. 7, no. 2, pp. 1401–1409, 2023, doi: 10.36040/jati.v7i2.6864.

S. Adam and Y. Pernando, “Analisis Usability dan Aksesibilitas Desain UI/UX Aplikasi HIMAKOM Universitas Universal Menggunakan System Usability,” KLIK Kaji. Ilm. Inform. dan Komput., vol. 4, no. 5, pp. 2389–2397, 2024, doi: 10.30865/klik.v4i5.1479.

M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” J. Digit, vol. 10, no. 2, p. 208, 2020, doi: 10.51920/jd.v10i2.171.

Nuryan, “Penggunaan Aplikasi Figma Dalam Implementasi UI / UX Pada Siswa / i SMKN 6 Tangerang Selatan Kelas 11,” vol. 2, no. 03, pp. 295–301, 2024.

R. Syafrizal, J. A. S. Pulungan, and P. Yanti, “Perancangan UI/UX Website Pemesanan untuk Meningkatkan User Experience dalam Studi Kasus Rice Bowl by: Burin,” RIGGS J. Artif. Intell. Digit. Bus., vol. 4, no. 2, pp. 6754–6765, 2025, doi: 10.31004/riggs.v4i2.1723.

B. Ahmad and M. S. Laha, “Penerapan Studi Lapangan dalam Meningkatkan Kemampuan Analisis Masalah (Studi Kasus pada Mahasiswa Sosiologi IISIP Yapis Biak) Implementation of Field Studies to Improve Problem Analysis Ability (Case Study in the Student Sociology IISIP Yapis Biak,” J. Nalar Pendidik., vol. 8, no. 1, pp. 63–72, 2020, [Online]. Available: https://share.google/bJfVXjXmzBZQ7Yipi

R. N. . Fadilah and D. & Sweetania, “Perancangan Desin Prototype Ui/Ux Aplikasi Reservasi Restoran Dengan Menggunakan Metode Designthinking.,” J. Ilm. Tek., vol. 2, no. 2, pp. 132–146, 2032.

A. Rayhaan Yusri, I. Faqihuddin Hanif, M. Daffa Al-farel, N. Zaandami, and M. Yasin, “Perancangan Desain UI/UX Berbasis Scan Barcode Dengan Metode Design Thinking Untuk Pemesanan Makanan,” Bull. Inf. Technol., vol. 5, no. 2, pp. 102–113, 2024, doi: 10.47065/bit.v5i2.1340.

P. S. Informasi, “Pemantauan Tindak Lanjut Hasil Audit,” vol. 15, pp. 228–237, 2020.

A. Olivia, P. D. Larasati, M. Femy Mulya, S. Anwar, and Y. Efendi, “Penerapan Design Thinking dalam Perancangan UI/UX Website untuk Meningkatkan Pengalaman Pengguna,” J. SISKOM-KB (Sistem Komput. dan Kecerdasan Buatan), vol. 8, no. 3, pp. 185–193, 2025, doi: 10.47970/siskom-kb.v8i3.836.

A. Rayhaan Yusri, I. Faqihuddin Hanif, M. Daffa Al-farel, N. Zaandami, and M. Yasin, “Perancangan Desain UI/UX Berbasis Scan Barcode Dengan Metode Design Thinking Untuk Pemesanan Makanan,” Bull. Inf. Technol., vol. 5, no. 2, pp. 102–113, 2024, doi: 10.47065/bit.v5i2.1340.

F. T. Pamungkas, “Perancangan UI/UX Aplikasi Variety off Food Layanan Penjualan Makanan Secara Online Menggunakan Aplikasi Figma,” JPIn J. Pendidik Indones., vol. 6, no. 1, pp. 165–183, 2023, doi: 10.47165/jpin.v6i1.497.

R. A. Efendi, A. P. Kharisma, and M. T. Ananta, “Perancangan UX Aplikasi Pemesanan Makanan dan Minuman dari Meja menggunakan Metode Design Thinking (Studi Kasus: Kedai Kopi Sarijan Malang),” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 7, no. 14, pp. 3063–3072, 2023, [Online]. Available: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/12908

M. Z. Rafat, R. Syafrizal, “PERANCANGAN UI / UX PROTOTIPE APLIKASI MOBILE ‘TALENTA ONE’ SEBAGAI PLATFORM PENCARI KERJA UNTUK PASAR LOKAL INDONESIA,” vol. 10, no. 2, pp. 1123–1129, 2025, doi: 10.37595/mediainfo.v24i2.361.