Nike React 270 Bauhaus — Diseño clásico para el mundo de hoy

Cuaderno de ruta · 2023

Nike × Bauhaus: una web conceptual para las Air Max 270 React

Una web conceptual para la edición Bauhaus de las Nike Air Max 270 React que rinde homenaje a la Bauhaus y a la unión de arte y función en la zapatilla. Diseñada en 2019 y remasterizada en 2023 con UX/UI, animación, diseño sonoro y renders 3D.

Cliente:
Nike Bauhaus
Resumen:
Diseño clásico para el mundo de hoy
Resultados:
Una web muy cool
Campos:
UXUI + Visuales
Año:
2023
Rol:
Diseñador
Herramientas:
Figma, Blender, Adobe Creative Suite
Web:
Prototipo interactivo ↗
Reconocimientos:
Menciones en Awwwards

El reto

Crear una web para la Nike Bauhaus Edition que celebre el diseño de la Bauhaus y la mezcla armoniosa de arte y función de las Nike Air Max 270 React, siguiendo los principios de la Bauhaus.

Es una remasterización de un proyecto que hice en 2019, con un objetivo parecido pero un enfoque más integral. Más de cuatro años después, quería captar la esencia de un movimiento que sigue siendo muy relevante, igual que la primera edición lo fue para mí.

Nike React 270 Bauhaus — imagen del proyecto 1
Nike React 270 Bauhaus — imagen del proyecto 2
Nike React 270 Bauhaus — imagen del proyecto 3
Nike React 270 Bauhaus — imagen del proyecto 4

El objetivo

Agradecer a los visionarios de la Bauhaus y celebrar el trabajo del equipo de Nike, uniendo audacia y principios Bauhaus, y ofrecer a los usuarios una experiencia excelente acorde con ese diseño.

Nike React 270 Bauhaus — imagen del proyecto 5
Nike React 270 Bauhaus — imagen del proyecto 6
Nike React 270 Bauhaus — imagen del proyecto 7
Nike React 270 Bauhaus — imagen del proyecto 8

La solución

Un enfoque integral que reunió diseño UX/UI, animación en After Effects, diseño sonoro para las animaciones y renders 3D. Una preparación cuidadosa para desarrollo, modelos 3D de colaboradores externos y el trabajo codo con codo con el desarrollador hicieron que todo funcionara.

Sumergiéndome en ambos mundos —Nike y la Bauhaus—, el diseño responde a las preguntas que surgieron por el camino: cómo encarnar las ideas y principios de la Bauhaus, de dónde viene la inspiración, cuál es el contexto cultural, por qué es relevante, cómo conectar los conceptos con el producto y cómo debe sentirse la experiencia.

Nike React 270 Bauhaus — imagen del proyecto 9
Nike React 270 Bauhaus — imagen del proyecto 10
Nike React 270 Bauhaus — imagen del proyecto 11
Nike React 270 Bauhaus — imagen del proyecto 12

El resultado

  • Diseño UX/UI: flujos de usuario, estrategia, búsqueda de referencias y creación visual.
  • Animación en After Effects que conecta la marca con su iconografía.
  • Diseño sonoro para las animaciones.
  • Renders 3D para mostrar el resultado.
  • Traspaso a desarrollo: visuales, iconografía, tipografía y prototipos organizados con el desarrollador.
  • Colaboración con terceros para los modelos 3D de las zapatillas y de la silla Bauhaus.

Prueba el prototipo interactivo.

Nike React 270 Bauhaus — imagen del proyecto 13
Nike React 270 Bauhaus — imagen del proyecto 15
Nike React 270 Bauhaus — imagen del proyecto 16

¿Por qué la Bauhaus?

Este proyecto es un homenaje a un movimiento de diseño que sigue vigente casi cien años después. Es un agradecimiento a quienes dieron forma a esa manera de pensar, y a los diseñadores de Nike que crearon un producto atrevido y respetuoso con la Bauhaus.

Sigue leyendo

Sobre este proyecto

¿Qué hizo Lander Zaro en Nike React 270 Bauhaus?

Una web conceptual para la edición Bauhaus de las Nike Air Max 270 React que rinde homenaje a la Bauhaus y a la unión de arte y función en la zapatilla. Diseñada en 2019 y remasterizada en 2023 con UX/UI, animación, diseño sonoro y renders 3D.

¿Cuál era el reto?

Crear una web para la Nike Bauhaus Edition que celebre el diseño de la Bauhaus y la mezcla armoniosa de arte y función de las Nike Air Max 270 React, siguiendo los principios de la Bauhaus.

¿Qué resultados tuvo?

- Diseño UX/UI: flujos de usuario, estrategia, búsqueda de referencias y creación visual. - Animación en After Effects que conecta la marca con su iconografía. - Diseño sonoro para las animaciones. - Renders 3D para mostrar el resultado. - Traspaso a desarrollo: visuales, iconografía, tipografía y prototipos organizados con el desarrollador. - Colaboración con terceros para los modelos 3D de las zapatillas y de la silla Bauhaus. Prueba el prototipo interactivo.