Case Studies & Brands: Virgilio: Ricerca, Home Page, Virgilio Notizie, Virgilio Guida TV, My Blog.
Aboca; Lancia; TIM; DeAgostini; L'Oréal; Consorzio Televisione Digitale Terrestre DGTVi; TIM; Save The Children; La7 Mtv Televisioni Interattive; IAB Interactive Advertising Boreau Italia; McDonald's Italia; Coca-Cola Company Italia.
Lancia Y - Cascata di Diamanti
Tipologia e intervento: Web Adv - Concept. Periodo: 6 Giugno 2011.
Descrizione: Iniziativa Speciale Virgilio concepita in sinergia con la campagna pubblicitaria Lancia Y "Il Lusso è un diritto" (agenzia Armando Testa) e pubblicata su Virgilio.it in concomitanza con il lancio del Video Spot con Vincent Cassel - Ref.: http://youtu.be/xJUyFkWyo-k Caratteristiche: L'idea è semplice: una raffinata pioggia di diamanti scende sull'home page di Virgilio. L'iniziativa viene realizzata con una particolare attenzione all'utente impiegando linguaggi tecnologici che riducono al minimo l'interferenza del messaggio pubblicitario con la user experience del portale.
Questa attenzione permette di prolungare la permanenza dell'adv sulla pagina e quindi garantire il raggiungimento di un maggior numero di visitatori.
Viene considerata una case history delle "Iniziative Speciali" di Matrix per le novità tecniche adottate dal portale Virgilio a supporto di un adv.
Virgilio Home Page
Tipologia e intervento: Web - Progettazione. Periodo: on line da Settembre 2008 a Giugno 2011. 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.
Virgilio Ricerca
Tipologia e intervento: Web - Progettazione; Grafica. Periodo: on line dal 2007 a Giugno 2011. Virgilio Ricerca è il secondo motore di ricerca in Italia per numero di visite al mese (20 milioni a giugno 2011, fonte Nielsen Net View), 2 milioni di ricerche al giorno (fonti interne), 4,1 milioni di utenti a giugno 2011 (fonte Nielsen Net View).
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.
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.
Virgilio Bellezza - L'Oréal Paris
Tipologia e intervento: Art Direction. Web - Progettazione, manutenzione grafica. Grafica off line.
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.
Tim Intenet Mobile
Tipologia e intervento: Web - Progettazione Grafica.
Periodo: on line nel 2010.
Descrizione:Pagina visualizzata da ogni utente TIM al momento della connessione via Internet Key. Caratteristiche: La struttura della pagina riflette la gerarchia delle informazioni contenute, presentando nell'ordine le personali (credito e tariffe attivate dall'utente), le personalizzate con sistemi di reccomandation one-to-one, le utili ed infine inviti alla navigazione e informazioni promozionali.
Scelte grafiche di contrasto applicate ai dati di credito e tariffe attivate rendono immediata la relazione con il brand TIM e insieme pongono l'accento sulla parte più importante della pagina.
La struttura ad "L rovesciata" delle informazioni sulla connettività permette una lettura continua dei contenuti TIM ed abbraccia la parte degli aggiornamenti a cura di Virgilio: notizie ed altre informazioni scelte appositamente per l'utente su base localizzata.
Poche note di colore permettono l'individuazione immediata dei due brand, armoniosamente accostati attraverso una sottile mediazione stilistica che restituisce un aspetto unitario alla pagina.
Tecnicamente la grafica ottimizza l'esperienza utente organizzando i contenuti in modo da permettere due tempi di scaricamento dei dati e gli stili si asciugano per rispettare i parametri per le validazioni W3C e le valorizzazioni SEO.
MyBlog.it
Tipologia e intervento: Web - Progettazione; Grafica; Illustrazione (icone e charachter).
Periodo: on line dal 2006 al 2011. 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.
DGTVi on line
Tipologia e intervento: Web - Progettazione; Grafica.
Periodo: on line dal 2004 al 2010.
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.
VBrand, VBanner
Tipologia e intervento: Logo Design, Guideline web header.
Periodo: 2010
Descrizione: Individuazione di una linea grafica per il nuovo pacchetto di servizi Virgilio. Caratteristiche: Nella traduzione in logo dei servizi dal prefisso "V", il riferimento a Virgilio viene minimizzato e trasferito all'osservatore tramite segni grafici quali la forma della V abbinata al caratteristico petalo, nonché dal colore.
I loghi risultano abbinati fra loro dalla precisa posizione e dimensione del pay off e vengono messi in relazione con allineamento a bandiera sinistra Note: Per aumentare la caratterizzazione della famiglia di servizi ho creato per il web un header standard di colore grigio scuro dove possa vivere a contrasto una versione orizzontale del logo. L'effetto è elegante e brillante, nonché piuttosto caratteristico rispetto allo standard chiaro del portale, di cui comunque sono rispettate le guideline di esperienza di navigazione.
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.
Canale Notizie - Virgilio
Tipologia e intervento: Web - Progettazione.
Periodo: on line dal 2006 al 2011.
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à.
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".
