Papan Perjalanan Operasional MIQAT

Mulai dari perjalanan Jamaah, ikuti siapa yang melanjutkan pekerjaan, lalu lihat layar setiap peran. Fondasi visual berada setelah cerita produk agar “Semua Jadi Mudah” benar-benar terasa dalam pekerjaan harian.

v4.5 29 AGU 2026
Daftar isi

01Papan Perjalanan Operasional

Cara membaca MIQAT Satu data bergerak. Setiap role meneruskan, bukan mengetik ulang.
Miqat. Semua Jadi Mudah.

Mudah berarti orang tahu apa yang harus dilakukan sekarang, sistem menyelesaikan pekerjaan mekanis, dan pekerjaan berikutnya tidak kehilangan konteks.

DaftarCalon menjadi Jamaah dan seat ditahan.
BerkasAdmin mencatat pembayaran dan dokumen dari satu pintu.
SiapVisa, hotel, bus, pesawat, perlengkapan, dan manasik bergerak bersama.
BerangkatTim melihat penghalang; Jamaah melihat agenda.
AlumniRiwayat tetap hidup untuk komunikasi dan perjalanan berikutnya.
Apa yang terjadi ketika Finance mengonfirmasi DP?Satu keputusan memicu enam hasil; tidak ada staf yang menyalin data antar-modul.
Seat menjadi pastiHold sementara berubah menjadi kuota terpakai.
Cicilan dibuatNominal dan jatuh tempo mengikuti template paket.
Portal aktifJamaah menerima akses dan langkah berikutnya.
Checklist munculBerkas wajib menyesuaikan paket dan profil jamaah.
Komisi tercatatAtribusi Agen/Affiliate tidak perlu direkap ulang.
Jurnal terbentukUang dicatat sebagai kewajiban, belum sebagai pendapatan.

02Setelah selesai, siapa melanjutkan

Tombol selesai milik satu peran tidak boleh berpura-pura menyelesaikan seluruh proses. Setiap alur menyebut siapa yang melanjutkan, data yang ikut berpindah, dan kondisi yang membuat proses kembali.

PendaftaranDari minat sampai booking pasti
Admin/Agen mendaftarkan→Sistem menahan seat→Admin mengunggah bukti DP→Finance memverifikasi→Sistem menerbitkan Booking ID
Kebutuhan JamaahSatu persiapan, satu konfirmasi status
Operasional menyiapkan→Admin mengonfirmasi→Dalam proses / Tersedia→Sistem meneruskan ke role terkait
Vendor, order, dan uangTiga owner, satu jejak yang sama
Manager Operasional menyiapkan vendor & order→Owner menyetujui→Operasional mengonfirmasi vendor→Operasional mencatat penerimaan→Finance mencocokkan & membayar
Komisi Agen/AffiliateTiga status, tidak dapat diedit penerima
Menunggu→Admin menandai Sudah Berangkat→Dapat Dicairkan→Finance membayar→Dibayarkan
Insiden aplikasiError travel ditangani dari Fleet
Instance mengirim fingerprint aman→Fleet mengelompokkan→Operator mengakui→Developer memperbaiki→Platform Admin merilis

03Jamaah — satu tempat membaca dan mengunduh informasi

Portal Jamaah

Jamaah

“Apa status saya, apa yang Travel siapkan, dan siapa yang harus saya hubungi?”

Penerima informasi: dirinya sendiri. Portal read-only; Admin tetap satu pintu berkas.

Pemicu masuk

Booking aktif, Admin memperbarui bukti/dokumen, Finance memutuskan pembayaran, atau persiapan/perjalanan berubah.

Alur kerja
  1. Melihat informasi paling mendesakStatus dan tenggat tampil dahulu tanpa menjadikan Jamaah operator sistem.
  2. Melihat dan mengunduh dokumenBerkas yang disediakan Admin tersedia melalui akses privat; tidak ada tombol unggah/edit.
  3. Melihat pembayaranTotal, DP, cicilan, jatuh tempo, safe reason, dan status Finance terlihat jelas.
  4. Mengikuti persiapan dan perjalananKebutuhan, visa, perlengkapan, manasik, hotel, rooming, bus, agenda, serta kontak Admin tersedia sesuai waktunya.
Yang dikerjakan sistem

Daftar berkas mengikuti paket; Admin mencatat berkas; Finance memeriksa uang; kesiapan hanya naik dari informasi yang sudah sah.

Setelah selesai

Jamaah membayar/menyerahkan berkas di luar sistem → Admin mengunggah bukti pembayaran/dokumen → Finance memeriksa uang.

Batas akses

Hanya data, pembayaran, dokumen, rooming, dan perjalanan miliknya sendiri. Tidak melihat jamaah lain atau data internal travel.

Kalau ada masalah

Status yang sah terlihat. Bila ditolak, alasan dan tindakan Hubungi Admin tampil tanpa tombol mengubah data.

Ringkasan layar pertamaHitung mundur, status, dua kekurangan, dan satu jalur bantuan.
78% siap4 dari 6 dimensi selesai.
2 dokumen kurangAdmin sedang melengkapi status.
Hubungi AdminSatu pintu koreksi dan berkas.

04Agen & Affiliate — atribusi dan komisi tanpa bertanya ke admin

Keduanya membantu distribusi, tetapi Agen dapat mendaftarkan serta mendampingi jamaah; Affiliate hanya membawa rujukan melalui tautan yang terukur.

Portal Agen

Agen

“Jamaah saya sudah sampai mana, dan komisi saya kapan dapat dicairkan?”

Pemilik hubungan: jamaah yang didaftarkan atau teratribusi kepadanya.

Pemicu masuk

Agen disetujui travel, mendapat lead, atau menerima perubahan status jamaah dan komisi miliknya.

Alur kerja
  1. Melihat paket dan seat nyataHarga, tanggal, kuota, dan aturan penjualan berasal dari katalog aktif.
  2. Mendaftarkan JamaahData masuk ke CRM dan alur booking yang sama dengan Admin/CS.
  3. Membagikan link affiliateSetiap link membawa atribusi Agen dan paket yang dipromosikan.
  4. Memantau progres dan komisiMenunggu → Dapat Dicairkan → Dibayarkan; setiap status dapat dibuka ke rincian aman.
Yang dikerjakan sistem

Booking dari Agen membuat status Menunggu; Admin menandai Sudah Berangkat sehingga menjadi Dapat Dicairkan; pembayaran Finance membuatnya Dibayarkan.

Setelah selesai

Agen meminta pencairan di luar sistem → Admin mencatat dan meneruskan → Finance membayar serta mengunggah bukti keluar.

Batas akses

Hanya melihat progres dan status komisi; tidak ada tombol mengubah status atau data Jamaah lain.

Kalau ada masalah

Perselisihan dicatat dan diperiksa tim, bukan diedit diam-diam oleh Agen.

Portal Terbatas

Affiliate

“Tautan mana yang menghasilkan, dan berapa komisi saya bulan ini?”

Pemilik atribusi: rujukan dari tautannya, bukan seluruh data jamaah.

Pemicu masuk

Travel atau Agen mengaktifkan affiliate dan produk yang boleh dipromosikan.

Alur kerja
  1. Memilih produk atau paketProduk menampilkan informasi komisi masing-masing.
  2. Mengambil dan membagikan tautanTautan membawa identitas Affiliate tanpa membuka data internal travel.
  3. Melihat hasilTotal dan rincian Menunggu → Dapat Dicairkan → Dibayarkan bersifat read-only.
Yang dikerjakan sistem

Sistem mencatat produk, sumber rujukan, dan Agen induk ketika calon masuk.

Setelah selesai

Calon diteruskan ke Admin/Agen; transaksi yang sah diteruskan ke Finance untuk komisi.

Batas akses

Tidak mendaftarkan atau mengubah Jamaah; hanya melihat jumlah dan rujukan yang diizinkan.

Kalau ada masalah

Tautan kedaluwarsa menunjukkan produk pengganti; rujukan yang diperselisihkan masuk pemeriksaan.

05Pusat Progres Admin / CS

Pusat Progres

Admin / CS

“Siapa yang perlu saya daftarkan, lengkapi, atau konfirmasi sekarang?”

Satu pintu untuk Jamaah dan Alumni, berkas, komunikasi, persiapan, keberangkatan, dan penerusan komisi.

Kapan pekerjaan ini muncul

Calon lama belum dihubungi, ada pendaftaran baru, Admin menerima berkas, Operasional menyiapkan kebutuhan, atau Agen meminta pencairan.

Yang bisa dilakukan
  1. Buka Yang perlu dilakukan hari iniOrang dan pemeriksaan diurutkan menurut tenggat.
  2. Hubungi atau daftarkan JamaahInteraksi dan hasilnya dicatat di profil yang sama.
  3. Unggah bukti pembayaran masuk dan berkasNama Jamaah dan booking selalu terlihat; Finance menerima bukti uang masuk dari Admin.
  4. Konfirmasi persiapanSetelah Operasional menyiapkan, pilih Dalam proses atau Tersedia.
  5. Tandai sudah berangkatSistem mengubah komisi Menunggu menjadi Dapat Dicairkan tanpa tercatat dua kali.
Yang dikerjakan sistem

Status tindakan Admin memperbarui progres Jamaah dan Agen secara otomatis.

Setelah selesai

Bukti pembayaran masuk → Finance; kebutuhan siap → Admin; permintaan komisi → Finance.

Batas akses

Tidak memeriksa atau membayar uang, memesan vendor, atau menyetujui pesanan.

Kalau ada masalah

Penolakan mengembalikan pekerjaan dan alasan tanpa menghapus riwayat.

Jamaah dan Alumni · berkas · persiapan · komisiSemua ringkasan dapat dibuka ke rincian aman.
1.248 orangJamaah dan Alumni.
7 berkasBelum lengkap atau perlu diperiksa.
Menunggu · Dapat Dicairkan · DibayarkanTiga status komisi dapat dibuka.

06Finance — mencocokkan uang, kewajiban, dan bukti

Meja Uang

Finance

“Uang masuk atau pembayaran sah mana yang harus diselesaikan?”

Memeriksa uang masuk, membayar kewajiban yang sah, mengunggah bukti pembayaran keluar, dan menjaga catatan keuangan.

Kapan pekerjaan ini muncul

Admin mengunggah bukti uang masuk, transaksi bank belum cocok, pesanan yang disetujui jatuh tempo, atau Admin meneruskan pencairan komisi.

Yang bisa dilakukan
  1. Periksa uang masukBukti dari Admin, nilai tagihan, booking, dan selisih terlihat berdampingan.
  2. Bayar vendorHanya versi pesanan yang disetujui Owner dan memenuhi syarat yang dapat dibayar.
  3. Bayar Agen atau AffiliatePermintaan berasal dari Admin dan komisi sudah Dapat Dicairkan.
  4. Unggah bukti pembayaran keluarBukti keluar disimpan privat setelah Finance membayar, bukan dipakai untuk memeriksa uang masuk.
Yang dikerjakan sistem

Transaksi tidak tercatat dua kali dan setiap pembayaran keluar terikat pada versi pesanan atau komisi yang benar.

Setelah selesai

Status pembayaran vendor → Manager Operasional dan Owner. Status pembayaran komisi → Admin/CS, Owner, dan penerima.

Batas akses

Tidak mengonfirmasi kebutuhan, memiliki pesanan, mengonfirmasi vendor, atau mencatat penerimaan.

Kalau ada masalah

Ketidakcocokan masuk daftar pemeriksaan tanpa menulis ulang sumber awal.

Bukti di kiri, keputusan di konteks yang samaAlur inti dapat diselesaikan dengan papan ketik.
18 buktiMenunggu verifikasi.
4 mutasiBelum cocok dengan booking.
3 vendorJatuh tempo dalam tiga hari.

07Manager Operasional — menghilangkan penghalang keberangkatan

Command Center

Manager Operasional

“Apa yang harus disiapkan atau dipesan agar keberangkatan tidak terhalang?”

Default owner: need, vendor, quotation/harga/terms order, konfirmasi vendor, fulfillment, receipt, dan readiness.

Pemicu masuk

Keberangkatan dibuat, sebuah dimensi belum memenuhi ambang, vendor bergerak status, atau penerimaan/kekurangan membutuhkan tindakan.

Alur kerja
  1. Membaca blockerVisa, perjalanan, rooming, perlengkapan, vendor, kru, dan manasik memiliki owner/tenggat.
  2. Menyiapkan kebutuhanSetelah disiapkan, Admin mengonfirmasi Dalam proses atau Tersedia tanpa Finance.
  3. Menyiapkan vendor dan orderVendor, quotation, spec, qty, harga, dan terms dicatat sekali lalu diajukan ke Owner.
  4. Mengonfirmasi vendorSemua order tunai/DP/tempo harus Owner-approved; prepayment Finance selesai bila diwajibkan.
  5. Mencatat penerimaanJumlah diterima/ditolak/kurang, foto, waktu, dan penerima menjadi bukti untuk Finance.
Yang dikerjakan sistem

Perubahan vendor, jumlah, harga, atau termin membuat versi baru; persetujuan lama tidak lagi berlaku.

Setelah selesai

Kebutuhan → Admin; pesanan → Owner; tagihan/penerimaan → Finance; status pembayaran aman kembali ke Operasional.

Batas akses

Melihat harga pesanan, bukan margin/laba, rekening, bukti bank mentah, atau buku keuangan.

Kalau ada masalah

Penerimaan sebagian atau tidak cocok membuka pekerjaan baru tanpa menimpa pesanan dan persetujuan awal.

Kesiapan 98%, tetapi belum siapEmpat blocker kritis tetap mengalahkan angka ringkasan.
1 visaMasih diproses melewati tenggat.
Bus dikirimPenerimaan belum dicatat.
Perlengkapan kurangKoper dan ID Card untuk 10 jamaah.

08Kendali General Manager dan Owner

Pengendalian Harian

General Manager

“Bagian mana yang macet, dan siapa yang perlu saya gerakkan?”

Melihat progres dokumen, visa, bus, hotel, pesawat, paket, seat, keuangan aman, Agen, dan Affiliate.

Kapan pekerjaan ini muncul

Tenggat terlewati atau pekerjaan membutuhkan koordinasi lebih dari satu tim.

Yang bisa dilakukan
  1. Lihat seluruh progres amanDokumen, visa, bus, hotel, pesawat, paket, seat, pembayaran, Agen, dan Affiliate ada dalam satu jalur.
  2. Buka penghalang dan penanggung jawabSetiap angka membuka daftar orang atau pekerjaan yang membentuknya.
  3. Arahkan tim atau teruskan ke OwnerPekerjaan tetap kembali kepada Admin, Finance, atau Operasional.
Yang dikerjakan sistem

Ringkasan berasal dari tindakan tim dan waktu pembaruan, bukan rekap manual GM.

Setelah selesai

Masalah operasional kembali ke tim; keputusan kebijakan atau risiko besar menuju Owner.

Batas akses

GM tidak boleh melihat laba/rugi. Laba/rugi hanya dapat dilihat Owner. Dokumen sensitif tetap memerlukan tujuan kerja.

Kalau ada masalah

Pekerjaan tanpa penanggung jawab tetap terbuka dan dinaikkan ke Owner.

Kendali Bisnis

Owner / Direktur

“Apakah uang aman, keberangkatan terkendali, dan paket ini sehat?”

Melihat progres yang sama dengan GM, ditambah laba/rugi dan keputusan yang memang milik Owner.

Kapan pekerjaan ini muncul

Biaya melewati batas, ada penghalang penting, pesanan menunggu persetujuan, atau target melenceng.

Yang bisa dilakukan
  1. Lihat seluruh progres amanDokumen, visa, bus, hotel, pesawat, paket, seat, keuangan, Agen, dan Affiliate.
  2. Lihat laba/rugiOwner boleh melihat laba/rugi dan membuka sumber hitungannya.
  3. Setujui pesanan atau putuskan pengecualianKeputusan tercatat dan pekerjaan kembali kepada tim pelaksana.
Yang dikerjakan sistem

Pendapatan baru diakui setelah perjalanan selesai; usia ringkasan selalu terlihat.

Setelah selesai

Keputusan Owner membuat tugas jelas bagi GM, Finance, Operasional, atau Admin.

Batas akses

Owner boleh melihat laba/rugi, tetapi dokumen terbatas dan bukti bank mentah tetap memerlukan tujuan kerja.

Kalau ada masalah

Data yang belum lengkap ditandai dan keputusan diblokir sampai sumbernya diperbaiki.

Satu pagi, empat pertanyaanUang, kesiapan, laba/rugi, dan tindak lanjut.
Rp1,42 miliarUang masuk; masih amanah Jamaah.
98% siapTetap ada penghalang yang harus dibuka.
Rp298,75 jutaProyeksi laba; hanya Owner.

09Tim MITECH — menjaga armada tanpa akun permanen di travel

Lima fungsi dapat dipegang orang yang sama pada fase awal, tetapi permission, persetujuan, dan audit trail tetap terpisah. Fleet memegang telemetri, bot Telegram, extension, rollout, dukungan, dan lisensi.

Risiko & insiden

Operator Armada

Pemicu: HTTP 500, backup gagal, versi tertinggal, health check, atau risiko berhenti.
  1. Mengelompokkan bukti amanFingerprint, rute, release, dan frekuensi tanpa PII.
  2. Mengakui dan membuka runbookDeduplikasi serta cooldown mencegah banjir Telegram.
  3. Mengarahkan perbaikanBug ke Developer; rollout ke Platform Admin; bantuan data ke sesi dukungan.
Logika: satu fingerprint menjadi satu insiden.
Setelah selesai: Developer atau Platform Admin.
Batas: telemetri tidak membawa nama, paspor, kontak, atau bukti transfer.
Pemulihan: insiden selesai hanya setelah probe pulih dan notifikasi recovery terkirim.
Extension & rollout

MITECH Platform Admin

Pemicu: extension disetujui, versi kompatibel tersedia, atau rollback diperlukan.
  1. Menjalankan preflightCore, cangkang, extension, schema, queue, dan permission diperiksa bersama.
  2. Memasang pada instance terpilihTravel lain tidak ikut berubah.
  3. Memverifikasi atau rollbackSmoke test role terkait menentukan promosi release.
Logika: manifest dan compatibility matrix menentukan kelayakan.
Setelah selesai: hasil rollout ke Operator dan Owner.
Batas: tidak mengubah kode dan tidak memasang tanpa artefak CI.
Pemulihan: rollback kode tidak menjalankan migrasi turun yang merusak data.
Core & Private Extension

Developer MITECH

Pemicu: bug terverifikasi atau scope extension disetujui secara tertulis.
  1. Membuat perubahan terisolasiAturan core tidak disalin ke cangkang travel.
  2. Menjalankan test dan reviewKontrak permission, migrasi, UI, dan compatibility diuji.
  3. Menerbitkan artefakPackage ditandatangani untuk Platform Admin.
Logika: satu sumber aturan bisnis dipakai UI, API, job, dan extension.
Setelah selesai: package ke Platform Admin, bukan langsung ke produksi.
Batas: tidak memiliki tombol deploy instance dan tidak memegang akun pelanggan.
Pemulihan: regression test mencegah bug yang sama kembali.
Dukungan sementara

Dukungan Pelanggan

Pemicu: travel meminta bantuan atau onboarding memerlukan pendampingan.
  1. Menjelaskan ruang aksesTujuan, durasi, dan data yang mungkin terlihat dinyatakan sebelum persetujuan.
  2. Meminta persetujuan OwnerSesi baru aktif setelah disetujui.
  3. Mendampingi dan menutupAktivitas dicatat dan akses kedaluwarsa sendiri.
Logika: sesi support time-boxed dan default-deny.
Setelah selesai: bug ke Developer; konfigurasi ke Owner/Admin.
Batas: tidak ada akun permanen pada instance pelanggan.
Pemulihan: Owner dapat mencabut sesi; jejak audit tetap tersimpan.
Siklus layanan

Penagihan & Lisensi

Pemicu: masa berlaku mendekat, pembayaran perpanjangan, berhenti, atau permintaan arsip.
  1. Mengingatkan dengan tenggat jelasOwner melihat dampak dan pilihan sebelum masa aktif berakhir.
  2. Memperpanjang atau masuk baca-sajaLisensi dibaca dari status resmi, bukan sakelar manual di instance.
  3. Mengekspor dan mengarsipTravel menerima data sesuai kontrak keluar.
Logika: gagal memperpanjang tidak langsung menghapus data.
Setelah selesai: status ke Owner, Operator, dan dukungan.
Batas: tidak dapat melihat atau mengubah transaksi jamaah.
Pemulihan: aktivasi kembali mengikuti pembayaran dan pemeriksaan lisensi; arsip tetap dapat diaudit.
Bab 03 · Fondasi visual

Bahasa yang membuat seluruh alur terasa satu sistem.

Warna, huruf, ruang, komponen, dan keadaan berikut adalah alat konsistensi. Mereka hadir setelah cerita role karena design system melayani pekerjaan—bukan sebaliknya.

01Warna

Navy dan emerald diambil langsung dari piksel berkas logo, bukan dikira-kira. Angka kontras di bawah dihitung terhadap putih dengan rumus WCAG — bukan penilaian mata.

Palet merek

#01285D
Miqat Navy
Warna utama — judul, tombol utama, garis kop
14,36 : 1 AAA
#011B40
Miqat Navy Pekat
Latar gelap, tekan tombol
17,55 : 1 AAA
#09AA87
Miqat Emerald
Tanda saja — goresan, titik status, garis aktif
2,95 : 1 gagal untuk teks
#046B55
Miqat Emerald Teks
Varian aman untuk teks hijau di latar terang
6,48 : 1 AA

Netral dan latar

#E6F5F0
Emerald Muda
Latar lencana dan sorotan
#E7DCC6
Desert Sand
Latar hangat untuk seksi bernuansa ibadah
#F7F9FB
Cloud
Latar permukaan terang
#0D1520
Ink
Teks judul
18,30 : 1 AAA
#33414F
Graphite
Teks isi
9,74 : 1 AAA
#5B6B7C
Slate
Teks sekunder dan keterangan
5,17 : 1 AA

Semantik

#12704A
Sukses
Terverifikasi, lunas, disetujui
5,17 : 1
#8C5A02
Peringatan
Menunggu, mendekati jatuh tempo
4,54 : 1
#A81E17
Bahaya
Terlambat, ditolak, melebihi anggaran
6,86 : 1
#14618F
Info
Sedang diproses, keterangan netral
5,04 : 1

Dua aturan yang tidak dapat ditawar

  • ✕Emerald #09AA87 tidak pernah menjadi warna teks di latar terang. Untuk teks hijau, selalu #046B55. Emerald adalah warna tanda: goresan pada logo, titik status, garis aktif.
  • ✓Proporsi 60–30–10. Netral terang mendominasi, navy sebagai struktur, aksen paling banyak 10% bidang. Pada logo pun emerald hanya muncul sebagai satu goresan dan satu baris tagline.

02Tipografi

Tiga peran, tiga huruf. Plus Jakarta Sans untuk judul dan antarmuka, Fraunces untuk satu momen editorial per halaman, IBM Plex Mono wajib untuk seluruh angka.

display
44–64px · 700
−0,03em
Semua Jadi Mudah
h1
32px · 700
Dashboard Owner
h2
24px · 700
Keberangkatan Februari 2027
h3
19px · 700
Kesiapan jamaah
body
16px · 400
1,65
Uang yang masuk dari jamaah dicatat sebagai kewajiban, bukan pendapatan, sampai jamaah benar-benar pulang. Ini yang memisahkan uang yang sudah menjadi hak travel dari uang yang masih menjadi amanah.
label
14px · 500
Nomor paspor
caption
14px · 400
Berlaku sampai 14 April 2030
mono-label
14px · 600
0,12em
Nilai Kontrak
money-lg
28px · 600
IBM Plex Mono
Rp1.485.000.000
money
15px · 500
tabular
Rp32.500.000
editorial
Fraunces
satu per halaman
Owner tidak lagi mengejar laporan. Laporan yang datang kepada owner.

Format penulisan yang mengikat

HalBetulSalah
RupiahRp32.500.000Rp 32.500.000 · Rp32.500.000,-
Tanggal12 Februari 202712/02/2027
Rentang12–23 Februari 202712-23 Feb 2027
Persen20,12%20.12%
MerekMIQAT · MITECHMiqat · MiTech
Badan hukumPT MITECH Digital IndonesiaPT. Mitech Digital Indonesia

03Ruang & Bentuk

Satuan jarak kelipatan 4 px. Sudut membulat sedang, mengikuti terminal membulat pada wordmark — tidak ada sudut siku tajam.

Radius

radius-surface · 12px · kartu, modal
radius-control · 8px · tombol, input
radius-pill · 999px · lencana

Jarak

4px
8px
16px
24px · dalam kartu
48px · antar seksi

Bayangan & garis

shadow · kartu
shadow-float · modal, popover
garis rambut · 1px, 13%
target sentuh minimum 44 × 44 px

05Komponen Dasar

Tombol, lencana status, dan kolom isian. Semuanya bertinggi minimum 44 px, dan setiap status membawa tiga penanda sekaligus: warna, ikon, dan teks.

Tombol

Nonaktif karena 2 dokumen belum lengkap — alasannya selalu disebut, bukan hanya tombolnya diredupkan.

Lencana status

Terverifikasi Lunas Sedang diproses
Menunggu verifikasi Terlambat 14 hari Draf

Warna saja tidak pernah cukup. Pengguna berusia 55 tahun di layar ponsel dengan cahaya matahari langsung adalah pengguna nyata sistem ini.

Kolom isian

Kosongkan bila paspor belum terbit — dapat diisi belakangan.
✕Kurang dari 6 bulan dari tanggal keberangkatan. Pengajuan visa akan ditolak.

Unggah dokumen

Pilih cara mengunggah JPG atau PDF · dikompresi otomatis bila terlalu besar
Seret-lepas tersedia sebagai tambahan di desktop.
  • KTPTerverifikasi 3 hari lalu ✓
  • Pas Foto 3 × 4Ditolak — latar belakang tidak putih. Silakan unggah ulang.

06Komponen Data

Angka membawa pembanding. Angka yang mempunyai rincian menjadi satu tautan; angka tanpa tujuan tetap non-interaktif dan tidak menjanjikan aksi palsu.

Tiga angka keuangan — tidak pernah dijumlahkan

Ketiganya berukuran sama dan sejajar. Masing-masing membawa satu kalimat penjelas. Menjumlahkan atau menggabungkannya adalah kesalahan yang seluruh produk ini ada untuk mencegahnya.

Bilah kesiapan

Kesiapan Keberangkatan98%
Pembayaran43 / 45
Dokumen45 / 45
Visa44 / 45
Tiket45 / 45
Kamar45 / 45
Bus45 / 45

Angka 98% berasal dari hasil 98,44 yang dibulatkan, berdasarkan enam dimensi berbobot—bukan input manual.

Proyeksi laba

Rp298.750.000
! Proyeksi — bukan laba terealisasi
Margin
20,12%
Per Jamaah
Rp6.638.889
Cost Control · Hotel Makkah
AnggaranRp200.000.000
KomitmenRp192.000.000
RealisasiRp0
Sisa ruangRp8.000.000

Tabel data

JamaahBookingCicilanNominalJatuh tempoStatus
Siti RahmawatiBK-2702-018Cicilan 2Rp9.750.00018 September 2026× Telat 14 hari
Ahmad FauziBK-2702-021PelunasanRp8.125.0002 Oktober 2026! Jatuh tempo 3 hari
NurhayatiBK-2702-007Cicilan 1Rp9.750.00028 Agustus 2026✓ Lunas
Muhammad IlyasBK-2702-033DPRp4.875.0005 Oktober 2026◷ Menunggu verifikasi

Tabel ini membutuhkan pencarian dan filter karena antreannya besar; ekspor muncul karena data menjadi keluaran kerja. Angka rata kanan memakai huruf monospasi tabular.

Daftar kerja — peran Finance

  • 18 pembayaran menunggu verifikasi4 di antaranya masuk lebih dari 2 hari lalu
  • Termin vendor Hotel Makkah jatuh tempo 3 hari lagiRp57.600.000 · PO-2026-0142
  • 1 kelebihan bayar perlu dikonfirmasi ke jamaahNurhayati · Rp250.000

Linimasa perjalanan jamaah

  • Pendaftaran
    14 Agustus 2026 · BK-2702-018
  • DP diverifikasi
    16 Agustus 2026 · Rp4.875.000
  • Melengkapi dokumen
    Tinggal 2: Buku Nikah dan Vaksin
  • Pengajuan visa
    Menunggu dokumen lengkap
  • Manasik
    Dijadwalkan 24 Januari 2027
  • Keberangkatan
    12 Februari 2027

Tidak ada pembayaran yang perlu diverifikasi hari ini. Semua bukti transfer yang masuk sudah diperiksa.

Keadaan kosong selalu berupa kalimat manusia yang menjelaskan bahwa memang tidak ada pekerjaan — bukan tabel kosong tanpa keterangan.

07Layar Masuk

Pengunjung tidak pernah mendarat di sini. Alamat / adalah halaman depan travel; masuk diakses lewat tombol kecil di sudut kanan atas. Layar ini untuk staf, agen, dan jamaah yang memang hendak masuk.

barokahtour.co.id/masuk

Panel kiri memakai warna utama travel, bukan warna MIQAT — pada instance pelanggan seluruh layar ini bermerek travel itu sendiri. Satu momen Fraunces dipakai di sini dan tidak diulang di layar lain.

08Dashboard Owner

Layar bintang demo. Tiga angka keuangan yang tidak boleh dicampur, kesiapan keberangkatan, target vs realisasi, dan daftar tindak lanjut — semuanya dapat diklik.

barokahtour.co.id/owner
UMRAH AWAL RAMADHAN

12–23 Februari 2027 · Makassar → Jakarta → Jeddah · 45 jamaah

● Penuh · 45 jamaah
Kesiapan98%
Pembayaran43/45
Dokumen45/45
Visa44/45
Tiket45/45
Kamar45/45
Bus45/45
Target vs Realisasi · September
Rp640.000.000 dari Rp800.000.000

80% tercapai · sisa 4 hari

Pengendalian biaya

Angka rencana, komitmen, dan tagihan nyata tidak dicampur

Proyeksi laba
Rp298.750.000 · 20,12%
AnggaranRp1.117.000.000
KomitmenRp1.095.000.000
RealisasiRp980.000.000

Sisa ruang gerak Rp22.000.000 · proyeksi belum menjadi laba terealisasi.

Perlu Tindak Lanjut
  • Dokumen belum lengkap · 27 jamaahTenggat visa 12 Januari 2027
  • Pembayaran jatuh tempo · 18 cicilanTotal Rp164.250.000
  • Follow-up leads · 32 calon jamaahBelum dihubungi lebih dari 3 hari
Performa agen & affiliate
  • Kontribusi nilai kontrakPeringkat dapat dibuka per agen dan keberangkatan
  • Komisi Menunggu / Dapat DicairkanStatus berasal dari booking dan keberangkatan; bukan approval manual Owner
Aktivitas tim
  • Pendaftaran · verifikasi · dokumen · follow-upRingkasan periode berjalan, berasal dari tindakan tim
  • Diperbarui 4 menit laluUsia data selalu terlihat

09Tampilan Ponsel

Portal jamaah dirancang untuk ponsel lebih dulu, untuk pengguna berusia 35–65 tahun. Teks tidak pernah di bawah 16 px, tombol tidak pernah di bawah 44 px, dan halaman harus terbaca dalam 1,5 detik pada jaringan 3G.

Assalamualaikum,
Ibu Siti Rahmawati
167
hari lagi
UMRAH AWAL
RAMADHAN
12 Februari 2027
Kesiapan Anda
4 dari 6 selesai78%
Yang masih kurang
2 Buku Nikah dan VaksinBelum tersedia · serahkan kepada Admin
1 Cicilan 2 · Rp9.750.000Jatuh tempo 18 September 2026
Pembayaran
✓ DP · Rp4.875.000Lunas 16 Agustus 2026
✓ Cicilan 1 · Rp9.750.000Lunas 28 Agustus 2026
! Cicilan 2 · Rp9.750.000Belum dibayar

Portal Jamaah — pertanyaan “apa yang masih kurang” dijawab di layar pertama, di atas lipatan, sebelum apa pun yang lain.

Logo MIQAT
Masuk
Portal jamaah Barokah Tour

Lupa kata sandi? Hubungi admin travel.

Kode booking Anda ada pada pesan WhatsApp yang dikirim travel saat pendaftaran.

Masuk di ponsel — kolom isian setinggi 44 px, teks 16 px, tanpa gulir horizontal.

10Halaman Depan Travel

Halaman publik menjawab keputusan jamaah lebih dulu: keberangkatan apa, kapan, berapa, legalitas siapa, dan bagaimana memulai. Struktur disusun lewat mini CMS dari blok core serta Private Extension yang terpasang—bukan fork landing.

barokahtour.co.id
Keberangkatan terdekat · PPIU U.123 Tahun 2024

Makassar ke Tanah Suci, 12 hari yang sudah jelas sebelum Anda mendaftar.

Umrah Awal Ramadhan bersama Barokah Tour. Jadwal, fasilitas, pembayaran, dokumen, dan progres perjalanan terlihat dari satu portal.

12–23 Febtanggal pasti · 12 hari
3 seattersisa dari 45
Rp32.500.000harga mulai per jamaah
Keberangkatan Terdekat
12–23 Februari 2027! Sisa 3 seat
Umrah Awal Ramadhan
Mulai Rp32.500.000

42 dari 45 seat terisi

8–19 Maret 2027Sisa 21 seat
Umrah Ramadhan Penuh
Mulai Rp38.900.000

24 dari 45 seat terisi

14–25 April 2027Penuh
Umrah Syawal
Mulai Rp34.000.000

Hero terikat pada data keberangkatan nyata dan legalitas travel. Penanda kelangkaan hanya tampil bila sisa seat benar-benar di bawah 15% kuota dan selalu menyertakan angka pasti. Paket penuh berubah menjadi Daftar Tunggu, bukan disembunyikan. Tidak ada carousel otomatis, hitung mundur buatan, atau “5 orang sedang melihat halaman ini”.

11Meja Kerja Finance

Pertanyaan pertama Finance adalah “uang masuk atau pembayaran mana yang harus diselesaikan sekarang?” Tiga jenis pekerjaan dipisahkan agar pemeriksaan uang masuk tidak tercampur dengan pembayaran keluar.

Uang masuk: Admin mengunggah bukti pembayaran masuk → Finance memeriksa. Uang keluar: Finance membayar vendor, Agen, atau Affiliate → Finance mengunggah bukti pembayaran keluar.

DaftarSeat ditahan
BerkasAdmin unggah bukti masuk
SiapVendor dan komisi dibayar
BerangkatKomisi dapat dicairkan
AlumniRiwayat tetap dapat dibuka
18Bukti pembayaran perlu diperiksa
4Mutasi bank belum cocok
3Tagihan vendor jatuh tempo ≤ 3 hari
18 perlu diperiksa
Siti Rahmawati

BK-2702-018 · Cicilan 2

◷ Menunggu verifikasi
Pratinjau bukti transfer
Gambar privat · URL singkat · akses tercatat
Nama pengirim
Siti Rahmawati
Rekening tujuan
BSI · •••• 1882
TagihanRp9.750.000
Nominal buktiRp9.750.000
SelisihRp0
Kewajiban berikutnya
  • Pelunasan vendor hotel · H-14Perlu diselesaikan sebelum tenggat kontraktual
  • Komisi Agen siap dibayarAdmin sudah meneruskan · komisi berstatus Dapat Dicairkan
Laporan keuangan
  • Uang masuk & uang keluarDapat dilihat per paket atau keseluruhan
  • Uang jamaahTerpisah dari pendapatan yang sudah diakui
Pembayaran keluar

PT Amanah Transport

PO-2026-0142 · Bus 45 seat · disetujui Owner

Sudah dibayar
JumlahRp18.500.000
Referensi amanOUT-2026-00881
Yang menerima statusManager Operasional · Owner

Pencarian, filter, dan ekspor ada karena ukuran antrean dan keluaran kerja membutuhkannya. Tidak semua tabel otomatis menerima semua alat.

12Command Center Manager Operasional

Bukan dashboard umum dan bukan enam aplikasi terpisah. Satu command center menjawab: apa yang menghalangi keberangkatan, siapa pemilik tindakannya, bukti apa yang ada, dan apa yang harus selesai berikutnya.

barokahtour.co.id/operations/ramadhan-2027/overview
Umrah Awal Ramadhan

12–23 Februari 2027 · 45 jamaah · diperbarui 4 menit lalu

! Belum siap · 4 blocker
Kesiapan keberangkatan98%
Pembayaran43/45
Dokumen45/45
Visa44/45
Penerbangan45/45
Hotel & kamar45/45
Bus45/45

98% adalah ringkasan enam ambang per jamaah. Empat blocker operasional—termasuk perlengkapan dan penerimaan vendor—tetap membuat status Belum siap.

Lewat tenggat
Hari ini
Berikutnya
Penerimaan bus belum dicatat

PO-2026-0142 · Umrah Awal Ramadhan

→ Dikirim vendor
Barang / jasaBus 45 seat · 1 unit
VendorPT Amanah Transport
Tenggat penerimaanHari ini · 17.00 WITA
Pemilik tindakanManager Operasional
  • Order v3 disetujui OwnerVendor, spesifikasi, jumlah, harga, dan term tetap pada satu versi
  • Bukti penerimaan belum adaCatat jumlah diterima/ditolak, kekurangan, foto, waktu, dan penerima

Alur: Manager Operasional menyiapkan order → Owner menyetujui versi material → Operasional mengonfirmasi vendor → Vendor mengirim → Operasional mencatat penerimaan → Finance mencocokkan tagihan dan membayar. Operasional melihat harga order yang dikerjakannya, tetapi tidak melihat margin, laba, kredensial bank, atau ledger.

13Pusat Progres Admin

Satu papan mengikuti orang dari daftar sampai alumni. Admin melihat apa yang belum lengkap, siapa yang perlu dihubungi, dan tindakan mana yang mengubah progres Jamaah atau Agen.

Daftar38 perlu tindak lanjut
Berkas7 belum lengkap
Siap2 perlu konfirmasi
Berangkat45 terjadwal
Alumni1.203 tersimpan
Fokus utama

Yang perlu dilakukan hari ini

Urut menurut tenggat dan lama belum ditangani.

7 perlu tindakan
Orang dan pemeriksaan
Konfirmasi kebutuhan jamaah

Disiapkan Manager Operasional · Umrah Awal Ramadhan

◷ Menunggu Admin
KebutuhanKoper & ID Card
Jamaah terdampak10 orang
TenggatHari ini
  • Manager Operasional sudah menyiapkanBarang, jumlah, dan daftar jamaah tersedia
  • Status penerima belum dikonfirmasiPilih Dalam proses atau Tersedia

Konfirmasi Admin langsung menjadi status kebutuhan dan sistem meneruskannya ke Jamaah, Admin, Agen yang ditugaskan, Manager Operasional, dan Owner. Finance tidak ikut menyetujui kebutuhan; pengadaan memiliki alur order terpisah.

Profil kerja terpadu

Kontak terakhir → booking → status pembayaran yang diizinkan → dokumen → tindak lanjut

CRM · konteks, bukan dashboard
Tidak ada alumni yang perlu dihubungi hari ini.

Antrean kosong dinyatakan dengan jelas; tidak ada tabel kosong atau “No data”.

14Kendali General Manager dan Owner

Cakupan progresnya sama agar diskusi tidak memakai dua versi data. Kewenangannya berbeda: GM menggerakkan tim tanpa laba/rugi; Owner melihat laba/rugi dan mengambil keputusan Owner.

Daftar42 dari 45 seat
Berkas2 Jamaah belum lengkap
Siap4 penghalang aktif
Berangkat12 Februari 2027
Alumni1.203 orang
General Manager

Menggerakkan tim

Melihat progres dan siapa yang bertanggung jawab, lalu mengembalikan pekerjaan kepada tim yang tepat.

DokumenVisaBusHotelPesawatPaketSeatKeuangan amanAgenAffiliate
GM tidak boleh melihat laba/rugi.
Laba/rugi hanya dapat dilihat Owner.
Owner / Direktur

Menjaga usaha dan keputusan

Melihat progres yang sama, ditambah laba/rugi, pesanan yang menunggu persetujuan, target, dan pengecualian.

DokumenVisaBusHotelPesawatPaketSeatKeuanganAgenAffiliate
Proyeksi laba/rugiRp298.750.000
Pesanan menunggu2 perlu keputusan

Kedua peran melihat status dan rincian aman. Paspor, KTP, rekening, atau bukti bank mentah tetap memerlukan tujuan kerja dan hak akses khusus.

15Konfigurasi Kewajiban Paket

Admin memulai dari Template bawaan, memeriksa dua arah janji dalam satu layar, membuka Preview untuk Jamaah, lalu memilih satu tindakan utama: Aktifkan. Draf tersimpan otomatis; booking lama tidak ikut berubah.

barokahtour.co.id/admin/departures/ramadhan/obligations
Kewajiban · Umrah Awal Ramadhan

Template Umrah Standar · versi draf 3 · autosave 9 detik lalu

◷ Draf belum aktif
Yang Jamaah perlu lengkapi

Data, dokumen, pembayaran, dan langkah Jamaah

8 item
  • Paspor masih berlaku 8 bulanWajib · Dokumen · sebelum pengajuan visa
  • Bukti DP dan pilihan cicilanWajib · Pembayaran · terlihat di portal
  • Kehadiran manasikWajib · Jadwal mengikuti keberangkatan
Yang Travel siapkan

Fasilitas, layanan, jadwal, dan komitmen Travel

11 item
  • Visa dan pengurusan dokumenKomitmen Operasional · status terlihat Jamaah
  • Koper, syal, tas paspor, ID cardFasilitas · bukti internal tetap terlindungi
  • Hotel, penerbangan, bus, TL, MuthawifLayanan · blocker masuk Operasional
Preview portal · Pak Deni

Yang terlihat konsumen setelah booking dikonfirmasi

✓ Consumer-safe
Jamaah melengkapi2 dari 8 selesai
Travel menyiapkan4 dari 11 terkonfirmasi
Versi janjiv3 · dibekukan saat booking
Catatan internalTidak dikirim ke portal

Aktivasi hanya berlaku untuk booking baru. Jika validasi gagal atau versi sudah berubah, draf dipertahankan dan versi aktif lama tetap aman. Perubahan janji booking berjalan membutuhkan amendment eksplisit.

16Konsol Armada MITECH

Permukaan milik MITECH memakai Meridian Navy dan Signal Teal, tetapi tetap berbicara dengan status, tipografi data, dan pola fokus yang sama dengan instance travel.

fleet.mitech.id/instances/barokah-tour
Armada MIQAT

50 instance · bukti telemetri diperbarui otomatis

◷ Diperbarui 2 menit lalu
3Butuh tindakan hari ini
2Versi tertinggal
1Cadangan gagal
HTTP 500 baru · Barokah Tour
POST /payments/verify · fingerprint 9f2a…c81 · pertama 21.12 WITA
! Insiden terbuka
Bukti
  • 7 kejadian dalam 2 menitLaravel exception class + rute + release; tanpa nama, bukti transfer, atau PII
  • Telegram terkirim ke kanal MIQAT OpsSatu pesan untuk fingerprint ini · cooldown aktif · token hanya hidup di Fleet
Tindakan & runbook

Akui insiden, bandingkan release terakhir, buka log aman, lalu jalankan probe. Sesi dukungan tetap membutuhkan persetujuan Owner.

Kombinasi release Barokah Tour

Preflight sebelum rollout membaca seluruh kombinasi, bukan versi core saja.

✓ Kompatibel
Coremitech/miqat-core 1.6.2
Cangkangbarokah-tour 2026.08.28
Private Extensionvendor-preparation 1.2.0
Capability aktifOperasional · Vendor readiness

Install, upgrade, disable, health check, dan rollback extension dilakukan Platform Admin dari Fleet untuk instance yang dipilih. Travel lain tidak ikut berubah.

17Kustomisasi Tanpa Fork

Travel boleh berbeda secara nyata tanpa menjadi lima puluh codebase liar. Permintaan masuk salah satu dari tiga jalur: konfigurasi, komposisi mini CMS, atau Private Extension yang dikelola MITECH.

barokahtour.co.id/settings/public-site
Landing Builder · Beranda

Draf 7 · publikasi aktif 28 Agustus 2026 · autosave 12 detik lalu

◷ Draf belum terbit
Halaman & menu
Struktur Beranda

Urutkan blok terdaftar; tidak ada editor HTML atau JavaScript.

SEO siap · noindex pada preview
01 · Journey HeroCore · departure-led
02 · Dossier KeberangkatanCore · data paket nyata
03 · Kalkulator TabunganExtension · Barokah saja
04 · Legalitas & KepercayaanCore · PPIU binding
  • Schema dan aksesibilitas blok lulusHeading, CTA, alt text, dan data binding tervalidasi sebelum publish
  • SSR tetap menjadi keluaran publikKonten, metadata, menu, dan paket tetap terbaca tanpa JavaScript
K1 · Tanpa kode

Konfigurasi

Merek, cicilan, kewajiban paket, tempo, COA, dan fitur tersedia. Admin mengelola draf; aktivasi mengikuti capability yang didelegasikan.

K2 · Mini CMS

Komposisi publik

Admin/Marketing menyusun draf halaman, menu, SEO, isi, dan urutan blok. Owner menerbitkan atau mendelegasikan izin publish.

K3 · Berkode

Private Extension

Developer MITECH membuat dan menguji; Platform Admin memasang/rollback lewat Fleet; Owner mengaktifkan capability dan permission yang tersedia.

Insight penting: mini CMS mengubah data dan komposisi; extension mengubah kemampuan. Tidak ada role travel yang dapat menulis atau memasang kode executable dari instance.

18Aturan yang Mengikat

Kontrak inti yang menentukan lulus atau tidaknya sebuah layar. Bukan preferensi.

Tampilan

  • ✓WCAG 2.2 AA berlaku untuk seluruh produk
  • ✓Teks isi 18px portal/publik, 16px kerja, lantai mutlak 14px
  • ✓Target sentuh 48 × 48px portal, 44 × 44px kerja
  • ✓Kontras teks minimal 4,5 : 1
  • ✓Status selalu warna + ikon + teks
  • ✓Tautan isi bergaris bawah; navigasi struktural memakai konteks, keadaan aktif, dan fokus — tanpa underline
  • ✓Nilai rupiah selalu monospasi, format Rp1.485.000.000

Perilaku

  • ✓Angka hanya dapat diklik bila mempunyai daftar rincian
  • ✓Alat tabel muncul sesuai kebutuhan data, bukan otomatis
  • ✓Tombol yang akan gagal dinonaktifkan beserta alasannya
  • ✓Muat bertahap memakai kerangka konten, bukan lingkaran berputar
  • ✓Aksi merusak menyebut dampak konkret, bukan “Anda yakin?”

Yang boleh berbeda antar travel — dan yang tidak

Boleh berbeda
  • ✓Warna merek, logo, dan huruf dari daftar yang disetujui
  • ✓Halaman, menu, SEO, isi, gambar, varian, dan urutan blok melalui mini CMS
  • ✓Aturan bisnis lewat settings
  • ✓Capability melalui feature flag dan Private Extension yang disetujui
Tidak boleh berbeda
  • ✕Struktur komponen dan tata letak panel
  • ✕Radius, spacing, bayangan, warna status, dan motif 42°
  • ✕HTML/JavaScript bebas, global CSS, atau kode di cangkang travel
  • ✕Letak navigasi utama portal jamaah
  • ✕Format penulisan angka dan tanggal

brand.json adalah format onboarding/ekspor. Setelah impor, settings menjadi keadaan aktif, mini CMS menyimpan revisi publikasi, dan Extension Registry menyimpan capability berkode. Dukungan pelanggan tetap dapat memberi instruksi yang sama pada semua travel.

MIQAT — Semua Jadi Mudah PT MITECH Digital Indonesia · Pratinjau sistem desain v4.5 Sumber nilai: DESIGN.md · Cakupan: PRD.md · Teknis: SPEC.md