WebGL brand world
01 / WebGL brand world
Aurora Systems
A living particle identity driven by real-time network telemetry. Rendered at 60fps in the browser.
What I do
One senior designer-developer, end-to-end.
Design and build under one roof. Nothing gets lost between two agencies because there is only one. A few projects a year, each with my full attention.
01Art direction · WebGL · Motion
Immersive brand sites
The site people screenshot.
Flagship websites with real-time 3D, motion and sound. Built so the brand feels expensive before the first scroll.
02Launch · Interaction · Performance
Product & launch experiences
Built for the day the traffic arrives.
Campaign microsites, product reveals and configurators that hold up when fifty thousand people land at once.
03GLSL · Three.js · Shaders
Real-time 3D & WebGL
The part most studios subcontract.
Custom shaders, GPU particles and tuned render loops, budgeted to hold 60fps on a three-year-old laptop.
04Next.js · TypeScript · Node
Full-stack build
Designed and shipped by the same hands.
From Figma to production: accessible front-ends, a clean CMS, APIs and deploys. You brief one person, once.
Selected work
Immersive product launch
02 / Immersive product launch
Meridian
A scroll-driven cinematic reveal that unfolds a flagship product across nine choreographed acts.
Interactive installation
03 / Interactive installation
Koto Labs
A floor-to-ceiling generative projection responding to motion across a gallery floor.
Brand identity
04 / Brand identity
Saker
A kinetic visual system of type, motion and 3D for a frontier aerospace company.
Real-time configurator
05 / Real-time configurator
Volume One
A photoreal product configurator letting customers compose their own object in real time.
Worlds rendered live in the browser. You feel them before you read them.
Built with
Front-end
- React
- Next.js
- TypeScript
- Tailwind
Graphics
- Three.js
- WebGL
- GLSL
- GSAP
Back-end
- Node
- APIs
- Headless CMS
- Postgres
Craft
- Figma
- Blender
- Motion
- Sound