Available for Hire
ZB

Memuat...

Screenshot of Nurul Ulum, Islamic Boarding School Profile
Back
Frontend 2025 Featured

Nurul Ulum, Islamic Boarding School Profile

A modern profile website for Pondok Pesantren Nurul Ulum Kota Malang, covering three branches, nine education units, online admissions, and a student achievement gallery.

About This Project

Nurul Ulum is the official profile website for Pondok Pesantren Nurul Ulum Kota Malang, one of the oldest integrated Islamic education institutions in the city, founded in 1967. The site presents the profiles of three branches (Nurul Ulum 1 Kebonsari, Nurul Ulum 2 Kidul Dalem, Nurul Ulum 3 Kepanjen) and nine education units (Madrasah Diniyah, MTs, MA, TPQ/TPA, Majelis Ta’lim, KBIH, Tahfidzul Quran, and Imanukum), along with an online admissions system for prospective students. Designed with an elegant Islamic character, it includes a hero carousel, a student corner for achievement news, a photo gallery, a contact section with Google Maps, and a donation form. It is fully responsive and optimised for search so prospective students and parents can find it easily.

Tech Stack

CodeIgniter TailwindCSS JavaScript

Challenges

  • Presenting three branches and nine education units without confusing the navigation
  • Creating a design with Islamic character that still reads as modern and professional
  • Optimising performance on a site heavy with images and carousels

Solutions

  • Tiered navigation with a mega menu and section-based scrolling for quick access
  • An earth-tone palette with gold accents and harmonised Arabic and Latin typography
  • Lazy-loaded images, a vanilla JS carousel, and WebP optimisation for fast loading