Sono Motors
Stabilire fondamenta UI scalabili per un prodotto in rapida evoluzione
Durata
1 anno
Fatto con
Icon Incar
Cliente
Sono Motors
Industria
Automobilistico
Le HMI automotive operano in contesti in cui l’attenzione è limitata, i vincoli sono stringenti e gli errori hanno un costo reale. Le interfacce devono essere leggibili, prevedibili e affidabili in ogni condizione di guida, tenendo conto di hardware dedicato, tempi di risposta e requisiti di sicurezza. Questo progetto mostra come decisioni di interfaccia e linguaggio visivo siano state rese esplicite e condivise per costruire un sistema HMI coerente per il primo veicolo elettrico di Sono Sion, bilanciando usabilità, identità del brand e vincoli embedded.
Sono Motors
Stabilire fondamenta UI scalabili per un prodotto in rapida evoluzione
Durata
1 anno
Fatto con
Icon Incar
Cliente
Sono Motors
Industria
Automobilistico
Le HMI automotive operano in contesti in cui l’attenzione è limitata, i vincoli sono stringenti e gli errori hanno un costo reale. Le interfacce devono essere leggibili, prevedibili e affidabili in ogni condizione di guida, tenendo conto di hardware dedicato, tempi di risposta e requisiti di sicurezza. Questo progetto mostra come decisioni di interfaccia e linguaggio visivo siano state rese esplicite e condivise per costruire un sistema HMI coerente per il primo veicolo elettrico di Sono Sion, bilanciando usabilità, identità del brand e vincoli embedded.
Sono Motors
Stabilire fondamenta UI scalabili per un prodotto in rapida evoluzione
Durata
1 anno
Fatto con
Icon Incar
Cliente
Sono Motors
Industria
Automobilistico
Le HMI automotive operano in contesti in cui l’attenzione è limitata, i vincoli sono stringenti e gli errori hanno un costo reale. Le interfacce devono essere leggibili, prevedibili e affidabili in ogni condizione di guida, tenendo conto di hardware dedicato, tempi di risposta e requisiti di sicurezza. Questo progetto mostra come decisioni di interfaccia e linguaggio visivo siano state rese esplicite e condivise per costruire un sistema HMI coerente per il primo veicolo elettrico di Sono Sion, bilanciando usabilità, identità del brand e vincoli embedded.
Panoramica del progetto
Sono Sion è un veicolo elettrico progettato attorno a sostenibilità, semplicità e trasparenza. L’HMI di bordo doveva supportare informazioni di guida, infotainment e controlli del veicolo all’interno di un sistema embedded, con forti limitazioni legate a performance, hardware e normative di sicurezza. La sfida non era creare un’interfaccia “bella”, ma definire un linguaggio HMI affidabile e scalabile, capace di essere implementato in modo consistente e di evolvere insieme al prodotto.
The real problem
Il rischio principale era la frammentazione delle decisioni.
In ambito automotive, UI, UX e comportamento del sistema sono strettamente interconnessi. Ogni scelta visiva ha implicazioni dirette su usabilità, sicurezza e fattibilità tecnica. Senza una struttura condivisa, contributi diversi rischiano di produrre decisioni valide localmente ma incoerenti a livello di sistema.
Per un primo veicolo di produzione, questa frammentazione si sarebbe trasformata rapidamente in debito difficile da correggere.
Il mio ruolo
Ho lavorato come Senior UI Designer, guidando la direzione visiva dell’HMI e accompagnando il team UI nella costruzione di un linguaggio visivo condiviso per Sono Sion.
Oltre alla progettazione delle singole interfacce, la mia responsabilità è stata definire e mantenere coerenza tra tipografia, colori, iconografia, componenti e principi di motion. Ho tradotto valori di prodotto come sostenibilità, calma e chiarezza in decisioni di design concrete e ripetibili.
Ho collaborato a stretto contatto con UX designer, ingegneri, motion designer e stakeholder tecnici per allineare l’intento progettuale ai vincoli di un sistema automotive embedded e supportare un passaggio fluido verso la produzione.
Panoramica del progetto
Sono Sion è un veicolo elettrico progettato attorno a sostenibilità, semplicità e trasparenza. L’HMI di bordo doveva supportare informazioni di guida, infotainment e controlli del veicolo all’interno di un sistema embedded, con forti limitazioni legate a performance, hardware e normative di sicurezza. La sfida non era creare un’interfaccia “bella”, ma definire un linguaggio HMI affidabile e scalabile, capace di essere implementato in modo consistente e di evolvere insieme al prodotto.
The real problem
Il rischio principale era la frammentazione delle decisioni.
In ambito automotive, UI, UX e comportamento del sistema sono strettamente interconnessi. Ogni scelta visiva ha implicazioni dirette su usabilità, sicurezza e fattibilità tecnica. Senza una struttura condivisa, contributi diversi rischiano di produrre decisioni valide localmente ma incoerenti a livello di sistema.
Per un primo veicolo di produzione, questa frammentazione si sarebbe trasformata rapidamente in debito difficile da correggere.
Il mio ruolo
Ho lavorato come Senior UI Designer, guidando la direzione visiva dell’HMI e accompagnando il team UI nella costruzione di un linguaggio visivo condiviso per Sono Sion.
Oltre alla progettazione delle singole interfacce, la mia responsabilità è stata definire e mantenere coerenza tra tipografia, colori, iconografia, componenti e principi di motion. Ho tradotto valori di prodotto come sostenibilità, calma e chiarezza in decisioni di design concrete e ripetibili.
Ho collaborato a stretto contatto con UX designer, ingegneri, motion designer e stakeholder tecnici per allineare l’intento progettuale ai vincoli di un sistema automotive embedded e supportare un passaggio fluido verso la produzione.
Panoramica del progetto
Sono Sion è un veicolo elettrico progettato attorno a sostenibilità, semplicità e trasparenza. L’HMI di bordo doveva supportare informazioni di guida, infotainment e controlli del veicolo all’interno di un sistema embedded, con forti limitazioni legate a performance, hardware e normative di sicurezza. La sfida non era creare un’interfaccia “bella”, ma definire un linguaggio HMI affidabile e scalabile, capace di essere implementato in modo consistente e di evolvere insieme al prodotto.
The real problem
Il rischio principale era la frammentazione delle decisioni.
In ambito automotive, UI, UX e comportamento del sistema sono strettamente interconnessi. Ogni scelta visiva ha implicazioni dirette su usabilità, sicurezza e fattibilità tecnica. Senza una struttura condivisa, contributi diversi rischiano di produrre decisioni valide localmente ma incoerenti a livello di sistema.
Per un primo veicolo di produzione, questa frammentazione si sarebbe trasformata rapidamente in debito difficile da correggere.
Il mio ruolo
Ho lavorato come Senior UI Designer, guidando la direzione visiva dell’HMI e accompagnando il team UI nella costruzione di un linguaggio visivo condiviso per Sono Sion.
Oltre alla progettazione delle singole interfacce, la mia responsabilità è stata definire e mantenere coerenza tra tipografia, colori, iconografia, componenti e principi di motion. Ho tradotto valori di prodotto come sostenibilità, calma e chiarezza in decisioni di design concrete e ripetibili.
Ho collaborato a stretto contatto con UX designer, ingegneri, motion designer e stakeholder tecnici per allineare l’intento progettuale ai vincoli di un sistema automotive embedded e supportare un passaggio fluido verso la produzione.
Gestire i conflitti attraverso decisioni condivise
Invece di imporre un sistema unico sin dall'inizio, il lavoro si è concentrato nel rendere visibili e discutibili le differenze.
I workshop sono stati utilizzati come strumento decisionali per far emergere assunzioni implicite tra i team. Invece di rivedere schermate o componenti, le sessioni si sono concentrate su domande come quali decisioni dovevano essere globali, quali potevano rimanere contestuali e dove la divergenza fosse realmente preziosa.
Sistema di Design
Ho sviluppato una libreria di modelli UI che si allinea con la direzione del design seguendo un concetto coeso, garantendo che ogni componente aderisca allo stile visivo, alla funzionalità e agli obiettivi di esperienza utente delineati nella visione del progetto.
Sistema di Design
Ho sviluppato una libreria di modelli UI che si allinea con la direzione del design seguendo un concetto coeso, garantendo che ogni componente aderisca allo stile visivo, alla funzionalità e agli obiettivi di esperienza utente delineati nella visione del progetto.
Sistema di Design
Ho sviluppato una libreria di modelli UI che si allinea con la direzione del design seguendo un concetto coeso, garantendo che ogni componente aderisca allo stile visivo, alla funzionalità e agli obiettivi di esperienza utente delineati nella visione del progetto.
Icon Design
Ho sviluppato un set completo di icone per garantire coerenza visiva e usabilità in tutta l'interfaccia. Ogni icona è stata meticolosamente realizzata utilizzando un sistema di griglia perfetto personalizzato, mantenendo armonia, equilibrio e scalabilità in qualsiasi dimensione. Per supportare un'integrazione senza soluzione di continuità, ho anche creato una documentazione completa dello stile delle icone, dettagliando principi di design, regole di dimensionamento, pesi delle linee e linee guida per l'uso per stabilire un linguaggio visivo coeso e riconoscibile su tutte le piattaforme.
Icon Design
Ho sviluppato un set completo di icone per garantire coerenza visiva e usabilità in tutta l'interfaccia. Ogni icona è stata meticolosamente realizzata utilizzando un sistema di griglia perfetto personalizzato, mantenendo armonia, equilibrio e scalabilità in qualsiasi dimensione. Per supportare un'integrazione senza soluzione di continuità, ho anche creato una documentazione completa dello stile delle icone, dettagliando principi di design, regole di dimensionamento, pesi delle linee e linee guida per l'uso per stabilire un linguaggio visivo coeso e riconoscibile su tutte le piattaforme.
Icon Design
Ho sviluppato un set completo di icone per garantire coerenza visiva e usabilità in tutta l'interfaccia. Ogni icona è stata meticolosamente realizzata utilizzando un sistema di griglia perfetto personalizzato, mantenendo armonia, equilibrio e scalabilità in qualsiasi dimensione. Per supportare un'integrazione senza soluzione di continuità, ho anche creato una documentazione completa dello stile delle icone, dettagliando principi di design, regole di dimensionamento, pesi delle linee e linee guida per l'uso per stabilire un linguaggio visivo coeso e riconoscibile su tutte le piattaforme.
Cosa è cambiato
Le discussioni sul design sono diventate meno negoziazioni e più decisioni. I team condividevano un linguaggio comune per ragionare sulle interfacce, l'onboarding richiedeva meno trasferimento di contesto e la consegna delle funzionalità si basava meno su un allineamento ad-hoc. Il sistema di design non ha rimosso la complessità, ma l'ha trasformata da una fonte di attrito in una struttura condivisa e gestibile.
Riflessione
Un'esperienza bancaria più intuitiva, efficiente e visivamente coerente, che riduce la complessità migliorando l'usabilità. L'integrazione dei token di design e di un sistema di design strutturato consente un'adattabilità a lungo termine e un'evoluzione fluida della piattaforma.
Progetti Correlati
Progetti Correlati
E.
Disponibile per progetti di design system su prodotti digitali complessi.
Se questo approccio ti interessa, confrontiamoci.
© Edoardo Sportelli - 2026. Living in Italy, in Fiastra, nestled in the Sibillini Mountains. Like Tuscany, but better. Policy Privacy and Data Protection. No reuse or redistribution without permission.
E.
Disponibile per progetti di design system su prodotti digitali complessi.
Se questo approccio ti interessa, confrontiamoci.
© Edoardo Sportelli - 2026. Living in Italy, in Fiastra, nestled in the Sibillini Mountains. Like Tuscany, but better. Policy Privacy and Data Protection. No reuse or redistribution without permission.
Disponibile per progetti di design system su prodotti digitali complessi.
Se questo approccio ti interessa, confrontiamoci.
© Edoardo Sportelli - 2024
Living in Italy, in Fiastra, nestled in the Sibillini Mountains. Like Tuscany, but better.
Policy Privacy and Data Protection.
No reuse or redistribution without permission.
E.