6 hours
Discovery
Clarify the audience, offer, and page hierarchy before visual decisions are locked.
Information ArchitectureUser PersonaResearch
WebGL / Interactive / 2026
A real-time WebGL experience built to demonstrate front-end capability at the edge.
Vector Bloom is an interactive canvas where users orbit a parametric scene, tune layered visual effects, and swap visual lanes in real time. It serves as a front-end capability showcase and creative sandbox.
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
The experience needed to feel like a polished product while remaining a technical demonstration. Every interaction had to respond instantly without breaking the visual continuity.
Response
We built a layered rendering pipeline with custom shaders, postprocessing passes, and a parameter interface that lets viewers control the scene without leaving the immersion.
Impact
The result is a browser-native 3D playground that proves real-time rendering capability while feeling like a finished creative piece.
Full frameInteractive parametric WebGL playground
Mobile responsive
Mobile frames keep the same tone, hierarchy, and conversion cues while tightening the page for swipe-first browsing.
01 / 05
