School Website Design for SLB ABC Muhammadiyah Sumedang Using the Design Thinking Method
Keywords:
Design Thinking, School Website, User Experience, Figma, Education DigitalizationAbstract
The development of information technology requires educational institutions to adapt to the digital era, including in the dissemination of information to stakeholders. SLB ABC Muhammadiyah Sumedang still relies on conventional methods such as bulletin boards and WhatsApp in disseminating school information, which are considered ineffective and not well documented. This research aims to design a user-centered school website design using the design thinking method in order to meet the needs of digitizing school information optimally. The research method used is design thinking with five main stages: empathize, define, ideate, prototype, and test. Data collection was carried out through in-depth interviews with teachers and school staff as the main users. The data is then analyzed using affinity diagrams, user personas, user journey maps, pain points analysis, and priority matrix to identify the needs and priorities of feature development. The prototype website was designed using Figma with four main pages: Home, Profile, Extracurricular, and Gallery. The prototype evaluation was carried out using the System Usability Scale (SUS) and User Experience Questionnaire (UEQ) instruments involving 20 respondents. The results of the study show that the website prototype successfully meets the needs of users very well. The SUS evaluation showed an average score of 74 in the "Good to Excellent" category, while the UEQ evaluation resulted in an average score of 1.98 with an interpretation of "Excellent" that was in the top 10% of results based on international benchmarks. The resulting website design has clear navigation, responsive display, and structured content according to the needs of teachers and staff in managing school information. This research proves that the design thinking approach is effective in producing school website designs that are truly based on user needs. The iterative process in design thinking ensures that every feature and appearance of the website is developed based on empirical data from real users, resulting in a human-centered digital solution that can improve the effectiveness of communication and documentation of activities in the educational environment.
References
Brown, T. (2020). Change by Design: How Design Thinking Creates New Alternatives for Business and Society. Harvard Business Press.
Dam, R., & Siang, T. (2021). What is Design Thinking?. Interaction Design Foundation.
Fitriyani, R., et al. (2021). Pemetaan Kesiapan Digital Sekolah Luar Biasa di Indonesia. Jurnal Ilmiah Pendidikan Khusus.
Mariana, L., et al. (2021). Iterative Design untuk Aplikasi Pendidikan Berbasis Web. Procedia Computer Science.
Mulyani, S., et al. (2020). Analisis Penerapan Design Thinking pada Aplikasi Pembelajaran Berbasis Web. Jurnal Ilmu Komputer dan Aplikasi.
Putra, A., & Pratama, D. (2020). Sistem Informasi Sekolah Berbasis Web
dengan CMS. Jurnal Informatika.
Rahmawati, D., & Munir, R. (2021). Usability Testing pada Website Sekolah dengan Heuristic Evaluation. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer.
Rizki, A. A., et al. (2022). Design and Development of School Website Using User-Centered Design. Jurnal Teknologi dan Sistem Komputer.
Sari, D., & Arifin, N. (2022). Penerapan Metode Design Thinking dalam Pengembangan Website Edukasi. Jurnal Rekayasa Sistem dan Teknologi.
Yusro, A., et al. (2023). Aksesibilitas Digital pada Website Sekolah Inklusif.
Jurnal Interaksi Human Computer Interaction.
Kristianto, H. (2018). Metode Penelitian Kualitatif. Penerbit Andi. Sudaryono. (2018). Metodologi Penelitian: Kuantitatif, Kualitatif, dan R&D.Andi Offset.
Cristivioni, C., Priskila, R., & Christian, E. (2025). Penerapan Metode User Centered Design pada Perancangan Antarmuka SIKKAT Berbasis Website. JOINTECOMS, 5(1), 76-89.
Ariesta, N. A. (2022). Perancangan User Interface dan User Experience pada Website Sekolah Menggunakan Metode User Centered Design (UCD). Universitas Dinamika.
Sangkalibu, L. O. M., & Saputra, H. N. (2022). Membangun Sistem Informasi Website Sekolah dengan Menggunakan Google Sites. Jurnal Islamic Education Management, 7(1), 87–96
Risyda, F., Gardenia, Y., & Awaludin, M. (2025). Perancangan Desain UI/UX Website Sekolah Menggunakan Metode User Centered Design. Jurnal Sistem Informasi, Universitas Suryadarma.
Ihsan, Nur Yanti, & Dwi Lesmideyarti. (2021). Rancang bangun website sekolah untuk peningkatan kapasitas sekolah dasar negeri menjadi sekolah adiwiyata, terakreditasi dan role model di Balikpapan Tengah. Jurnal Sibermas (Sinergi Pemberdayaan Masyarakat), 10(3), 582-590.
Nugroho, A., Purwanto, J., Muin, M. A., & Mahardika, F. (2025). UI/UX design of a web-based student organizations system using the design thinking method approach. Journal of Technology and Informatics, 7(1), 24-38.
Darmawan, I., Anwar, M. S., Rahmatulloh, A., & Sulastri, H. (2022). Design thinking approach for user interface design and user experience on campus academic information systems. International Journal on Informatics Visualization, 6(2), 327-334.
Aulia, H., Setyadi, H. J., & Jundillah, M. L. (2024). Perancangan ulang UI/UX website e-learning UNMUL menggunakan metode design thinking. JITSI : Jurnal Ilmiah Teknologi Sistem Informasi, 5(4), 128-133.
Ramadhani, S., & Hidayati, R. (2025). Analisis Kepuasan Mahasiswa terhadap Penggunaan Aplikasi Figma dalam Desain UI/UX dengan Pendekatan End-User Computing Satisfaction (EUCS). Jurnal Digital Transformation Technology, 4(2), 1132–1139.
Hadiya, A. H. R., Widyatmoko, K., Mulyahartantya, N., Darodjatuzzaki, R., & Sukoco, Z. A. (2024). Eksplorasi Desain UI/UX Digital Siswa Menggunakan Figma di SMAN 15 Semarang. Jurnal Nasional Pengabdian Masyarakat Ilmu Komputer, 3(2), 46–57.
Santoso, M. F. (2022). Implementasi Konsep dan Teknik UI/UX Dalam Rancang Bangun Layout Web dengan Figma. Jurnal Infortech, 4(2), 156–163.
Ihsan, I., Yanti, N., & Lesmideyarti, D. (2021). Rancang bangun website sekolah untuk peningkatan kapasitas sekolah dasar negeri menjadi sekolah adiwiyata, terakreditasi dan role model di Balikpapan Tengah. Jurnal Sibermas (Sinergi Pemberdayaan Masyarakat), 10(3).
Risyda, F., Gardenia, Y., Awaludin, M., & Rehatalanit, Y. L. R. (2024). Perancangan Desain UI/UX Website Sekolah Menggunakan Metode User Centered Design. JSI (Jurnal Sistem Informasi) Universitas Suryadarma, 12(1), 165–174.
Helmiawan, M. A., Firmansyah, E., Herdiana, D., Akbar, Y. H., Subiyakto, A. A., & Rahman, T. K. A. (2025). Quantitative Analysis of the Key Factors Driving Cybersecurity Awareness Among Information Systems Users. Repository FTI UNSAP, 25(1), 1897-1910.
Sahputra, I. D., Asfi, M., Febima, M., Magdalena, L., Hatta, M., Fahrudin, R., Christina, S., & Solihin, U. (2025). Penerapan metode goal direct design pada perancangan UI/UX website desa (studi kasus: kantor desa kepongpongan). JURNAL DIGIT, 15(1), 70-79.
Savitri, A. D., & Ratnasari, C. I. (2023). Implementasi User Experience Questionnaire (UEQ) untuk mengevaluasi pengalaman pengguna pada UII RAS. KLIK: Kajian Ilmiah Informatika dan Komputer, 4(3), 1352-1361.
Kurniawan, C. N., Zaman, B., & Bhahri, S. (2022). Analisis usability pada website Ayomulai menggunakan metode system usability scale. JTRISTE, 9(2), 90-102.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Infoman's : Jurnal Ilmu-ilmu Informatika dan Manajemen
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
This work is licensed under a Creative Commons Attribution 4.0 International License.
