1. PROVINCIA DI LODI
RESTYLE PORTALE WEB
7.6.2012
PROVINCIA DI LODI
7.6.2012

2. PROVINCIA DI LODI
INTRODUZIONE
INTRODUZIONE
L’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 LODI
7.6.2012

3. RESEARCH

4. PROVINCIA DI LODI
WEB RESEARCH
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 LODI
7.6.2012

5. PRIMARY TYPEFACE

6. PROVINCIA DI LODI
PRIMARY TYPEFACE
PRIMARY TYPEFACE
I 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.
Verdana
arial
georgia
regular
regular
REGULAR
aBCDeFgHIJKlMNOPQrSTuVXYZ
abcdefghijklmnopqrstuvxyz 1234567890
/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu
aBCDeFgHIJKlMNOPQrSTuVXYZ
abcdefghijklmnopqrstuvxyz 1234567890
/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz 1234567890
/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu
bold
bold
BOLD
AbCdEFGHIJKlMNoPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz 1234567890
/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu
AbCdEFGHIJKlMNoPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz 1234567890
/! ?”£$%&()[]@ ÀÉÈÌÒÙàéèìòu
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
1234567890
PROVINCIA DI LODI
7.6.2012

7. COLORS

8. PROVINCIA DI LODI
WEBSITE COLORS
WEBSITE MAIN COLORS
L’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 LODI
7.6.2012

9. WEBSITE LAYOUTS

10. PROVINCIA DI LODI
7.6.2012

11. 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

12. PROVINCIA DI LODI
ALCUNE FASI DELLA REALIZZAZIONE
PROVINCIA DI LODI
7.6.2012

13. FUNZIONI PRINCIPALI
COLLEGAMENTO SOCIAL
MENU DI PRIMO LIVELLO
INFORMAZIONI E AVVISI IN EVIDENZA
MENU SECONDO LIVELLO
con la possibilità differenziare
cromaticamente le voci di menu .
ARGOMENTI IN EVIDENZA
Un menu orizzontale ci aiuta a
differenziare le sezioni principali da
quelle secondarie (menu verticale)
in un portale che ospita numerose
sezioni.
COMUNICATI STAMPA
VIDEO IN EVIDENZA
MENU SECONDO LIVELLO
CON COLORE DIFFERENTE
CALENDARIO EVENTI
NEWS TERRALODIGIANA.IT
MANUALE IMMAGINE
COORDINATA
Un esempio di modulo customizzato
PUNTO INFORMATIVO
LISTA ASSESSORATI
FOOTER MENU
PROVINCIA DI LODI
7.6.2012

14. GRAZIE!
PROVINCIA DI LODI
7.6.2012