METODE PEMBUATAN PROTOTIPE DALAM DESAIN ANTARMUKA APLIKASI MOBILE UNTUK PENJUALAN PARFUM PINEROMA

Authors

  • Dhea Lova Syintia Universitas Muhammadiyah Jambi
  • Oka Ediansa Universitas Muhammadiyah Jambi
  • Noneng Marthiawati Universitas Muhammadiyah Jambi

DOI:

https://doi.org/10.31849/hygc6v57

Keywords:

Perancangan Aplikasi Mobile, Antarmuka Pengguna, Metode Prototyping, Digitalisasi UMKM, Sistem Penjualan Online

Abstract

Perkembangan teknologi digital memberikan peluang besar bagi Usaha Mikro, Kecil, dan Menengah (UMKM) dalam meningkatkan efisiensi pengelolaan penjualan berbasis online. PineRoma Perfume, sebuah UMKM di Kota Jambi yang memasarkan parfum berbahan dasar kulit nanas, masih mengandalkan media sosial dan aplikasi pesan instan untuk promosi dan pencatatan transaksi yang belum terintegrasi, sehingga pengelolaan informasi penjualan belum berjalan secara sistematis. Kondisi tersebut menyebabkan proses pengelolaan data penjualan, pencatatan transaksi, serta penyampaian informasi produk kepada pelanggan menjadi kurang optimal dan berpotensi menimbulkan keterlambatan dalam pengelolaan data. Penelitian ini bertujuan merancang user interface aplikasi mobile penjualan parfum yang sesuai dengan kebutuhan operasional UMKM PineRoma. Metode yang digunakan adalah prototyping melalui tahapan identifikasi permasalahan, analisis kebutuhan, pemodelan sistem menggunakan Unified Modeling Language (UML), dan perancangan antarmuka berbasis prinsip User Interface (UI) serta User Experience (UX) menggunakan Figma. Hasil penelitian berupa prototipe aplikasi mobile yang mengintegrasikan fitur pendaftaran, login, katalog produk, pemesanan, pembayaran, dan laporan penjualan dalam satu sistem terstruktur. Rancangan yang dihasilkan memberikan model operasional digital yang lebih sistematis dibandingkan mekanisme sebelumnya. Selain itu, rancangan ini diharapkan dapat membantu meningkatkan efektivitas pengelolaan data serta mempermudah interaksi antara pelaku usaha dan pelanggan. Secara konseptual, penelitian ini menghasilkan model perancangan antarmuka aplikasi mobile yang kontekstual terhadap karakteristik UMKM berbasis media sosial dan dapat menjadi rujukan pengembangan sistem sejenis.

References

[1] E. R. Subhiyakto, Y. P. Astuti, and L. Umaroh, “Perancangan User Interface Aplikasi Pemodelan Perangkat Lunak Menggunakan Metode User Centered Design,” KONSTELASI: Konvergensi Teknologi dan Sistem Informasi, vol. 1, no. 1, pp. 145–154, 2021.

[2] L. A. U. Jafri, T. Ismail, and M. Wibowo, “Kontrol Budaya, Kapabilitas Dan Kinerja: Evaluasi Dari Industri Kreatif Berskala Mikro Di Wilayah Manggarai Raya,” Jurnal Niara, vol. 17, no. 2, pp. 317–329, 2024.

[3] Y. Pratama, S. N. rizki Hermawan, A. Aziz, and D. Krisbiantoro, “Aplikasi Poin Sampah Sebagai Daya Tarik Penukaran Limbah Sampah Di Ksm Bima Berbasis Mobile,” J. Inform. dan Tek. Elektro Terap, vol. 11, no. 3, 2023.

[4] F. Muzakki and A. Ariesta, “E-COMMERCE UNTUK MENINGKATKAN PENJUALAN MENGGUNAKAN CONTENT MANAGEMENT SYSTEM PADA TOKO BAKSO FROZEN MAS GONDRONG,” ZONAsi: Jurnal Sistem Informasi, vol. 8, no. 1, pp. 34–47, 2026.

[5] E. Y. Koentjoro, O. Oktaviani, and Y. M. Maulana, “Analisis Kebutuhan Sistem Website Company Profile Pusat Penelitian Dan Pengabdian Kepada Masyarakat Universitas Dinamika,” JURNAL ILMIAH INFORMATIKA, vol. 12, no. 01, pp. 8–14, 2024.

[6] A. Candra, P. Sukmasetya, and P. Hendradi, “Perancangan UI/UX aplikasi berbasis mobile Menggunakan Metode Design Thinking study khasus SISFO SKPI UNIMMA,” TeIKa, vol. 13, no. 01, pp. 53–68, 2023.

[7] T. A. Ananda, N. K. Dewi, and M. Z. Saleh, “Fenomena perubahan strategi pemasaran dalam menghadapi tantangan di era digital,” Jurnal Publikasi Ilmu Manajemen, vol. 2, no. 4, pp. 98–107, 2023.

[8] M. J. Narizki, R. A. Widyanto, and N. A. Prabowo, “Perancangan UI/UX sistem penerimaan mahasiswa baru berbasis perangkat mobile dengan metode Design Thinking,” Journal of Information System Research (JOSH), vol. 4, no. 4, pp. 1127–1135, 2023.

[9] I. N. Fitriyani, S. Pohan, A. Rengganis, N. Ritonga, and R. S. Damanik, “Penerapan K-Means Clustering dalam Pengelompokan Data Keuangan Rumah Sakit untuk Pengelolaan Anggaran di RSUD Rantauprapat,” Jurnal Media Informatika, vol. 5, no. 2, 2024.

[10] S. Claudia and H. Magdalena, “Prototype Pengembangan Sistem Web Modul PAUD Berbasis ADDIE dengan Pendekatan Pedagogik,” Metik Jurnal, vol. 9, no. 1, pp. 28–37, 2025.

[11] A. Y. Ismail, S. A. Andayani, and M. F. Nainggolan, “Penerapan Metode Prototipe pada Perancangan Aplikasi Smart Farming Sicinamons Berbasis Mobile,” Jurnal Agriust, vol. 5, no. 2, 2025.

[12] A. T. Hidayati, A. E. Widyantoro, and H. J. Ramadhani, “Perancangan Sistem Informasi Wirausaha Mahasiswa (Siwirma) Berbasis Web dengan Unified Modelling Languange (UML),” Jurnal Penelitian Rumpun Ilmu Teknik, vol. 2, no. 4, pp. 86–107, 2023.

[13] D. Anggraini and D. Hamdani, “Implementasi Metode Design Thinking Dalam Perancangan Prototype Sistem Pengelolaan Data Barang,” Jurnal Teknologi dan Sistem Informasi Bisnis, vol. 6, no. 3, pp. 597–608, 2024.

[14] D. Haryuda, M. Asfi, and R. Fahrudin, “Perancangan UI/UX menggunakan metode design thinking berbasis web pada Laportea Company,” Jurnal Ilmiah Teknologi Infomasi Terapan, vol. 8, no. 1, pp. 111–117, 2021.

[15] Y. A. Lazwardi, R. Hartono, and C. R. Hidayat, “Perancangan User Interface dan User Experience Aplikasi Mobile untuk Smart Farming dengan Metode Design Sprint,” JEIS: Jurnal Elektro dan Informatika Swadharma, vol. 4, no. 2, pp. 80–94, 2024.

[16] I. Artikel, “Pelatihan Desain UI/UX Website UMKM Profile Labscarpe Dengan Aplikasi Figma,” Jurnal Informatika dan Sistem Informasi, vol. 3, no. 2, pp. 1972–1980, 2023.

[17] R. Widjaya, H. P. Fitrian, and N. Anggraini, “Perancangan antarmuka pengguna (UI/UX) untuk aplikasi perpustakaan digital SMK Pasundan Rancaekek,” JATI (Jurnal Mahasiswa Teknik Informatika), vol. 8, no. 6, pp. 11701–11707, 2024.

[18] L. Judijanto et al., Analisis dan Perancangan Sistem Informasi Kesehatan. PT. Sonpedia Publishing Indonesia, 2026.

[19] B. Irfan and A. Anirwan, “Pelayanan publik era digital: Studi literatur,” Indonesian Journal of Intellectual Publication, vol. 4, no. 1, pp. 23–31, 2023.

[20] Z. Muspita and L. P. Ningsih, “Peningkatan kemampuan numerasi siswa melalui pendekatan kontekstual berbasis permainan edukatif,” ALPATIH: Jurnal Inovasi Pengabdian Masyarakat, vol. 2, no. 2, pp. 66–78, 2024.

[21] M. S. Harlina, E. Susilowati, S. Suharni, M. S. Herawati, and M. F. Atsiilah, “Pemodelan Sistem Rancangan Website Toko Ummi Cookies Menggunakan Uml (Unified Modelling Language),” Jurnal Teknologi Dan Sistem Informasi Bisnis, vol. 7, no. 3, pp. 364–371, 2025.

[22] S. Sinta and H. Magdalena, “Transformasi Digital UMKM Platfrom Prototype Berbasis Web Pemesanan dan Logistik,” METIK Jurnal, vol. 9, no. 1, pp. 18–27, 2025.

[23] M. R. Wayahdi and F. Ruziq, “Pemodelan sistem penerimaan anggota baru dengan unified modeling language (UML)(Studi kasus: Programmer Association of Battuta),” Jurnal Minfo Polgan, vol. 12, no. 1, pp. 1514–1521, 2023.

[24] E. D. S. C. Putri and U. Chotijah, “Perancangan Sistem Monitoring Sasaran Kerja Berbasis Website Studi Kasus: PT Swabina Gatra,” sudo Jurnal Teknik Informatika, vol. 4, no. 3, pp. 228–237, 2025.

[25] P. P. Hermawan, F. Abdussalaam, and I. Sari, “Perancangan sistem informasi pengolahan data rekam medis elektronik guna menunjang tata kelola pelaporan rawat jalan,” Jurnal Indonesia: Manajemen Informatika dan Komunikasi, vol. 5, no. 3, pp. 2158–2169, 2024.

[26] W. S. Duha, A. N. Hakim, C. N. Suci, and Z. Niqotaini, “PERANCANGAN BASIS DATA RUMAH SAKIT BERBASIS WEB DENGAN ERD, CDM, DAN PDM,” TEKNOFILE: Jurnal Sistem Informasi, vol. 3, no. 6, pp. 397–411, 2025.

Downloads

Published

2026-05-30

Issue

Vol. 8 No. 2 (2026): Publikasi artikel ZONAsi: Jurnal Sistem Informasi Periode Mei 2026

Section

Articles

License

Copyright (c) 2026 ZONAsi: Jurnal Sistem Informasi

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

CC BY-SA 4.0


Attribution-ShareAlike 4.0

You are free to:

  1. Share — copy and redistribute the material in any medium or format for any purpose, even commercially.
  2. Adapt — remix, transform, and build upon the material for any purpose, even commercially.
  3. The licensor cannot revoke these freedoms as long as you follow the license terms.

Under the following terms:

  1. Attribution — You must give appropriate credit , provide a link to the license, and indicate if changes were made . You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
  2. ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
  3. No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.

Notices:

You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation .

No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.

How to Cite

[1]
“METODE PEMBUATAN PROTOTIPE DALAM DESAIN ANTARMUKA APLIKASI MOBILE UNTUK PENJUALAN PARFUM PINEROMA”, zn, vol. 8, no. 2, pp. 818–829, May 2026, doi: 10.31849/hygc6v57.