---
title: "MTS Darussalam Serui"
description: "Case study: the bilingual website for MTS Darussalam Serui, an Islamic junior secondary school (madrasah tsanawiyah) in Serui, Papua."
canonical: "https://goodtogrid.com/work/mts-darussalam-serui"
updated: "2026-10-27"
---

# MTS Darussalam Serui

> Case study: the bilingual website for MTS Darussalam Serui, an Islamic junior secondary school (madrasah tsanawiyah) in Serui, Papua.

URL: https://goodtogrid.com/work/mts-darussalam-serui · Client project · Education · Website · 2026 · Published: 2026-10-27 · Updated: 2026-10-27 · By goodtogrid studio

A madrasah founded in 1985 on the island of Yapen, with its curriculum, clubs, alumni and news on one bilingual site.

## Challenge

MTS Darussalam Serui is a madrasah tsanawiyah, an Islamic junior secondary school (the equivalent of grades 7 to 9), founded in 1985 in Serui, Kabupaten Kepulauan Yapen, Papua. Each audience needs something different from it. Parents weighing a school want the curriculum, the clubs, the fees and how to enrol. Students want their subjects and schedules. Former students want a way to stay in touch, and the community wants the news. The site had to carry the school's character (an Islamic education alongside the national curriculum), work in Indonesian and English, and give the school a way to rebuild its alumni network.

## Solution

The site pairs a white page with one deep green, Merriweather headings over DM Sans, square-cornered buttons and cards, and faint grid ornaments in the corners, in the green of the madrasah's logo. The homepage previews every part of the school: its promise, its founding in 1985 and three strengths, featured subjects beside an admissions panel for 2026/2027, the clubs, alumni stories, five common questions, an invitation to enrol, the latest news and a footer with a newsletter sign-up and the school's contact details. Each preview leads to a page of its own. Tentang holds the school's identity, vision, five-point mission, history and curriculum (Kurikulum Merdeka). Mata Pelajaran lists every subject for Kelas VII to IX by semester, filtered as general, religious or local content. Ekstrakulikuler filters the clubs by category, each with its schedule and coach. Alumni is a registration form in four parts, whose further-study questions appear only for those who continued their education. Berita is the news archive, with a table of contents that stays beside each article. A flag menu in the header switches the whole site to English.

## Technology

The site is a set of pages with images in AVIF, Merriweather and DM Sans as web fonts, and an English version under /en. It runs on a staging host, mts.bahrul.me, while the school's own domain, mtsdarussalamserui.sch.id, is set up. [To confirm: framework, hosting, and where the alumni form and newsletter sign-ups are stored.]

## Result

The MTS Darussalam Serui website, with web development and UI/UX design by goodtogrid, gives a madrasah in Papua a full bilingual presence: its profile, curriculum by grade, clubs, alumni registration and news. [To confirm: goodtogrid's scope on the MTS Darussalam Serui site.] Mata Pelajaran lists every subject for Kelas VII to IX by semester, Ekstrakulikuler filters the clubs by category, and a flag menu in the header switches the whole site to English. It is in development on a staging host, and some content is still being gathered: the profile's NPSN and accreditation, the clubs' coaches, several subject descriptions and the rest of the school's history are placeholders, the profile video does not play yet, and the news cards and admissions panel wait for their photos. [To confirm: launch date on mtsdarussalamserui.sch.id and the final content.]

- In development at mts.bahrul.me
- Six pages behind the homepage, in Indonesian and English
- Subjects for three grades and two semesters, filterable by type
- An alumni registration form in four parts
- [To confirm] Production launch at mtsdarussalamserui.sch.id

Status as of October 2026.

## Project facts

- **Client:** MTS Darussalam Serui
- **Services:** Web · UI/UX
- **Live:** [mts.bahrul.me](https://mts.bahrul.me)
- **Type:** Client project
- **Industry:** Education
- **Platform:** Website
- **Year:** 2026