Histeel Membership

Pelanggan Histeel selama ini tidak punya satu tempat untuk melihat saldo poin, menukar hadiah, mengecek riwayat transaksi, atau menemukan cabang terdekat. Semua tersebar, sebagian tidak digital sama sekali. Histeel Membership hadir untuk menyatukan itu semua dalam satu aplikasi Android dan iOS berbahasa Indonesia.

Apa yang bisa dilakukan member

Begitu masuk, pengguna langsung mendapat kartu member digital dengan level keanggotaan, saldo poin real-time, dan QR code. Dari sini mereka bisa menelusuri riwayat transaksi pembelian, memantau pergerakan poin—perolehan, penukaran, pembalikan, hingga kedaluwarsa—dan menukar poin di katalog hadiah yang terhubung langsung ke backend.

Voucher dan promo tersedia di tempat yang sama. Berita brand dan notifikasi push dari Histeel masuk ke dalam aplikasi, bukan berserakan di email atau WhatsApp. Setiap notifikasi bisa ditandai terbaca satu per satu atau sekaligus.

Untuk lokasi, pengguna melihat peta interaktif seluruh cabang Histeel beserta jam operasional. Dari sana mereka bisa langsung menelepon, membuka WhatsApp, atau melanjutkan ke aplikasi peta—tanpa perlu keluar dari aplikasi atau copy-paste alamat.

Navigasi aplikasi terbagi menjadi lima tab: Beranda, Transaksi, Poin, Lokasi, dan Akun. Semuanya tersedia dalam Bahasa Indonesia dengan format tanggal dan angka lokal Indonesia.

Bagaimana ini dibangun

Aplikasi dikembangkan dengan Flutter untuk Android dan iOS dari fondasi hingga integrasi REST API penuh. Sepuluh domain fitur—akun, autentikasi, beranda, hadiah, lokasi, notifikasi, poin, promo, transaksi, dan voucher—masing-masing memiliki model, repository, provider, dan screen yang terpisah. Perubahan kontrak API tidak menjalar ke domain lain.

Dio menangani seluruh request HTTP melalui interceptor terpusat: bearer token, timeout, parsing error, dan pembersihan sesi otomatis ketika server mengembalikan 401. Token disimpan di flutter_secure_storage. GoRouter menjaga state tab tetap utuh saat pengguna berpindah bagian aplikasi.

Pendaftaran dibuat self-service tanpa keterlibatan admin. Pelanggan yang sudah terdaftar di sistem cabang cukup memasukkan nomor HP untuk diverifikasi ke backend, membuat akun email dan password, lalu memverifikasi email lewat kode enam digit. Route guard GoRouter menahan sesi yang belum terverifikasi di layar verifikasi sampai kodenya benar, sementara batas percobaan dan hitung mundur kirim ulang menjaga pengguna dari kena rate limit.

Antarmuka menggunakan Material 3 dengan identitas hitam-putih-merah Histeel dan tipografi Seravek, dikunci portrait, dengan design token semantik yang konsisten di tema terang dan gelap.