Bluecadet was entrusted with the exciting opportunity to create a
new platform for Nike's Innovation Center, named after a renowned
athlete. Our task was to envision a space where Nike could
effectively showcase their innovation stories. While my involvement
began during the development phase, I played a key role in shaping
the front-end of the platform, contributing to its successful
realization.
Project Goals
Explorative and Curiosity
The website should invites exploration through its isometric 3D
worlds. We accomplish this using React Three Fibre and some
custom shaders.
Beautifully immersive
The experience should feels smooth and immersive – which means
intergrating animations and transition throughout the component
tree. This was done mostly using React Spring.
Responsive and quick
We want to make sure the experience is as fast and performant as
possible. And thus, we introduce many tactics such as media
optimization for 3D scene, preloading assets, or using newer
formats to reduce load time.
The journey
The Conclusion
With a focus on a robust and dynamic component system enriched by
captivating animations and micro-interactions, our team skillfully
crafted an immersive experience that takes Nike's innovative
story-telling to new heights. The seamless integration of these
elements elevates the platform, captivating users and effectively
conveying Nike's commitment to innovation.