Cómo NIO innovó y logró resultados rápidamente utilizando Figma

En el sector automovilístico, las cosas no siempre avanzan rápidamente. Se trata de una industria acostumbrada a ciclos de tres a cinco años desde el diseño de un coche hasta su lanzamiento. Y debido a la necesidad de integrar profundamente el software en el hardware, no es raro que el trabajo de UX en las pantallas de los automóviles se complete años antes de que el coche salga al mercado.

Sin embargo, los nuevos participantes en el mercado quieren avanzar más rápidamente. Cuando el fabricante chino de automóviles NIO necesitó una nueva identidad visual para su nueva submarca, firefly, la empresa quiso trabajar con una agencia que pudiera innovar, iterar y cumplir con rapidez. Y encontró el socio adecuado en la agencia de diseño forpeople.

Con sede en Londres y Ámsterdam, forpeople tiene experiencia en varios ámbitos, como el diseño gráfico, el diseño de productos, el diseño espacial y de interacción, así como la animación, la redacción de textos publicitarios, la investigación y la estrategia. Eran la opción perfecta para NIO, que quería crear un punto de vista diferenciado en el mercado, centrándose en el usuario y en una experiencia más fluida.

El reto consistía en crear una marca distintiva y un sistema de identidad visual que fueran llamativos, significativos y coherentes a lo largo de toda la experiencia del usuario. Pero forpeople sabía que la clave sería una colaboración intensa y un intercambio constante de comentarios con los responsables de diseño de NIO en Múnich y China. Y para eso, recurrieron a Figma.

“Si nos fijamos en la historia de cómo las agencias trabajan con los clientes, la mayoría suele basarse en presentaciones tradicionales. Compartíamos archivos, hacíamos llamadas para ver documentos estáticos y pedíamos al cliente que pasara a la siguiente diapositiva”, dice James Addison, director creativo en forpeople. “Pero eso no es suficiente cuando creas toneladas de elementos visuales, necesitas prototipos interactivos y tienes un cliente innovador que necesita avanzar a buen ritmo. Para eso necesitábamos Figma, y muy pronto Figma se convirtió en nuestro centro creativo y en el núcleo de la colaboración que era el eje central de nuestra asociación”.

Una identidad con libertad para brillar

Desarrollar un nuevo sistema de identidad visual es un proceso profundo y detallado. Para la nueva marca de automóviles NIO, forpeople se inspiró en el movimiento de las luciérnagas, en cómo brillan y en los entornos con los que interactúan.

Marius Holletzek, director de Diseño y Estrategia de Experiencia de Marca en NIO:

“Queríamos que la marca no se viera como algo separado del coche, sino como algo vivo dentro de él. Inspirándonos en el lenguaje de diseño del coche y en la magia de las luciérnagas, nuestra dirección creativa ‘Freedom to Glow’ (Libertad para brillar)', captura un espíritu de individualidad que brilla en cada detalle, desde la tipografía y los colores hasta la forma en que la marca se mueve y se expresa. Todo esto se concibió con Figma como nuestra plataforma elegida para desarrollar y compartir ideas”.

A partir de ahí, forpeople comenzó a trabajar en el logotipo. “Barajamos muchas ideas y variaciones para el logotipo, y ahí es donde entró en juego la necesidad de una colaboración rápida”, afirma James. “Este no es el tipo de proyecto que se puede enviar al cliente y esperar a recibir sus comentarios. Hubo múltiples rondas de iteración, múltiples comentarios sobre cada logotipo, necesitábamos un ciclo de comentarios continuo que no se podía lograr enviando interminables archivos PDF por correo electrónico”.

Utilizando Figma, forpeople creó un único centro colaborativo para todas las facetas del proyecto en el que el equipo de diseño de NIO en Múnich podía aportar sus comentarios, mientras que el equipo de forpeople podía avanzar rápidamente en los diseños.

Desde logotipos estáticos, el equipo de forpeople fue capaz de desarrollar movimiento. “Hay dos pantallas en el automóvil y, junto con NIO, decidimos que los elementos visuales debían poder moverse de una pantalla a otra”, dice James. “Ideamos una esfera de luciérnagas que se movería entre los dos espacios, revoloteando y parpadeando entre las pantallas para crear una experiencia visual diseñada para deleitar a los usuarios y crear una experiencia digital impecable”.

Algunos de esos diseños conceptuales eran MP4 que el equipo de forpeople añadió a Figma, otros se crearon en el propio Figma.

“Empezamos experimentando con el comportamiento de la interfaz y con la forma en que la marca podría cobrar vida dentro del coche”, explica James. “Con Figma, exploramos cómo podía moverse la tipografía, cómo el parpadeo de una luciérnaga podía traducirse en una suave advertencia y cómo la innovación podía parecer sólida y conmovedora a la vez. A través de estos primeros prototipos, dimos forma a una dirección que se convirtió en la base sobre la que el equipo de NIO en Shanghái pudo trabajar y crear su propia versión. Fue un esfuerzo verdaderamente global”.

Pero uno de los mayores logros de trabajar de esta manera fue la estrecha relación que forpeople estableció con las partes interesadas en NIO. Ambos equipos consideraron que el lienzo de Figma era el punto central en torno al cual intercambiaban ideas, las ponían en práctica y posteriormente recopilaban comentarios de las partes interesadas de las respectivas organizaciones.

“Nos movemos rápidamente, y colaborar con el equipo de forpeople utilizando Figma mejoró drásticamente la eficiencia”, dice Marius. “No queremos ver un montón de presentaciones, Figma nos permite mantener una única fuente de información, con comentarios que permanecen en el archivo”.

Si bien la mayor parte de la colaboración se lleva a cabo entre los equipos de forpeople y NIO, que trabajan en el archivo desde sus oficinas en el Reino Unido y Alemania, respectivamente, un ejemplo fascinante de cómo los equipos visualizan los diseños proviene del centro de diseño de NIO en Múnich.

Ahí es donde se encuentra la pantalla gigante de siete metros de NIO. Normalmente se utiliza como pantalla interactiva para que los equipos de diseño e ingeniería de NIO realicen revisiones de automóviles a escala real, en las que evalúan y analizan un SUV virtual con calidad cinematográfica. Pero también es la herramienta de presentación perfecta para un archivo de Figma.

“Figma está claramente diseñado para la colaboración remota. Pero cuando lo incorporamos a la pantalla gigante, el trabajo presencial se vuelve aún más efectivo. Es como un lienzo gigante compartido donde los equipos pueden reunirse, detectar oportunidades más rápido y convertir las ideas en realidad, juntos, en la misma sala”, afirma Daniel Wegmann, director creativo en NIO.

La necesidad de velocidad de NIO ha redefinido el ritmo del diseño automovilístico. Con forpeople y Figma, el equipo ha superado la complejidad para crear, probar y perfeccionar ideas en tiempo real. El resultado: una nueva identidad atrevida y un nuevo referente de cómo la colaboración rápida y centrada puede crear un modelo de diseño a la altura de las ambiciones.