Lewati ke konten utama
Project

HISMA Digital Platform

From Pesantren Profile to an Integrated Santri Lifecycle Operating System

Ayub Camp · HISMA Digital Platform · Klaten

HISMA adalah pesantren Islam berbasis vokasi yang berjalan di Ayub Camp, Klaten.

Bukan sekadar website profil pesantren, tetapi satu sistem operasi digital yang menghubungkan seluruh perjalanan santri, dari calon santri yang baru mengenal HISMA, pendaftaran, pre-interview, keputusan admission, onboarding, LMS, ujian, mutabaah harian, hingga monitoring ustadz dan orang tua.

HISMA Digital Platform Ayub Camp menampilkan screenshot utama

The Business Context

Konteks Bisnis

HISMA adalah pesantren Islam berbasis vokasi yang berjalan di bawah Ayub Camp di Klaten.

Sebagai pesantren vokasi, HISMA tidak hanya mengajarkan pendidikan Islam, tetapi juga membekali santri dengan keterampilan yang dapat mereka gunakan setelah keluar dari pesantren.

Kebutuhan digital HISMA tidak berhenti pada website profil. Pesantren membutuhkan sistem yang dapat mengelola seluruh perjalanan santri, dari calon santri yang pertama kali mengenal HISMA, hingga santri yang sudah aktif belajar dan dibimbing oleh ustadz.

Pertanyaannya kemudian bukan lagi sekadar bagaimana membuat website pesantren.

Pertanyaannya:

Bagaimana pendaftaran bisa self-service?

Bagaimana pre-interview bisa dikonfigurasi tanpa hardcode?

Bagaimana pengurus bisa mengelola keputusan admission dengan jelas?

Bagaimana santri belajar, ujian, dan mengisi mutabaah dalam satu sistem?

Dan bagaimana ustadz serta orang tua bisa memantau perkembangan santri tanpa harus bertanya manual?

The Problem

Apa yang Sebelumnya Sulit Dilakukan

Pengelolaan pesantren sebelumnya tersebar di banyak channel. Pendaftaran lewat WhatsApp dan formulir manual, pre-interview tidak terstandar, keputusan admission tidak terdokumentasi dengan jelas, materi pembelajaran tersebar di file dan grup, ujian masih paper-based, mutabaah harian dikumpulkan manual, dan orang tua tidak memiliki visibilitas perkembangan anak. Tidak ada satu tempat yang menunjukkan kondisi santri secara utuh.

The Approach

Bagaimana Problem Dimodelkan

Kami membangun HISMA bukan sebagai kumpulan halaman terpisah, tetapi sebagai satu sistem operasi digital yang menghubungkan seluruh santri lifecycle.

Setiap peran, public visitor, applicant, parent, santri, ustadz, dan pengurus, memiliki akses dan visibilitas yang sesuai dengan perannya. Setiap modul, registration, admission, LMS, exam, mutabaah, monitoring, dirancang sebagai bagian dari satu loop operasional yang utuh, bukan sebagai fitur berdiri sendiri.

Platform ini dikembangkan dengan custom application architecture di atas Laravel, bukan CMS generik, sehingga kontrol penuh atas role boundaries, data santri, workflow admission, dan arsitektur mutabaah dapat dijaga sesuai kebutuhan pesantren.

What We Built

Yang Dibangun

Sistem operasi digital terintegrasi untuk pesantren vokasi yang menyatukan public presence, self-service registration, configurable pre-interview, admission management, santri onboarding, LMS, online examination, mutabaah yaumiyah, monitoring ustadz, dan monitoring orang tua dalam satu ekosistem yang koheren.

Hero HISMA menampilkan visual identitas pesantren vokasi di Ayub Camp Klaten

HISMA hero

Homepage panjang HISMA menampilkan profil pesantren berbasis vokasi di Ayub Camp Klaten

Public homepage

Outcome / Capability

Hasil dan Capability

Key Capabilities

  • Long-form public homepage with registration CTA
  • Self-service registration for santri or parent
  • Configurable pre-interview question bank
  • Admission management with accept, reject, accept with notes
  • Email notification with WhatsApp-ready architecture
  • Santri onboarding with preserved admission history
  • Santri dashboard answering what to do today
  • LMS with configurable subjects and multiple material formats
  • Online paperless examination with extensible question types
  • Exam arena with schedule, duration, and submission
  • Mutabaah Yaumiyah with ibadah, jurnal, and Al-Qur an sections
  • Draft and final submission with configurable scoring
  • Weekly leaderboard as supporting mechanism
  • Ustadz monitoring dashboard focused on who needs attention
  • Individual santri integrated profile
  • Parent dashboard with filtered visibility
  • Server-side role-based access control
  • Mobile-first responsive experience
  • Discovery

    Before Building the System, We Mapped the Santri Lifecycle

    Project ini tidak dimulai dari pertanyaan, halaman apa yang harus dibuat?

    Kami mulai dari memetakan perjalanan santri secara utuh.

    Calon santri atau orang tua mengenal HISMA.

    Mereka mendaftar.

    Mereka menjawab pre-interview.

    Pengurus mereview dan memutuskan.

    Santri yang diterima masuk ke onboarding.

    Santri belajar melalui LMS.

    Santri mengikuti ujian.

    Santri mengisi mutabaah setiap hari.

    Ustadz memantau perkembangan.

    Orang tua memantau perkembangan.

    Dari pemetaan ini, terlihat bahwa HISMA bukan membutuhkan website, tetapi membutuhkan satu sistem operasi digital yang menyatukan seluruh perjalanan tersebut.

    Proses discovery dan penyelarasan kebutuhan dilakukan melalui pendekatan Deep Talk.

    The Reframe

    From Pesantren Profile to Santri Operating System

    A Pesantren Is Not a Company Profile. It Is a Living Ecosystem.

    Awalnya kebutuhan terlihat seperti website pesantren biasa.

    Tetapi setelah lifecycle dipetakan, ternyata HISMA membutuhkan lebih dari sekadar halaman informasi.

    HISMA membutuhkan registration, pre-interview, admission, onboarding, LMS, exam, mutabaah, monitoring ustadz, dan monitoring orang tua, semuanya dalam satu ekosistem yang koheren.

    Ini adalah reframe yang mengubah arah project. Bukan sekadar menampilkan profil pesantren, tetapi mengoperasikan seluruh perjalanan santri secara digital.

    Public Presence

    A Homepage That Communicates the HISMA Model

    Homepage HISMA dirancang sebagai pintu masuk utama bagi calon santri dan orang tua.

    Homepage menjelaskan apa itu HISMA, konsep pendidikan vokasi, orientasi Islamic education, aktivitas, lingkungan belajar, fasilitas, pengalaman santri, cara pendaftaran, dan alasan mengapa orang tua perlu memahami model HISMA.

    Homepage memiliki registration CTA yang jelas dan kuat, bukan sekadar informasi pasif.

    Homepage terasa seperti ekosistem pendidikan pesantren, bukan landing page korporat generik.

    Homepage panjang HISMA menampilkan profil pesantren berbasis vokasi di Ayub Camp Klaten

    HISMA long-form public homepage

    Self-Service Registration

    Calon Santri atau Orang tua, Keduanya Bisa Memulai

    Sistem pendaftaran HISMA bersifat self-service.

    Pendaftaran bisa dimulai oleh calon santri sendiri, atau oleh orang tua atau wali santri.

    Sistem tidak mengasumsikan bahwa pendaftaran selalu dilakukan oleh orang tua.

    Formulir mengumpulkan identitas applicant, siapa yang mendaftar, kontak santri, kontak orang tua atau wali, email, WhatsApp, latar belakang pendidikan, dan data admission lain yang relevan.

    Field mengikuti kebutuhan admission yang sudah berjalan, tanpa field yang tidak perlu.

    Halaman pendaftaran HISMA menampilkan formulir self-service untuk calon santri dan orang tua

    Self-service registration page

    Configurable Pre-Interview

    Soal Pre-Interview Tidak Dihardcode

    Setelah pendaftaran, applicant bisa diminta menjawab pre-interview questions.

    Pertanyaan pre-interview tidak dihardcode ke dalam kode aplikasi.

    Pengurus bisa mengkonfigurasi question bank dari dashboard.

    Sistem mendukung tipe pertanyaan text, long text, multiple choice, single choice, yes or no, dan format terstruktur lain yang sesuai.

    Pertanyaan dapat di-assign ke admission process tertentu.

    Arsitektur dirancang agar bisa diperluas di masa depan tanpa harus mendesain ulang sistem registration.

    Sistem juga secara konseptual mendukung interview tambahan dan assessment tambahan seperti hafalan, tanya jawab fiqh, atau interview via Zoom, dengan pengelolaan status dan hasilnya, tanpa overbuild integrasi Zoom di tahap MVP.

    Halaman pre-interview HISMA menampilkan soal pretest yang dapat dikonfigurasi pengurus

    Configurable pre-interview questions

    Admission Management

    Pengurus Mereview, Memutuskan, dan Mencatat

    Pengurus memiliki antarmuka admission management yang dedicated.

    Dashboard memungkinkan pengurus untuk melihat incoming applications, mencari applicant, memfilter, membuka detail applicant, mereview data registration, mereview jawaban pre-interview, mencatat internal notes, mereview status interview atau assessment tambahan, dan membuat keputusan admission secara eksplisit.

    Keputusan yang didukung meliputi accept, reject, dan accept with notes.

    Status aplikasi mengikuti state machine yang jelas, dari submitted, under review, interview required, assessment required, hingga accepted, accepted with notes, atau rejected.

    Halaman manajemen pendaftaran santri HISMA menampilkan proses review dan keputusan admission pengurus

    Admission management dashboard

    Admission Notification

    Keputusan Dikomunikasikan Secara Otomatis

    Ketika keputusan admission dibuat, sistem mencatat decision dan mengirim notifikasi ke kontak yang sesuai.

    Untuk accepted with notes, notifikasi menyertakan catatan yang relevan.

    Penerima notifikasi bisa santri atau orang tua, tergantung siapa yang mendaftar dan kontak mana yang tersedia.

    Channel awal adalah email. Arsitektur notifikasi dirancang sebagai sistem reusable berbasis event, sehingga WhatsApp dan channel lain dapat ditambahkan kemudian tanpa harus menulis ulang logika admission.

    Santri Onboarding

    Applicant Menjadi Santri, Tanpa Kehilangan History

    Admission History Tetap Terjaga

    Setelah diterima, applicant menjadi santri di dalam sistem.

    Sistem mendukung account activation dan onboarding santri.

    Penting bahwa data applicant tidak dihancurkan ketika applicant berubah menjadi santri.

    Admission history tetap terjaga, sehingga pengurus dan ustadz dapat melihat konteks awal santri, jawaban pre-interview, dan keputusan admission yang membawa santri masuk ke HISMA.

    Santri Dashboard

    What Do I Need to Know and Do Today?

    Santri yang sudah onboard mendapatkan akses ke santri dashboard.

    Dashboard tidak menjadi generic admin dashboard.

    Dashboard dirancang untuk menjawab satu pertanyaan utama santri, apa yang perlu aku ketahui dan lakukan hari ini?

    Santri bisa mengakses LMS, ujian, mutabaah yaumiyah, aktivitas yang relevan, dan informasi pembelajaran pribadi dari satu tempat.

    Dashboard santri HISMA menampilkan ringkasan aktivitas harian, LMS, ujian, dan mutabaah

    Santri dashboard

    LMS

    Mata Pelajaran yang Dapat Dikonfigurasi, Bukan Dihardcode

    HISMA memiliki LMS untuk pembelajaran mandiri.

    Ustadz dapat memberikan materi pembelajaran dalam bentuk video, PDF, artikel, dan sumber belajar lain yang sesuai.

    Mata pelajaran tidak dihardcode. Fiqh bukan satu-satunya subject. Arsitektur mendukung configurable subjects, termasuk Fiqh, Al-Qur'an, Islamic studies lain, mata pelajaran vokasi, dan mata pelajaran kurikulum HISMA lainnya.

    Hierarki yang digunakan adalah Course atau Mata Pelajaran, Chapter atau Topic, Material, Learning activity, dan optional assessment.

    Sistem dirancang agar dapat diperluas tanpa mengubah core data model.

    Tampilan LMS HISMA dari sisi santri menampilkan daftar mata pelajaran dan materi pembelajaran

    LMS view as santri

    LMS Material

    Materi Belajar dalam Berbagai Format

    Santri mengakses materi pembelajaran melalui LMS.

    Materi dapat berupa video, PDF, artikel, atau learning resource lain yang sesuai.

    Setiap materi berada dalam chapter atau topic yang terorganisir, sehingga santri dapat mengikuti urutan pembelajaran dengan jelas.

    LMS dirancang mobile-first karena santri kemungkinan besar mengakses materi terutama melalui perangkat mobile.

    Tampilan materi LMS HISMA menampilkan konten pembelajaran santri dalam format yang terstruktur

    LMS material view

    Online Examination

    Ujian Paperless untuk Santri

    Ustadz dapat membuat ujian online.

    Sistem ujian bersifat paperless.

    Santri mengakses ujian dari santri area.

    Sistem mendukung exam title, description, subject, questions, question type, answer options, correct answer, exam schedule, duration, attempt rules, submission, score, dan result.

    Arsitektur dirancang agar tipe pertanyaan tambahan dapat ditambahkan kemudian tanpa harus mendesain ulang sistem ujian.

    Fokus MVP adalah reliable paperless examination workflow, bukan anti-cheating yang overengineered.

    Ujian santri HISMA paperless menampilkan soal ujian online dan interface pengerjaan

    Online examination, paperless

    Exam Arena

    Satu Tempat untuk Seluruh Ujian

    Santri mengakses seluruh ujian dari exam arena.

    Exam arena menampilkan ujian yang tersedia, jadwal, durasi, dan status pengerjaan.

    Santri dapat masuk ke ujian sesuai jadwal, mengerjakan dalam batas durasi, submit jawaban, dan melihat hasil.

    Experience dirancang agar usable di mobile, karena santri tidak selalu mengerjakan ujian dari desktop.

    Arena ujian santri HISMA menampilkan daftar ujian yang tersedia, jadwal, dan status pengerjaan

    Exam arena for santri

    Mutabaah Yaumiyah

    Laporan Harian yang Tidak Disederhanakan Jadi Checklist Generik

    Mutabaah Yaumiyah adalah salah satu modul operasional inti HISMA.

    Form mutabaah sengaja dibuat detail dan tidak disederhanakan menjadi generic daily checklist.

    Prinsip intinya, pengisian aktif sepanjang hari ini, lapor sebelum pergantian hari.

    Santri bisa save draft, lanjutkan nanti, submit final report, dan melihat progress pribadi yang relevan.

    Setelah submission, sistem menampilkan confirmation state yang sesuai, misalnya Alhamdulillah, mutabaah hari ini sudah tersimpan, terus istiqomah mengisi ya.

    Sistem dapat menghitung daily score, streak, record, total reports, dan weekly ranking, tetapi score calculation tetap configurable dan tidak dihardcode ke UI.

    Form mutabaah yaumiyah HISMA dari sisi santri menampilkan section ibadah, jurnal harian, dan laporan Al-Qur an

    Mutabaah Yaumiyah form as santri

    Mutabaah Data Structure

    Tiga Section yang Membentuk Laporan Harian

    Mutabaah terdiri dari tiga section utama.

    Section I, Ibadah dan Personal, mencakup bangun tidur, merapikan tempat tidur, doa bangun pagi, qiyamul lail, rakaat tahajjud, rakaat witir, kualitas sholat wajib untuk Subuh, Dzuhur, Ashar, Maghrib, dan Isya, sunnah qobliyah dan ba diyah, jam tidur malam, dzikir pagi, mandi pagi, sholat dhuha, qailullah, dzikir sore, kultum, tugas adzan, sedekah, dan komunikasi dengan orang tua.

    Beberapa data seperti jam tidur malam secara eksplisit hanya untuk internal coaching ustadz dan tidak muncul di grafik dashboard orang tua.

    Section II, Jurnal Harian, berisi tiga refleksi wajib, apa yang aku syukuri hari ini, hambatan apa yang aku temui, dan rencanaku agar esok lebih baik. UI mengkomunikasikan bahwa kejujuran penting.

    Section III, Laporan Al-Qur an, mendukung tilawah, murojaah, setoran hafalan, dan materi tahsin hari ini. Untuk tilawah, murojaah, dan setoran hafalan, sistem menyimpan surat asal, ayat asal, surat akhir, dan ayat akhir. Daftar surah mendukung seluruh 114 surah, bukan field hardcoded per surah, melainkan structured Quran reference dataset yang mendukung range awal dan akhir.

    Draft and Final Submission

    Draft Bukan Laporan Final

    Draft State

    Santri mengisi sepanjang hari

    Save draft kapan saja

    Lanjutkan nanti

    Belum masuk perhitungan skor

    Belum visible ke ustadz sebagai laporan final

    Final Submission

    Santri klik Selesai Hari Ini

    Sistem menghitung skor harian

    Streak dan record terupdate

    Laporan visible ke ustadz

    Parent visibility sesuai aturan

    Locked, koreksi hanya oleh ustadz atau admin yang berwenang

    Weekly Leaderboard

    Papan Juara Minggu Ini, Bukan Tujuan Utama

    UI mutabaah menampilkan Papan Juara Minggu Ini dengan periode contoh 07 Aug hingga 13 Aug 2026.

    Ranking dihitung berdasarkan skor rata-rata poin laporan final 7 hari terakhir.

    Penting bahwa ranking tidak menjadi tujuan utama mutabaah.

    Tujuan inti mutabaah adalah discipline, self-reflection, accountability, evaluasi ustadz, dan santri development.

    Leaderboard adalah supporting mechanism, bukan gamifikasi yang menggerus tujuan edukatif.

    Ustadz Dashboard

    Who Needs My Attention Today?

    Ustadz memiliki dashboard monitoring sentral.

    Dashboard dirancang untuk menjawab pertanyaan utama ustadz, siapa yang perlu mendapat perhatian saya hari ini?

    Dashboard memperlihatkan siapa yang sudah submit mutabaah hari ini, siapa yang belum, siapa yang konsisten melapor, siapa yang mulai tertinggal, aktivitas pembelajaran apa yang pending, hasil ujian apa yang ada, dan catatan relevan apa yang perlu diperhatikan.

    Dashboard memprioritaskan actionable information, bukan vanity metrics.

    Dashboard ustadz HISMA menampilkan monitoring santri, siapa yang sudah dan belum mengisi mutabaah, dan siapa yang perlu perhatian

    Ustadz monitoring dashboard

    Santri Monitoring

    Satu Profile Santri, Satu Tempat Operasional

    Ustadz dapat membuka profile individual santri.

    Profile menyajikan view terintegrasi dari personal information, admission history, learning progress, LMS activity, exam results, mutabaah, daily reflection, Quran activity, assignment yang relevan, ustadz notes, dan development history.

    Informasi ini tidak tersebar di layaman yang tidak terkait.

    Profile individual santri menjadi central operational record untuk ustadz.

    Parent Dashboard

    Bagaimana Perkembangan Anak Saya?

    Not Every Internal Data Point Belongs to Parents

    Orang tua atau wali santri memiliki dashboard sendiri.

    Orang tua dapat memantau aktivitas santri yang relevan.

    Namun tidak setiap data internal ditampilkan ke orang tua.

    Ada business rule eksplisit bahwa beberapa informasi bersifat internal untuk ustadz. Sebagai contoh, jam tidur malam tidak muncul di grafik dashboard orang tua.

    Parent dashboard fokus pada daily activity, learning progress, attendance atau partisipasi yang relevan, mutabaah summary, Quran activity, exam results, achievement yang relevan, dan general development information.

    Parent dashboard menjawab pertanyaan, bagaimana perkembangan anak saya, bukan show me every raw database field.

    Role-Based Access Control

    Setiap Peran Melihat Hanya Yang Relevan

    Sistem menghormati role boundaries.

    Public visitor melihat homepage dan informasi publik.

    Applicant melihat registration, pre-interview, dan admission status miliknya sendiri.

    Parent melihat santri yang linked ke dirinya dan data monitoring yang sesuai.

    Santri melihat dashboard, LMS, ujian, dan mutabaah miliknya sendiri.

    Ustadz melihat santri yang assigned dan konten pembelajaran, ujian, monitoring, dan evaluasi yang relevan.

    Admin atau pengurus memiliki akses full operational management.

    Authorization ditegakkan server-side. Santri tidak bisa mengakses data santri lain dengan memanipulasi ID. Parent hanya melihat santri yang linked. Ustadz hanya melihat santri dalam scope yang diotorisasi.

    The Lifecycle

    One Coherent Loop, From Visitor to Evaluation

    Setiap modul adalah bagian dari satu loop operasional, bukan fitur berdiri sendiri.

    VISITOR, Homepage, Public Information, Registration CTA

    PENDAFTARAN, Self-Service Registration, Santri atau Orang tua

    PRE-INTERVIEW, Configurable Question Bank, Submission

    ADMISSION, Pengurus Review, Accept, Reject, Accept with Notes

    ONBOARDING, Applicant menjadi Santri, Account Activation

    LMS, Mata Pelajaran Configurable, Materi Pembelajaran

    UJIAN, Online Examination, Paperless, Submission, Score

    MUTABAAH, Ibadah, Jurnal, Al-Qur an, Draft, Final Submission

    MONITORING USTADZ, Who Needs My Attention Today

    MONITORING ORANG TUA, Filtered Visibility, Perkembangan Santri

    EVALUASI, Santri Development Data, Integrated Profile

    Security

    Sensitive Educational and Personal Data, Protected

    Sistem ini berisi data pendidikan dan personal yang sensitif.

    Oleh karena itu diterapkan authentication, authorization, role-based access control, ownership checks, input validation, CSRF protection, rate limiting, secure file handling, secure password handling, dan audit trail untuk aksi administratif penting.

    Yang terutama dilindungi meliputi parent data, santri data, admission data, interview answers, exam answers, mutabaah data, dan ustadz internal notes.

    Santri tidak bisa mengakses data santri lain dengan memanipulasi ID. Parent hanya melihat santri yang linked. Ustadz hanya melihat santri dalam scope yang diotorisasi. Authorization ditegakkan server-side, bukan hanya dengan menyembunyikan elemen UI.

    Responsive Design

    Mobile Is a First-Class Interface

    Santri kemungkinan besar mengakses LMS, ujian, dan mutabaah terutama melalui perangkat mobile.

    Karena itu mobile experience dipertimbangkan di level arsitektur dan komponen, bukan sekadar menyesuaikan desktop ke mobile.

    Tidak ada horizontal scrolling untuk navigasi normal. Tabel kompleks di desktop berubah menjadi cards, stacked information, atau expandable sections di mobile.

    Form mutabaah yang panjang tidak menjadi satu dinding input yang melelahkan, melainkan dikelompokkan per section dengan heading, spacing, progress, dan state yang jelas.

    The Philosophy

    Do Not Optimize Individual Screens at the Expense of the Entire System

    Jangan membuat halaman pendaftaran indah sementara admission processing tetap sulit.

    Jangan membuat santri dashboard indah sementara ustadz tidak bisa memahami santri mana yang perlu perhatian.

    Jangan membuat LMS indah sementara content management menyakitkan.

    Jangan membuat mutabaah technically complete sementara exhausting untuk digunakan.

    Setiap fitur dievaluasi dari complete operational loop, bukan dari layar tunggal.

    Business Impact

    What Changed

    Integrated Santri Lifecycle

    Pendaftaran, pre-interview, admission, onboarding, LMS, ujian, mutabaah, dan monitoring berjalan dalam satu ekosistem yang koheren, bukan tersebar di banyak channel.

    Self-Service Registration

    Calon santri atau orang tua bisa memulai pendaftaran sendiri tanpa koordinasi manual yang berlapis. Pre-interview dikonfigurasi pengurus tanpa hardcode.

    Paperless Examination

    Ujian berjalan online dengan question type yang dapat diperluas, jadwal, durasi, submission, dan scoring, tanpa kertas yang harus dikumpulkan manual.

    Discipline Through Mutabaah

    Mutabaah yaumiyah dengan draft, final submission, Quran reference dataset, dan configurable scoring, mendukung discipline dan self-reflection, bukan sekadar checklist.

    Actionable Ustadz Monitoring

    Ustadz tahu siapa yang perlu perhatian hari ini, siapa yang belum lapor, dan siapa yang mulai tertinggal, dari satu dashboard, bukan dari banyak grup WhatsApp.

    Filtered Parent Visibility

    Orang tua melihat perkembangan anak yang sesuai, sementara data internal ustadz seperti jam tidur malam tetap terjaga dan tidak bocor ke dashboard orang tua.

    Final Project Summary

    One Coherent Digital Experience Across the Entire Santri Lifecycle

    HISMA memulai project ini dengan kebutuhan yang terlihat seperti website pesantren.

    Namun setelah lifecycle dipetakan, kebutuhan sebenarnya menjadi jelas.

    Mereka membutuhkan satu sistem operasi digital yang menyatukan public presence, registration, pre-interview, admission, onboarding, LMS, examination, mutabaah, monitoring ustadz, monitoring orang tua, dan evaluasi perkembangan santri.

    HISMA Digital Platform kemudian menjadi infrastructure yang menghubungkan seluruh perjalanan santri, dari calon santri yang pertama kali mengenal HISMA, hingga santri yang dibimbing, dimonitor, dan dievaluasi secara terstruktur.

    Bukan sekadar website pesantren.

    Bukan sekadar kumpulan CRUD screen.

    Tetapi satu ekosistem operasional yang koheren untuk seluruh santri lifecycle.

    Project Gallery

    Project Gallery

    Hero HISMA menampilkan visual identitas pesantren vokasi di Ayub Camp Klaten

    HISMA hero

    Homepage panjang HISMA menampilkan profil pesantren berbasis vokasi di Ayub Camp Klaten

    Public homepage

    Halaman pendaftaran HISMA menampilkan formulir self-service untuk calon santri dan orang tua

    Registration page

    Halaman pre-interview HISMA menampilkan soal pretest yang dapat dikonfigurasi pengurus

    Pre-interview questions

    Halaman manajemen pendaftaran santri HISMA menampilkan proses review dan keputusan admission pengurus

    Admission management

    Dashboard santri HISMA menampilkan ringkasan aktivitas harian, LMS, ujian, dan mutabaah

    Santri dashboard

    Tampilan LMS HISMA dari sisi santri menampilkan daftar mata pelajaran dan materi pembelajaran

    LMS view as santri

    Tampilan materi LMS HISMA menampilkan konten pembelajaran santri dalam format yang terstruktur

    LMS material

    Arena ujian santri HISMA menampilkan daftar ujian yang tersedia, jadwal, dan status pengerjaan

    Exam arena

    Ujian santri HISMA paperless menampilkan soal ujian online dan interface pengerjaan

    Online examination

    Form mutabaah yaumiyah HISMA dari sisi santri menampilkan section ibadah, jurnal harian, dan laporan Al-Qur an

    Mutabaah Yaumiyah

    Dashboard ustadz HISMA menampilkan monitoring santri, siapa yang sudah dan belum mengisi mutabaah, dan siapa yang perlu perhatian

    Ustadz dashboard

    What's Next

    Two Ways to Work With Us

    Diskusikan problem bisnis Anda langsung, atau pelajari cara membangun sistem digital sendiri.

    Deep Talk Session

    Punya problem bisnis yang belum jelas solusinya? Deep Talk adalah sesi diskusi mendalam untuk menggali kebutuhan, workflow, dan kemungkinan sistem yang tepat untuk bisnis Anda. Tidak mulai dari teknologi, mulai dari problem.

    Explore Deep Talk

    Learn to Build It Yourself

    Lebih suka membangun sendiri? Kami punya private coaching untuk dua skill yang sering jadi tulang punggung project seperti ini, Vibecoding dan Meta Ads. Bukan kelas teknis, tetapi bimbingan menyusun cara berpikir.

    Explore More Work

    Related Work

    Arupamaya Aulia Fashion screenshot

    Client / Project

    Aulia Fashion · Arupamaya

    What Was Built

    Custom Sales & Marketing Platform

    Custom digital sales infrastructure yang mengintegrasikan product pages, salespages, marketing tracking, lead management, conversion analytics, dan AI-assisted page production workflow.

    What Problem It Solves

    Sebelumnya marketing berhenti di traffic dan halaman penjualan. Setelah pengunjung masuk, perjalanan mereka tidak terlacak — berapa yang lanjut ke Shopee, masuk WhatsApp, atau berasal dari campaign mana, semuanya tidak terlihat. Tanpa visibility itu, optimasi campaign, efektivitas halaman, dan daya tarik produk hanya bisa ditebak. Keputusan marketing jalan di intuisi, bukan data.

    Kader PAPKA PAPKA screenshot

    Client / Project

    PAPKA · Kader PAPKA

    What Was Built

    Digital Membership, Practitioner Directory & Identity System

    Mengubah data kader yang tersebar menjadi practitioner directory dan digital identity system yang lebih mudah dikelola organisasi dan lebih mudah ditemukan masyarakat.

    What Problem It Solves

    PAPKA memiliki jaringan kader yang luas, tetapi pengelolaan data, status anggota, discoverability praktisi, dan digital presence kader masih banyak bergantung pada proses manual. Sistem ini menghubungkan membership, directory, bio link, digital identity, analytics, dan member card dalam satu ecosystem.

    Client / Project

    Alanotech · Alanotech Digital Platform

    What Was Built

    Alanotech Digital Platform

    Website dan digital infrastructure yang digunakan oleh Alanotech sendiri sebagai media informasi, content platform, product presentation, dan proof of engineering capability.

    What Problem It Solves

    Alanotech membutuhkan digital presence yang bukan hanya menjadi company profile, tetapi juga menjadi platform untuk menyampaikan expertise, produk, layanan, dan berbagai digital work yang dibangun.

    Let's Talk

    Have a Business Problem to Solve?

    Tidak semua problem bisnis cocok diselesaikan dengan software yang sama. Jika Anda memiliki workflow, proses operasional, kebutuhan marketing, recruitment, tracking, atau sistem internal yang membutuhkan pendekatan custom, ceritakan problemnya kepada kami.