La forma en que NIO innovó y alcanzó sus objetivos rápidamente gracias a Figma

En el sector automotriz, 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 automóvil hasta su lanzamiento. Y debido a la necesidad de insertar 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 automóvil 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 entregar resultados con rapidez. Y encontró al socio adecuado en la agencia de diseño forpeople.

Con sede en Londres y Ámsterdam, forpeople cuenta con experiencia en diversos ámbitos, entre los que se incluyen el diseño gráfico, de productos, espacial y de interacción, así como la animación, la redacción publicitaria, la investigación y la estrategia. Era 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 fuera llamativo, significativo y coherente a lo largo de toda la experiencia del usuario. Sin embargo, forpeople sabía que la clave era en una colaboración intensa y en un feedback constante de opiniones con los responsables de diseño de NIO en Múnich y China. Y para ello, recurrieron a Figma.

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

Una identidad con libertad para deslumbrar

El desarrollo de 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, su brillo y 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 se sintiera inseparable del propio automóvil, que no fuera algo secundario, sino algo vivo dentro de él. Inspirada en el lenguaje de diseño del automóvil y en la magia de las luciérnagas, nuestra dirección creativa Freedom to Glow 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 su feedback. Hubo múltiples rondas de iteración, múltiples comentarios sobre cada logotipo, necesitábamos un ciclo de feedback constante que no se podía lograr enviando interminables archivos PDF por correo electrónico”.

Con 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 hacer comentarios, mientras que el equipo de forpeople podía avanzar rápidamente en los diseños.

A partir de logotipos estáticos, el equipo de forpeople logró 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”, explica James. “Ideamos una esfera luminosa 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 la experiencia digital perfecta”.

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 cómo la marca podría cobrar vida dentro del coche”, explica James. “Con Figma, exploramos cómo podía moverse el tipo de letra, 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 construir y hacer suya. Fue realmente un esfuerzo global”.

Uno de los mayores logros de trabajar de esta manera fue la estrecha relación que forpeople estableció con las partes interesadas de 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 luego recababan feedback de las partes interesadas de sus respectivas organizaciones.

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

Aunque la mayor parte de la colaboración se lleva a cabo entre los equipos de forpeople y NIO, que trabajan en el proyecto 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 nuestra pared de pantallas, el trabajo presencial se vuelve aún más eficaz. Se convierte en un gigantesco lienzo compartido en el que los equipos pueden reunirse, detectar oportunidades más rápidamente y convertir las ideas en acciones, juntos, en la misma sala”, afirma Daniel Wegmann, director creativo de NIO.

La necesidad de velocidad de NIO transformó el ritmo del diseño automotriz. Con forpeople y Figma, el equipo superó la complejidad para crear, probar y perfeccionar ideas en tiempo real. El resultado: una nueva identidad audaz y un nuevo punto de referencia sobre cómo la colaboración rápida y enfocada puede crear un modelo para que el diseño siga el ritmo de la ambición.