UGM Revamp - Homepage 🎓

UGM Revamp (2021) ✨

As an alumnus of Indonesia’s top-ranked national university, I had the privilege of redesigning the landing page for Universitas Gadjah Mada’s website. This project went beyond just crafting a landing page—it involved developing a WordPress theme (the CMS powering most of their site) and creating a variety of layouts based on UGM’s latest brand guidelines. Using a block-based system, I designed distinct layouts for each section, though our initial focus was on perfecting the landing page UI.

The goal of this landing page was to highlight student life and campus activities. From events and news to educational insights—like available programs and ongoing research—the design prioritized SEO-friendliness to offer a vibrant snapshot of UGM.

What makes this approach stand out is the flexibility of the block-based system. It allows for easy layout swaps down the line. For instance, the image below showcases three header design variants. Web admins can effortlessly switch between these pre-built presets, adapting the site as needed.