Baru: Fase 2 · Struktur Sistem & Navigasi
Sitemap, arsitektur informasi, navigasi per peran, alur kerja, inventaris layar dan kerangka layar, ditambah aplikasi yang bisa dicoba untuk 8 peran.
7 Visual Fase 1
Setiap visual punya tampilan PC Report, Operational iPad dan Mobile. Ubah ukuran jendela atau buka di perangkat untuk melihat masing-masing.
Tiga perangkat, tiga tugas
Responsif bukan berarti mengecilkan desktop. Setiap ukuran menampilkan kedalaman berbeda.
PC ReportOwner, CEO, manajemen. Informasi lengkap, banyak kolom, presentasi dan analitik.≥ 1240 px
Operational iPadSupervisor, receiving, produksi, QC. Sentuh dulu, kartu besar, kolom lebih sedikit, tanpa tabel kecil.700–1239 px
MobilePickup, driver, alert. Satu kolom, satu aksi utama, teks minimal 16 px.< 700 px
Posisi Fase 1
Visual ini menjadi fondasi bisnis untuk semua fase berikutnya.
Fase 1 Fondasi
NB
NV
DV
NP
Build
Testing
UAT
Go-Live
Design system
Satu palet, satu jenis huruf, satu set komponen untuk ketujuh visual.
Logo resmi
Memakai file asli yang diunggah, dipotong dari bingkai bulatnya tanpa mengubah rasio, warna maupun gambarnya. Selalu diletakkan di atas putih dengan ruang kosong di sekelilingnya.
assets/brand/jfresh-logo.png
Deep Blue
#0754A6Fresh Blue
#00A8E8Orange
#F7931EYellow
#FFC72CSoft Background
#F6F9FCSukses
#138A4BPeringatan
#E8890CKritis
#C8281CPage title · 34 / 28 / 24Terima Cucian
Section · 22 / 20 / 19Proses Laundry
KPI · 34 / 30 / 281.250 kg
Body · 16 / 17 / 16Siap Dikirim, Bukti Pengiriman, Cocokkan Data
Terima Cucian
Mulai Proses
Ada Masalah
Selesai
Menunggu
Terlambat
Perlu persetujuan
Pemeriksaan kualitas Fase 1
Dari bagian 22 master prompt.
- Visual 01–07 lengkap
- Versi desktop, iPad dan mobile untuk setiap visual
- Logo memakai file asli yang diunggah, tidak dibuat ulang
- Biru dan oranye brand konsisten, putih dominan
- DNA gelembung dan air dibuat halus
- Frontline: teks besar, satu aksi utama yang jelas
- Bahasa Indonesia natural sebagai default, tombol ID | EN
- Drill-down manajemen, logika KPI dan SLA terlihat
- Peran terpisah, harga terlindungi
- Audit, cegah duplikat dan penanganan masalah ditampilkan
- Master data relasional, batas cakupan jelas
- Tanpa geser horizontal; area sentuh minimal 44 px