Una libreria di information design per la comunicazione
Marketing ottimizzato - Rafforzare il design dei contenuti
Esplora il progetto
Commissionata da ENI, The Visual Agency ha fornito un servizio di consulenza per riprogettare le principali infografiche interattive prima del lancio del nuovo sito eni.com previsto per il 6 febbraio 2020.
Consulenza fase 1 - Analisi dello status quo
Il processo creativo
Al fine di uniformare i diversi linguaggi di comunicazione e di stile introdotti nel corso degli anni in varie rielaborazioni e da diversi titolari di contenuti, è stato essenziale ripensare interamente il processo dietro la creazione di visualizzazioni interattive, dal design allo sviluppo.
Consulenza fase 2 - Sviluppo di un information design system organico
Le linee guida
La stesura di semplici guideline stilistiche per la progettazione di infografiche non sarebbe stata sufficiente a supportare il design e lo sviluppo effettivo necessari per una produzione di tale portata.
È stato quindi sviluppato un sistema di stili completamente nuovo, incorporando le linee guida del brand con un'analisi dei progetti precedenti e concentrandosi sulle future esigenze di contenuto e gli output aziendali.
Elementi di atomic design
Il graphic design si compone di elementi strutturali e indicizzati:
1. Elementi per distribuire i dati nello spazio e formare una griglia su cui mostrare le informazioni.
2. Indicazioni numeriche da usare come riferimento per la rappresentazione dei dati.
Connubio di elementi grafici e navigazione
La combinazione e l'interazione dei diversi elementi di atomic design ci ha permesso di creare un sistema modulare nuovo e accattivante, pur conservando l'identità del design del cliente.
Per facilitare la fruizione dei contenuti è stata progettata una modalità di navigazione lineare e intuitiva.
La griglia
Abbiamo progettato una griglia modulare su cui visualizzare i componenti dell'infografica, partendo dal layout dell'interfaccia. Il modulo base (360×185 px), che funge da unità impiegata per apportare variazioni al layout, diviene così un tool che consente di organizzare le informazioni e offre un campo d'azione su tutti i valori di data visualization.
Consulenza fase 3 - Applicazione dell'information design system
L'utilizzo
Il sistema è stato poi utilizzato come punto di partenza per la progettazione di nuovi componenti di infografica. Diversi elementi testuali, dinamici e interattivi sono impiegati per creare visualizzazioni complete e coinvolgenti che rappresentano i dati in modo chiaro e rendono il contenuto facilmente accessibile.
