Actualización de la flota 3D de Uber

15 millones de veces al día, pequeños autos en 3D viajan a través de pantallas en todo el mundo para ayudar a los conductores y conductores de Uber a conectarse. Hemos logrado mucho kilometraje de ellos, pero nos dimos cuenta de que era hora de una actualización. Le dimos a nuestros icónicos autos 3D una revisión completa del diseño. Éstos son algunos de los aspectos más destacados.

Los autos 3D originales debutaron como parte del rediseño de nuestra aplicación Rider en 2016. Comenzaron como elementos funcionales del mapa que muestran la ubicación y la disponibilidad. Cada uno fue minuciosamente optimizado para su uso en mapas: las proporciones, los detalles (o la falta de ellos) y la forma se habían diseñado para una vista de arriba hacia abajo a 64x64px.

Los vehículos originales en 3D fueron optimizados para mapas, e intencionalmente bajos detalles

Desde entonces, nuestra aplicación de piloto ha crecido en complejidad y las necesidades de los activos 3D se han expandido. Cuando se amplió para campañas de marketing, la falta de detalles en los automóviles fue un problema. Alguien los describió una vez como "cajas de jabón sobre ruedas". Debido a que no estaban destinados a ser utilizados fuera del mapa, no fueron diseñados para ello. Pero esto ahora era una clara necesidad. Decidimos volver a visitarlos.

Playmobil se encuentra con Porsche

Los entusiastas del motor en el equipo lideraron este proyecto, y rápidamente se convirtió en un verdadero proyecto de pasión para muchos de nosotros en el equipo de diseño. Al principio, nos preguntamos "¿qué hace un automóvil Uber?". Uber ofrece una amplia gama de opciones de viaje. Hay productos familiares como UberX y Uber Black, opciones especiales como camionetas y helicópteros accesibles para sillas de ruedas, y vehículos locales como rickshaws y motocicletas. ¿Cómo podríamos reunirlos a todos?

Crédito de imagen: BMW, Porsche

Diseñar la fascia del automóvil es difícil ... realmente difícil. En términos de diseño digital, crear fascia es como establecer un sistema de diseño visual. Es esencialmente cómo las características de la parte delantera (parrilla y faros) y la parte trasera (luces traseras) se conectan con el interior y las formas generales que se encuentran en todo el vehículo.

Naturalmente, recurrimos a marcas que tienen una fuerte herencia en este espacio. Encontramos inspiración en dos lugares: la poderosa estética de los fabricantes de automóviles alemanes y las miniaturizaciones magistrales de la marca de juguetes Playmobil.

Crédito de imagen: Playmobil

Tomando el liderazgo de estas marcas fundamentales, nuestro objetivo era crear un lenguaje universal que uniera la gama de vehículos en nuestra cartera.

¿El primer automóvil del mundo diseñado a partir de un logotipo?

Nos preguntamos: “¿Puedes diseñar un automóvil basado en una tipografía? ¿Se había hecho eso antes? Era una idea novedosa. También fue más fácil decirlo que hacerlo.

Nuestra nueva marca se basa principalmente en temas de transporte. Los colores, la tipografía, la iconografía y el logotipo están inspirados en el lenguaje universal de transporte que se encuentra en todo el mundo. Este parecía un buen lugar para comenzar.

Estudio temprano derivando el vehículo de nuestro Logo

Estos primeros estudios no necesariamente funcionaron, pero nos ayudaron a comprender el papel de las formas geométricas en el sistema general. En retrospectiva, algunas de estas primeras iteraciones fueron bastante esotéricas.

Intentamos usar formas en el logotipo para crear la geometría del automóvil

Después de decidirse por un puñado de elementos unificadores para impulsar nuestro sistema visual, el siguiente paso fue aplicarlos a toda la flota.

De autos a vehículos a personas

En los últimos años, nuestra aplicación para pasajeros ha evolucionado de una utilidad para pasar de A → B a un servicio de transporte más grande y amplio. Hoy en día, se trata menos de conseguir un automóvil y más de conectar a las personas con lo que más importa. Comenzamos este proyecto diseñando autos, pero nuestro propósito evolucionó rápidamente para garantizar que nuestros pasajeros tengan visibilidad de la mejor opción de viaje para sus necesidades.

Después de obtener la lista completa de opciones de viaje de nuestro socio de operaciones, nos sorprendió saber que Uber ofrece más de 50 productos distintos a nivel mundial. Este proyecto proporcionó una perspectiva amplia de todas las formas únicas en que las personas se mueven alrededor del mundo.

Entre bastidores Preguntas y respuestas

Este tipo de diseño no puede vivir en papel por mucho tiempo. Afortunadamente, tuvimos a nuestro talentoso artista 3D Mike Gaynor que nos ayudó en el camino. Hagámosle algunas preguntas:

Tu trabajo a tiempo completo no es hacer vehículos 3D, ¿cómo terminaste en este concierto?

Soy un diseñador de movimiento de profesión, pero el 3D es un gran componente del trabajo que hago. ¡Mi conocimiento de las herramientas 3D y el flujo de trabajo parecía un ajuste natural para el proyecto y lo siguiente que supe fue que estaba produciendo toda una flota de vehículos!

¿Cuál fue la parte más desafiante del proyecto?

Fue difícil diferenciar los vehículos lo suficiente como para comunicar el producto que representan y mantener la consistencia visual en toda la flota. Elementos como luces y ruedas se mantuvieron consistentes en todos los ámbitos para ayudar, y todos los autos comparten un nivel de detalle similar. Era un buen equilibrio mantener mientras trabajaba en muchas iteraciones.

¿Cuál fue su flujo de trabajo y herramientas?

Los vehículos fueron modelados en Cinema 4D y Octane Render. Debido a que estábamos haciendo tantas iteraciones, mantuve la mayor parte de la geometría en vivo posible utilizando splines, primitivas y deformadores. Esto me permitió realizar ediciones como una línea de techo más empinada o una distancia entre ejes más amplia muy rápidamente. Los renders se terminaron en After Effects y formateados para que los utilice nuestro equipo de productos.

Bono - garaje interactivo WebGL

La mayoría de las personas no tienen la oportunidad de ver los vehículos más allá de un marco de 250x250px, por lo que creamos un sitio web interactivo para dar a otros la oportunidad de explorar algunos de ellos de manera cercana y personal.

Pruébelo usted mismo aquí: http://t.uber.com/3dGarage. * Lo siento, solo escritorio *

¡Disfrutar!

Agradecimientos especiales a

¡Brian Wong, Vinny Catricala, Lori Mann, Alissa Sanchez, Didier Hilhorst, Mike Gaynor y nuestros amigos de Wolff Olins por ayudar a que esto suceda!