Total Exposure
An agency site with WebGL effects & a self-managed case-study CMS
What needed solving
An agency that sells creative work needs its own site to be proof of that work - but it also has to be updatable by the team, not by a developer. On the old site, every change meant emailing someone and waiting, so finished campaigns sat unpublished simply because updating the site was a chore.
What I delivered
A Next.js site with a deliberately heavy visual layer - WebGL colour-shift effects on imagery, animated page transitions and a scrolling marquee - sitting on top of a Firebase-backed CMS. Case studies are database records rather than hardcoded pages: the team logs in, writes copy in a rich editor, uploads galleries and showreel video, and drags projects into display order. The public work index and every case-study page are generated from that same data, so publishing new work takes minutes.
What it does
- 01Self-managed case-study CMS with a rich text editor
- 02Drag-and-drop ordering of featured work
- 03Image gallery and showreel video uploads
- 04WebGL colour-shift hover effects on imagery
- 05Animated page transitions and scroll-driven motion
- 06Password-protected admin area for the whole team
- 07Client logo wall and services pages