Details
This project focused on presenting live events in a way that encourages exploration. The challenge was to condense information, highlight key details, and create visuals that feel cohesive and on-brand with the client.
Tech
Next.js
Typescript
Supabase
Blender
React Three Fiber
Zustand
A global scroll value drives the entire experience. The input is normalized into a timeline, with specific ranges mapped to different animation states, allowing the DOM and WebGL layers to stay perfectly synchronized.
Custom 3D assets were created to reinforce the visual identity, including a fully modeled cuban chain used as a motif in the interface.
The system is designed to remain responsive and fluid, balancing expressive motion with usability so users can navigate content effortlessly while still engaging with the visual experience.