Vai al contenuto principale

Come NIO ha innovato e prodotto rapidamente grazie a Figma

Nel settore automobilistico, i tempi non sono sempre rapidi. È un settore abituato a cicli di tre-cinque anni, dal design dell'auto fino al suo rilascio sul mercato. Poiché il software richiede una profonda integrazione con l'hardware, succede spesso che la progettazione UX dei display interni sia terminata con anni di anticipo rispetto al lancio del veicolo.

Tuttavia, i nuovi operatori che entrano nel mercato vogliono muoversi più rapidamente. In occasione della creazione della nuova visual identity per Firefly, il suo nuovo sub-brand, la casa automobilistica cinese NIO ha voluto affidarsi a un'agenzia capace di innovare, testare e consegnare i progetti in tempi rapidi. E ha trovato il partner ideale nell'agenzia di design forpeople.

Con sedi a Londra e Amsterdam, forpeople offre competenze trasversali in molteplici settori: dal design grafico e di prodotto a quello spaziale e di interazione, fino al motion design, al copywriting, alla ricerca e alla strategia. Rappresentava la scelta perfetta per NIO, che puntava a creare una visione distintiva sul mercato, concentrandosi sull'utente e su un'esperienza più fluida.

L'obiettivo era sviluppare un marchio e un sistema d'identità visiva unico, capace di risultare sorprendente e ricco di significato, garantendo al contempo coerenza lungo tutta l'esperienza utente. forpeople era consapevole, tuttavia, che tutto sarebbe dipeso da una collaborazione strettissima e da cicli di feedback sempre attivi con i responsabili del design di NIO tra Monaco e la Cina. Ed è proprio per questo che hanno scelto Figma.

schermate del layout meteo con loghi e un veicolo, dove i cursori mostrano la collaborazione in corsoschermate del layout meteo con loghi e un veicolo, dove i cursori mostrano la collaborazione in corso
Grazie alla collaborazione con il team di NIO in Figma, forpeople ha potuto accelerare i tempi e sviluppare i design in modo estremamente rapido.

"Ripensando a come le agenzie hanno sempre lavorato con i clienti, di solito ci si basava sulle presentazioni con diapositive tradizionali. I file venivano condivisi, si trascorrevano ore in call a esaminare documenti statici e si doveva chiedere al cliente di passare alla diapositiva successiva,” afferma James Addison, Creative Director di forpeople. “Ma non è una soluzione sostenibile quando produci una mole enorme di contenuti visivi, necessiti di prototipi interattivi e lavori con un cliente all'avanguardia che necessita di rapidità d'esecuzione. Figma è stata fondamentale: è diventata rapidamente il nostro centro operativo e il cuore pulsante della collaborazione che ha definito la nostra partnership.”

Identità Freedom to Glow

Sviluppare un nuovo sistema di identità visiva richiede un lavoro meticoloso e una ricerca approfondita. Per il nuovo marchio di auto di NIO, forpeople si è ispirata al movimento delle lucciole, alla loro luminosità e al modo in cui interagiscono con l'ambiente circostante.

Marius Holletzek, Director of Brand Experience Design and Strategy presso NIO:

"Il nostro obiettivo era che il marchio fosse parte integrante dell'auto, quasi una sua estensione vitale piuttosto che un semplice tocco finale. La direzione creativa 'Freedom to Glow', ispirata al design dell'auto e al fascino delle lucciole, esprime un'identità unica che brilla in ogni particolare: dai font ai colori, fino al tono di voce e al movimento del brand. Figma è stata la base operativa dove ogni idea ha preso forma ed è stata condivisa "

schermate e icone di varie modalità e interazioni, con i cursori sovrappostischermate e icone di varie modalità e interazioni, con i cursori sovrapposti
Il progetto si è sviluppato attraverso continue fasi di revisione, grazie a un flusso di feedback costante all'interno di Figma.

Sulla scia di queste premesse, forpeople ha dato il via allo sviluppo del logo. “Abbiamo passato in rassegna tantissimi idee varianti per il logo: in questa fase la velocità di collaborazione ha fatto la differenza,” afferma James. “Non è un progetti in cui invii il file e aspetti. Tra round di revisioni e commenti su ogni proposta, ci serviva un flusso di feedback sempre attivo, cosa che lo scambio di infiniti PDF per email non avrebbe mai permesso.”

Grazie a Figma, forpeople ha concentrato ogni fase del progetto in un solo centro operativo condiviso: così il team di design di NIO a Monaco poteva fornire commenti immediati e forpeople poteva continuare a sviluppare i progetti senza rallentamenti.

L’esperienza di bordo realizzata in Figma utilizza sottili effetti di movimento, pensati per entusiasmare gli utenti.

Dalle versioni statiche del logo, il team di forpeople è stato in grado di sviluppare il movimento. “L’auto dispone di due schermi e, insieme a NIO, abbiamo deciso che gli elementi visivi dovessero potersi spostare da uno schermo all'altro," afferma James. "Abbiamo ideato una sorta di 'globo-lucciola' capace di attraversare i due spazi, fluttuando e illuminandosi sugli schermi per dare vita a un'esperienza visiva pensata per entusiasmare gli utenti e offrire un'esperienza digitale fluida" .

Parte di queste proposte progettuali era costituita da video MP4 che il team di forpeople ha inserito in Figma, mentre altre sono state create direttamente all'interno della piattaforma.

“Siamo partiti testando il comportamento dell'interfaccia e il modo in cui il marchio avrebbe potuto animarsi dentro l'auto,” afferma James. “Attraverso Figma, abbiamo studiato il movimento dei caratteri, come il battito di luce di una lucciola potesse trasformarsi in un segnale di avvertimento discreto e come l'innovazione potesse risultare al tempo stesso concreta ed emozionante. Grazie a questi prototipi iniziali, abbiamo tracciato la rotta che ha permesso al team di Shanghai di dare continuità al progetto e farlo proprio. È stato un impegno davvero globale”.

Ma uno dei risultati più importanti di questo metodo di lavoro è stata la forte sinergia creata tra forpeople e gli stakeholder di NIO. Per entrambi i team, l'area di lavoro di Figma è stato il fulcro della collaborazione: qui hanno fatto brainstorming, reso operative le idee e ottenuto il feedback dagli stakeholder delle diverse organizzazioni.

“Siamo abituati a ritmi rapidi, e il lavoro condiviso con il team di forpeople su Figma ha portato a un incremento incredibile della produttività,” afferma Marius. “Non vogliamo dover visionare tonnellate di presentazioni; Figma ci permette di mantenere un unico punto di riferimento, con cicli di feedback che restano all'interno del file stesso.”

Sebbene la maggior parte del lavoro collaborativo avviene tra i team di forpeople e NIO dalle loro sedi nel Regno Unito e in Germania, tra i team di forpeople e NIO, un esempio affascinante di come i team visualizzano i design arriva dal Design Center di NIO a Monaco.

due persone osservano un grande schermo che mostra un file Figma e diverse schermate dell'interfacciadue persone osservano un grande schermo che mostra un file Figma e diverse schermate dell'interfaccia
Esaminare i progetti di Figma sul monumentale schermo da sette metri di NIO ha rivoluzionato il modo di collaborare dal vivo.

È lì che si trova il "power wall" di sette metri di NIO. Viene solitamente utilizzato come schermo interattivo dai team di design e ingegneria di NIO per effettuare revisioni dell'auto in scala reale, dove valutano e analizzano un SUV virtuale con una qualità d'immagine cinematografica. Allo stesso tempo, però, rappresenta lo strumento di presentazione ideale per i file Figma.

“Figma è indubbiamente progettato per la collaborazione a distanza. Tuttavia, proiettandolo sul power wall, l'attività dal vivo raggiunge un nuovo livello di efficacia. Si trasforma in un'immensa area di lavoro comune che permette ai team di riunirsi, individuare le opportunità più velocemente e trasformare le idee in azione, tutti insieme nello stesso ambiente,” afferma Daniel Wegmann, Creative Lead di NIO.

Il bisogno di rapidità di NIO ha impresso un nuovo ritmo alla progettazione nel settore automobilistico. Grazie alla collaborazione con forpeople e all'uso di Figma, il team è riuscito a superare la complessità per creare, testare e perfezionare le idee in tempo reale. Il risultato: una nuova identità forte e innovativa e un nuovo punto di riferimento su come la collaborazione rapida e mirata possa permettere al design di tenere il passo con le ambizioni più grandi.

Scopri come Figma può aiutarti a creare progetti scalabili

Un ottimo design può far distinguere il tuo prodotto e il brand. Ma le grandi cose si costruiscono insieme. Figma riunisce i team di prodotto in un flusso di lavoro di design rapido e più inclusivo.

Contattaci per scoprire come Figma può aiutare le aziende a creare progetti scalabili.

Ti mostreremo come Figma può aiutare a:

  • Riunire ogni fase del processo di progettazione e design, dall'ideazione allo sviluppo, fino alla realizzazione del design finale, tutto in un unico posto
  • Accelerare i flussi di lavoro di design con sistemi di progettazione condivisi a livello aziendale
  • Promuovere l'inclusività nei processi del team di prodotto attraverso strumenti basati sul web, accessibili e facili da usare

Connettiti con il nostro team

Facendo clic su “Invia” accetti i nostri Termini di servizio e l'Informativa sulla privacy.