UI/UX Design for School Website Using Design Thinking Method at SMP Negeri 2 Palembang
Article Sidebar
Main Article Content
Abstract
The development of information technology encourages educational institutions to provide digital services that can meet the needs of communication, transparency, and information accessibility. School websites function not only as a medium for conveying academic information, but also as a means of interaction between teachers, students, parents, and the general public. This study aims to design the UI/UX design of the SMP Negeri 2 Palembang website using the Design Thinking method which consists of five stages, namely Empathize, Define, Ideate, Prototype, and Test. This approach was chosen because it is oriented towards user needs and is able to produce innovative, applicable solutions. Data was obtained through interviews, questionnaires, and observations to explore user experiences and problems that arise in using the school website. The analysis results showed problems in aspects of navigation, information accessibility, visual appeal, and website responsiveness to various devices. Based on these findings, a website prototype was designed with the main elements of teacher, student, and admin dashboards, student monitoring features, a learning material repository, an activity gallery, and a more structured announcement system. The trial using the System Usability Scale (SUS) obtained an average score of 89.5 which is included in the "Excellent" category with a grade of "A." These findings indicate that the developed UI/UX design can improve user convenience, effectiveness, and satisfaction, while simultaneously strengthening the school's image in the digital age
Article Details
References
[2] A. P. Wardhanie and E. Rahmawati, “Introduction and Implementation of User Interface and User Experience Design for Beginners,” Batara Wisnu Indones. J. Community Serv., vol. 2, no. 3, pp. 536–544, 2022, doi: 10.53363/bw.v2i3.129.
[3] M. Daffa Al-farel and A. Rizal Dzikrillah, “BULLETIN OF COMPUTER SCIENCE RESEARCH Evaluation of the KinarBhusana Web Development Framework: A Study of Performance, SEO, and Accessibility Using Laravel and Bootstrap,” Media Online), vol. 5, no. 3, pp. 235–242, 2025, doi: 10.47065/bulletincsr.v5i3.499.
[4] S. A. AMESHA, T. ADINDA, N. NAZIRA, and W. WILLYANSAH, “The Effect of Effective UI/UX Design in Improving User Experience and Satisfaction,” J. Data Sains Dan Teknol. Inf., vol. 2, no. 02, pp. 1–10, 2025, doi: 10.62003/kygzam23.
[5] Demi Adidrana, Hertanto Suryoprayogo, Ilham Roni Yansyah, Fikri Tri Wibowo, and Astri Nur Rahmah, “Website Development for Vocational School Nagrak Boarding School Purwakarta,” Proficio, vol. 6, no. 2, pp. 890–896, 2025, doi: 10.36728/jpf.v6i2.5163.
[6] A. Ikhsandi, H. Laili, J. Akbar, and Y. Efendi, “User Interface Design on SMKN 1 Tambang Website Using Design Thinking Method,” TeIKa, vol. 12, pp. 147–155, 2022.
[7] N. B. S. Wibowo, Y. Purwati, and B. D. Putranto, “Implementation of Design Thinking Method in UI/UX Design of Web-Based New Student Registration Application,” J. Algoritm., vol. 22, no. 1, pp. 49–59, 2025, doi: 10.33364/algoritma/v.22-1.2153.
[8] P. S. Rosiana, A. Voutama, and A. A. Ridha, “Designing UI/UX of Mobile-Based Agricultural Product Purchasing Information System Using Design Thinking Method,” J. Inform. dan Tek. Elektro Terap., vol. 11, no. 3, pp. 246–253, 2023, doi: 10.23960/jitet.v11i3.3048.
[9] F. Risyda, Y. Gardenia, and M. Awaluddin, “UI/UX Design of Web-Based Digital Library Application with Design Thinking Method Approach,” IKRA-ITH Inform. J. Komput. dan Inform., vol. 9, no. 2, pp. 67–77, 2024, doi: 10.37817/ikraith-informatika.v9i2.4391.
[10] M. Rochmawati, A. Voutama, and A. A. Ridha, “UI/UX Design of SMP Plus Mabdaul Huda Website Using Design Thinking Method,” Inf. Manag. Educ. Prof., vol. 7, no. 2, pp. 101–112, 2023.
[11] N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Designing a UI/UX Prototype for the CROWDE Website Using the Design Thinking Method,” Teknika, vol. 12, no. 1, pp. 18–26, 2023, doi: 10.34148/teknika.v12i1.549.
[12] H. N. Hidayah and E. R. Yulia, “Designing UI/UX for New Student Admission Application Using Design Thinking Method,” JIKO (Jurnal Inform. dan Komputer), vol. 8, no. 2, p. 243, 2024, doi: 10.26798/jiko.v8i2.1124.
[13] F. Resdiyani, I. Aknuranda, and R. I. Rokhmawati, “Evaluation of the Faraidh Application Using Usability Testing,” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 5, no. 5, pp. 2010–2018, 2021, [Online]. Available: http://j-ptiik.ub.ac.id
[14] S. M. Simanjuntak and I. N. T. A. Putra, “Usability Analysis of the Growtopia Mobile Game Using the System Usability Scale (Sus) Method,” J. Inform. dan Tek. Elektro Terap., vol. 13, no. 2, pp. 1326–1331, 2025, doi: 10.23960/jitet.v13i2.6446.