Torino City Lab e ToMove

2024

Progettazione UX/UI della piattaforma Torino City Lab e ToMove: piattaforma dedicata alla mobilità sostenibile e all’innovazione tecnologica sul territorio

Torino City Lab & ToMove - Featured Pic

Il Contesto

Torino City Lab è una piattaforma di innovazione urbana promossa dalla Città di Torino per favorire sperimentazioni reali di soluzioni tecnologiche urbane nei settori della smart life, future mobility e sostenibilità. Nell’ambito di questa missione nasce ToMove, un Living Lab per la mobilità del futuro che promuove scenari smart e sostenibili, integrati nel paradigma Mobility as a Service (MaaS), con partecipazione di cittadini, operatori, ricerca e imprese. ToMove è parte del progetto nazionale MaaS4Italy, finanziato dal PNRR, con l’obiettivo di rendere gli spostamenti più efficienti, sostenibili e flessibili, coinvolgendo comunità e co‑progettazione urbana.

Il Visual

Per ToMove abbiamo sviluppato un logo e un visual system comunicanti, attraverso forme e strutture che richiamano una rete stradale proiettata sulla città di Torino. Questi elementi visivi esprimono concetti come smart mobility, cloud, autonomous driving, sostenibilità, condivisione sociale e cambiamento urbano, posizionando ToMove come progetto aperto, dinamico e integrato nel tessuto cittadino. I colori sono stati scelti per rappresentare movimento, ecologia e tecnologia, rendendo il sistema visivo coerente e riconoscibile.

La Piattaforma

Il sito di ToMove è progettato con una struttura chiara, semplice e orientata alla navigazione efficace. Guida gli utenti attraverso le open call rivolte alle startup, fornendo informazioni sulle sfide aperte e sulle possibilità di partecipazione alle attività di co-sperimentazione. La piattaforma ospita anche sezioni dedicate a blog e articoli, che raccontano novità, trend e risultati legati alla mobilità sostenibile e alle tecnologie emergenti, con un flow chiaro e intuitivo.

Accessibilità

La piattaforma è sviluppata secondo le linee guida WCAG, con supporto a testo ingrandito, interlinea e kerning regolabili, ARIA label e navigazione compatibile con screen reader, garantendo usabilità inclusiva e conforme.

Motion Design e Social

Il visual system di ToMove è animato tramite motion design dinamico, che ravviva gli elementi grafici base e rende la comunicazione più coinvolgente. Le animazioni adottano uno stile simile a mini‑giochi, con toni gradient, dando vita ai pattern e ai simboli visuali e contribuendo a una narrazione visiva coerente sui canali digitali. Questo approccio rende il brand più memorabile, facilita l’interazione con il pubblico e riflette i valori di innovazione, sostenibilità e dinamismo del progetto.

I miei takeaways

Ho gestito gli assets di UX/UI per sviluppatori e cliente, garantendo chiarezza e facilità di implementazione. Ho coordinato interscambio di opinioni e brief con il team e il cliente, assicurando un aggiornamento costante dei contenuti e mantenendo coerenza tra visual, piattaforma e comunicazione digitale.

Domande al Designer

Il mio metodo si basa su una visione olistica. Non separo mai il design dalla sua implementazione tecnologica. In progetti come EmTech Italy o Huawei TechArena, il mio ruolo è stato quello di ponte strategico: traduco concetti complessi in interfacce intuitive e sistemi visivi coerenti. Utilizzo un approccio Data-Driven ed User-Centric, in cui il design non è solo estetico, ma funzionale, garantendo che l’esperienza utente (UX) supporti direttamente gli obiettivi tecnologici del cliente.

A differenza di un puro designer, possiedo una solida base di sviluppatore frontend. Conosco i limiti e le potenzialità del codice, il che influenza ogni scelta in fase di UI Design. Progetto interfacce che sono tecnicamente sostenibili e ottimizzate per il web (via WordPress), riducendo il gap tra il prototipo in Figma e il prodotto finale. Questo mi permette di gestire lo sviluppo web in autonomia, mantenendo intatta la visione creativa e assicurando performance ottimali.

Il mio valore è il dinamismo visivo. Non mi limito a creare layout statici; utilizzo il Motion Design (After Effects) per dare vita all’identità del brand, come visto in Ray-Ban: You’re On o Oakley: Beyond Human. Che si tratti di eventi, social media o interfacce digitali, il mio obiettivo è creare esperienze memorabili. Questa capacità di unire branding tradizionale e animazione consente alle aziende di emergere, trasformando una semplice immagine in un asset comunicativo interattivo.

Il 3D è per me uno strumento per modellare l’impossibile. Utilizzo software come Blender e Substance Stager non solo per scopi estetici, ma per la Product Visualization e la prototipazione, come nel progetto The Rim. Dalla modellazione alla resa finale (rendering), la mia competenza mi permette di integrare elementi tridimensionali in contesti digitali complessi per valorizzare ogni dettaglio, mantenendo un controllo totale sulla qualità del visual design.

È la prova della mia versatilità tecnica. La gestione di eventi live, la regia e il video mapping (come in EmTech Italy) mi hanno insegnato a lavorare sotto pressione. Questa esperienza trasversale mi permette di approcciare i progetti digitali con una mentalità pronta alla criticità: so coordinare flussi di lavoro in tempo reale e mantenere il focus sulla qualità dell’output, anche in scenari imprevedibili come quelli vissuti con Torino City Lab.

Il mio approccio è quello di un innovatore pragmatico. Sono abituato a lavorare su progetti di Call for Solutions o di innovazione digitale, come Poste Italiane Call for Solutions o Unicredit Hack. La mia capacità di spaziare dal Graphic Design al 3D, fino alla UX/UI, mi permette di analizzare il problema da più angolazioni. Cerco soluzioni sostenibili, scalabili e allineate alle esigenze specifiche dell’ecosistema aziendale, puntando sempre al massimo impatto comunicativo.

Edit Template

Graphic UX/UI Design-Developer

3D Design | Motion Design | Branding | Web-Building

© Vincenzo Franco, tutti i diritti riservati.