Design & build, end to end.
What was wrong
A Melbourne boutique sells hand-beaded Afghan traditional dress worn at weddings and engagements, where the garment is part of the rite. Sold through a standard grid, that meaning collapses into a product catalogue. The brief was to give the work back its occasion.
What I built
I treated the homepage as a set piece: a real-time WebGL hero on Three.js — ~210 individually simulated gold coins and lapis/ruby beads falling over a full-bleed campaign image, reacting to cursor and re-timing to scroll. Hand-rolled throughout: no Tailwind, no animation library — authored CSS and Three.js only.
Where it landed
Built and ready; not yet public. The most visually ambitious piece in the studio's work — proof that a bespoke WebGL surface can ship without a framework propping it up.
- simulated objects
- ~210
- UI / anim libraries
- 0
- WebGL render
- Real-time
Built with Next.js 16, React 19, Three.js, WebGL, Authored CSS.
