USER INTERFACE DESIGN OF E-COMMERCE WEBSITES FOR MICRO, SMALL, AND MEDIUM ENTERPRISES (MSMEs) IN THE CULINARY INDUSTRY

Authors

  • Malisa Putri State Polytechnic of Bengkalis
  • M. Bagastya Rasyid State Polytechnic of Bengkalis
  • Jihan Salsabila State Polytechnic of Bengkalis
  • Muhammad Riski Saputra State Polytechnic of Bengkalis
  • Syahrul Isyam State Polytechnic of Bengkalis
  • Oki Wibowo State Polytechnic of Bengkalis
  • Miftahul Jannah State Polytechnic of Bengkalis

DOI:

https://doi.org/10.69916/jkbti.v5i2.490

Keywords:

culinary msmes, e-commerce, user interface, digital transformation, prototype

Abstract

Micro, Small, and Medium Enterprises (MSMEs) in the culinary sector play a strategic role in supporting economic growth, increasing employment opportunities, and strengthening local economies. However, many culinary MSMEs still experience challenges in adopting digital technology, including limited digital literacy, inadequate technological infrastructure, and manual sales and transaction management. These limitations hinder market expansion and reduce operational efficiency, making digital transformation increasingly necessary. This study aims to design a responsive and user-friendly user interface for a web-based e-commerce platform specifically intended for culinary MSMEs. The research method involved requirement analysis through observation, literature review, user needs identification, product data collection, order workflow analysis, and transaction management analysis. The interface design process was carried out using Figma to develop a prototype representing the overall system workflow, including customer and administrator interactions. The resulting design includes several key features such as the home page, login and registration page, product menu, payment system, order history, best seller recommendations, contact information, and logout functionality, as well as administrative features for product and transaction management. Black Box Testing was conducted to evaluate the functionality of each feature and ensure compliance with system requirements. The testing results demonstrated that all system functionalities operated successfully and consistently according to expected outcomes. The developed interface design is expected to support culinary MSMEs in improving digital marketing activities, simplifying transaction management, and increasing operational efficiency. Therefore, the proposed web-based e-commerce interface has strong potential to support the digital transformation and sustainability of culinary MSMEs in Indonesia.

Downloads

Download data is not yet available.

References

W. A. Prabowo and C. Wiguna, “Sistem Informasi UMKM Bengkel Berbasis Web Menggunakan Metode SCRUM,” J. Media Inform. Budidarma, vol. 5, no. 1, p. 149, 2021, doi: 10.30865/mib.v5i1.2604.

K. Rizki and N. Bahtiar, “Analisis Tata Kelola Teknologi Informasi (IT Governance) Menggunakan COBIT 5 (Studi Kasus di UPT Puskom Universitas Diponegoro),” J. Masy. Inform., vol. 11, no. 1, pp. 49–58, 2020, doi: 10.14710/jmasif.11.1.31458.

Z. Mutaqin, B. Imran, and S. Rosida, “SISTEM INFORMASI PENJUALAN ONLINE (E-COMMERCE) BERBASIS WEB PADA TOKO MATAHARI PRAYA,” J. Comput. Technol., vol. 1, no. 2, pp. 29–36, 2023.

V. V. K. Reddy, S. Cherukuri, K. Vanaparla, and L. R. Avula, “Deep Feature Extraction for Fashionable Fabrics: Using ResNet50, MobileNet, and CNN,” Lect. Notes Networks Syst., vol. 1096 LNNS, no. March, pp. 417–429, 2025, doi: 10.1007/978-981-97-7178-3_36.

A. Ananta Firdaus, A. Id Hadiana, and A. Kania Ningsih, “Klasifikasi Sentimen pada Aplikasi Shopee Menggunakan Fitur Bag of Word dan Algoritma Random Forest,” Ranah Res. J. Multidiscip. Res. Dev., vol. 6, no. 5, pp. 1678–1683, 2024, doi: 10.38035/rrj.v6i5.994.

A. Subki, B. Imran, and S. Erniwati, “Pengembangan Sistem Informasi Geografis Berbasis Android Pada Wisata Daerah Lombok, Nusa Tenggara Barat,” Infotek J. Inform. dan Teknol., vol. 4, no. 2, pp. 259–269, 2021, doi: 10.29408/jit.v4i2.3667.

O. D. Yohanes, A. Ambarwati, and C. Darujati, “Pengembangan Antarmuka Dan Pengalaman Pengguna Aplikasi Ujian Online Menggunakan Metode Goal-Directed Design,” JOINTECS (Journal Inf. Technol. Comput. Sci., vol. 6, no. 1, p. 55, 2021, doi: 10.31328/jointecs.v6i1.2153.

T. Ardiansah and D. Hidayatullah, “Penerapan Metode Waterfall Pada Aplikasi Reservasi Lapangan Futsal Berbasis Web,” J. Inf. Technol. Softw. Eng. Comput. Sci., vol. 1, no. 1, pp. 6–13, 2022, doi: 10.58602/itsecs.v1i1.8.

T. Ramadhani, S. Nabilah, A. Abimayu, and T. Loi, “Pengembangan sistem rekomendasi produk e-commerce menggunakan algoritma collaborative filtering,” J. Artif. Intell. Digit. Bus., vol. 4, no. 2, pp. 4848–4854, 2025.

N. Saharna and K. Rukun, “Perancangan Sistem E-Commerce Berbasis Web Pada Toko Indah Surya Furniture,” Voteteknika (Vocational Tek. Elektron. dan Inform., vol. 7, no. 1, p. 38, 2019, doi: 10.24036/voteteknika.v7i1.103641.

B. Yanuargi, “Analisis Sentemen Terhadap Aplikasi Bukalapak Sebelum IPO dan Sesudah IPO Menggunakan Algoritma Naive Bayes,” Jnanaloka, vol. 3, no. 1, pp. 17–25, 2022, doi: 10.36802/jnanaloka.2022.v3-no1-17-25.

R. F. Sunartama, P. Sukmasetya, and M. Maimunah, “Implementasi Design Thinking pada UI/UX Bank Sampah Digital Banjarejo Berbasis Android,” JURIKOM (Jurnal Ris. Komputer), vol. 10, no. 2, p. 590, 2023, doi: 10.30865/jurikom.v10i2.6078.

S. K. Dewi, I. M. Nugroho, and Y. R. Ramadhan, “Perancangan UI/UX Aplikasi Reservasi di Kitchenery Resto and Cafe Purwakarta Menggunakan Metode GDD,” J. Sist. Informasi, Tek. Inform. dan Teknol. Pendidik., vol. 3, no. 1, pp. 21–29, 2023, doi: 10.55338/justikpen.v3i1.55.

R. Mujahiddin, Zaeniah, and B. Imran, “RANCANG BANGUN SISTEM PAKAR DIAGNOSA PENYAKIT PADA TANAMAN CABAI DENGAN METODE CERTAINTY FACTOR,” J. Kecerdasan Buatan dan Teknol. Inf., vol. 2, no. 1, pp. 11–19, 2023.

A. S. Alfain, A. A. N. Fajrillah, and R. Hanafi, “Analisis Dan Perancangan Arsitektur Enterprise Pada Badan Kepegawaian Daerah (Bkd) Pemerintah Provinsi Jawa Barat Menggunakan Togaf Adm 9.2,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 8, no. 1, pp. 127–139, 2023, doi: 10.29100/jipi.v8i1.3311.

L. S. Dani, P. S. Aryanti, and L. D. Farida, “Pengembangan Antarmuka Pengguna Website Bank Sampah Mitra Insani Menggunakan Metode Goal-Directed Design (Gdd),” J. Inf. Syst. Manag., vol. 7, no. 1, pp. 149–157, 2025, doi: 10.24076/joism.2025v7i1.2122.

Downloads

Published

2026-05-18

PlumX Metrics

Scite Metrics

Altmetric

How to Cite

[1]
Malisa Putri, “USER INTERFACE DESIGN OF E-COMMERCE WEBSITES FOR MICRO, SMALL, AND MEDIUM ENTERPRISES (MSMEs) IN THE CULINARY INDUSTRY”, JKBTI, vol. 5, no. 2, pp. 296–305, May 2026.

Issue

Section

Articles

Most read articles by the same author(s)