Nike × Bauhaus: a concept website for the Air Max 270 React

Create a Nike Bauhaus Edition website that celebrates Bauhaus design and the harmonious blend of art and function in the Nike Air Max 270 React, while embodying Bauhaus principles.

This is a remaster of a project I first did in 2019, with a similar goal but a more holistic approach. More than four years later, I wanted to capture the essence of a design movement that is still extremely relevant, just as the first edition was for me.

Express gratitude to the Bauhaus visionaries and celebrate the dedication of the Nike team, fusing boldness with Bauhaus principles, and give users an outstanding experience in line with Bauhaus design.

A comprehensive approach that brought together UX/UI design, After Effects animation, sound design for the animations and 3D rendering. Thorough preparation for development, 3D models from external partners and close work with the developer made sure everything worked.

Immersing myself in both sides — Nike and the Bauhaus — the design answers the questions that came up along the way: how to embody Bauhaus ideas and principles, where the inspiration comes from, what the cultural context is, why it is relevant, how to connect the concepts with the product and what the customer experience should feel like.

• UX/UI design: user flows, strategy, reference gathering and visual creation.
• After Effects animation connecting the brand and its iconography.
• Sound design for the animations.
• 3D rendering to showcase the results.
• Development hand-off: visuals, iconography, typography and prototypes organised with the developer.
• Collaboration with external partners for the 3D models of the sneakers and the Bauhaus chair.

Try the interactive prototype.

This project pays homage to a design movement that is still relevant almost 100 years later. It is a thank-you to the people who shaped that way of thinking, and to the designers at Nike who created a product that is both bold and respectful of the Bauhaus.