PROYEK
SELESAI
WEB DEVELOPER
5+ tahun mengubah ide menjadi produk SaaS yang rapi — dari desain UI di Figma hingga implementasi full-stack, DevOps, dan segala hal di antaranya.
8
100+
BISNIS
TERDAMPAK
5+
TAHUN
PENGALAMAN
PROYEK
TERBARU
Socialchat.id
Platform CRM omnichannel & chatbot AI yang menyatukan semua saluran komunikasi pelanggan ke dalam satu dashboard.
Dharentrans.com
Platform booking online full-stack untuk perusahaan jasa travel dan pengiriman di Indonesia, mencakup tiket, rute, dan logistik.
Pagepersona.com
Platform web agency yang menawarkan website custom profesional berorientasi konversi untuk bisnis — dari landing page hingga company profile lengkap.
5+ TAHUN
PENGALAMAN
PT Booster Teknologi Indonesia
Penuh WaktuUI/UX Designer
Merancang antarmuka produk Socialchat.id — platform CRM omnichannel & chatbot AI yang digunakan ratusan bisnis di Indonesia. Membangun dan memelihara design system, mengoptimalkan alur pengguna, serta meningkatkan metrik onboarding.
Jun 2024 — Present
PT Booster Teknologi Indonesia
Penuh WaktuFront-end Developer
Membangun dan memelihara Booster.id (rebrand Komplace.id) — SaaS manajemen multi-marketplace. Mengembangkan modul frontend utama Manypage.id termasuk kalender konten, penjadwalan, dan dashboard analitik.
Apr 2021 — May 2024
Dharentrans.com
LepasFull-Stack Developer & DevOps
Membangun platform travel dan tiket full-stack dengan fitur booking, pencarian rute, dan integrasi pembayaran. Tech: SvelteKit, Tailwind CSS, MongoDB, Midtrans, Vercel.
2025
MY
TOOLSTACK
Tools dan stack yang saya gunakan setiap hari untuk membangun website dari nol hingga produksi.
JavaScript
Bahasa Pemrograman
Next.js
Framework & Library
TypeScript
Bahasa Pemrograman
Figma
Desain Tools
PostgreSQL
Database
Tailwind CSS
Framework & Library
DESAIN
PEMIKIRAN
UI/UX Figma
Kenapa Saya Selalu Desain di Figma Sebelum Menulis Satu Baris Kode Pun
Melewati fase desain terasa menghemat waktu — sampai kamu sudah setengah jalan implementasi dan sadar flow-nya tidak masuk akal. Ini proses saya mendesain produk SaaS end-to-end sebelum menyentuh kode.
Vue.js SvelteKit
Vue.js vs SvelteKit: Mana yang Benar-Benar Saya Pilih (dan Kenapa)
Saya telah ship SaaS production dengan Vue.js selama 3 tahun dan aplikasi full-stack dengan SvelteKit selama setahun terakhir. Ini perbandingan jujur kapan saya memakai masing-masing — dan apa yang membuat saya jatuh cinta dengan model reaktivitas Svelte.
Design System Figma
Membangun Design System untuk Produk SaaS: Pelajaran dari Socialchat.id
Ketika mulai mendesain Socialchat, kami tidak punya component library bersama. Enam bulan kemudian kami punya 80+ komponen yang dipakai di 5 modul produk. Ini yang saya pelajari tentang membangun design system dari nol dalam produk nyata.