Referensi mockup UI/UX platform Jejak Imani

Mockup HTML statis halaman-halaman platform Jejak Imani sebagai acuan tim developer. Shell, sidebar, dan komponen memakai berkas gaya yang sama dengan platform (public/css/core.css), jadi tampilannya mengikuti platform apa adanya. Menu yang belum dimockup memberi notifikasi saat diklik.

Reservation & Itinerary

Reservation Operational

Mirror halaman /operational-umroh-trip: 9 kolom dengan 2 kolom beku, filter bulan, rentang tanggal, pencarian, 11 pop-up, dan sidebar tour crew. Dilengkapi tab usulan tampilan baru.

Buka mockup
Digital Marketing

Marcom Report

Mirror halaman /marcom-report: 7 tab sheet (IG Jejak Imani, IG Yaqin Umroh, IG Jelajah Dunya, YT Jejak Imani, TikTok Jejak Imani, Guideline, Content Plan), tabel excel dengan header bergrup, filter Month/Year/Week, Export & Import Excel, serta pop-up daftar, tautan, dan preview gambar.

Buka mockup
Equipment

Process & Delivery

Mirror halaman /process-equipment: proses dan pengiriman perlengkapan jamaah. Filter Trip/Gender/Package/Status/Booking/Packing Date, tab Dikirim & Ambil Sendiri, tabel seleksi massal dengan input Total Koli, serta pop-up Update Gender, Address, Process Equipment, Delivery, Received Report, dan sidebar Import Alamat.

Buka mockup
Reservation & Itinerary

Manifest Haji

Mirror halaman /manifest-haji: empat sheet tab (Haji Plus Belum/Sudah Berangkat, Kemenhaj, Report). Tabel excel 40 kolom dengan header bergrup, 4 kolom beku, sel yang bisa disunting, dan pewarnaan baris 9 status. Lengkap dengan 14 filter, legenda warna yang bisa diklik, pemilih & pengurut kolom report, serta sembilan pop-up platform (Proceed No. Porsi, Detail Porsi, Verification, MoU, Dokumen Jamaah, Riwayat Umroh, Kelola Status, Upload & Compare Kemenhaj).

Buka mockup
Equipment

Daily Stock Production

Usulan tampilan baru /process-equipment mengikuti spreadsheet DAILY STOCK PRODUCTION tim Jejak Imani: lima tab (Master Data, LHPP, Recap Manual Barang, Daily Stock, Data Radiophone) bergaya Table Style JI dengan header bergrup, kolom beku, sel hitung otomatis, dan Filter by Month.

Buka mockup
Analisis

Restrukturisasi Menu Sidebar

Analisis seluruh menu platform (26 grup, ±190 menu, 539 permission) dengan 24 temuan redundansi, perbandingan interaktif sidebar saat ini vs usulan per department, fitur setujui/anulir temuan, dan usulan pengelompokan permission.

Buka analisis
Equipment

Recap Data Pengiriman

Usulan tampilan baru /process-equipment mengikuti spreadsheet RECAP DATA PENGIRIMAN tim Jejak Imani: tiga tab (Perlengkapan, Campuran, Badal) bergaya Table Style JI dengan header bergrup, 49 kolom checklist perlengkapan, dan kolom turunan Status Pengiriman.

Buka mockup
Berikutnya

Halaman lain

Halaman platform lain ditambahkan di folder ini mengikuti pola yang sama.