June 13, 2026 1 min read

Portfolio - 2025

Personal Project2025Creative ProgrammingJavaScript UI/UX DesignWeb Audio

Portfolio - 2025

This site is itself a project: a portfolio built as a playable instrument rather than a document you scroll through. Every page is staged in 3D, driven by React Three Fiber, with a real Web Audio engine underneath rather than pre-rendered sound clips.

a portfolio you can hear

Instead of embedding audio files, sound is synthesized procedurally in the browser — oscillators, filters, and envelopes generated on the fly and routed through a shared audio graph. That decision made every interaction on the site — a hover, a click, a page transition — something that could have its own distinct, tunable sound rather than a handful of reused samples.

performance as a design constraint

Running a full 3D scene, procedural audio, and page-transition animation simultaneously means frame budget is the real design material here, not just the visuals. Postprocessing passes that looked great in isolation — ambient occlusion, temporal antialiasing — got cut or swapped for cheaper equivalents the moment they cost more than a millisecond on a mid-range laptop, since a portfolio that stutters undermines the exact craft it's trying to show off.

If the site about the work doesn't run smoothly, why would anyone trust the work itself?

Content — projects, tracks, gallery images — is managed through Sanity, so the 3D shell stays fixed while the material inside it can keep growing.

NEON DRIFTA. KOLEE
0:00-3:34