EZurance

Design system · v0.1 · usulan

EZurance

1 · Identitas

Perlindungan yang terasa ringan

Cerah dan cepat saat membeli, tenang dan pasti saat klaim. Satu biru merek dipakai hemat untuk aksi dan status penting. Benda utama aplikasi adalah kartu polis.

Jawaban atas feedback JRP: "ini aplikasi apa, fokusnya apa?"

Beli asuransi, simpan e-polis, dan ajukan klaim. Semua di satu aplikasi dari JRP Insurance.

Beli Simpan Klaim

Satu titik fokus per layar: tamu melihat pilihan perlindungan, pemegang polis melihat kartu polisnya, urusan tertunda naik ke atas. Uji 3 detik dipakai sebagai kriteria review.

2 · Warna

Ultramarine logo app, netral dingin, status terpisah dari merek

Biru disampel dari berkas logo app (#0712CD, #00059F). Komponen hanya memakai token semantik, sehingga perubahan merek kelak cukup mengganti satu lapisan.

Pasangan kontras yang sudah diuji (WCAG 2.2)

Aksi utama 10,6 : 1
Teks utama 15,3 : 1
Teks redup 5,6 : 1
Status sukses 7,0 : 1
Status peringatan 7,5 : 1
Status galat 7,8 : 1
Aksen hangat (poin) 6,7 : 1
Isi hangat, teks gelap 8,0 : 1
Amber tidak pernah menjadi teks di atas putih; dipakai sebagai isi dengan teks gelap. Warna status selalu ditemani ikon dan label.

3 · Tipografi

Plus Jakarta Sans, satu keluarga, angka tabular

Geometris dan bulat seperti logo "e". Lisensi terbuka (OFL), disimpan di server sendiri. Nominal, nomor polis, dan nomor VA selalu memakai angka tabular, bukan monospace.

Display 32/40Lindungi perjalananmu
Angka 28/36Rp15.000
H1 24/32Ajukan klaim
H2 20/28Polis aktif
H3 16/24JRP-AMAN Gold
Body 16/24Santunan dibayar ke rekening yang sudah kamu verifikasi, paling lambat 14 hari kerja setelah dokumen lengkap.
Kecil 14/20Berlaku 20 Okt 2026 sampai 2 Nov 2026
Caption 12/16Diperbarui 14.30 WIB
Overline 12/16Perlu diselesaikan
Tabular8801 2026 0042 1170

4 · Ruang, radius, kedalaman

Basis 4 px, jarak milik wadah

Setiap nilai jarak memetakan ke token. Kartu dipisah oleh nada dan garis tipis; bayangan hanya untuk lapisan yang melayang (sheet, bilah aksi, tab bar). Sasaran sentuh minimum 48 px.

8Chip, input kecil
12Tombol, input
16Kartu
24Sheet, kartu polis

5 · Komponen

Komponen inti dan keadaannya

Tombol dalam konteks

Bilah aksi bawah: satu aksi utama, lebar penuh
Tersimpan otomatis 14.30 WIB
Sheet/dialog: dua aksi sama lebar, utama di kanan
Ditumpuk: utama di atas
Di dalam kartu: kecil, mengikuti label
Kuitansi rumah sakit
Keadaan: nonaktif, memuat, hangat

Formulir

+62
Kode OTP dikirim lewat WhatsApp.
Terisi dari foto KTP
NIK harus 16 digit. Kurang 4 digit.
Kode OTP

Pilihan

Masuk dengan sidik jari

Kartu polis

Asuransi mudikJRP-AMAN Gold
Aktif
Nomor polis8801 2026 0042 1170Berlaku s.d. 2 Nov 2026

Perlu diselesaikan dan lencana

Selesaikan pembayaranTravel Plus Executive · bayar sebelum 21.00 WIB
Foto ulang 1 dokumen klaimFoto kuitansi kurang jelas
Aktif Menunggu bayar Diproses Perlu revisi Draf 1.788 poin
Klaim kecelakaan diri diproses paling lambat 14 hari kerja setelah dokumen lengkap.

PT Asuransi Jasaraharja Putera terdaftar dan diawasi oleh Otoritas Jasa Keuangan

Stepper beli dan klaim

Data
Tinjau
Bayar
Kejadian
Dokumen
Rekening
Kirim

Ceklis dokumen

Foto KTPTerverifikasi
Kuitansi rumah sakitWajib · JPG atau PDF

Linimasa status klaim

Klaim diajukan18 Okt 2026, 09.12 WIB
Dokumen diverifikasi19 Okt 2026, 15.40 WIB
Analisa klaimTarget selesai 25 Okt 2026
Santunan dibayar

Daftar, memuat, kosong

Bengkel rekanan terdekat12 lokasi dalam 5 km
Pusat bantuanChat, telepon 150-788, pengaduan
Belum ada polisMulai lindungi perjalananmu, mulai Rp10.000.

Tab bar dan bilah aksi bawah

Total bayarRp15.000

6 · Ikon

Material Symbols Rounded, outline dan fill

Lisensi Apache-2.0, dari paket resmi @material-symbols/svg-400. Metafora paling dikenal pengguna Android. Outline untuk ikon fungsional; fill untuk tab aktif, ikon kategori, dan status terpilih. Dipilih dari halaman pembanding lima set.

7 · Logo, endorsement, maskot

EZurance di depan, JRP Insurance sebagai penjamin

Logo berkas asli dari repo app dan situs jrp.co.id. Ezuper muncul di momen ringan saja dan tidak pernah tampil di alur klaim, santunan, galat bayar, atau persetujuan.

Logo EZuranceLogo app (resolusi rendah, menunggu vektor)
Endorsement
dariJRP Insurance
Maskot EzuperEzuper: onboarding, kampanye, layar kosong
Zona utama: onboarding, splash, kampanye mudik dan liburan, edukasi produk, konten sosial.
Zona pendukung: layar kosong, beli berhasil, pengingat perpanjangan, poin dan hadiah.
Zona terlarang: alur klaim, santunan, galat bayar, persetujuan, penolakan polis, wajah asisten virtual.

8 · Bahasa antarmuka

Sapaan "kamu", kalimat baku, format Indonesia

UangRp15.000Tanpa spasi, titik ribuan, tanpa ,00
Tanggal dan waktu20 Okt 2026, 14.30 WIBTitik pada jam, zona waktu disebut
TombolLanjut · Bayar · Ajukan klaim1–2 kata, huruf besar di awal saja
Hindari"Gratis", slang, emojiAturan iklan OJK dan aturan brand