Integrating Visual Communication Design into Islamic Religious Education; Educational Innovation in the Digital Age
Abstract
This study aims to describe and analyze the integration of visual communication design in Islamic Religious Education (PAI) learning to improve students’ understanding and engagement. The study employed a qualitative approach using a field research method conducted in several schools and madrasahs in Bekasi Regency. Data were collected through observation, interviews, and documentation involving teachers and students engaged in visual-based learning activities. Data analysis was carried out using the interactive model of Miles, Huberman, and Saldaña through data reduction, data display, and conclusion drawing. The findings reveal that the integration of visual communication design through the use of PowerPoint, Canva, infographics, animated videos, and interactive media was able to improve students’ understanding of abstract Islamic education materials into more concrete and contextual learning experiences. Technology-based visual media also enhanced students’ engagement, attention, motivation, and active participation during the learning process. Furthermore, the integration of digital technology in Islamic Religious Education supports the creation of more interactive, communicative, and relevant learning environments for the digital generation. However, the implementation of visual communication design still faces several challenges, including limited technological facilities, teachers’ digital competencies, and limited time for developing visual learning media. This study indicates that visual communication design can serve as an effective pedagogical approach in supporting the transformation of Islamic Religious Education learning in the digital era.
References
Ahyani, N., Fitria, H., Lian, B., & Nugroho, H. S. (2024). Pengaruh literasi digital terhadap kinerja guru. EDUSAINTEK: Jurnal Pendidikan, Sains dan Teknologi, 11(3), 1283–1295. https://doi.org/10.47668/edusaintek.v11i3.1283
Ali, I., Nguyen, K., Ali, A. M., & Cui, T. (2025). Human–AI collaboration in knowledge ecosystems: A multidisciplinary review, integrative framework and future directions. Journal of Knowledge Management, 29(3), 1–22. https://doi.org/10.1108/JKM-03-2025-0431
Anggraini, L., & Nathalia, K. (2021). Desain komunikasi visual: Panduan untuk pemula. Nuansa Cendekia.
Arega, N. T., & Hunde, T. S. (2025). Constructivist instructional approaches: A systematic review of evaluation-based evidence for effectiveness. Review of Education, 13(1), Article e70040. https://doi.org/10.1002/rev3.70040
Bahri, S., Muhidin, S., Warta, W., Rahman, M. A., & Hayaturrohman. (2024). Comparative study of levels and curriculum in education systems of Indonesia and Australia. Journal of Instructional and Development Researches, 4(6), 455–466. https://doi.org/10.53621/jider.v4i6.421
Bali, C., Tasdelen, B., Bandi, S., & Zsidó, A. (2026). Understanding the cognitive cost of multimedia learning: Effects of visual load and language proficiency. Cognitive Research: Principles and Implications, 11(1), Article 2. https://doi.org/10.1186/s41235-025-00699-2
Bond, M., Buntins, K., Bedenlier, S., Zawacki-Richter, O., & Kerres, M. (2020). Mapping research in student engagement and educational technology in higher education: A systematic evidence map. International Journal of Educational Technology in Higher Education, 17(2), 1–30. https://doi.org/10.1186/s41239-019-0176-8
Chalim, A., & Prahesti, V. D. (2021). Implementasi desain komunikasi visual dalam pembelajaran Pendidikan Agama Islam pada masa COVID-19. POTENSIA: Jurnal Kependidikan Islam, 7(1), 111–121.
Chung, Y. H., Brady, T. F., & Störmer, V. S. (2024). Meaningfulness and familiarity expand visual working memory capacity. Current Directions in Psychological Science, 33(5), 275–282. https://doi.org/10.1177/09637214241262334
Dirgantini, S. R., Usman, A. T., & Saifullah, I. (2022). Pengaruh media pembelajaran audio visual terhadap motivasi belajar siswa pada mata pelajaran PAI. Geneologi PAI: Jurnal Pendidikan Agama Islam, 9(1), 63–73. https://doi.org/10.32678/geneologipai.v9i1.6235
Firdausy, N. S., & Latif, I. M. (2026). Multimedia interaktif sebagai solusi peningkatan literasi digital dan hasil belajar PAI. Arsy: Jurnal Studi Islam, 10(1), 1–15. https://doi.org/10.32492/arsy.v10i1.10103
Hasanah, F., & Subando, J. (2025). The influence of using the Quizizz application on student engagement in Fiqh subjects at SMA Muhammadiyah 3 Surakarta. Al-Ulum: Jurnal Pendidikan Islam, 6(3), 124–135. https://doi.org/10.56114/al-ulum.v6i3.12475
Hapsari, G. P. P., & Zulherman, Z. (2021). Pengembangan media video animasi berbasis aplikasi Canva untuk meningkatkan motivasi dan prestasi belajar siswa. Jurnal Basicedu, 5(4), 2384–2394. https://doi.org/10.31004/basicedu.v5i4.1237
Ismantara, A. F. A., Bahri, S., & Jali, H. (2025). Implementation of 4C competencies in improving the quality of santri learning in Fiqh learning with the study of the Book of Fathul Qorib at Tapak Sunan Islamic Boarding School. El-Hekam, 10(1), Article 65. https://doi.org/10.31958/jeh.v10i1.15171
Leem, B.-H. (2023). Impact of interactivity on learning outcome in online learning settings: Ordinal logit model. International Journal of Engineering Business Management, 15, Article 18479790231203107. https://doi.org/10.1177/18479790231203107
Lin, M., & Chen, H. (2017). A study of the effects of digital learning on learning motivation and learning outcome. EURASIA Journal of Mathematics, Science and Technology Education, 13(7), 3553–3564. https://doi.org/10.12973/eurasia.2017.00744a
Listya, A. (2018). Konsep dan penggunaan warna dalam infografis. Jurnal Desain, 6(1), Article 10. https://doi.org/10.30998/jurnaldesain.v6i01.2837
Mamis, S., Putra, N. A. S., Yusa, M. M., Aryanto, D., Yasa, N. P. D., Wahidiat, M. P., Novitasari, D., Jayanegara, N., Mutiarani, R. A., Sutarwiyasa, I. K., Yasa, I. W. A. P., Putra, P. S. U., Setiawan, I. K., Anggara, I. G. A. S., Setiawan, I. N. A. F., & Carollina, D. (2023). Desain komunikasi visual (A. Asari, Ed.). Mafy Media Literasi Indonesia.
Maqhfiroh, F., Faizin, M., Yudi, U., & Aziz, Y. (2026). Transformasi pembelajaran Pendidikan Agama Islam dari konvensional menuju interaktif: Studi kasus SMPN. AL-AFKAR: Journal for Islamic Studies, 9(1), 1196–1209.
Mayer, R. E. (2024). The past, present, and future of the Cognitive Theory of Multimedia Learning. Educational Psychology Review, 36(1), Article 8. https://doi.org/10.1007/s10648-023-09842-1
Miles, M. B., Huberman, A. M., & Saldaña, J. (2014). Qualitative data analysis: A methods sourcebook (3rd ed.). Sage Publications.
Moeljadi, P. (2013). Pendekatan estetika pada desain pesan multimedia pembelajaran. Jurnal Elektronik Universitas Negeri Malang, 272–283.
Moleong, L. J. (2017). Metodologi penelitian kualitatif. PT Remaja Rosdakarya.
Pamela, A. W., Aisyah, N., & Ramadinoto, R. D. (2025). Penerapan prinsip desain komunikasi visual dalam pelatihan pembuatan infografis dengan Canva bagi guru PAUD Dadali. Indonesian Journal for Social Responsibility, 7(2), 210–221. https://doi.org/10.36782/ijsr.v7i02.524
Prameswara, A. Y., & X, I. P. (2023). Upaya meningkatkan keaktifan dan hasil belajar siswa Kelas 4 SDK Wignya Mandala melalui pembelajaran kooperatif. SAPA: Jurnal Kateketik dan Pastoral, 8(1), 1–9. https://doi.org/10.53544/sapa.v8i1.327
Putri, R. M. (2023). Need analysis of developing digital teaching materials to improve 21st century skills. JIPI (Jurnal IPA dan Pembelajaran IPA), 7(2), 108–117. https://doi.org/10.24815/jipi.v7i2.29797
Ramadhan, O. M., & Tarsono, T. (2020). Efektifitas pembelajaran sejarah kebudayaan Islam melalui Google Classroom ditinjau dari hasil belajar siswa. JINoP (Jurnal Inovasi Pembelajaran), 6(2), 135–144. https://doi.org/10.22219/jinop.v6i2.12927
Rogahang, S. S. N., Santiani, Effendi, Munawar, B., Edriati, S., Santoso, B., Effendi, H., Khairunisa, Y., Zarvianti, E., Rahmawati, S., Kharismawati, I., Riyadi, D. N., Suryadinata, N., Dalu, Z. C. A., Anitasari, M. E., Kholik, A., & Dewa, E. (2024). Media pembelajaran berbasis digital (Sarwandi, Ed.). PT Mifansi Mandiri Digital.
Rohman, W. T., Solehudin, M. S., & Khobir, A. (2023). Tantangan Pendidikan Agama Islam bagi Generasi Z. Gudang Jurnal Multidisiplin Ilmu, 1(6), 204–209.
Sajidan, S., Atmojo, I. R. W., Ardiansyah, R., Chumdari, C., Adi, F. P., & Wulandari, W. (2023). The level of classroom teacher digital literacy in the technology dimension of the Instant Digital Competence Assessment (IDCA). Mimbar Sekolah Dasar, 10(1), 165–180. https://doi.org/10.53400/mimbar-sd.v10i1.55680
She, L., Wang, Z., Tao, X., & Lai, L. (2024). The impact of color cues on the learning performance in video lecture. Behavioral Sciences, 14(7), Article 560. https://doi.org/10.3390/bs14070560
Sugiyono. (2017). Metode penelitian kuantitatif, kualitatif dan R&D. Alfabeta.
Supriyono, R. (2016). Desain komunikasi visual: Teori dan aplikasi. ANDI.
Tondeur, J., van Braak, J., Ertmer, P. A., & Ottenbreit-Leftwich, A. (2017). Understanding the relationship between teachers’ pedagogical beliefs and technology use in education: A systematic review of qualitative evidence. Educational Technology Research and Development, 65(3), 555–575. https://doi.org/10.1007/s11423-016-9481-2
Wang, M., & Degol, J. (2014). Staying engaged: Knowledge and research needs in student engagement. Child Development Perspectives, 8(3), 137–143. https://doi.org/10.1111/cdep.12073
Wijayanti, I. R., Firmansyah, M. I., & Budiyanti, N. (2026). The use of the Course Review Horay learning model with Bingo media to improve students’ understanding of Islamic Religious Education learning materials. Urwatul Wutsqo: Jurnal Studi Kependidikan dan Keislaman, 15(1), 286–311. https://doi.org/10.54437/urwatulwutsqo.v15i01.2862
Yoon, H.-G., Kim, M., & Lee, E. A. (2021). Visual representation construction for collective reasoning in elementary science classroom. Education Sciences, 11(5), Article 246. https://doi.org/10.3390/educsci11050246
Zhiyuan, Z., & Chubotina, I. (2024). The role of interactivity in visual communication design. Art and Design, 3, 156–163. https://doi.org/10.30857/2617-0272.2024.3.13
Zydney, J. M., Warner, Z., & Angelone, L. (2020). Learning through experience: Using design based research to redesign protocols for blended synchronous learning environment. Computers & Education, 143, Article 103678. https://doi.org/10.1016/j.compedu.2019.103678
Copyright (c) 2026 Siti Rozinah, Saiful Bahri, Suci Siti Nurbarkah, Muhammad Yusuf, Nurkholis Mughnie
This work is licensed under a Creative Commons Attribution 4.0 International License.
The BIP is under the Creative Commons Attribution 4.0 International License, according to which:
1) Authors retain copyright with the work simultaneously licensed under the Creative Commons Attribution that allows the sharing of articles published with the acknowledgment of authorship and the initial publication in this journal.
2) The authors are authorized to make additional contracts separately for distribution of the version of the work published in this journal (for example, publication in an institutional repository or as a chapter of the book), as long as there is recognition of authorship and initial publication in this journal.
3) Authors are authorized and encouraged to publish and distribute their work online (for example, in institutional repositories or on their personal pages) at any time before or during the editorial process, as it increases the impact and reference of the published work.
