MyASN BKN.

01 · Konteks

Satu platform. Jutaan pegawai negeri.

BKN (Badan Kepegawaian Negara) adalah lembaga nasional yang mengelola data kepegawaian setiap pegawai negeri sipil di Indonesia. MySAPK (sekarang MyASN) adalah platform digital pusat mereka: satu sistem tempat seluruh 4,4 juta ASN bisa melihat riwayat layanan, mengajukan permohonan administrasi, melacak riwayat karier, dan mengelola data profesional mereka.

Satu platform. Jutaan pengguna. Tidak ada ruang untuk ambiguitas dalam UX.

02 · Peran

Dari desain sampai rilis: 14 fitur, 100+ layar.

UIX Engineer: peran yang berada di antara desain dan pengembangan. Memegang penuh user flow, wireframe, dan layar high-fidelity di setiap fitur. Di platform web, setiap dari 100+ layar itu juga dibangun dengan Vue.js. Untuk Android, pekerjaan berhenti di spesifikasi desain.

Fitur yang dikerjakan:

1. Autentikasi: Login, Register, Reset Password
2. Dashboard
3. Dashboard dengan Event
4. Pembaruan Data oleh Pengguna
5. Pengajuan Dokumen
6. Semua Dokumen
7. Profil
8. Stakeholder
9. Kompetensi & Kinerja
10. Angka Kredit
11. Kartu PNS Elektronik
12. Laporan Kinerja Tahunan
13. Berita
14. Notifikasi

03 · Tantangan

Lapisan data tidak selalu bekerja sama.

Sistem pemerintah pada skala ini berjalan di atas infrastruktur yang sudah tetap. API backend terkunci atau sangat terbatas; mengubahnya jarang jadi pilihan, dan banyak yang mengembalikan data dalam bentuk yang tidak enak dipakai untuk UI yang bersih.

Masalah desain sebenarnya bukan soal visual. Masalahnya struktural.

• API yang tetap: Struktur data backend tidak bisa diubah. UI harus menyerap bentuk apa pun yang dikembalikan API: nilai null, format tak terduga, respons yang lambat.
• Tekanan skala: Satu keputusan UX memengaruhi jutaan pengguna di ribuan instansi, banyak di antaranya dengan literasi digital terbatas atau koneksi lambat.
• Pengiriman dua minggu: Sprint review setiap dua minggu: mendesain, membangun, dan menyelaraskan dengan tim backend dan frontend dalam satu siklus yang sama.

“Jawabannya bukan melawan backend. Jawabannya menyerapnya: lewat loading state yang disengaja, pola fallback, dan keputusan micro-UX yang tidak pernah disadari pengguna karena mereka tidak pernah melihat sambungannya.”

04 · Pendekatan

Disiplin komponen. Sprint demi sprint.

Pekerjaan berjalan dalam sprint dua minggu. Setiap siklus ditutup dengan sprint review bersama tim backend dan frontend, yang memaksa penyelarasan sejak awal tentang apa yang didesain, apa yang bisa dibangun, dan apa yang benar-benar rilis.

Disiplin komponen menjadi fondasinya. Setiap layar didesain berdasarkan apa yang realistis dikembalikan API. Edge case (empty state, error state, data parsial) dispesifikasikan bersama happy path, bukan ditambahkan belakangan.

Di sisi kode, komponen Vue dijaga tetap selaras dengan design system. Di 100+ layar, jarak antara mockup dan produksi tetap cukup kecil untuk berarti.

05 · Hasil

Pengalamannya bertahan.

MyASN BKN dipakai aktif oleh pegawai negeri di seluruh Indonesia, tersedia di web dan Android.

• 5 juta+ unduhan di Play Store
• Rating 4 bintang dari 18.500+ ulasan
• 100+ layar didesain dan dibangun

Rating empat bintang untuk platform HR pemerintah yang dipakai di bawah tekanan kepatuhan di ribuan instansi. Sebagian besar ulasan rendah membahas beban server saat jendela pengajuan sedang ramai, bukan UX-nya.

Pengalamannya bertahan.