6 hours
Discovery
Clarify the audience, offer, and page hierarchy before visual decisions are locked.
Information ArchitectureUser PersonaResearch
WebGL / Studio / 2026
A studio marketing site that uses WebGL and scroll choreography to tell a brand story.
Nexus pairs custom Three.js shaders with GSAP scroll choreography and Lenis smooth scrolling to create a studio site that feels more like an experience than a brochure.
Design process
24 hours
Strategy
Turn the direction into positioning, conversion logic, and a tighter interaction flow.
Competitor AnalysisHypothesis BuildingInteraction Flow
40 hours
Solution
Shape the final experience through motion, responsive screens, and visual direction.
Prototype AnimationsInteractive WireframesMoodboard & Visual Direction
Initial concepts
Early UI Concepts and Visual Explorations.
Challenge / response / impact
Studio sites often default to grids and case study lists. This concept needed to prove craft through the experience itself, not just through the work displayed.
Response
We treated the entire page as a shader canvas, weaving Three.js visuals into the scroll journey so the brand story unfolds spatially rather than through static sections.
Impact
The finished concept positions the studio as a builder of immersive digital surfaces, with the site itself serving as the strongest proof point.
Full frameShader-driven studio marketing surface
Mobile responsive
Mobile frames keep the same tone, hierarchy, and conversion cues while tightening the page for swipe-first browsing.
01 / 05
