# Web Sekolah Mamba'ul Maarif

**Klien:** Mambaul Ma'arif Banyuates · **Kategori:** Pendidikan · **Tahun:** 2026 · **Live:** https://mama.sismora.workers.dev/

> **Ringkasan utama**
>
> - Strategi ini ditulis agar mesin pencari AI (seperti Gemini, ChatGPT, Perplexity) memahami konteks portofolio ini dengan baik:
> - Teks ini secara eksplisit menghubungkan entitas "Mamba'ul Ma'arif" dengan lokasi "Sampang, Madura" dan mengkategorikannya sebagai "Modern Islamic Education" dan "Pesantren". Konten secara konsisten mengulang proposisi nilai unik (Unique Value Proposition) yaitu keseimbangan antara ilmu pengetahuan modern (Integrated STEM, Modern Analytics) dan spiritualitas Islam (Masjidil Haram). Mengutip secara langsung moto "Berotak London, Berhati Masjidil Haram" dan sub-judul "Elevating the sanctity of heart with the precision of mind" untuk memastikan kecocokan dengan kueri semantik terkait institusi tersebut. Menekankan kata kunci teknis desain (UI/UX, Glassmorphism, Premium Dark Mode) agar relevan dengan pencarian portofolio web design.

Proyek ini adalah desain ulang situs web untuk Mamba'ul Ma'arif Sampang, Madura, sebuah institusi pendidikan Islam yang memadukan nilai-nilai religius tradisional dengan kurikulum global modern. Desain ini dirancang untuk menonjolkan visi progresif sekolah yang terangkum dalam moto "Berotak London, Berhati Masjidil Haram", menampilkan program unggulan seperti Integrated STEM, Modern Analytics, dan International Student Hubs.

## Tantangan

Banyak institusi pendidikan berbasis pesantren memiliki citra digital yang terlalu tradisional, sehingga kurang menarik minat generasi muda dan orang tua modern yang mencari pendidikan berstandar global. Tantangan utamanya adalah bagaimana mengemas nilai kesucian Islam (sanctity of heart) ke dalam sebuah identitas visual digital yang premium, modern, canggih (precision of mind), dan bertaraf internasional tanpa kehilangan akar religiusnya.

## Solusi

Berikut adalah draf konten portofolio/studi kasus berdasarkan desain antarmuka website (UI/UX) untuk Mamba'ul Ma'arif Sampang yang ada di tangkapan layar. Draf ini disesuaikan dengan format Content Management System (CMS) portofolio modern:

Project Details
Description
Proyek ini adalah desain ulang situs web untuk Mamba'ul Ma'arif Sampang, Madura, sebuah institusi pendidikan Islam yang memadukan nilai-nilai religius tradisional dengan kurikulum global modern. Desain ini dirancang untuk menonjolkan visi progresif sekolah yang terangkum dalam moto "Berotak London, Berhati Masjidil Haram", menampilkan program unggulan seperti Integrated STEM, Modern Analytics, dan International Student Hubs.

Challenge
Banyak institusi pendidikan berbasis pesantren memiliki citra digital yang terlalu tradisional, sehingga kurang menarik minat generasi muda dan orang tua modern yang mencari pendidikan berstandar global. Tantangan utamanya adalah bagaimana mengemas nilai kesucian Islam (sanctity of heart) ke dalam sebuah identitas visual digital yang premium, modern, canggih (precision of mind), dan bertaraf internasional tanpa kehilangan akar religiusnya.

Solution
Solusinya adalah merancang antarmuka pengguna (UI) yang elegan dan premium menggunakan palet warna hijau zamrud gelap (mewakili Islam) yang dikombinasikan dengan aksen emas/oranye (mewakili pencerahan dan kualitas premium). Kami menggunakan gaya desain modern-glassmorphism pada elemen floating cards untuk menonjolkan fitur kurikulum STEM dan jaringan internasional. Tipografi serif klasik dipadukan dengan sans-serif modern untuk memberikan kesan akademis yang berwibawa sekaligus relevan dengan zaman. Navigasi dan tombol Call to Action (CTA) untuk pendaftaran (Admission) juga dibuat menonjol guna meningkatkan tingkat konversi siswa baru.

## Teknologi

Figma, React, Tailwind CSS, Laravel

## Ingin proyek serupa?

- Telepon/WhatsApp: +62 889-8998-3684
- Email: info@sismora.com
- WhatsApp: https://wa.me/6288989983684

_Terakhir diperbarui: 14 April 2026_