PROVINCIA DI LODI

7.6.2012

PROVINCIA DI LODIRESTYLE PORTALE WEB

7.6.2012

PROVINCIA DI LODI

7.6.2012

INTRODUZIONEL’obiettivo dell’intervento è quello di rinnovare la grafica del portale, quindi mostrare un nuovo modo di comunicare rendendo il più possibile semplice e piacevole la navigazione e la consultazione di offerte e servizi. La collocazione e la scelta dei contenuti segue la traccia dei materiali forniti e potrà essere ottimizzata in una seconda fase in base alle esigenze specifiche richieste.

Questa presentazione è stata ottimizzata per una visualizzazione digitale, la stampa di questo documento potrebbe riportare variazioni rilevanti nei colori.

PROVINCIA DI LODIINTRODUZIONE

RESEARCH

PROVINCIA DI LODI

7.6.2012

WEB RECOGNITION La nostra ricerca ci ha portato ad analizzare l’ambito dei portali delle province per capire meglio il contesto, standard grafici e poter confezionare la comunicazione su misura per le nostre esigenze.

PROVINCIA DI LODIWEB RESEARCH

PRIMARY TYPEFACE

PROVINCIA DI LODI

7.6.2012

REGULAR

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

Verdana

BOLD

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890

regular

aBCDeFgHIJKlMNOPQrSTuVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

arial

bold

AbCdEFGHIJKlMNoPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

regular

aBCDeFgHIJKlMNOPQrSTuVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

georgia

bold

AbCdEFGHIJKlMNoPQRSTUVXYZ abcdefghijklmnopqrstuvxyz 1234567890/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu

PRIMARY TYPEFACEI caratteri web compatibili principali per i testi del sito sono Arial e Georgia, un bastoni e un graziato per creare contrasto, vivacità e maggiore visibilità ai contenuti. Per differenziare gli elementi del menu è stato scelto il carattere Verdana, anch’esso pienamente compatibile con tutti i browser.

PROVINCIA DI LODIPRIMARY TYPEFACE

COLORS

PROVINCIA DI LODI

7.6.2012

WEBSITE MAIN COLORSL’analisi dei siti del settore ci ha portato alla scelta grafica di utilizzare testi scuri su

sfondo bianco, così da rimanere in un ambito istituzionale e usuale per i portali di consultazione. Gli altri colori provengono per la maggior parte dal logo per richiamare

e rafforzare l’identità coordinata della provincia.

PROVINCIA DI LODIWEBSITE COLORS

WEBSITE LAYOUTS

PROVINCIA DI LODI

7.6.2012

PROVINCIA DI LODI

7.6.2012

HOME Il layout permette una chiara lettura degli elementi, impaginati con ordine e ben distinguibili. Progettato su una griglia di base a 16 colonne garantisce la massima modulabilità dei contenuti; la visualizzazione è compatibile per monitor con risoluzioni da 1024px in su, trova il suo miglior adattamento visivo a risoluzioni da 1280px in su (85% dei monitor rilevati a gennaio 2012).

Lo stile grafico proposto mantiene un linguaggio istituzionale e classico, ma si distingue per un gusto geometrico, contemporaneo, finemente tecnologico e con dei richiami leggeri al linguaggio dei moderni magazines.

PROVINCIA DI LODI

7.6.2012

PROVINCIA DI LODIALCUNE FASI DELLA REALIZZAZIONE

PROVINCIA DI LODI

7.6.2012

FUNZIONI PRINCIPALI

MENU DI PRIMO LIVELLO Un menu orizzontale ci aiuta a differenziare le sezioni principali da quelle secondarie (menu verticale) in un portale che ospita numerose sezioni.

VIDEO IN EVIDENZA

COMUNICATI STAMPA

CALENDARIO EVENTI

FOOTER MENU

PUNTO INFORMATIVO

MANUALE IMMAGINE COORDINATA Un esempio di modulo customizzato

COLLEGAMENTO SOCIAL

MENU SECONDO LIVELLO con la possibilità differenziare

cromaticamente le voci di menu .

INFORMAZIONI E AVVISI IN EVIDENZA

ARGOMENTI IN EVIDENZA

MENU SECONDO LIVELLO CON COLORE DIFFERENTE

LISTA ASSESSORATI

NEWS TERRALODIGIANA.IT

PROVINCIA DI LODI

7.6.2012

GRAZIE!