Back Gerbang Semar, MAN 1 Kota Malang
A unified digital service portal for MAN 1 Kota Malang, offering fast access to more than nineteen school services from diploma legalisation to complaints and academics, with inclusive accessibility features.
About This Project
Gerbang Semar is a digital service portal built for Madrasah Aliyah Negeri 1 Kota Malang, one of the leading madrasahs in East Java. The platform gathers every school service behind a single elegant, easy-to-use entrance. There are three main service categories: PTSP (thirteen services including online diploma legalisation, PMBM, and incoming mail applications), Complaints and Information (Sukasam, PPID, and the public complaints and whistleblowing system), and Academics (CAT, DIGILAB, and Digital Books). What makes this portal distinctive is its inclusive accessibility features, where visitors can adjust text size, contrast, and line spacing so everyone can use the services comfortably. It is designed mobile-first as a progressive web app for solid performance on any device.
Tech Stack
Challenges
- Designing a portal architecture that holds more than nineteen services behind intuitive navigation
- Implementing inclusive accessibility features (text scaling, high contrast, line spacing) without compromising the design
- Bringing a mix of online and offline services together into one coherent interface
Solutions
- A card grid layout with clear service categorisation and strong visual hierarchy
- A custom accessibility panel using CSS variables for real-time font scaling and contrast adjustment
- A progressive disclosure pattern where visitors see a service summary first and details only when needed