RK/2025 rvnkrwn@gmail.com
Frontend Developer · Jakarta

Beyond codeinto experience.

I engineer polished frontend experiences where motion, usability, and performance meet — turning static interfaces into responsive systems that feel fast, precise, and alive.

Based in
Jakarta, Indonesia
Role
Frontend Developer
Scroll to workSelected, 2025
frontendinteractionperformanceexperiencefrontendinteractionperformanceexperiencefrontendinteractionperformanceexperiencefrontendinteractionperformanceexperience
02 / Expertise

Where craft meets engineering.

Six disciplines I treat as one practice — from typed component systems to the motion that holds it all together.

01

Interface Engineering

Component systems, accessible primitives, and pixel-precise UI built with React, Vue, and modern Astro architecture.

02

Motion Development

Scroll storytelling, masked reveals, and refined micro-interactions using GSAP, ScrollTrigger, and Lenis.

03

Frontend Architecture

Scalable Next.js and Nuxt structures — typed contracts, composable layouts, and clean separation of concerns.

04

Performance

Lighthouse-aware delivery: bundle discipline, image strategy, lazy boundaries, and fast first paint.

05

API Integration

Typed REST integration with Postman-validated contracts, Prisma-backed data, and predictable client state.

06

Design Implementation

Translating Figma into faithful, responsive, motion-aware interfaces with Tailwind and shadcn/ui.
03 / Selected Work

Quiet builds. Loud results.

A short edit of recent work. Concept and demo builds while production cases are written up.

  • 01 — 2025
    Concept · Agency Site

    Editorial Studio

    An editorial agency landing concept exploring scroll-driven storytelling, masked image reveals, and a black-and-white type system.

    Role
    Frontend · Motion
    Stack
    Astro · React · Tailwind · GSAP · Lenis
    Concept01 / 03
    Editorial
    Live — soonRepo — soon
  • 02 — 2025
    Internal · Product UI

    Atlas Dashboard

    Concept for a typed Next.js dashboard — composable layout primitives, server-driven tables, and Prisma-backed data access.

    Role
    Frontend · Architecture
    Stack
    Next.js · React · Tailwind · shadcn/ui · Prisma · Postgres
    Internal02 / 03
    Atlas
    Live — soonRepo — soon
  • 03 — 2025
    Demo · Product Marketing

    Lumen Landing

    A Nuxt + Vue marketing surface with cinematic hero, scroll-pinned feature reel, and refined cursor work.

    Role
    Frontend · Motion
    Stack
    Nuxt · Vue · Tailwind · GSAP
    Demo03 / 03
    Lumen
    Live — soonRepo — soon
04 / Featured Case Study

Editorial Studio

A monochrome agency surface built to prove that restraint can still feel cinematic. Scroll choreography, masked reveals, and a strict type system carry the entire experience.

Editorial Studio2025
Featured
Editorial
Studio
Black-and-white editorial system2025
  1. 01

    The brief

    Replace the noise of a typical agency homepage with editorial pacing. Less effects, more intent. Every motion has to earn its place.

  2. 02

    The system

    An eight-column editorial grid, oversized display type, and a single accent: contrast. The motion language is built on clip-path reveals and pinned ScrollTriggers.

  3. 03

    The build

    Astro for the static shell and SEO. React islands handle the animated sequences. Lenis drives smooth scroll, synced to the GSAP ticker for stable timelines.

  4. 04

    The result

    [real metric needed] — performance, conversion, and engagement numbers will be added once the live build ships.
05 / Technical Stack

The toolkit I ship with.

Frontend, motion, styling, data, and quality — grouped by intent. Production-tested, no novelty for novelty's sake.

Frontend
  • React
  • Next.js
  • Vue
  • Nuxt
  • Astro
  • Node.js
Styling & UI
  • Tailwind CSS
  • shadcn/ui
Motion
  • GSAP
  • ScrollTrigger
  • Lenis
Data & ORM
  • PostgreSQL
  • MySQL
  • Prisma ORM
Quality & Tooling
  • Postman
  • Katalon
  • TypeScript
06 / About

A short note, not a manifesto.

Identity
Revan Kurniawan · Frontend Developer
Based in
Jakarta, Indonesia

I'm Revan — a frontend developer based in Jakarta. I build expressive, performance-aware interfaces with React, Next.js, Vue, Nuxt, and Astro.

My focus is the edge where engineering meets craft: typed component systems, considered motion, and frontends that hold up under real production load.

Outside of shipping, I spend time studying motion direction, UI systems, and the small details that separate a good build from a memorable one.
07 / ContactJakarta · 00:00:00 WIB

Let's buildsomething sharp.

Open to frontend roles, freelance collaborations, and craft-driven product work.

rvnkrwn@gmail.com