Available for freelance & full-time

Design Meets Code

Frontend Engineer with a design edge

Most developers hand off to designers. I don't. I design the interfaces and write the production code myself, so there's less back-and-forth, faster delivery, and products that look intentional because they are.

Start a project
Dashboard
Available Open to remote3
Good evening, visitor
7,000+active app users
Presensi PKP · Android & iOS
GitHub Case study Email Projects
Crash-free sessions99.9%
Client organisations8
Years building3+
Track record

Numbers from Shipped Work.

From production apps for government, education and enterprise clients, as of November 2026.

  • 7,000+Active app users
  • 99.9%Crash-free sessions
  • 8Client organisations
  • 3+Years of experience
  • 3Web, UI/UX & mobile

From Figma to Production, Under One Roof.

Frontend Engineering

React, Next.js and TypeScript interfaces that are fast, accessible and pixel-perfect.

Start a project

Motion & 3D

GSAP and WebGL moments that make a product feel alive, like the scene on this page.

Let's talk

Design & Build Sprint

From a Figma file to a live, production-ready page in one focused sprint.

Book a sprint

UI / UX Design

Wireframes, user flows and prototypes in Figma, designed around what users actually do.

Learn more

Design Systems

Tokens and components your whole team can build with, in Figma and in code.

Try it

Flutter Mobile Apps

Android and iOS from one Flutter codebase, on Clean Architecture and BLoC.

Build an app
Selected work

Recent Work. Real Results.

Products I've designed and built across web, mobile and design systems.

ProjectYearHighlightStatusType
PKPresensi PKPPemkot Pangkalpinang20257,000+ usersLiveMobile
ECE-Commerce PlatformStorefront2024Stripe checkoutConceptFrontend
TMTask Management AppCollaboration2024Real-time kanbanConceptFrontend
ADAnalytics DashboardData visualisation2023Custom widgetsConceptUI/UX
MBMobile Banking AppFintech2023Biometric authConceptMobile
AIAI Content GeneratorLLM tooling2023Streaming UIConceptFrontend
REReal Estate PlatformProperty search2022Map searchConceptUI/UX
HFHabit & Fitness TrackerHealth2022Offline-firstConceptMobile

Presensi PKP is live in production. Entries marked Concept are demo builds; full case studies coming soon.

How I work

Seamless from Call to Launch.

Clear milestones, regular demos and no surprises, whether I'm joining your team or building solo.

  1. 1Step 01

    Discover

    A short call to understand your goals, your users and your timeline.

  2. 2Step 02

    Design & Build

    Figma first, then production code, with demos so you see real progress.

  3. 3Step 03

    Launch

    Testing on real devices, a smooth go-live and support after launch.

Dashboard / Live attendance
Available Open to remote3
Live Attendance
Every office in the city, ranked by on-time check-ins today.
OfficesEmployeesShifts
All officesDinasKecamatanKelurahanOfficeField Search offices…
DK
DiskominfoDinas · Office
#1
vs last wk+2.4%On time98%Checked in126
Updated liveDetails
SD
Sekretariat DaerahSetda · Office
#2
vs last wk+1.8%On time97%Checked in312
Updated liveDetails
BI
Kec. Bukit IntanKecamatan · Field
#3
vs last wk+3.6%On time96%Checked in84
Updated liveDetails
KS
Dinas KesehatanDinas · Shifts
#4
vs last wk+1.3%On time95%Checked in268
Updated liveDetails
GR
Kec. GerunggangKecamatan · Field
#5
vs last wk+4.1%On time95%Checked in77
Updated liveDetails
PU
Dinas PUPRDinas · Field
#6
vs last wk+2.9%On time94%Checked in193
Updated liveDetails

Presensi PKP

The official GPS-verified attendance app for the Pangkalpinang city government: check-ins, leave requests and history for around 7,000 employees, from one Flutter codebase.

  • GPS-Verified Check-in

    Clock in only inside the office geofence, with fake-GPS detection and a photo capture for identity.

  • Leave Requests & History

    Submit leave with attachments and review every check-in and check-out on a calendar view.

  • Built for the Field

    Server-time sync, offline caching and push notifications, running at 99.9% crash-free.

Quick answers

Ask Me Anything

The questions I get asked most,
answered in one place.

47
Ask me anything about my workPick a question to see my answer.
Ask about projects, pricing or availability…

Flutter Apps

Cross-platform apps for iOS, Android and web from one codebase.

  • Dart
  • Riverpod
  • Firebase
  • Material 3

UI/UX Design

From research and wireframes to polished, tested interfaces.

  • Figma
  • User research
  • Prototyping

Front-end Development

Fast, accessible web apps in React and Next.js, built from your designs.

  • React
  • Next.js
  • TypeScript

Design Systems

Tokens and components that keep design and code in sync.

  • Tokens
  • Components
  • Docs

Motion & Interaction

Micro-interactions that make interfaces feel alive.

  • Flutter animations
  • GSAP
  • Rive

Performance & Accessibility

Lighthouse in the green and WCAG AA by default.

  • Core Web Vitals
  • WCAG AA

Let's Build Something
Worth Scrolling For

Tell me about your project or role.