PROJECTS
COMPLETED
WEB DEVELOPER
5+ years turning ideas into polished SaaS products — from UI design in Figma to full-stack implementation, DevOps, and everything in between.
8
100+
BUSINESSES
IMPACTED
5+
YEARS OF
EXPERIENCE
RECENT
PROJECTS
Socialchat.id
An omnichannel CRM & AI chatbot platform that unifies all customer communication channels into a single dashboard.
Dharentrans.com
A full-stack online booking platform for an Indonesian travel and delivery service company, covering ticketing, routes, and logistics.
Pagepersona.com
A web agency platform offering professional, conversion-focused custom websites for businesses — from landing pages to full company profiles.
5+ YEARS
EXPERIENCE
PT Booster Teknologi Indonesia
Full-timeUI/UX Designer
Designed product interfaces for Socialchat.id — an omnichannel CRM & AI chatbot platform used by hundreds of businesses across Indonesia. Built and maintained a design system, optimized user flows, and improved onboarding metrics.
Jun 2024 — Present
PT Booster Teknologi Indonesia
Full-timeFront-end Developer
Built and maintained Booster.id (rebranded Komplace.id) — a multi-marketplace management SaaS. Also developed core frontend modules for Manypage.id including content calendar, scheduling, and analytics dashboard.
Apr 2021 — May 2024
Dharentrans.com
FreelanceFull-Stack Developer & DevOps
Built a full-stack travel and ticketing platform with booking, route search, and payment integration. Tech: SvelteKit, Tailwind CSS, MongoDB, Midtrans, Vercel.
2025
MY
TOOLSTACK
The tools and stack I rely on every day to build websites from scratch to production.
JavaScript
Programming Language
Next.js
Framework & Library
TypeScript
Programming Language
Figma
Design Tools
PostgreSQL
Database
Tailwind CSS
Framework & Library
DESIGN
THOUGHTS
UI/UX Figma
Why I Build Every SaaS UI in Figma Before Writing a Single Line of Code
Skipping the design phase feels like it saves time — until you're halfway through implementation and realize the flow doesn't make sense. Here's my process for designing SaaS products end-to-end before touching the codebase.
Vue.js SvelteKit
Vue.js vs SvelteKit: Which One I Actually Reach For (And Why)
I've shipped production SaaS with Vue.js for 3 years and full-stack apps with SvelteKit for the past year. Here's an honest breakdown of when I use each — and what made me fall in love with Svelte's reactivity model.
Design System Figma
Building a Design System for a SaaS Product: Lessons from Socialchat.id
When I started designing Socialchat, we had no shared component library. Six months later we had 80+ components used across 5 product modules. Here's what I learned about building a design system from scratch inside a real product.