Perancangan UI/UX Prototype Sistem Informasi Pendataan Tamu di Sebuah Perusahaan Berbasis Website Menggunakan Metode Design Thinking
DOI:
https://doi.org/10.59024/jiti.v4i3.2012Keywords:
UI/UX, Prototype, Information System, Guest Data Collection, Design Thinking.Abstract
Guest data collection is an important administrative activity in supporting the management of visitor information in a company. However, the manual guest data collection process often causes various obstacles, such as recording errors, difficulty in searching for data, and ineffective reporting processes. This study aims to design the User Interface (UI) and User Experience (UX) prototype for a website-based Guest Data Collection Information System using the Design Thinking method. The Design Thinking method was chosen because it is oriented towards user needs through five stages: empathize, define, ideate, prototype, and test. Data collection was carried out through observation and identification of user needs for the guest data collection system. The results of the study are an interface prototype designed using Figma, consisting of a login page, dashboard, guest data collection, guest data, and reports. The resulting prototype is expected to provide an overview of a system that is easier to use, has clear navigation, and supports the guest data collection process more effectively. This research can be a reference in the development of a guest data collection information system in the next implementation stage.
References
[1] D. Haryuda, M. Asfi, and R. Fahrudin, “Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company,” Jurnal Ilmiah Teknologi Informasi Terapan, vol. 8, no. 1, pp. 111–117, 2021, doi: 10.33197/jitter.vol8.iss1.2021.730.
[2] M. J. Narizki, R. A. Widyanto, and N. A. Prabowo, “Perancangan UI/UX Sistem Penerimaan Mahasiswa Baru Berbasis Mobile dengan Metode Design Thinking,” Journal of Information System Research (JOSH), vol. 4, no. 4, pp. 1127–1135, 2023, doi: 10.47065/josh.v4i4.3652.
[3] S. Ansori, P. Hendradi, and S. Nugroho, “Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA,” Journal of Information System Research (JOSH), vol. 4, no. 4, pp. 1072–1081, 2023, doi: 10.47065/josh.v4i4.3648.
[4] M. R. Sulistyono, A. Setiawan, and N. Nuryanto, “Penerapan Metode Design Thinking untuk Perancangan UI/UX Sistem E-Marketplace Berbasis Website,” Journal of Information System Research (JOSH), vol. 4, no. 4, pp. 1364–1376, 2023, doi: 10.47065/josh.v4i4.3534.
[5] H. R. Sitorus, A. Ibrahim, Y. Utama, and H. Novianti, “Perancangan Prototype UI/UX Website Softcoffee Dengan Penerapan Metode Design Thinking,” KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 4, no. 6, pp. 2744–2753, 2024, doi: 10.30865/klik.v4i6.1881.
[6] A. C. Billan, D. Kurniawan, A. Rifai, P. E. Sevtiyuni, and A. Meiriza, “Perancangan Prototype UI/UX Pada Pelacak Kendaraan Operasional Dengan Menggunakan Metode Design Thinking,” KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 4, no. 5, pp. 2596–2606, 2024, doi: 10.30865/klik.v4i5.1843.
[7] M. I. Salam, A. Setiawan, and P. Sukmasetya, “Perancangan UI/UX Pada Sistem Perpustakaan dengan Pendekatan Design Thinking,” Journal of Information System Research (JOSH), vol. 5, no. 2, 2024.
[8] F. Ananta, T. Ridwan, and N. Heryana, “Perancangan UI/UX Point of Sale Berbasis Website Menggunakan Metode Design Thinking,” KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 4, no. 4, pp. 1994–2004, 2024, doi: 10.30865/klik.v4i4.1572.
[9] M. F. Addhifa, T. N. Adi, and E. L. Thohiroh, “Perancangan dan Implementasi UI/UX Website Edukasi Kesehatan Balita Menggunakan Metode Design Thinking,” KLIK: Kajian Ilmiah Informatika dan Komputer, vol. 5, no. 1, pp. 1–13, 2024, doi: 10.30865/klik.v5i1.1961.
[10] Y. Febriyanto, P. Sukmasetya, and M. Maimunah, “Implementasi Design Thinking dalam Perancangan UI/UX Rumah Sampah Digital Banjarejo,” Journal of Information System Research (JOSH), vol. 4, no. 3, pp. 936–947, 2023, doi: 10.47065/josh.v4i3.3135
[11] R. W. Purwitasari, P. D. Y. Nainggolan, N. Rahmawati, F. D. Adhinata, and N. G. Ramadhan, “Perancangan UI/UX Webinar Booking Terhadap Kepuasan Pengguna Menggunakan Metode Design Thinking,” JURIKOM (Jurnal Riset Komputer), vol. 8, no. 6, p. 350, 2021, doi: 10.30865/jurikom.v8i6.3700.
[12] N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, 2023, doi: 10.34148/teknika.v12i1.549.
[13] N. T. Kusumaningdyah and S. Sukadi, “Pengembangan Desain UI/UX Pada Aplikasi Kampanye Sosial Berbasis Mobile Menggunakan Figma Software,” Journal of Software Engineering Ampera, vol. 3, no. 3, 2022, doi: 10.51519/journalsea.v3i3.220.
[14] N. B. S. Wibowo, “Implementasi Metode Design Thinking Pada Perancangan UI/UX Berbasis Web,” Jurnal Algoritma, 2025.
[15] N. N. Zazhemi, “Penerapan Metode Design Thinking untuk Perancangan UI/UX Aplikasi Mobile,” Jurnal Multidisiplin Indonesia, 2025.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 JURNAL ILMIAH SAINS TEKNOLOGI DAN INFORMASI

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








