Sono Motors
Stabilire fondamenta UI scalabili per un prodotto in rapida evoluzione
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
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
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.
Il problema
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.
Il problema
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.
Il problema
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.
Il processo
Il lavoro è partito dai vincoli, non dalle schermate. Display, performance e requisiti normativi hanno definito il perimetro entro cui progettare. Su questa base ho costruito l’architettura degli stati e seguito workshop con UX ed engineering per trasformare decisioni implicite in regole condivise. Queste regole sono diventate il fondamento del design system, traducendosi in componenti, token e principi di motion.
Creative direction
Ho guidato la definizione della metafora visiva, costruendo un linguaggio capace di rendere percepibile lo stato del sistema in modo immediato. L’obiettivo non era decorare l’interfaccia, ma dare forma a un comportamento, mantenendo coerenza tra energia, flussi e interazioni.
Creative direction
Ho guidato la definizione della metafora visiva, costruendo un linguaggio capace di rendere percepibile lo stato del sistema in modo immediato. L’obiettivo non era decorare l’interfaccia, ma dare forma a un comportamento, mantenendo coerenza tra energia, flussi e interazioni.
Creative direction
Ho guidato la definizione della metafora visiva, costruendo un linguaggio capace di rendere percepibile lo stato del sistema in modo immediato. L’obiettivo non era decorare l’interfaccia, ma dare forma a un comportamento, mantenendo coerenza tra energia, flussi e interazioni.
Design System
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.
Design System
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.
Design System
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
Ho lasciato un sistema indipendente dalle singole schermate, documentato e costruito per essere utilizzato anche senza la mia presenza. Ogni nuova funzionalità trovava già il proprio spazio, senza dover ridefinire le regole ogni volta. Quando vincoli, comportamento e interfaccia sono allineati, il design smette di essere superficie e diventa struttura.
E.
Disponibile per progetti di design system su prodotti digitali complessi.
Se questo approccio ti interessa, confrontiamoci.
© Edoardo Sportelli - 2026. P. IVA 02180180438. 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. P. IVA 02180180438. 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 - 2026. P IVA 02180180438.
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.