Mockup Aplikasi Mobile Penumpang KCI
Flutter app untuk Android & iOS — registrasi, eKYC e-KTP, QRIS Tap HCE, Google Pay, Apple Pay, riwayat perjalanan
Android
iOS
09:41
Siap Tap NFC
Dekatkan ponsel ke gate KCI
untuk tap-in atau tap-out
untuk tap-in atau tap-out
Top Up
QRIS
GPay
Lainnya
Perjalanan Terakhir
Gambir → Manggarai
Rp 5.000
Manggarai → Depok
GRATIS
Beranda
Riwayat
Dompet
Profil
Beranda
Home Screen + NFC Tap Ready
09:42
Verifikasi Identitas (eKYC)
NIK
2
Scan e-KTP
3
Selfie
4
Selesai
Tempelkan e-KTP ke HP
Letakkan e-KTP di belakang ponsel
(dekat kamera / sensor NFC)
dan tahan selama 3–5 detik
(dekat kamera / sensor NFC)
dan tahan selama 3–5 detik
Membaca chip e-KTP... 65%
NIK terverifikasi Dukcapil
Chip e-KTP terdeteksi
Membaca data biometrik...
Verifikasi tanda tangan digital
Liveness check selfie
Beranda
Riwayat
Dompet
Profil
eKYC — Scan e-KTP
Baca chip e-KTP via NFC iPhone/Android
09:43
Status Perjalanan
Tap-In Berhasil! ✅
Gate Gambir-A · 14:32:07
Perjalanan Aktif
🚉 St. Gambir
Tap-in: 14:32:07 WIB
↓ Menuju... ↓
? Tujuan (Tap-out di stasiun tujuan)
Tap-out: —
Rp 85.000
Saldo Saat Ini
QRIS Tap
Metode
Rp 7.500
Sisa Daily Cap
242ms
Waktu Proses
Daily cap Rp 10.000 · Sisa Rp 7.500. Setelah Rp 7.500 lagi = GRATIS!
Beranda
Riwayat
Dompet
Profil
Tap-In Berhasil
Status perjalanan aktif + info fare cap
09:44
Riwayat Perjalanan
Semua
Bulan Ini
GRATIS
QRIS
38
Perjalanan
Rp 142.500
Total Dibayar
Rp 47.500
Total Hemat
Maret 2026
Gambir → Manggarai
Rp 5.000
QRIS
Manggarai → Depok
GRATIS
Daily Cap
Depok → Gambir
Rp 7.500
EMV
Gambir → Bekasi
Rp 8.000
APay
Bekasi → Manggarai
GRATIS
Weekly Cap
Beranda
Riwayat
Dompet
Profil
Riwayat Perjalanan
History + Fare Cap savings + Filter
09:45
Buat Akun Baru
Registrasi
Form pendaftaran akun baru
09:46
Verifikasi OTP
Masukkan Kode OTP
Kode 6 digit telah dikirim ke
+62 812-3456-7890
+62 812-3456-7890
5
8
3
Kode kedaluwarsa dalam 01:47
Kirim ulang OTP
1
2
3
4
5
6
7
8
9
0
Verifikasi OTP
Kode 6 digit via SMS
09:47
KCI Pay
Tap, Bayar, Jalan — Semudah Itu
Login
Masuk dengan password / biometrik
09:48
Dompet Digital
Saldo KCI Pay
Rp 85.000
Limit: Rp 2.000.000 · KYC Verified
Fare Capping Bulan Ini
Rp 7.500
Daily
Rp 32K
Weekly
Rp 95K
Monthly
Metode Pembayaran Terhubung
G Pay
Google Pay
Tap-to-pay via HCE
Aktif
Apple Pay
Hanya iPhone 7+
Belum
QRIS
QRIS Tap
Bank Indonesia · MDR 0%
Aktif
Beranda
Riwayat
Dompet
Profil
Dompet
Saldo + metode bayar + fare capping
09:49
Ahmad Wibowo
eKYC Verified
NIK e-KTP
3271xxxx xxxx 0001
Nomor HP
+62 812-3456-7890
Email
ahmad@email.com
Beranda
Riwayat
Dompet
Profil
Profil
Data diri + status KYC + menu akun
09:50
Pengaturan Aplikasi
Keamanan
Login Biometrik
Sidik jari / Face ID
PIN Transaksi
Diperlukan tiap pembayaran
Notifikasi Login
Alert login dari device baru
NFC & Pembayaran
HCE Background Mode
Tap tanpa buka app
Notifikasi Tap
Push notif tiap tap berhasil
Tema Gelap
Mode malam
KCI Pay v2.4.1 · Build 20260308
Pengaturan
Keamanan, NFC, Tema, Logout
09:51
Notifikasi
Tandai semua dibaca
Semua 3
Perjalanan
Promo
Tap-In Berhasil!
St. Gambir → (perjalanan aktif). Saldo berkurang Rp 5.000. Daily cap: Rp 5.000 / Rp 10.000
2 menit lalu
Perjalanan Gratis! 🎉
Daily cap Rp 10.000 tercapai! Perjalanan berikutnya hari ini GRATIS otomatis.
Kemarin, 17:42
Promo Cashback 20%
Top up QRIS Tap hari ini dan dapatkan cashback 20% maksimal Rp 20.000. Berlaku s.d. 31 Maret.
6 Mar 2026
Tap-Out Berhasil
St. Manggarai → Depok. Durasi 34 menit. Biaya: GRATIS (weekly cap).
6 Mar 2026
Top Up Berhasil
Saldo KCI Pay bertambah Rp 100.000 via GoPay. Saldo sekarang: Rp 185.000.
5 Mar 2026
Beranda
Riwayat
Dompet
Profil
Notifikasi
Push notif perjalanan + promo
09:52
Status Gate
Tap Ditolak ❌
Gate Manggarai-B · 09:52:14 WIB
Alasan Penolakan
Saldo tidak mencukupi
Saldo: Rp 0 · Minimum: Rp 3.000
Silakan top up terlebih dahulu
Top Up Sekarang
GoPay, OVO, dll.
Bayar via QRIS
Scan QR di gate
Masalah lain? Hubungi CS KCI di 021-121 atau chat dalam app.
Beranda
Riwayat
Dompet
Profil
Tap Ditolak
Error state — saldo tidak cukup
09:53
Top Up Saldo
Saldo Saat Ini
Rp 0
Pilih Nominal
Rp 20K
Rp 50K
Rp 100K
+Bonus 5%
Rp 200K
Rp 500K
+Bonus 10%
Lainnya
Pilih Metode Top Up
G
GoPay
Gratis biaya admin
O
OVO
Gratis biaya admin
Dana
DANA
Gratis biaya admin
Top Up
Isi saldo via GoPay / OVO / DANA
eKYC via NFC e-KTP
Baca chip e-KTP (ISO 14443) via NFC HP. BAC + Passive Auth + Face Match selfie. Android 6+ & iPhone 7+.
QRIS Tap via HCE
Host Card Emulation di Android. Ponsel emulasikan kartu NFC. Tap di gate tanpa buka app. Response < 300ms.
Fare Capping Otomatis
Daily Rp 10K, Weekly Rp 50K, Monthly Rp 150K. Setelah cap tercapai, perjalanan berikutnya otomatis GRATIS.