PPSMB 2021

PPSMB is the university-wide orientation program at Gadjah Mada University, and in 2021 I worked on the official web platform that introduced thousands of incoming students to campus life. It was a high-traffic, time-boxed site — it had to hold up during the orientation peak when every new student was on it at once, and it had to be ready on day one.

I built parts of the central information hub and the course-material portals in Next.js, which handled the load reliably. My flagship contribution was “Kembara Loka” (roughly “wandering place”), an interactive 3D campus map rendered natively in the browser with Three.js. Freshmen could explore the campus in 3D and find the buildings and locations they'd need during orientation, which made the onboarding experience far less disorienting.

How it worked

• Platform — Next.js serving both the information hub and the portals for course materials.
• Kembara Loka — Three.js rendering an explorable 3D campus that doubled as a wayfinding tool.
• Design collaboration — I worked closely with the design team, translating Figma UI/UX prototypes into responsive, functional code.
• Content — Prismic managed the dynamic content, so orientation staff could update information without engineering involvement.

It was a lesson in building for a real, time-boxed event: the site had to be correct and fast on day one, because orientation doesn't wait.