PENGEMBANGAN PRODUK PROTOTIPE UI/UX WEBSITE EKSTRAKURIKULER BERBASIS FIGMA UNTUK MENINGKATKAN BRANDING DIGITAL SMA AL-HASRA KOTA DEPOK

Abdullah Muhajir; Firman Ardiansyah; Ariel Prama Yudha; Elisabeth Manik; Salshabila Sucy Ayu Ramadhania; Rayyan Muhammad Arrafi; Syarief Hidayatulloh; Muhamad Al Gadafi

doi:10.36989/didaktik.v11i04.9808

Abdullah Muhajir Universitas Pamulang
Firman Ardiansyah Universitas Pamulang
Ariel Prama Yudha Universitas Pamulang
Elisabeth Manik Universitas Pamulang
Salshabila Sucy Ayu Ramadhania Universitas Pamulang
Rayyan Muhammad Arrafi Universitas Pamulang
Syarief Hidayatulloh Universitas Pamulang
Muhamad Al Gadafi Universitas Pamulang

DOI: https://doi.org/10.36989/didaktik.v11i04.9808

Keywords: UI/UX, Prototype, Figma, Digital Branding, Extracurricular Website

Abstract

The digital era demands that educational institutions, including SMA Al-Hasra Depok, utilize digital platforms to strengthen their institutional branding, particularly for extracurricular activities. Branding in the educational context is an effort to create a strong identity and can be achieved through a school website. A well-designed website can be a strategic digital promotion medium. This study aims to develop a UI/UX prototype for the SMA Al-Hasra extracurricular website using Figma to enhance its digital branding. The method used is a Research and Development (R&D) approach focusing on the prototype stage. The initial phase involved a necessity analysis to identify the need for varied and innovative digital materials. The design process involved using Figma, a tool known for its robust features and ability to create interactive prototypes. The results show that the developed prototype provides an aesthetic (UI) and easy-to-use (UX) solution that is expected to increase user satisfaction and create a positive image for the school. This development contributes to enhancing the overall quality of education (mutu pendidikan) through modern digital management.

References

Agency, R. D. (2025). Apa itu UI/UX? Pengertian, Perbedaan, dan Contohnya. Gamelab. (2023). Mengenal Pengertian dan Perbedaan antara UI dan UX Design. Hosting, J. (2023). Apa itu UI UX? Komponen, Contoh, & Tugasnya. Maghribi, L. R., Fajrie, N., & W, S. S. (2023). Implementasi Model Pembelajaran Teams Games Tournament di SD Margorejo 01 Kecamatan Pati. Journal on Education, 05(03), 5917–5924. Maghribi, L. R., Hartono, H., Rohkman, F., & Wagiran, W. (2025). Pengembangan Kreativitas Dan Berpikir Inovatif: Aktivitas Seni Yang Melatih Keluwesan, Orisinalitas, Dan Kemampuan Memecahkan Masalah. Jurnal Pendidikan Sekolah Dasar, 6(1S), 23–29. Maghribi, L. R., & Ismaya, E. A. (2024). Analisis hambatan belajar siswa dalam mata pelajaran IPS kelas V SD IT Nurul Fikri Kecamatan Trangkil Pati. JANACITTA: Journal of Primary and Childrens Education, 7(2), 97–104.
https://doi.org/10.35473/jnctt.v7i2 .3444 Maghribi, L. R., & Sofiasyari, I. (2025). Analisis Kesulitan Menulis Tegak Bersambung Kelas V. JANACITTA: Journal of Primary and Children’s Education, 8(2), 105–112. Naim, et al. (2024). MEMBANGUN WEBSITE SEKOLAH UNTUK MENINGKATKAN AKSES INFORMASI DAN BRANDING. Jurnal Pengabdian Kepada Masyarakat Cerdas (JAPAKESADA), 1(1), 67–76. Ngibad, K., Farkhan, M., Anam, K., & Vito, M. S. K. P. (2023). Branding Sekolah melalui Website. Jumat Pendidikan: Jurnal Pengabdian Masyarakat, 4(3), 109–114. Rahayu, K. P., Maghribi, L. R., & Pratiwi, D. A. S. (2025). Peningkatan Literasi Matematika dan Sains di Sekolah Dasar dengan Menggunakan Fitur AI. JANACITTA: Journal of Primary and Children’s Education, 8(2), 23–31. Ramandhika, R. D., Arianty, R., & Maghribi, L. R. (2025). Managemen Karir Guru MIN 11 Boyolali dalam Upaya Meningkatkan Mutu Pendidikan. CEJou: Central Journal of Education, 6(1), 1–9. Rully Pramudita, et al. (2021). PKM Pelatihan Figma untuk Desain Prototipe Sistem Informasi. VOKATEK, 01(01), 59. Sofiasyari, I., & Maghribi, L. R. (2025). THE NECESSITY ANALYSIS OF MAJALENGKA WISDOM BASED TEACHING MATERIALS TO ENHANCE STUDENTS CRITICAL THINKING SKILLS. Jurnal Cakrawala Pendas, 11(4), 1–8. Sudawan Supriadi, et al. (2025). Peningkatan Penguatan Branding dan Transparansi Melalui Pengembangan Sistem Informasi Website. Lamahu: Jurnal Pengabdian Masyarakat Terintegrasi, 4(1), 16–23. Susanti, S. W., & Trihantoyo, S. (2023). Pengembangan Digitalisasi Sekolah melalui Website untuk Membangun Branding SDN Jambangan I/413 Surabaya. Edu Learning: Journal of Education and Learning, 2(1), 116–125. Systems, S. of I. (2024). Memahami Penggunaan Figma Lebih Dalam. University, D. K. V. B. (2025). UI dan UX dalam Desain Website: Dua Sisi Mata Uang yang Sama.