Designing UI/UX of  Wedding Content Creator App Using Design Thinking at Muchas Gracias

Authors

  • Siva Nur Bayani Rahmah Universitas Cipasung Tasikmalaya, Tasikmalaya, Jawa Barat, Indonesia
  • Robby Maududy Universitas Cipasung Tasikmalaya, Tasikmalaya, Jawa Barat, Indonesia https://orcid.org/0009-0001-3183-3262

DOI:

https://doi.org/10.51903/qvqpsr97

Keywords:

UI/UX, Design Thinking, System Usability Scale, wedding content creator, prototype

Abstract

The wedding service industry continues to grow, including the emergence of wedding content creators who focus on producing real-time content for social media platforms such as Instagram Reels and TikTok. However, many vendors still do not have integrated digital systems, including Muchas Gracias, which still manages all service booking processes manually through WhatsApp. This condition causes delayed responses, limited access to service information, scheduling conflicts, and repetitive communication burdens for the vendor team. This study aims to design a mobile-based UI/UX prototype for a wedding content creator application using the Design Thinking method. The research was conducted through five stages: empathize, define, ideate, prototype, and test. Data were collected through semi-structured interviews and observations involving 20 participants consisting of potential users and internal vendor staff. The analysis identified four main pain points that became the basis for developing user personas, problem statements, information architecture, and user flow. The prototype was developed using Figma in low-fidelity and high-fidelity forms. The testing stage was carried out using the think-aloud protocol and the System Usability Scale (SUS). The results showed an average SUS score of 79.25, which falls into the Good (B) and Acceptable category, indicating that the prototype has good usability and is feasible as a reference for developing a real application.

References

[1] H. Adlina and N. D. Dirbawanto, “Rekomendasi Strategi Ekspansi dan Strategi Promosi: Studi pada Fauve Imagine Photography Service,” Jurnal Ecogen, vol. 5, no. 1, p. 2022, 2022, doi: 10.24036/jmpe.v5i1.12845.

[2] P. Waithood et al., “Problematika Waithood Sebagai Upaya Kontrol Sosial terhadap Persoalan Perkawinan dalam Menekan Angka Kemiskinan,” Judge : Jurnal Hukum, vol. 05, 2024, doi: 10.54209/judge.v5i02.620.

[3] S. K. P. B, Z. F. Auliya, and N. Wening, “The Existence of Post-pandemic Wedding Organizer Services Through the Role of Brand Image Mediation in Social Media Marketing , Promotion , and Service Quality Toward the Decision to Choose Wedding Organizer,” Atlantis Press International BV. doi: 10.2991/978-94-6463-160-9.

[4] P. D. Larasati, A. Irawan, S. Anwar, M. F. Mulya, M. A. Dewi, and I. Nurfatima, “Chatbot Helpdesk Design for Digital Customer Service,” Applied Engineering and Technology, vol. 1, no. 3, pp. 138–145, Apr. 2022, doi: 10.31763/aet.v1i3.684.

[5] P. Z. Dinata, M. A. Urwah, M. R. Rahmawan, and E. Junaeti, “Perancangan UI / UX pada Web E- Commerce ‘Hallo Coffee’ menggunakan metode user-centered design,” vol. 5, no. 1, pp. 45–58, 2023, doi: 10.37905/jji.v412.17511.

[6] D. Andansari, “Association for Computing Machinery,” Empathy-Driven Innovation, vol. 1, no. 1. 2023. doi: 10.1145/3604571.3604572.

[7] B. J. Seni, D. Budaya, E. H. Lukitasari, M. Ardi, and M. A. Fauzan, “Besaung,” vol. 10, no. 3, pp. 754–776, 2025, doi: 10.36982/JSDB.V10I3.5593.

[8] N. Kahar, F. H. Aminuddin, and E. M. Pratiwi, “Penyederhanaan Akses Layanan Teknologi pada Perancangan User Interface (UI) Website Padek.in dengan Metode Design Thinking,” Jurnal Akademika, vol. 18, no. 1, pp. 189–199, Nov. 2025, doi: 10.53564/3gtb4s58.

[9] J. M. Dumalang, C. E. J. C. Montolalu, and D. Lapihu, “Perancangan UI/UX Aplikasi Penjualan Makanan berbasis Mobile pada UMKM di Kota Manado menggunakan metode Design Thinking,” Jurnal Ilmiah Informatika dan Ilmu Komputer (JIMA-ILKOM), vol. 2, no. 2, pp. 41–52, Sep. 2023, doi: 10.58602/jima-ilkom.v2i2.19.

[10] W. Alexandra, A. D. Putra, and A. S. Puspanigrum, “Penerapan Teknologi Augmented Reality Berbasis Android untuk Pembelajaran Rantai Makanan pada Hewan,” Jurnal Informatika dan Rekayasa Perangkat Lunak (JATIKA), vol. 3, no. 1, pp. 107–116, 2022, doi: 10.33365/jatika.v3i1.1864.

[11] A. Yoraeni, “Perancangan UI / UX Aplikasi Pemesanan Makanan Pada UMKM Family Catering Menggunakan Metode Design Thinking,” vol. XIV, no. 2, pp. 37–42, 2023, doi: https://doi.org/10.47927/jikb.v14i2a.539.

[12] I. M. Sukarsa, P. W. Buana, I. P. J. A. Utama, and N. W. Wisswani, “Evaluasi Usability dan Perbaikan Antarmuka untuk Meningkatkan User Experience Menggunakan Metode Usability Testing (Studi Kasus: Aplikasi Warga Bali),” Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK), vol. 9, no. 5, pp. 1003–1010, 2022, doi: 10.25126/jtiik.202295408.

[13] K. D. Tampiada, “Analisis Pengaruh Perubahan Tren Game Mobile terhadap Penurunan Kepopuleran Game Clash of Clans Menggunakan Metode Nielsen’s Usability Attributes (NAU),” Jurnal Informatika dan Teknik Elektro Terapan, vol. 14, no. 1, Jan. 2026, doi: 10.23960/jitet.v14i1.8324.

[14] T. F. Hasan, T. Wahyuningrum, and A. C. Wardhana, “Usability Testing pada M-Commerce Menggunakan Kuesioner USE (Usefulness, Satisfaction, and Ease of Use) dan Performance Test (Studi Kasus: Tokopedia),” Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK), vol. 9, no. 4, pp. 829–838, Aug. 2022, doi: 10.25126/jtiik.202294753.

[15] H. D. Aprilia, A. W. Utoyo, T. Warbung, and T. Indahyani, “Beelic Website Design as an Information Center for Design , Promotion and Marketing of MSME Products in the Pandemic Period,” vol. 04053, pp. 0–5, 2023, doi: https://doi.org/10.1051/e3sconf/202338804053.

[16] S. M. Apocalypse, M. C. Padua, and M. J. V. Jorente, “Design Da Informação Nos Repositórios Institucionais Das Universidades Estaduais De São Paulo: Um Estudo De Aplicabilidade,” Informação & Informação, vol. 26, no. 2, pp. 377–406, 2021, doi: 10.5433/1981-8920.2021v26n2p377.

[17] P. S. Rosiana, A. Voutama, and A. A. Ridha, “Perancangan Ui/Ux Sistem Informasi Pembelian Hasil Tani Berbasis Mobile dengan Metode Design Thinking,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 11, no. 3, Jul. 2023, doi: 10.23960/jitet.v11i3.3048.

[18] F. R. Isadora, B. T. Hanggara, and Y. T. Mursityo, “Perancangan User Experience pada Aplikasi Mobile Homecare Rumah Sakit Semen Gresik Menggunakan Metode Design Thinking,” Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK), vol. 8, no. 5, pp. 1057–1066, 2021, doi: 10.25126/jtiik.202184550.

[19] Y. T. Santosa, M. H. Mahmudah, and E. A. Wibowo, “Students’ Conceptual Difficulties in Learning Curved-Surface Solids : The Needs for RME-Based Interactive E-Module,” vol. 19, no. 1, pp. 1–20, 2026, doi: 10.20414/betajtm.v19i1.737.

[20] G. W. Intyanto, N. A. Ranggianto, and V. Octaviani, “Pengukuran Usability pada Website Kampus Akademi Komunitas Negeri Pacitan Menggunakan System Usability Scale (SUS),” Walisongo Journal of Information Technology, vol. 3, no. 2, pp. 59–68, 2021, doi: 10.21580/wjit.2021.3.2.9549.

[21] S. Febriani, T. Sutabri, and L. A. Abdillah, “Perancangan UI / UX Aplikasi Sistem Informasi Layanan Administrasi dalam Perspektif Psikologi Menggunakan Metode Prototype Mahasiswa Universitas Bina Darma dalam melaksanakan kegiatan akademik kebutuhan pengguna hingga pengguna dapat merasa senang dan pua,” vol. 9, no. 2, pp. 1088–1103, 2023, doi: https://doi.org/10.37012/jtik.v9i2.1714.

[22] A. Agung Kurniawan, “Evaluasi Usability Sistem Informasi Manajemen Apotek Berbasis Progressive Web Application Menggunakan Metode System Usability Scale,” Jurnal Inovasi Pendidikan dan Teknologi Informasi (JIPTI), vol. 7, no. 1, pp. 131–142, 2026, doi: 10.52060/jipti.v7i1.4047.

[23] S. Usability, S. Sus, A. N. Firdaus, N. Rahma, and F. Harun, “Evaluasi Usability Aplikasi MyASN Menggunakan Metode,” JUTEKOM Jurnal Teknologi dan Ilmu Komputer, vol. 2, no. 2, pp. 3–5, 2026, doi: 10.65258/jutekom.v2.i2.55.

[24] T. U. Handayani, P. W. Santosa, and A. Setianingrum, “Perbandingan Kinerja Reksadana Konvensional dengan Syariah Article Information,” 2019. [Online]. Available: http://academicjournal.yarsi.ac.id/jeba

[25] N. I. Ambariyono and I. Nuryasin, “Implementasi Design Thinking dalam Desain UI/UX Aplikasi HealthyCare Mobile,” JOISIE (Journal of Information Systems and Informatics Engineering), vol. 9, no. 2, pp. 293–305, 2025, doi: 10.35145/joisie.v9i2.4777.

[26] A. Permatasari, J. Septiadi, “Perancangan dan Evaluasi Sistem Pembelajaran Interaktif Menggunakan Metode System Usability Scale (SUS) dan User Experience Questionnaire (UEQ),” vol. 7, no. 1, pp. 311–325, 2026.

[27] R. Suprobo Aji et al., “Inovasi Interactive Virtual Tour Platform dalam Meningkatkan Ecotourism di Taman Wisata Harmony, Surabaya dengan Pendekatan Design Thinking,” Segawati, vol. 10, no. 2, pp. 2613–9960, 2026, doi: 10.12962/j26139960.v10i2.8865.

[28] P. T. K. & J. T. M. Aaron Bangor, “Determining What Individual SUS Scores Mean: Adding an Adjective Rating Scale,” J. Usability Stud., vol. 4, no. 3, 2009, doi: 10.5555/2835587.2835589.

[29] R. Candra, P. Putra, R. Indriati, and D. Harini, “Pengukuran Tingkat Usability Website Layanan Pendidikan Daerah Menggunakan System Usability Scale (SUS)”, [Online]. Available: https://ojs.unpkediri.ac.id/index.php/noe

[30] A. Nurudin, R. A. Widyanto, and D. Sasongko, “Penerapan Metode Design Thinking pada Perancangan User Interface Aplikasi Rifqitenda untuk Meningkatkan Kemudahan dalam Fitur Persewaan Wedding Decoration,” Journal of Information System Research (JOSH), vol. 5, no. 4, pp. 901–910, Jul. 2024, doi: 10.47065/josh.v5i4.5354.

[31] M. Agung Prastiyo and J. Sundari, “Analisis dan Rancangan UI/UX pada PT. Sherindo Cargo dengan Metode Design Thinking dan SUS,” 2023. doi: 10.14710/jmasif.14.2.57117.

[32] Febriansyah, Ruly Dwi Arista, and Randi Rian Putra, “Perancangan UI/UX Aplikasi untuk Meningkatkan Efisiensi Pemesanan Jasa Fotografi terhadap Maka Studio Menggunakan Metode Design Thinking,” Bulletin of Computer Science Research, vol. 5, no. 2, pp. 150–160, Feb. 2025, doi: 10.47065/bulletincsr.v5i2.426.

Downloads

Published

2026-10-28

Issue

Vol. 5 No. 3 (2026): November

Section

Web-Based Information Systems and Knowledge-Based Systems

License

Copyright (c) 2026 Siva Nur Bayani Rahmah, Robby Maududy

Creative Commons License

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

All articles published in this journal are open access and licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0 International License (CC BY-SA 4.0).

Under this license:

  • Authors retain copyright of their work.

  • Others are free to:

    • Share — copy and redistribute the material in any medium or format;

    • Adapt — remix, transform, and build upon the material for any purpose, even commercially;

  • As long as they:

    • Give appropriate credit to the original author(s) and the source;

    • Provide a link to the license;

    • Indicate if changes were made;

    • Distribute their contributions under the same license as the original.

This ensures that derivative works will also remain free and open under the same terms.