Portfolio2026
Loading rafmay portfolio
Booting up0%
Open for work

Raffi

I build clean, modern websites and craft videos that tell a story — blending solid code with a sharp eye for motion and visuals.

Web Developer✦Video Editor

View my work
Get in touch
About me

I craft digital spaces that feel alive.

I'm not just building websites. I turn ideas into polished digital experiences — and cut footage into stories that actually land.

My happy place is where engineering meets craft: wiring up a component, tuning an easing curve, or trimming a frame so a cut hits right. Small details are what make things memorable.

“Build it clean. Cut it sharp. Make it feel like something.”
Code
Next.js, React & TypeScript
Edit
Premiere, After Effects & Resolve
Care about
Motion, detail & pacing
Toolkit

An interactive system, not a checklist.

The tools I reach for — building modern websites and editing videos that connect with people.

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

Video Editing

  • Premiere Pro
  • After Effects
  • DaVinci Resolve
  • CapCut

Animation

  • Framer Motion
  • GSAP
  • Lenis

Backend

  • Node.js
  • Express
  • Prisma
  • Supabase

Tools

  • Figma
  • Git
  • Vercel
  • VS Code
Next.js/React/TypeScript/Tailwind CSS/Premiere Pro/After Effects/DaVinci Resolve/Framer Motion/Node.js/Figma/CapCut/GSAP/Next.js/React/TypeScript/Tailwind CSS/Premiere Pro/After Effects/DaVinci Resolve/Framer Motion/Node.js/Figma/CapCut/GSAP/
Selected work

Proof of work.

Hover to peek, click to open. Links open when they're available.

  • Lentera Cendekia

    2025·Next.js · Tailwind CSS · Web App·Live

  • Auravisual

    2024·Next.js · Marketplace · Tailwind CSS·Offline

  • Server Minecraft — Tempat Mabar

    2024·HTML · CSS · JavaScript·In progress
Journey

The road so far.

How a stubborn curiosity turned into a craft.

2022
Milestone

Tahun pertama belajar ngoding

Self-taught

Mulai dari nol — HTML, CSS, dan rasa penasaran yang nggak ada habisnya. Ngulik gimana sebuah website dibangun dari dasar.

2023
Education

Masuk kuliah

Universitas Indo Global Mandiri

Mulai pendidikan formal di bidang teknologi, sambil terus ngoding dan bikin project di luar jam kuliah biar skill makin tajam.

2024
Milestone

Ikut serta Lomba Junior Web Developer

Kompetisi

Menguji kemampuan di kompetisi web developer — kesempatan buat ngebuktiin hasil belajar dan belajar dari developer lain.

2026
Milestone

Juara 1 CTF Sriwijaya

Capture The Flag

Meraih juara 1 di kompetisi Capture The Flag Sriwijaya — ngasah skill problem-solving, keamanan, dan kerja cepat di bawah tekanan.

Creative playground

Things I build for fun.

Small experiments, motion ideas, and interactive bits. Drag the object around.

Live / WebGL
R3F · Three.js
Drag to rotate
  • i

    Shader gradients

    GPU noise & color fields

  • ii

    Physics hover

    springs, magnets, cursor pull

  • iii

    Particle systems

    drifting points in 3D space

Certificates

Things I've earned.

Sertifikat dan pencapaian sepanjang perjalanan belajar.

What I care about

The way I work.

No testimonials yet — just the principles I bring to every project.

  • Clean code

    Readable, typed, and intentional — websites that are easy to maintain and built to last.

  • Story-driven edits

    Every cut serves the story. I edit for rhythm and emotion, not just to fill the timeline.

  • Detail-oriented

    From a 2px misalignment to a frame that lingers too long — the small stuff is what makes it feel pro.

  • Motion & pacing

    Smooth transitions on the web, tight pacing in the edit. Good motion guides attention everywhere.

  • User-first

    A site should be effortless to use; a video should be effortless to watch. The audience comes first.

  • Fast learner

    New framework, new editing tool, new brief — I get up to speed quickly and deliver.

Contact

Let's build something that feels alive.

Have an idea, project, or collaboration in mind? My inbox is always open — let's make something worth remembering.