Mekar adalah aplikasi evaluasi kinerja pegawai di Universitas Sumatera Utara yang membutuhkan kecepatan iterasi dan kolaborasi lintas tim. Saya bertanggung jawab memastikan frontend Vue.js menyajikan data dari backend Laravel secara real-time dan mudah dianalisis oleh pimpinan unit.
Fondasi Arsitektur
Kami memanfaatkan Laravel dan Vue untuk menghadirkan UI reaktif. Desain atomic kami memungkinkan komponen evaluasi, kartu metrik, dan grafik performa dapat digunakan ulang di banyak halaman.
Performa & Kolaborasi
Dengan menerapkan lazy-loading modul dan caching tingkat komponen, waktu muat modul evaluasi turun hingga 40%. Kolaborasi erat dengan tim UI/UX menghasilkan micro-interaction yang memudahkan pengguna memahami insight tanpa membaca manual panjang.
Outcome
Sistem baru berhasil menggantikan spreadsheet manual dan mengurangi waktu rekapitulasi kinerja dari 3 minggu menjadi 5 hari kerja. Tim HR dapat mengekspor insight dengan akurasi tinggi untuk rapat evaluasi bulanan.