Optimizing the User Interface and User Experience of the Al-Murtadlo Ponjong Islamic Boarding School Promotional Website Using the Design Thinking Method
DOI:
https://doi.org/10.58466/mcfs2741Keywords:
UI/UX, Design THinking, Website Design, Islamic Boarding School, UEQAbstract
Al-Murtadlo Islamic Boarding School Ponjong does not yet have a digital promotional medium. Information about the Islamic boarding school is still limited to direct communication, resulting in a lack of public awareness regarding its profile, students’ achievements, activities, and overall strengths. This study aims to design a user interface and user experience (UI/UX) for the Pondok Pesantren Al-Murtadlo Ponjong website. The design thinking method is applied as the research approach. The research process consists of five stages: empathize, define, ideate, prototype, and testing. The design evaluation is conducted using the User Experience Questionnaire (UEQ). The outcome of this study is a UI/UX prototype featuring profile, program, instructors, achievements, gallery, contact, and admin dashboard features. The usability testing results indicate that the design achieved Excellent and Good categories.
References
[1] Illi Fitriyah, “Pengembangan User Interface Website Sebagai Media Informasi dan Promosi Wisata Pantai Kelapa Kabupaten Tuban,” BARIK, vol. 7, no. 1, pp. 182–196, Feb. 2025, doi: 10.26740/jdkv.v7i1.66163.
[2] A. A.-Z. Ibrahim and I. Lestari, “Perancangan UI/UX Pada Website Rumah Tahfidz Akhwat Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 2, pp. 96–105, May 2023, doi: 10.34148/teknika.v12i2.599.
[3] Maftuhah, Khoeron, Tobroni, and Faridi, “TRANFORMASI KELEMBAGAAN PESANTREN TREMAS ADAPTASI DAN INOVASI DI ERA DIGITAL,” Jurnal Pendidikan Islam, vol. 11, no. 1, pp. 1–21, Apr. 2025, doi: 10.37286/ojs.v11i1.269.
[4] A. Ikhsandi, H. Laili, J. Akbar, and Y. Efendi, “Penerapan Metode Design Thinking Pada Perancangan Website SMKN 1 Tambang,” TeIKa, vol. 12, no. 02, pp. 147–155, Oct. 2022, doi: 10.36342/teika.v12i02.2940.
[5] A. A. Chairunnisa, S. Widodo, and N. W. A. Majid, “PERANCANGAN DESAIN UI/UX SISTEM E-LEARNING MENGGUNAKAN METODE DESIGN THINKING,” Journal of Information System Management (JOISM), vol. 6, no. 1, pp. 1–9, Jul. 2024, doi: 10.24076/joism.2024v6i1.1632.
[6] B. I. P. Shofiyulloh, “Penerapan Metode Design Thinking Dalam Perancangan UI/UX Aplikasi Mobile Panduan Pendaki,” Jurnal Teknik Elektro dan Komputer TRIAC, vol. 11, no. 1, pp. 37–43, Jul. 2024, doi: 10.21107/triac.v11i1.24333.
[7] Bagus Subekti, Fadli Iman, Zarnaji, and Firman Pratama, “PERANCANGAN WEBSITE COMPANY PROFILE PADA CV MITRA KURING MENGGUNAKAN METODE DESIGN THINKING,” Journal of Scientech Research and Development, vol. 6, no. 2, pp. 571–582, Dec. 2024, doi: 10.56670/jsrd.v6i2.629.
[8] Muhamad Taufiq, Dally Nur Arif, and Irena Novarlia, “Perancangan UI/UX Website Profil Desa Wisata Rancakalong dengan Metode Design Thinking,” Reslaj: Religion Education Social Laa Roiba Journal, vol. 6, no. 12, Dec. 2024, doi: 10.47467/reslaj.v6i12.4533.
[9] F. Caroline, S. Angelica, M. F. Ariansyah, S. D. Suryanto, dan M. R. Pribadi, “Perancangan UI/UX pada Aplikasi Elaruna dengan Metode Design Thinking,” AICOMS: Applied Information Technology and Computer Science, vol. 4, no. 2, pp. 28–33, Desember 2025, doi: 10.58466/aicoms.v4i2.1825.
[10] F. N. Aini, N. Widjiyati, E. Pramono, W. Nurastuti, R. Andri, dan A. Sumiyanto, “Evaluasi UI/UX Website Pemesanan Tiket Wayang Orang Sriwedari Surakarta Berdasarkan Hasil Pengujian System Usability Scale (SUS) dan User Experience Ques-tionnaire (UEQ),” AICOMS: Applied Information Technology and Computer Science, vol. 4, no. 2, pp. 70–77, Desember 2025, doi: 10.58466/ptarkn56.
[11] M. Schrepp, User Experience Questionnaire Handbook, Version 11. 2023. Accessed: Dec. 07, 2025. [Online]. Available: https://www.ueq-online.org/
[12] Raden Arsaal Hafidz Nuralam and Dani Hamdani, “PERANCANGAN USER INTERFACE WEBSITE PONDOK PESANTREN CIPEDES AL-ASYIQIEN II MENGGUNAKAN METODE DESIGN THINKING,” Rabit : Jurnal Teknologi dan Sistem Informasi Univrab, vol. 10, no. 2, pp. 801–814, Jul. 2025, doi: 10.36341/rabit.v10i2.6379
[13] M. Schrepp, User Experience Questionnaire Handbook, Version 11. 2023. Accessed: Dec. 07, 2025. [Online]. Available: https://www.ueq-online.org/
[14] O. J. F. Chavez and T. Palaoag, “UI/UX prototype design for a personalized learning mobile app to boost com-prehension: A design thinking model,” The TQM Journal, vol. 38, no. 3, pp. 558–579, 2024, doi: 10.1108/TQM-09-2024-0359.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Lukman Hakim Aljihadu, Nur Widjiyati
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
