User Interface Innovation Using WordPress And Elementor For Primary School Website Development
Inovasi Antarmuka Pengguna Menggunakan WordPress Dan Elementor Untuk Pengembangan Website Sekolah Dasar
DOI:
https://doi.org/10.21070/pels.v10i1.1825Keywords:
UI/UX,, WordPress,, Elementor,, Next Gen Gallery,, Grid Layout,, Adobe XD,, Web Responsif,, Navigasi,, Pengalaman Pengguna,, SD Muhammadiyah 1 Sidoarjo.Abstract
Web SD Muhammadiyah 1 Sidoarjo is in need of a better user interface. The team is using WordPress and Elementor plugin to revamp the main sections of the site. They are focusing on elements such as core values, facilities, vision-mission pages, and extracurricular activities. The goal of this article is to create a dynamic, responsive, and easily manageable user interface that allows users to access school information more efficiently. The team is also using the Next Gen Gallery plugin to interactively manage and display student learning outcomes. These changes aim to enhance navigation, increase interactivity, and improve the site's appearance. Ultimately, this enhances the user experience and overall operation of the school website. The article showcases the use of grid position displays and main menus on desktop computers, tablets, and mobile phones using Adobe XD. It demonstrates how Elementor is used to create web pages with columns and rows that mimic layout positions. Additionally, screenshots from the WordPress backend will be used to show editable areas. Remote testers will receive questionnaires regarding grid position layouts and specific element locations.
Downloads
References
O. S. Hidayat, “Pengembangan Konten E-Learning Motion Graphic dan Website WordPress pada Pembelajaran Warga di Sekolah Dasar.”
“Building a Secure WordPress Website with Plugins,” 2019.
N. R. Wiwesa, “User Interface dan User Experience untuk Mengelola Kepuasan Pelanggan.”
“Perancangan User Interface (UI) dan User Experience (UX) Aplikasi Pendistribusian Alat-Alat Kesehatan pada Perusahaan PT. Rekamileniumindo Selaras Jakarta Barat.”
Z. Rahmah, “Perancangan Website Eduji Menggunakan CMS WordPress,” Dec. 30, 2022.
S. Harageones, “UX/UI Research—Applied Strategies for Building a Custom WordPress Theme Using Underscores and Elementor,” Lindenwood University, Dec. 2022. [Online]. Available: https://digitalcommons.lindenwood.edu/cgi/viewcontent.cgi?article=1302&context=theses
“UI/UX Design of Educational Online Courses,” Mar. 21, 2022.
H. S. Joo, “A Study on UI/UX and Understanding of Computer Major Students,” Dec. 31, 2017.
H. T. Yasmine and W. T. Atmojo, “UI/UX Design for Tourism Village Website Using the User Centered Design Method,” Dec. 2, 2022.
D. S. Bila and D. R. Indah, “Perancangan Ulang UI-UX Desain Website BKKBN Provinsi Sumatera Selatan dengan Metode Design Thinking,” Jun. 6, 2023.
S. Umaroh, N. Fitrianti, A. Rahayu, and K. R. Putra, “Design Thinking and Cognitive Walkthrough for Website User Experience Improvement,” Jurnal Nasional Teknologi dan Sistem Informasi, vol. 10, no. 3, pp. 174–181, 2024, doi: 10.25077/TEKNOSI.v10i3.2024.174-181.
M. Hudha and K. Haryono, “Perancangan Desain UI/UX Website E-Learning Berbasis Learning Management System dengan Metode Design Thinking,” Jurnal Indonesia: Manajemen Informatika dan Komunikasi, vol. 6, no. 1, pp. 598–609, 2025, doi: 10.35870/jimik.v6i1.1252.
A. A. Alatas and S. Kusumadewi, “Desain Ulang Website Lumiere Menggunakan Metode User Centered Design (UCD),” Jurnal Sains, Nalar, dan Aplikasi Teknologi Informasi, vol. 4, no. 2, pp. 173–181, 2025, doi: 10.20885/snati.v4.i2.40640.
G. N. Tamma, I. Iftadi, and R. D. Astuti, “Design Thinking Implementation for User Experience Improvement of UNS Graduation Website: A Case Study,” Jurnal Sistem Teknik Industri, vol. 27, no. 3, pp. 162–175, 2025, doi: 10.32734/jsti.v27i3.19980.
A. Hudzaifah and R. Maulana, “Penerapan UI/UX Design pada Website Pet Care Berbasis Metode Design Thinking,” Jurnal Informatika Terpadu, vol. 11, no. 1, pp. 72–77, 2025, doi: 10.54914/jit.v11i1.1771.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 M. Aufa Izul Haq, Ika Ratna Indra Astutik
This work is licensed under a Creative Commons Attribution 4.0 International License.
