UI/UX & FRONTEND CASE STUDY

Pusat Layanan Digital
Kemenag Kabupaten Paser

Transformasi digital birokrasi: Menciptakan portal pelayanan publik yang terintegrasi, transparan, dan inklusif (WBK/WBBM).

Latar Belakang Proyek

Proyek kemenagpaser.id dirancang untuk mendigitalisasi puluhan jenis pelayanan lintas unit (Seksi Bimas Islam, PD Pontren, Pendidikan Madrasah, hingga Subbag Tata Usaha) dalam satu ekosistem terpadu. Tujuan utamanya bukan hanya estetika, melainkan mengurai birokrasi agar selaras dengan Undang-Undang No. 25 Tahun 2009 tentang Pelayanan Publik. Portal ini menjadi fondasi penting bagi Kemenag Paser dalam mewujudkan Zona Integritas menuju Wilayah Bebas dari Korupsi (WBK).

1. Arsitektur Informasi & Omnisearch Layanan

Dengan lebih dari 30 jenis layanan (mulai dari Pendaftaran Operasional Pesantren, Legalisir Ijazah, hingga Rekomendasi Bantuan Rumah Ibadah), tantangan terbesarnya adalah information overload. Solusinya adalah UI berbasis kartu (Card-based UI) yang dikategorikan berdasarkan rumpun layanan (Keagamaan, Pendidikan, Umum) serta kehadiran Omnisearch Bar cerdas di area hero section untuk mempercepat pengguna menemukan layanan.

2. Sistem Lacak Permohonan (Tracking) Real-Time

Untuk mengeliminasi praktik percaloan dan memberikan kepastian hukum (SLA/Standar Layanan), saya merancang fitur Lacak Permohonan. Masyarakat dapat memasukkan nomor resi (cth: KPP-XXXXXX) untuk mengetahui sejauh mana berkas diproses secara real-time, lengkap dengan estimasi waktu dan fitur untuk mengunduh hasil secara instan. Ini adalah manifestasi dari transparansi layanan publik.

Identifikasi Sistem Mendalam (Deep Dive)

📊

Real-Time IKM Dashboard

Menghadirkan halaman khusus Indeks Kepuasan Masyarakat (IKM) sesuai standar Permenpan RB No. 14/2017. Data diolah secara otomatis per triwulan berdasarkan kuesioner masyarakat setelah menerima layanan.

♿

Web Accessibility (A11y)

Fokus pada desain inklusif dengan fitur pengubah ukuran teks (A+, A, A-) dan integrasi Pembaca Suara otomatis. Memastikan layanan dapat diakses tanpa hambatan oleh penyandang disabilitas dan lansia.

📑

Standardisasi Pelayanan (SOP)

Setiap halaman layanan menampilkan komponen transparan: Persyaratan detail, Alur Mekanisme, Biaya (100% Gratis), dan Jangka Waktu (SLA - Service Level Agreement seperti 30-60 menit).

💬

Saluran Pengaduan Terpadu

Sistem terhubung langsung dengan SP4N-LAPOR!, WhatsApp terpadu, dan portal Lapor internal. Desain memfasilitasi komunikasi dua arah (Two-way communication) secara seamless.

Kesimpulan Desain

Pusat Layanan Digital Kemenag Paser adalah bukti nyata bahwa pendekatan UI/UX yang tepat dapat mengubah birokrasi konvensional menjadi layanan yang lebih humanis, efisien, dan bersih. Desain ini dibuat mengutamakan kemudahan navigasi publik di atas kompleksitas struktural instansi.