Virgilio Ricerca

Tipologia e intervento: Web - Progettazione; Grafica.
Periodo: on line dal 2007

Descrizione: Restyle del il primo motore italiano di ricerca in rete.
Caratteristiche: Intervento mirato al consolidamento di un linguaggio sobrio che codifichi diverse tipologie di contenuto, semplifichi l'uso della pagina di risultato e aumenti l'efficacia dell'interfaccia.
Vera novità sono i componenti aggiuntivi della Ricerca Web: piccole anteprime di risultati (video, immagini, indirizzi, ...) che affiancano la lista principale di link, aiutando l'utente con approfondimenti relativi alla parola da lui cercata.

IAB Italia on line

Tipologia e intervento: Web - Design.
Periodo: on line dal 2003 al 2009

Descrizione: Sito informativo e istituzionale del Interactive Advertising Boreau Italia "una community all'avanguardia di investitori pubblicitari, sempre aggiornati sui numeri e sui fatti".
Caratteristiche: La struttura semplice si declina in delicate varianti di colore e dettagli grafici per caratterizzare i diversi contenuti del sito (i descrittivi, i promulgativi e le informazioni sugli associati) mantenendo la propria identità tramite cifre stilistiche e iconografiche, gradienti sfumati e formattazione dei testi.
La Home Page è concepita come vetrina degli aggiornamenti e punto di accesso a tutte le sezioni. Costruita in modo simile alle pagine interne, riserva però la prima posizione ad uno spazio fotografico evocativo che comunica gli intenti dichiarati del sito, anticipandone visivamente la cromia lo stile delicato.
Nelle pagine interne il sito si rivela un ricco collettore per materiali di aggiornamento del settore, in lettura o download. L'accento viene posto sulla fruizione dei contenuti attraverso un sapiente uso degli spazi bianchi ed una gabbia severa ma ritmata.

Virgilio Home Page

Tipologia e intervento: Web - Progettazione
Periodo: on line dal settembre 2008
31.000.000 di accessi giornalieri

Descrizione: Progettazione di una struttura modulare per la Home Page del portale Virgilio.
Caratteristiche: La struttura a tre colonne identiche offre agli utenti pari dignità tra contenuti redazionali, contenuti "social" e servizi dei partner commerciali: le ricchezze di Virgilio. Ogni cosa ha il suo posto e la scommessa è il nuovo approccio al contenuto di un portale molto complesso che ha avviato un percorso di rinnovamento.
Lo scorrimento verticale ha modificato la fruizione dei contenuti e permette di costruire in altezza dando ritmo attraverso il modulo minimo del lancio.
Una novità anche a piede pagina: la raccolta dei link da tenere sottomano per accedere ai servizi più utili di Virgilio.
Nota: La struttura e diversi aspetti della grafica sono stati subito imitati ed adottati dal portale di un famoso servizio di connessione a pagamento.

Nel rework del Guigno 2009 le prestazioni sono state ottimizzate per migliorare la user experience dello scaricamento dati (con particolare attenzione agli utenti collegati tramite 'chiavetta'), il potenziamento delle posizioni editoriali in prima schermata e l'introduzione di spazi autopromozionali, l'accorciamento della pagina per la valorizzazione della zona 'Utile' a fondo pagina.

DGTVi on line

Tipologia e intervento: Web - Progettazione; Grafica.
Periodo: on line dal 2004
Nota: l'inserimento di contenuti non previsti in fase di progettazione ha modificato nel tempo la pulizia grafica del sito on line.

Descrizione: Sito informativo e istituzionale del Consorzio Italiano del Digitale Terrestre TV.
Caratteristiche: Design molto semplice e struttura tradizionale che privilegia i contenuti. La nota grafica memorabile è riservata al multicolore proprio del logo DGTVi. Nella parte superiore della pagina, a fianco del logo, si fonde l'esigenza di comunicazione e rappresentazione del consorzio con la necessità di riportare al primo piano in ogni pagina notizie di grande importanza e frequente aggiornamento.

Canale Notizie - Virgilio

Tipologia e intervento: Web - Progettazione
Periodo: on line dal 2006

Descrizione: Progettazione del canale notizie del portale Virgilio. Home page e diverse tipologie di pagine di contenuto.
Caratteristiche: Virgilio Notizie è tra i primi siti di informazione italiani a puntare in modo massiccio sull'intervento degli utenti per la selezione di notizie dalla rete, affiancandole con pari dignità a quelle di fonti prestigiose e agenzie tradizionali. La naturale scelta grafica per rendere riconoscibili le due tipologie di notizie, è quella di associar loro un diverso colore identificativo, particolare che le rende a colpo d'occhio immediatamente individuabili nella pagina, qualsiasi posizione per esigenza editoriale vadano ad assumere nella struttura.

Schede editoriali - Formato Unico Virgilio

Tipologia e intervento: Web - Progettazione
Periodo: on line dal 2007

Descrizione: Progettazione di un formato trasversale, adottato da tutti i canali di Virgilio, per l'impaginazione di contenuti editoriali.
Pensato per aderire alle esigenze di flessibilità di più tipologie di articoli scritti per il web e per sfruttare al meglio le potenzialità della tecnologia adottata per il cms (content management system), ne nasconde i limiti attraverso la struttura modulare e dimensioni fisse in larghezza, variabili in altezza.
Caratteristiche: Le schede sono personalizzate per ogni singolo canale di Virgilio attraverso alcune variabili grafiche dei css, ma nell'insieme aderiscono alle linee guida che caratterizzano l'intero portale rispettandone l'esigenza di uniformità.

Network Toolbar

Tipologia e intervento: Web - Design
Periodo: on line dal 2009
Alla base di ogni finestra browser di Virgilio.it

Descrizione: Barra funzionale del portale Virgilio. Contiene gli shortcut ai servizi più importanti, informazioni e alert per gli utenti registrati.
Caratteristiche: Grafica minimale e funzionale, presenza stabile, ma di secondo piano, in tutte le pagine del portale .

Virgilio Bellezza - L'Oréal Paris

Tipologia e intervento: Web - Progettazione, manutenzione grafica
Periodo: on line dal 2002 al 2004

Descrizione: Progettazione della struttura e del brand per il sito di contenuto editoriale e promozionale nato dalla collaborazione tra Virgilio e L'Oréal Paris.
Virgilio Bellezza è uno dei primi esempi di costituzione di una community italiana di successo con ambienti personalizzabili.
Caratteristiche: La grafica dalla forte identità cromatica gestisce in una gabbia ordinata la grande ricchezza di contenuto.
In un momento in cui la tendenza del web è quella di comporre gli spazi in modo serrato e usare testi piccoli, la presenza di belle immagini patinate dal sapore beauty e dettagli di still life molto puliti dona respiro e aiuta il riferimento allo stile della casa cosmetica.
Per creare tipologie di pagine differenti la gabbia non si piega, ma gli spazi si accorpano con maestria creando l'illusione di un'impaginazione sempre diversa.

Coca-Cola Italia

Tipologia e intervento: Art Direction, Web - Progettazione, manutenzione grafica
Periodo: on line dal 1999 al 2001

Descrizione: Studio della comunicazione e progettazione del sito web di Coca-Cola Italia.
Caratteristiche: Attorno al pay off Coca-Cola di quegli anni, "enjoy", prende vita una struttura dove la bevanda viene esaltata per le sue caratteristiche sensoriali in un crescendo in cui to-enjoy diventa il sesto senso -intraducibile- quello del divertimento.
Ai 5 sensi corrispondono altrettante sezione del sito, ed i contenuti più sorprendenti (nel periodo web quelli audio, video e interattivi) sono ovviamente ospitati sotto l'ultima voce, enjoy.
Nota: Negli anni in cui lo standard della risoluzione video è ancora il 640x480, la struttura della pagina sfrutta lo scorrimento orizzontale, una novità ed un trend del web design di quel periodo.

My Blog

Tipologia e intervento: Web - Progettazione; Grafica; Illustrazione (icone e charachter)
Periodo: on line dal 2006
Il progetto iniziale ha subito diversi rimaneggiamenti che hanno modificato nel tempo la pulizia grafica del sito on line.

Descrizione: MyBlog.it ha il duplice obiettivo di presentare gli strumenti per la creazione di un blog e insieme consolidare una comunità di "bloggers" attraverso spazi che ne promuovano la presenza on line.
Caratteristiche: Collegato al portale Virgilio, ma per scelta di marketing presentato come indipendente, My Blog necessita insieme di identità propria e scelte progettuali che, in termini di usabilità e simbologia, riconducano l'utente al mondo del portale.
Il progetto dell'interfaccia è associato alla creazione di personaggi e iconografia che ne caratterizzano l'ambiente.
Note: Lo stile del sito è precursore della tendenza di adottare la semplicità di formattazione (testi ordinati, grandi, sfondi uniformi, ...) propria delle interfacce blog generate automaticamente.
La Home Page rinuncia persino al menu di navigazione per imitare i blog. Il primo piano è tutto per i Bloggers, ma per fruire maggiori informazioni e sfogliare la vetrina del servizio è sufficiente selezionare i titoli delle sezioni, che nella forma simulano i "tag".

TIM - Aziende / Clienti

Tipologia e intervento: Web - Progettazione; Grafica
Periodo: on line nel 2004

Descrizione: Il sito AAA W3C compliant di TIM Aziende e TIM Clienti Privati. Grazie ad una rigida progettazione ed un'accurata produzione degli html il sito aderisce al massimo livello ai parametri web per la fruizione da parte dei disabili.
Caratteristiche: Sono pochissime le libertà che può permettersi la grafica per essere valutata W3C compliant, ma il sito riesce comunque a rispettare le più importanti guide line dell'immagine TIM.
La struttura si adatta in larghezza a qualsiasi risoluzione del monitor, rinunciando al controllo sulla disposizione dei contenuti in favore di una leggibilità ottimale. I limiti estetici sono evidenti, ma il risultato è di alto profilo dal punto di vista dell'usabilità.
Nota: Per un breve periodo il web ha valutato l'opportunità di realizzare tutte le proprie interfacce validandole con il protocollo internazionale per disabili. Ma i limiti estetici hanno presto rivelato grosse carenze nell'efficacia comunicativa e allontanato i committenti da questo tipo di scelta etica.

Sm-box

Tipologia e intervento: Web - Design; Html; Contenuti.

Versione a)
Periodo: on line dal 2003 al 2005
Descrizione: Piccolo magazine in costante aggiornamento.
Caratteristiche: Il tema del mese veste tutta la home page, dallo sfondo alla scelta dei contenuti dei box, alle citazioni, ai link.
L'uniformità è assicurata dai colori guida viola, giallo limone e bordeaux che fanno da sfondo ai box creando il ritmo della struttura e misurando l'importanza delle zone che si stagliano sull'immagine a tutta grandezza.

Versione b)
Periodo: on line dal 2008
Descrizione: Sito personale con informazioni, documentazione dell'attività creativa e sezione Blog.
Caratteristiche: Di estrema pulizia e stile particolarmente semplice, ogni pagina si compone in verticale in maniera modulare.
Il sito è pensato come una collezione on line di impulsi visivi che costruisco la poetica della mia attività creativa.

Selva

Tipologia e intervento: Stampa - Testo, llustrazioni; Impaginazione
Tecnica delle illustrazioni: Pennelli digitali
Periodo: 2007
Versioni: Italiano, inglese

Descrizione: Libro illustrato per ragazzi sul tema del cambiamento
La storia: Selva ha seminato e cresciuto con pazienza un grande giardino, eppure un giorno dovrà lasciarlo...
Caratteristiche: Le tavole vogliono essere evocative e preferiscono alla descrizione didascalica l'aggiunta di significato rispetto al testo. Selva vuol essere un personaggio attraente che brilli per la sua indipendenza e capacità di costruire e prendersi cura del proprio giardino e di sé stessa. Selva interagisce con varie specie di piante e simpatici quanto realistici animali, ma resta la protagonista nella storia come nei disegni, proprio come un'adolescente sente con forza il proprio protagonismo.
Il significato educativo della storia è che i cambiamenti vanno affrontati con slancio per la fiducia che comprendano nuove soddisfazioni e per la forza del passato che ci appartiene ancora e sempre. L'uomo è ricco di risorse per rinnovarsi e il mondo pieno di sorprese.
Nota: Selezionato nel 2009 per essere distribuito nel marketplace di Amazon.com, mi ha permesso di disporre uno spazio personale di profilo autore nell'archivio del bookstore internazionale.

Storia di Gatto & Luna - Libro per ragazzi

Tipologia e intervento: Stampa - Testo, llustrazioni; Impaginazione
Tecnica delle illustrazioni: Mista (colori acrilici, fotografia, collage)
Periodo: 1995
Edizione: Stampata in 300 esemplari da I Mestieri delle Arti

Descrizione: Libro illustrato per ragazzi sul tema della perdita
La storia: Gatto ha fatto di tutto per assaggiare Luna, ma lei appartiene al cielo e un giorno dovrà tornare al suo posto.
Caratteristiche: Gatto & Luna è una storia d'amore e di perdita. La sua morale è che l'esperienza dell'incontro profondo con una persona la rende vicina per sempre, anche se per necessità la vita (o la morte) la possono portare lontano.
Luna è materna e saggia, ma insieme femminile e desiderabile. Rappresentata con le fotografie di un paiolo di rame contenente latte è soave e immutabile anche se fisica. Gatto invece vuole essere la personificazione delle emozioni umane, per questo cambia forma passando dall'immagine della solitudine a quella del dolore a quella della soddisfazione e dello splendore.
Note: A seguito della pubblicazione le 13 tavole sono state esposte a Villa Zoia, Concorezzo (MI).

Easy 4

Tipologia e intervento: Grafica - Logo design
Periodo: 2005

Descrizione: Studio del logo Easy 4, progetto di Save the Children rivolto agli adolescenti per un'informazione guidata alla tecnologia.
Caratteristiche: Al logotipo viene associata una figurazione suggestiva che renda attraente e giovane il marchio. Nel primo studio si tratta di un personaggio di vaga memoria giapponese, che possa essere declinato in varie espressioni e speso con efficacia comunicativa.
Nel secondo studio il marchio comprende 4 simboli morbidi che possono diventare le icone di temi affrontati dal progetto educativo: video, blog, telefono e chat.
Nota: Il logo venne finalizzato, ma il progetto Easy 4 non è mai stato realizzato dall'associazione Save the Children.

De Agostini Edicola

Tipologia e intervento: Grafica - Logo design
Periodo: 2008

Descrizione: Studio del logo De Agostini Edicola.it
Caratteristiche: Il logo nasce per essere usato on line e viene esplicitamente richiesto uno stile di testo molto semplice, una scrittura orizzontale ed un trattamento sfumato e lucido definito impropriamente ma in modo comune "stile web 2.0".
Studi: La fase esplorativa comprende la ricerca di una simbologia che affermi l'identità di "Edicola".