Italo Selfie Wall - Il mosaico a forma di treno
Descrizione
In vista della convention aziendale di dicembre 2025, Italo ha voluto un’iniziativa di avvicinamento all’evento che coinvolgesse le persone che ogni giorno fanno viaggiare i suoi treni: un grande mosaico digitale a forma di treno Italo, composto dai selfie dei dipendenti. Il messaggio era nel nome della campagna, “Italo sei tu!”: ogni foto diventa un tassello e, selfie dopo selfie, il treno prende forma. Trattandosi di un evento interno, la partecipazione era riservata ai soli dipendenti Italo.
Per JustBit abbiamo progettato e sviluppato l’intera piattaforma: la web app per partecipare, il photowall da esplorare online, il backoffice di moderazione e il motore cloud che ricompone il mosaico man mano che le foto vengono approvate. La raccolta è rimasta aperta fino al 18 dicembre e chi ha caricato il proprio selfie ha partecipato anche all’estrazione dei premi.
Video
Il progetto in meno di un minuto: la registrazione, il selfie, il mosaico che cresce, la ricerca per nome e il backoffice. Nel video i volti sono illustrazioni, non foto reali dei partecipanti.
Come si partecipa
Tutto avviene nel browser, da smartphone o computer, senza installare nulla. Il percorso è pensato per durare un paio di minuti:
- Registrazione: nome, cognome ed email aziendale, con i consensi privacy per la realizzazione e la pubblicazione delle foto. L’accesso è consentito solo con un indirizzo email aziendale Italo.
- Verifica: un codice di conferma a 6 cifre arriva via email, nessuna password da ricordare.
- Selfie: la fotocamera si apre nella pagina, ci si posiziona nell’ovale, parte il conto alla rovescia e si conferma l’anteprima oppure si ripete lo scatto.
- Approvazione: ogni foto passa dalla moderazione prima di entrare nel mosaico e il partecipante riceve un’email quando è pubblicata.
Il photowall
Il mosaico si esplora come una mappa: con lo zoom si passa dalla sagoma intera del treno al singolo volto, senza perdere definizione. La ricerca per nome porta direttamente alla propria foto, o a quella dei colleghi, e permette di scorrere fra i risultati in caso di omonimi. Chiusa la raccolta, il photowall è rimasto consultabile e la pagina iniziale ha lasciato spazio agli auguri di buone feste.
Il backoffice
Il team del cliente gestisce l’iniziativa da un backoffice dedicato:
- Validazione delle immagini: approvazione o rifiuto con motivo, priorità di inserimento e filtro sulle foto in attesa
- Lista utenti con stato della foto e dei consensi, ricerca ed esportazione dei dati, compresa quella per l’estrazione dei premi
- Regole di generazione del mosaico: ogni tot foto approvate, ogni tot foto rifiutate oppure a intervalli di ore, con la possibilità di avviarla a mano
- Alert via email quando le foto in attesa di moderazione o da inserire superano una soglia
- Aspetto del mosaico: maschera della sagoma, immagine segnaposto, numero minimo di celle, ripetizione delle immagini e colore di sfondo
Il motore del mosaico
La composizione gira su un job cloud dedicato, avviato in automatico quando i dati su Firestore raggiungono le soglie impostate. Il job distribuisce i tasselli nelle zone di colore della maschera, in modo che la sagoma del treno resti leggibile anche con poche foto, aggiunge le nuove immagini senza stravolgere quelle già presenti e riempie gli spazi vuoti con duplicati o segnaposto. Poi genera la piramide di tile per lo zoom, la pubblica su Cloud Storage e aggiorna la posizione di ogni volto, che è ciò che rende possibile la ricerca per nome. Un lock impedisce due generazioni in contemporanea; gli originali restano in un bucket privato e online vanno solo i derivati.
Tecnologie
- Angular per la web app dei partecipanti e per il backoffice, su Firebase Hosting
- Cloud Functions (Node.js) per le API pubbliche, le API di backoffice e il trigger della generazione
- Cloud Run Job in container con sharp e libvips per comporre il mosaico e le tile Deep Zoom
- Firestore e Cloud Storage, con bucket separati per originali e immagini pubblicate
- OpenSeadragon per la navigazione del mosaico, SendGrid per i codici di accesso e le notifiche
Obiettivi
- Creare attesa e partecipazione in vista della convention aziendale
- Coinvolgere tutti i dipendenti in un’iniziativa semplice e inclusiva, favorendo il team building
- Rendere ogni persona parte visibile del brand Italo
- Raccogliere le foto in modo controllato: accesso riservato ai dipendenti, consensi espliciti e moderazione
- Far crescere il mosaico in automatico, senza interventi manuali a ogni nuova foto
Cliente