Redesign of User Interface and Experience with Brand Identity Enhancement for the STMKG Website through WordPress Implementation
DOI:
https://doi.org/10.63581/JoCPES.v5i1.15Keywords:
WordPress, WordPress, Website Redesign, Website Redesign, Institutional Branding, Institutional Brand Imaging, UI/UX, UI/UX, Elementor, Elementor, Digital Transformation, Digital Transformation, Academic Web Development, Academic Web DevelopmentAbstract
This paper presents the redesign, rebuild, and rebranding of the official website of Sekolah Tinggi Meteorologi Klimatologi dan Geofisika (STMKG) using the WordPress content management system. The project aimed to modernize the institution’s digital presence by enhancing layout consistency, mobile responsiveness, and brand identity. A content audit was conducted to reorganize fragmented navigation and outdated information. The entire development was executed directly within WordPress using Elementor, enabling rapid prototyping without external wireframing tools. Key improvements include structured program sections, a modern news layout, and a standardized footer, all designed in line with STMKG’s visual identity. Performance optimization—though not the primary focus—involved basic caching, compression, and lazy loading, with assessments via GTmetrix indicating areas for future improvement. The project, completed by a sixth-semester cadet, highlights the feasibility of student-led web transformation initiatives within academic institutions. Positive stakeholder feedback confirmed improvements in usability, clarity, and institutional credibility. This work demonstrates the practical application of accessible web technologies to deliver scalable, branded, and user-centered digital solutions in educational settings.
References
M. Manzoor, W. Hussain, A. Ahmed, and M. Iqbal, “The importance of Higher Education Website and its Usability,” Int. J. Basic Appl. Sci., vol. 1, pp. 150–163, 2012, doi: 10.14419/IJBAS.V1I2.73.
O. Halytskyi, I. Kucherenko, and P. Mykytenko, “The Website of the Higher Education Institution and Its Importance in the Information and Educational Environment,” Educ. Discourse Collect. Sci. Pap., 2023, doi: 10.33930/ed.2019.5007.43(1-3)-9.
K. Jordan, “Degrees of Intrusion? A Survey of Cookies Used by UK Higher Education Institutional Websites and Their Implications,” 2018, doi: 10.2139/ssrn.3142312.
C. C. Kiptoo, “Technical, Usability, Content and Other factors (TUCO) Framework for website upgrade in Higher Education Institution,” East African J. Inf. Technol., 2022, doi: 10.37284/eajit.5.1.553.
H. Yang, N. Yao, and P. Chen, “A Preliminary Look at the Development on Websites of Higher Education Institutions,” pp. 414–429, 2012, doi: 10.4018/978-1-60960-762-3.CH022.
P. Lažetić, “Studying similarities and differences in higher education organisations based on their websites – comparative methodological approaches and research potential,” Int. J. Soc. Res. Methodol., vol. 23, pp. 75–90, 2019, doi: 10.1080/13645579.2019.1672286.
C. Hilk, N. Nelson, and V. Chepp, “Using WordPress Web Portfolios to Demonstrate Learning: From First Year to Capstone,” 2016. [Online]. Available: https://consensus.app/papers/using-wordpress-web-portfolios-to-demonstrate-learning-hilk-nelson/005a143921cc5c9ab98ab87268c8806e/
C. Gilbert, “Learning from libraries that use WordPress: content-management system best practices and case studies,” Aust. Libr. J., vol. 62, p. 241, 2013, doi: 10.1080/00049670.2013.811767.
S. Johnson, E. Mann, A. Marshall, N. Rupp, and S. Wagner, “A balancing act: finding harmony between institutional needs and user feedback during a website redesign,” Public Serv. Q., vol. 17, pp. 122–128, 2021, doi: 10.1080/15228959.2021.1879708.
A. Kaaliq, M. Iqbal, A. Info, and A. Khaliq, “Designing a Master of Accounting Study Program Profile Website Using the Wordpress Content Management System,” Int. J. Comput. Sci. Math. Eng., 2023, doi: 10.61306/ijecom.v2i2.28.
N. Nahlah and M. R. Djalal, “CMS Wordpress Based Academic Information System Design at SMPN 17 Marusu,” INTEK J. Penelit., 2022, doi: 10.31963/intek.v9i1.3383.
A. Miklošík, N. Evans, and I. Hlavatý, “Communicating knowledge-focus through websites of higher education institutions,” J. Inf. Sci., vol. 49, pp. 666–684, 2021, doi: 10.1177/01655515211014475.
Y. Farmana and M. Yasin, “Development Of Web-Based English Learning Media Using Content Management System (Word Press) And Elementor Plugin,” Int. J. Educ. Res. & Soc. Sci., 2022, doi: 10.51601/ijersc.v3i6.541.
Downloads
Published
Data Availability Statement
A final version of the redesigned STMKG official website is publicly accessible at https://stmkg.ac.id.
Issue
Section
License
Copyright (c) 2025 Journal of Computation Physics and Earth Science (JoCPES)
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Copyright and License
Copyright © The Author(s). Authors retain copyright and full publishing rights to their work. Publication in the Journal of Computation Physics and Earth Science (JoCPES) does not transfer copyright to the journal or publisher. Authors grant JoCPES a non-exclusive right of first publication.
All articles published by JoCPES are licensed under the Creative Commons Attribution-ShareAlike 4.0 International License (CC BY-SA 4.0).
Under this license, users are permitted to share, copy, redistribute, adapt, remix, transform, and build upon the published material for any purpose, including commercial use, provided that appropriate credit is given to the original author(s) and source, a link to the license is provided, and any changes made are indicated.
If the material is remixed, transformed, or built upon, the resulting work must be distributed under the same CC BY-SA 4.0 license. No additional legal terms or technological measures may be applied that restrict others from exercising the rights permitted by the license.
For complete license terms, please refer to the Creative Commons Attribution-ShareAlike 4.0 International License:
https://creativecommons.org/licenses/by-sa/4.0/
