Blog

IA contro designer umani: come abbiamo creato il design della mascotte di tTravel

IA contro designer umani: come abbiamo creato il design della mascotte di tTravel

Sviluppare il design della nostra mascotte, Me, è stato un percorso lungo e impegnativo durato 2–3 mesi. Dalle difficoltà nel comunicare la nostra visione agli illustratori all’impiego dell’IA e delle tecnologie di animazione, il processo è diventato un’avventura creativa a sé stante.

Se preferisci le storie in formato video, guarda il video:

Le difficoltà con gli illustratori

Il nostro approccio iniziale è stato collaborare con illustratori professionisti per dare vita al concetto. Abbiamo contattato circa sette illustratori, fornendo loro spiegazioni dettagliate e un wireframe di riferimento per guidarne i progetti:

Primo wireframe
Primo wireframe

I risultati, però, erano ben lontani da ciò che avevamo immaginato. Il design della mascotte tendeva troppo verso stili fumettistici e infantili:

Versioni fumettistiche di Me
Versioni fumettistiche di Me

Oppure proponeva interpretazioni eccessivamente letterali dei concetti alla base di Me, come il concetto dell’albero:

Versioni ad albero di Me
Versioni ad albero di Me

Tra le proposte, le versioni più semplici erano quelle che si avvicinavano di più. Riuscivano a cogliere in parte l’atmosfera contemplativa e trascendente a cui aspiravamo:

Versioni minimaliste di Me
Versioni minimaliste di Me

Abbiamo persino pensato di fermarci a una di queste. Soprattutto perché poteva essere disegnata in grafica vettoriale, rendendola molto più facile da animare. Temevamo però che l’aspetto complessivo della schermata principale risultasse troppo spento, senza nulla che catturasse lo sguardo. C’era poi la nostra idea di personalizzare gli sfondi, per la quale avevamo bisogno di una mascotte che risaltasse e fungesse da elemento centrale di qualsiasi universo visivo.

Il passaggio all’IA: la svolta

Frustrato dalla mancanza di sintonia con gli illustratori, ho deciso di sperimentare con strumenti di IA come DALL-E. E a quanto pare l’IA mi capisce molto meglio delle persone :)

DALL-E ha generato numerose versioni incredibili del design della mascotte e degli sfondi, dandomi una scarica di ispirazione e creatività.

Allo stesso tempo, scegliere la versione migliore è stato incredibilmente difficile. Quello che posso dire con certezza è che l’IA ha decisamente arricchito il concetto. Guarda alcuni dei design più belli che ha prodotto:

Versioni di Me generate dall’IA
Versioni di Me generate dall’IA

Tuttavia, le immagini create da DALL-E presentavano un grande svantaggio: non potevano essere trasformate direttamente in grafica vettoriale, indispensabile per l’animazione. A quel punto è intervenuto Sasha Buratynskyi, rispolverando le sue capacità artistiche per ricreare in forma vettoriale il design scelto per la mascotte.

Semplificando l’immagine generata dall’IA, Sasha ha reso possibile animare Me preservandone l’essenza.

Animazione con Rive

Per l’animazione abbiamo scelto la tecnologia Rive. Con l’aiuto di Dmytro Ruban, il nostro Me ha preso vita (se guardi attentamente, respira davvero!), ma per ora solo in 2D: per animarlo in 3D deve essere ridisegnato. Quindi, se qualcuno di voi che sta leggendo questo articolo si sente ispirato da tTravel e vorrebbe creare una versione 3D di Me, può contattarci inviando un’e-mail a info@ttravel.me

Me breathing animation

Interazione con Me. Suggerimenti.

Fin dall’inizio sapevamo di volere che Me interagisse con gli utenti e fosse il loro compagno di viaggio, guida e assistente. La domanda era come dovesse comunicare esattamente. Avremmo dovuto dargli mani o un volto? Avrebbe dovuto provare emozioni diverse a seconda delle azioni degli utenti?

A un certo punto mi è venuta l’idea di animare il cubo centrale, facendolo trasformare in emoji o icone diverse:

Me's central cube animation

Alla fine abbiamo ideato un monitor circolare e il simbolo dello yin e yang (leggi l’articolo sul concetto di Me e sui suoi significati nascosti), sostituiti di tanto in tanto da altre icone. Questo conferisce a Me un’atmosfera più tecnologica, anche se una parte di me conserva ancora un certo affetto per quelle versioni con le animazioni del cubo centrale :)

Animazione del respiro di Me
Animazione del respiro di Me

Progetti per il futuro:

L’evoluzione di Me è tutt’altro che conclusa. Ecco su cosa stiamo lavorando:

  • Funzioni basate sull’IA: Me agirà come il tuo assistente di viaggio personale, come Siri o ChatGPT ma specializzato nei viaggi. Stiamo pianificando di ampliare notevolmente l’interazione di Me con gli utenti, naturalmente con il supporto dell’IA. Cercherà informazioni di viaggio come condizioni meteo, hotel, autonoleggio, informazioni sui voli e così via. Inoltre offrirà consigli stimolanti e aiuterà a costruire itinerari.
  • Animazione 3D: Una versione 3D di Me completamente animata è nei nostri progetti e non vediamo l’ora di collaborare con artisti di talento per realizzarla.
  • Skin personalizzabili: Abbiamo in programma di introdurre più skin per Me, consentendo agli utenti premium di scegliere l’aspetto della propria mascotte.
  • Progressione gamificata: Ispirandoci a Journey, vogliamo integrare la gamification, facendo evolvere l’aspetto di Me in base ai risultati raggiunti dagli utenti nell’app.
Animazione del cubo centrale di Me
Animazione del cubo centrale di Me

Scarica tTravel per iOS o Android se non l’hai ancora fatto. E resta con noi per i prossimi articoli. Alla prossima.

Di: Artem Shambalov