Nike Air Max Dn
- Client
- Nike
- Year
- 2024
- Stack
- Next.js, GSAP
[0] The project
A digital launch experience introducing Nike Air Max Dn and its new Dynamic Air technology. A place to explore the bold design and discover a new generation of Air.
[0][0] Challenge
Bring the feeling of Dynamic Air to the screen, making the technology easy to understand while capturing the style and energy of the shoe.
[0][1] Approach
Combine fluid animations, detailed product sequences and interactive carousels to guide users through the technology, comfort and colourways of Air Max Dn.
[0][2] Result
A premium, motion-led experience that brings the shoe into focus, connecting product discovery with a clear path to shop.
Homepage walkthrough
Maxxed Out Comfort
Features and details
Color carousel
[1] Built for this project
Components
A selection of the elements I brought to life along the way.
Colorways carousel
A GSAP draggable way to quickly browse the different colorways of the shoe.
Shoe sequence
Letting the user take control, an image sequence attached to the page scroll, designed to impress.
Shop button
A subtle Nike reference when displaying the Shop button.
[2] Credits
The Team
The people I had the pleasure of closely working with to bring this project to life.
- Designer
- Mischa Loppies
- Motion Designer
- Joris van Raaij
- Frontend Developer
- Wesley Smulders