Gibran Portfolio & CMS
About the Project
Gibran Portfolio adalah showcase profesional yang menggabungkan desain modern dengan fungsionalitas web kompleks, dilengkapi custom CMS (admin panel) untuk mengelola konten tanpa mengubah kode, animasi interaktif menggunakan Framer Motion, GSAP, dan Lenis untuk pengalaman yang halus, elemen 3D imersif berbasis Three.js dan Globe.gl, serta integrasi database real-time melalui Supabase untuk keamanan, autentikasi, dan sinkronisasi data secara instan.
Challenges & Solutions
Mengoptimalkan performa rendering elemen 3D dan animasi berat agar tetap responsif di perangkat mobile, membangun integrasi yang mulus antara desain frontend kreatif dengan struktur database backend yang kuat, serta merancang sistem tema dinamis yang memungkinkan perubahan warna utama website secara langsung melalui panel admin.
Outcome & Impact
Menghasilkan platform portofolio yang tidak hanya berfungsi sebagai showcase tetapi juga sebagai alat manajemen konten yang efisien, mencapai skor performa tinggi pada audit Google Lighthouse meskipun menggunakan animasi kompleks, serta mempercepat pembaruan data project hingga 90% melalui integrasi CMS kustom.