Desain UI/UX Aplikasi Website Pemesanan Foto Studio Menggunakan Metode Design Thinking
DOI:
https://doi.org/10.47065/jimat.v5i3.676Keywords:
User Interface; User Experience; Design Thinking; Booking Application; Interactive Prototype; Maka StudioAbstract
The advancement of digital technology has significantly transformed consumer behavior in accessing and booking services, including in the photography sector. Maka Studio, as a provider of professional photography services, requires a digital platform in the form of a website application that offers an intuitive user interface (UI) and an optimal user experience (UX). This study aims to design the UI/UX of a web-based photography service booking application using the Design Thinking method, which emphasizes a user-centered approach. The design process follows five key stages: empathize, define, ideate, prototype, and test. Data collection was carried out through interviews and observations to identify users’ pain points, which were then translated into visual solutions in the form of wireframes and interactive prototypes using Figma. The main features of the application include service exploration, schedule selection, booking, and payment simulation. The prototype was tested by ten respondents representing the target users to evaluate usability, user flow clarity, and visual satisfaction. The results indicated that the interface design successfully met user expectations, achieving an average System Usability Scale (SUS) score of 93.75, categorized as excellent. These findings affirm that a user-centered design approach is effective in producing functional, efficient, and user-preferred digital solutions.
Downloads
References
Y. A. Yuliana and I. A. Saputro, “Perancangan Ui/Ux Pada Reservasi Studio Foto Alfino Photograpy,” J. Rekayasa Sist. Inf. dan Teknol., vol. 2, no. 4, pp. 1220–1229, 2025, doi: 10.70248/jrsit.v2i4.2132.
S. G. Hilaly, N. C. Wibowo, and A. S. Fitri, “Penerapan Design Thinking dalam Pengembangan UI/UX Mobile untuk Marketplace Fotografi,” Techno.Com, vol. 24, no. 2, pp. 439–452, 2025, doi: 10.62411/tc.v24i2.12691.
Febriansyah, “Perancangan UI/UX Aplikasi Untuk Meningkatkan Efisiensi Pemesanan Jasa Fotografi Terhadap Maka Studio Menggunakan Metode Design Thinking,” Media Online), vol. 5, no. 2, pp. 150–160, 2025, doi: 10.47065/bulletincsr.v5i2.426.
G. J. P. Hakim, F. Saputra, M. N. Ardhani, A. Fami, and I. R. G. Barus, “V-Care Application Design Using Design Thinking Method,” J. Informatics Commun. Technol., vol. 6, no. 1, pp. 329–340, 2024, doi: 10.52661/j_ict.v6i1.291.
J. Munger and R. Van Dael, Putting People at the Heart of Policy Design: Using Human-Centered Design to Serve All. Asian Development Bank, 2020. doi: 10.22617/TCS200281-2.
Y. E. Achyani and A. R. Andini, “Perancangan UI/UX Aplikasi Booking Self Photo Studio Menggunakan Metode Design Thinking,” J. Tek. Komput., vol. 10, no. 1, pp. 86–94, 2024, doi: 10.31294/jtk.v10i1.17006.
A. A. Chairunnisa, S. Widodo, and N. W. A. Majid, “Perancangan Desain Ui/Ux Sistem E-Learning Menggunakan Metode Design Thinking,” J. Inf. Syst. Manag., vol. 6, no. 1, pp. 1–9, 2024, doi: 10.24076/joism.2024v6i1.1632.
S. Pratama and R. Rian Putra, “Ui/Ux Design of E-Commerce Applications At the Bolu Miranti Store Using the Thinking Design Method Desain Ui/Ux Aplikasi E-Commerce Pada Toko Bolu Miranti Menggunakan Metode Desain Thingking,” J. Inf. Technol. Comput. Sci., vol. 8, no. 2, pp. 464–471, 2025.
S. Ansori, P. Hendradi, and S. Nugroho, “Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA,” J. Inf. Syst. Res., vol. 4, no. 4, pp. 1072–1081, 2023, doi: 10.47065/josh.v4i4.3648.
M. A. Senubekti, G. L. Dajoreyta, and N. Anggraini, “Pembuatan Desain UI/UX dengan Metode Prototyping pada Aplikasi Layanan Pengadilan Negeri Bale Bandung menggunakan Figma,” J. Inform. Terpadu, vol. 10, no. 1, pp. 1–10, 2024, doi: 10.54914/jit.v10i1.1001.
M. Agus Muhyidin, M. A. Sulhan, and A. Sevtiana, “Aplikasi Canva Sebagai Perancangan UI/UX Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figmaai Media Pembelajaran Yang Efektif,” Jurnal Ilmiah Digital of Information Technology, vol. 10, no. 2, pp. 208–219, 2020, doi 10.51920/jd.v10i2.171
N. Febyla and A. Zubaidi, “Analisis Dan Perbaikan Tampilan Sistem Informasi Dewan Perwakilan Rakyat Daerah Provinsi Nusa Tenggara Barat Berbasis Website Menggunakan Figma,” J. Begawe Teknol. Inf., vol. 3, no. 2, pp. 273–284, 2022, doi: 10.29303/jbegati.v3i2.821.
N. Hakam, “Perancangan UI/UX Aplikasi Amaze Layanan Online Travel Agent Menggunakan Aplikasi Figma,” INTEGER J. Inf. Technol., vol. 7, no. 2, pp. 87–92, 2022, doi: 10.31284/j.integer.2022.v7i2.3279.
R. Hadi Firmansyah, K. Khalid, and F. Muslihul Amin, “Desain Ui/Ux Website Rakit Pc Db Klik Menggunakan Metode Design Thinking,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 6, pp. 12719–12726, 2024, doi: 10.36040/jati.v8i6.12022.
Robet Bangun Legato and Fransiska Prihatini S., “Desain Ui Ux Aplikasi Simponi Mobile Menggunakan Metode Design Thinking,” J. Sci. Res. Dev., vol. 6, no. 2, pp. 628–648, 2024, doi: 10.56670/jsrd.v6i2.638.
T. den Dekker, Design Thinking. in Routledge-Noordhoff International Editions Series. Taylor & Francis Group, 2020. doi: 10.4324/9781003154532-1.
C. Nisa’, R. S. Anugrah Prasetya, C. D. Rahmadewi, M. A. Nurdianto, M. H. Aziz, and H. Maulana, “Perancangan User Interface Pada Aplikasi E-Commerce Petshop Happypals Dengan Metode Desain Thinking,” J. Ilm. Inform. dan Ilmu Komput., vol. 3, no. 2, pp. 57–69, 2024, doi: 10.58602/jima-ilkom.v3i2.28.
M. R. Sulistyono, A. Setiawan, and N. Nuryanto, “Penerapan Metode Design Thinking untuk Perancangan UI/UX Sistem E-Marketplace Berbasis Website,” J. Inf. Syst. Res., vol. 4, no. 4, pp. 1364–1376, 2023, doi: 10.47065/josh.v4i4.3534.
Y. Athallah Puteri, D. Aulia, and A. A. K. Sari, “Implementasi Metode Design Thinking Pada Perancangan User Interface Aplikasi Online Course,” J. Siliwangi Seri Sains dan Teknol., vol. 8, no. 2, pp. 60–65, 2022, doi: 10.37058/jssainstek.v8i2.6280.
D. Novianti, “Redesign User Interface Website Universitas Bina Sarana Informatika Menggunakan Metode Design Thinking Dan System Usability Scale (Sus),” J. Inform. dan Tek. Elektro Terap., vol. 12, no. 3, 2024, doi: 10.23960/jitet.v12i3.4300.
H. Y. Madawara, P. F. Tanaem, and D. H. Bangkalang, “Perancangan Ui/Ux Aplikasi Ktm Multifungsi Menggunakan Metode Design Thinking,” J. Pendidik. Teknol. Inf., vol. 5, no. 2, pp. 111–125, 2022, doi: 10.37792/jukanti.v5i2.560.
C. M. Barnum, Usability Testing Essentials: Ready, Set ...Test! Morgan Kaufmann, 2020. doi: 10.1016/b978-0-12-816942-1.00006-x.
R. E. Pratama and E. G. Wahyuni, “Perancangan Desain Antarmuka Pengguna Dan Pengalaman Penguna Pada Aplikasi Yada,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 9, no. 2, pp. 841–851, 2024, doi: 10.29100/jipi.v9i2.4742.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Desain UI/UX Aplikasi Website Pemesanan Foto Studio Menggunakan Metode Design Thinking
ARTICLE HISTORY
Issue
Section
Copyright (c) 2025 Sutra Nurani, Ruly Dwi Arista, Hermansyah
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
