FDFerdinand Dero Saputra

Portfolio — 2021 to present

Interfaces built with restraint, shipped with precision.

Frontend engineer building calm, precise interfaces for the web. Design systems, performance budgets, and the kind of detail you only notice when it is missing.

View selected workGet in touch
TypeScriptReact 19Next.js 15Tailwind CSS

02 — Capabilities

what I do

A narrow set of skills, taken seriously.

I would rather do four things at a senior level than twenty at a mediocre one. Here is the honest list.

  1. 01

    Interface engineering

    Component architectures that stay legible at scale: server components by default, client boundaries pushed to leaves, motion limited to transform and opacity.

    • React 19
    • Next.js 15
    • TypeScript
    • CSS transitions
  2. 02

    Design systems

    Perceptual OKLCH tokens, fluid type ramps, and one palette per role. Every colour lives in a single token block, so a theme change is one edit.

    • Tailwind CSS v4
    • OKLCH
    • CSS custom properties
    • WCAG contrast
  3. 03

    Performance

    Lighthouse runs on every push and fails the build below the thresholds in lighthouserc.json. Speed is checked in CI, not in an audit months later.

    • Lighthouse CI
    • Core Web Vitals
    • next build output
  4. 04

    Delivery

    Tests that catch regressions before users do, previews on every branch, and one-command rollbacks.

    • Playwright
    • axe-core
    • ESLint
    • GitHub Actions

03 — Experience

2024 — now
  1. 2026 — Present

    Independent builder

    Personal projects

    Six shipped projects on this page — a services marketplace, a security model, a Rust archiver, a CLI agent, an OAuth system, and a Playwright cloner — each with its source repository linked.

  2. 2024 — 2026

    Competition track

    OTN VI · LKS Babel · E-MOSTFET 11

    Juara I Desain Web at OTN VI (2024), Juara II IT Software Solution for Business at LKS Babel (2025), and Juara 2 Web Design Online at E-MOSTFET 11 (2026).

05 — Contact

Available for select projects

Start a conversation

ferdinandderosaputra1@gmail.com

Tell me what you are building and where it hurts. I reply within two working days, usually sooner.