Restyling: progettare un'interfaccia per un sito da modernizzare

L’interfaccia originale del sito presentava diversi problemi di leggibilità e chiarezza. In particolare, l’uso di font bianchi su sfondi molto chiari rendeva difficoltosa la lettura dei testi. L’immagine hero, utilizzata anche come sfondo per l’header, comprometteva ulteriormente la visibilità delle opzioni di menu e della call to action principale. Inoltre, la hero section era eccessivamente affollata di elementi testuali e grafici, molti dei quali avrebbero potuto trovare una collocazione più funzionale in altre sezioni del sito.

Per la fase di riprogettazione ho analizzato il design di altri siti di providers di viaggi, come Italo, per comprendere le soluzioni più efficaci in termini di organizzazione dei contenuti. Ho scelto di inserire un banner orizzontale subito dopo il menu e prima dell’immagine hero, così da separare chiaramente i contenuti funzionali e migliorare la leggibilità generale. Ho deciso inoltre di valorizzare l’immagine hero, che risultava visivamente molto efficace, limitando la sovrapposizione a un solo elemento testuale: il motto principale del brand.

Per la realizzazione della palette ho utilizzato lo strumento Coolors, tenendo conto della coerenza con l’identità visiva esistente. Ho ipotizzato che il cliente volesse mantenere le tonalità del logo, già riprese anche nell’immagine hero. Partendo dai colori presenti negli abiti della bambina ritratta nell’immagine principale, ho selezionato due tonalità dominanti da utilizzare per i banner, le scritte principali e le voci di menu, con l’obiettivo di ottenere un’interfaccia armoniosa, coerente e ben leggibile.