LeBron James Innovation Center Website Intro

The sto Shleep Kit Image ry of Nike LBJ Innovation Center

03 / 15

A 2021 Project

  • Frontend Development

Case Study


The Challenges

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.

Arrow pointing down

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.

Goal Targets

The journey

Ento packaging side view A
Ento packaging side view A
Ento packaging front view
Ento packaging side view B
Ento Horizontal Billboard
Ento Horizontal Billboard
Ento Horizontal Billboard

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.


This is a work @ Bluecadet

Back to Top

Next project:

04 / 15


LeBron James Innovation Center Website in a laptop
Previous Project Next Project

Nike LeBron James Innovation Center