Lumenix Studio
A dark, neon-lit agency site where a 3D mascot carries the brand energy straight into the hero.
What needed to change.
Lumenix wanted a site with the energy of its brand — dark, neon, alive — anchored by a 3D mascot in the hero. Real-time 3D on the web is easy to make slow and hard to make accessible; the brief was to get the impact without the cost.
The solution.
We built the hero as a real-time 3D scene with the mascot as its centrepiece, choreographed with scroll so the character introduces the agency's work. The rest of the site keeps the neon palette but reads clearly, with the 3D budgeted so it never blocks the page.
Visitors without WebGL or on low-powered devices get a designed fallback rather than a blank space, and the whole site stays within a performance budget.
What stands out.
- Real-time 3D mascot in the hero
- Scroll-choreographed introduction
- Designed non-WebGL fallback
- Neon visual system with clear reading hierarchy
Built with.
- Next.js
- React
- Three.js / WebGL
- Scroll choreography
- Performance budgeting
Full case study with results available on request — ask us in a scope call.
