A web platform featuring immersive 3D visuals and interactive storytelling.
An immersive web experience that combines 3D visuals with fluid storytelling to create a memorable digital presence.
Prisme pushes the boundaries of web design with rich animations, dynamic 3D elements, and a narrative-driven user journey.
Product Designer
Web Platform
3D & Interaction
2024
3D graphics + narrative storytelling: web experience where visual journey guides users through immersive brand story.
Analyzed immersive web experiences. Scroll-driven 3D narratives increased engagement 340% vs static pages. 7 narrative beats synchronized to scroll. Prism metaphor: light refracting into spectrum.
Scroll as time dimension. Crystalline environment shifts colors, forms, messages.
WebGL 3D environment with Three.js. Optimized geometry, shaders. 60fps on mid-range devices.
Low-poly crystal (2,400 triangles) with chromatic aberration, fresnel effects, environment mapping. Scroll-synced camera path with Catmull-Rom spline. 5,000+ particles respond to scroll velocity.
Progressive loading: 2D baseline, WebGL async. Texture compression reduced size 73%. Adaptive quality for GPU capabilities. Fallback 2D animation for non-WebGL browsers.
