Già nel 1999 Webgriffe era presente, non come azienda, ma come concetto nella mente dei suoi fondatori (Cristian e Alessandro). L’aver vissuto questi anni gli ha fatto maturare la consapevolezza che il web stava diventando un canale multimediale, cioè in grado di veicolare l’informazione attraverso media differenti (testi, immagini, audio e video) come nessun altro fino ad allora.

Erano gli anni del boom dei CD-rom multimediali, di Adobe Director e della comparsa dei primi siti in Flash.

La parola multimedia era sulla bocca di tutti e utilizzata in tutte le salse: addirittura si confondeva interattivo con multimediale e molte aziende iniziarono a dichiarare addirittura di “fare multimedia”.

Col passare degli anni internet e il web hanno dimostrato di essere l’ambiente multimediale e interattivo per eccellenza contro il quale la stessa televisione piega le ginocchia.

Oggi dire che il web è multimediale o interattivo è scontato come dire che la terra è tonda, ed è per questo motivo che, seppur solo oggi, Webgriffe ha deciso di abbandonare definitivamente questa parola che fino a ieri era parte integrante del suo marchio.

Webgriffe® è un atelier del web e intende focalizzarsi su questo aspetto di cui va fiero e che si traduce in un approccio passionale ed empatico con ogni progetto.

Articoli correlati:

1. Buon compleanno Webgriffe!

Un cerchio che si chiude, con l’augurio di aprirne presto altri visti l’enorme coinvolgimento e soddisfazione da qualsiasi punto di vista: dalla rinnovata collaborazione con Blumagenta (che ha curato la direzione artistica e il concept grafico) e Marcella Scaravelli, responsabile pubblicità e comunicazione del Gruppo, fino alla possibilità per noi di Webgriffe di implementare e sperimentare nuove tecnologie e soluzioni che aggiungono ulteriore valore al progetto, di vederle online e percepire la soddisfazione degli utenti… cosa non da poco.

“Abbiamo trovato in Webgriffe una struttura che ha saputo interpretare e sviluppare in modo altamente professionale il progetto grafico dei nuovi siti web del nostro gruppo, mettendo il proprio know-how al servizio del progetto. Abbiamo riscontrato flessibilità e prontezza ad accogliere le nostre richieste, dinamiche capacità di problem solving, disponibilità al confronto nell’ottica di raggiungere i migliori risultati.
Siamo molto soddisfatti della collaborazione.” (Marcella Scaravelli)

L’intero progetto è realizzato su una architettura tecnologica comune che permette agevolmente di cambiare le caratteristiche grafiche e i contenuti di ogni singolo sito. La completa dinamicità delle informazioni e dei contenuti multimediali presenti rappresenta il grande valore del progetto in cui ogni sito svolge il ruolo di contenitore e amplificatore della bellezza dei media coinvolti. Immagini e video ad alta risoluzione permettono all’utente di visualizzare i dettagli di ogni singolo capo o accessorio in una interfaccia minimale e chiara. L’integrazione del deep-linking porta la user experience alla sua massima espressione permettendo il bookmarking delle pagine e la navigazione con i pulsanti del browser.

Il layout liquido dell’interfaccia permette di assaporare le immagini su qualsiasi monitor senza compromettere l’efficacia e il funzionamento dei singoli siti.
Lo strumento di content management permette all’azienda di gestire la formattazione dei testi ed una elevata personalizzazione degli sfondi e dei decori dell’interfaccia. La gestione delle collezioni è indipendente per ogni brand e prevede la possibilità di precaricare le collezioni per le stagioni future, di vederne una anteprima e fare uno switch immediato da una stagione all’altra mantenendo uno storico delle stagioni precedenti: gestione centralizzata invece per quel che riguarda gli utenti iscritti alla Newsletter e alla Press area.

“L’intero progetto è stato pensato in modo scalabile, in grado di essere implementato secondo le necessità di oggi e di domani, con l’intenzione di offrire un sistema in grado di aggiornarsi costantemente.” (Blufin S.p.A. press office)

Blufin da oggi entra a pieno titolo nel nostro portfolio online e arricchisce ulteriormente la varietà dei progetti affrontati fino ad ora.
Il lavoro svolto ci permette di ribadire sul mercato un know-how ricco di esperienza e professionalità, necessario per affrontare nuove sfide, approfondire gli aspetti multimediali della comunicazione e, soprattutto, aiutare i nostri clienti a raggiungere i propri obiettivi.

Articoli correlati:

1. Webgriffe speaker al Flash Camp on the beach di Rimini
2. photoDiary: openSource by Webgriffe
3. Webgriffe su Facebook!

ZonaTortona Design è un’attività organizzata da DesignPartners: un gruppo integrato di società di servizi specializzate in marketing, comunicazione e media per la quale Webgriffe ha svolto attività di consulenza e sviluppo tecnologico e informatico.

Il rinnovamento costante di ZonaTortona Design e la sua evoluzione verso una nuova generazione di evento, sempre più contemporaneo, metropolitano e internazionale ha interessato ovviamente anche l’immagine e la presenza web dell’evento per l’edizione 2010. La collaborazione tra l’area Marketing di DesignPartners e Webgriffe (già iniziata con l’edizione 2009) ha portato alla realizzazione di un progetto web che è diventato per Webgriffe motivo di soddisfazione e crescita professionale.
Il progetto ha coinvolto molti aspetti della progettazione e dello sviluppo per il web: la ricchezza comunicativa dell’evento stesso ha costantemente richiesto nuove soluzioni creative da parte di DesignPartners che si è occupata della realizzazione dei concept visivi di tutti i progetti mentre Webgriffe si è occupata dello sviluppo Flash/Actionscript, del coding lato frontend e backend.

In dettaglio…

Il sito web di Zona Tortona (così come quello clone realizzato per Zona Romana) ha esigenza particolari. La dinamicità e l’evoluzione dell’evento (in particolare nei 6 giorni ufficiali) richiede che il sito sia pronto ad ospitare il grande volume di informazioni e di contenuti multimediali prodotti (immagini, rassegna stampa, video ecc.).

AREA PUBBLICA
Il sito è stato interamente sviluppato su tecnologia Adobe Flash Player da Webgriffe per enfatizzare al massimo il design grafico realizzato da DesignPartners e permettere una user experience accattivante come l’evento stesso. La struttura è incentrata sulla visualizzazione di contenuti grafici creati ad hoc da DesignPartners, gestiti tramite CMS e presentati attraverso uno slider interattivo che viene ripreso in tutte le aree del sito. L’impatto visivo è immediato e piacevole.
Tra le aree del sito segnaliamo l’agenda e l’elenco espositori e dei partner che per fattura, contenuti e interattività costituiscono il cuore del sito: gli utenti possono trovare in modo veloce e attraverso molteplici percorsi di navigazione le informazioni utili per partecipare ai singoli eventi legati agli espositori ospitati.

AREA UTENTI ED ESPOSITORI
Gli espositori e i visitatori che partecipano all’evento possono registrarsi e accedere alle aree ad essi riservate. Gli espositori, in particolare, possono compilare le informazioni del proprio profilo che andranno a popolare la scheda visibile online nel sito di ZonaTortona. Possono inoltre inserire materiale scaricabile per uso stampa e gli appuntamenti che sono visualizzati automaticamente nell’agenda eventi. I visitatori possono compilare una scheda con i propri dati personali, iscriversi alle newsletter e scaricare una gift card. Tutta l’architettura di quest’area e il backend di amministrazione sono state sviluppati da Webgriffe con tecnologia PHP sfruttando il framework CodeIgniter e il DBMS MySQL.

STAMPA DELLA GIFT CARD
La stampa della gift card in formato PDF è stata sviluppata da Webgriffe in Java sfruttando la tecnologia JasperReports e il tool visuale iReport che consente di ottenere un risultato finale eccellente in grado di soddisfare le esigenze di impaginazione e resa grafica richieste da DesignPartners.

NEWSLETTER
La newsletter di ZonaTortona si distingue perché rappresenta un vero e proprio sito web sfogliabile con l’archivio on line sempre consultabile. È stata sviluppata rispettando la direzione creativa di DesignPartners e tutti i contenuti sono gestiti attraverso uno strumento di content management sviluppato da Webgriffe.

ZONATORTONA.TV
Su concept di DesignPartners è stato creata in Flash da Webgriffe una web-tv per permettere agli utenti la fruizione dei contenuti video prodotti dallo staff di Interni. In ZonaTortona.tv lo streaming video in formato MPEG4 permette di assicurare una alta qualità di visualizzazione agli utenti che possono guardare i video anche in modalità fullscreen con un semplice click.

SEVEN DAYS OF DESIGN
Il primo film documentario sul design girato a ZonaTortona, che narra l’esperienza di tre personaggi nei sette giorni dell’evento. Sul minisito SevenDaysOfDesign.com è possibile guardare il trailer del fil e prenotare la propria copia. Il concept grafico anche in questo caso è di DesignPartners che ha affidato a Webgriffe la realizzazione tecnica e la pubblicazione online.

Articoli correlati:

1. Pillole di design
2. Cinque errori da non commettere quando si investe nel web
3. Nasce photoBox: web tool per fotografi

Articoli correlati:

1. Pillole di design

Semplicità

Penso sia la semplicità la tendenza fondamentale del domani. I siti Web oggi a disposizione sono ancora troppo “difficili” da utilizzare: pieni di informazioni spesso irrilevanti, contengono funzionalità dai contorni confusi. Ad esempio visitare un sito di news significa essere bombardati da pubblicità e molteplici funzioni non chiare. Molti siti vogliono fare troppo e troppo in fretta.
Le ragioni di questo errore sono diverse.

Sono pochi i proprietari di siti che hanno un chiaro modello di business. Molti siti si costringono a guadagnare denaro attraverso una pubblicità insistente e casuali funzionalità legate all’eCommerce. Pensano che offrendo di più hanno maggiori possibilità di guadagnare qualche Euro. Progetti di successo come Google, Flickr, World of Warcraft o Farmville dimostrano esattamente il contrario: si ispirano infatti al principio per cui si deve fare una cosa sempre al meglio, semplificando e non facendo affidamento sulla pubblicità casuale. I Web manager hanno bisogno di un modello di business razionale e di una razionale struttura dei siti se vogliono guadagnare più denaro online. Invece di ammassare funzionalità i siti dovrebbero essere “più intelligenti” mostrando pochissimi dati inutili e consegnandoci solo gli elementi rilevanti.

Molti siti Web hanno un funzionamento confuso perché non sono stati creati con la giusta cura in fase progettuale. Maggior chiarezza e maggiore semplicità non abbassano il livello d’insieme, al contrario, si è semplici quando ci si prende cura dei dettagli.
Pensate a Google e alla sua semplicità: all’utente vengono risparmiati i dettagli tecnici della ricerca e i risultati si dispiegano di fronte ai suoi occhi in un modo talmente completo da non fargli sentire il bisogno di grafica accessoria. Un numero sempre più alto di siti funziona in questo modo semplice e chiaro.

I professionisti del Web dimenticano molto spesso quanto intricata la logica della Rete può apparire a coloro che non appartengono al settore. Se non si è un Web designer, la maggior parte dei siti possono sembrare una vera e propria partita a scacchi. Tutto questo però sta cambiando: anche nelle scuole di Web design fortunatamente si sta iniziando a capire che la fruibilità e la semplicità (l’usabilità) rappresentano gli unici fari da prendere come riferimento.

Velocità

Oltre l’usabilità entra in gioco anche la velocità. La ragione principale per cui (con mio grande dispiacere) la televisione rappresenta ancora un media tremendamente popolare è che nessun sito Internet riesce a battere la velocità di un telecomando. Allo stesso modo nessuna pagina Web potrà mai equiparare la rapidità con cui sfogliamo fisicamente un libro. Lo stesso può essere detto riguardo la radio: viaggiare tra una stazione e l’altra continua ad essere più semplice che caricare il proprio iPhone. In termini di velocità le interfacce tradizionali rappresentano ancora punti di riferimento importanti per i Web designer.

Le persone hanno cominciato a usare Twitter e Facebook per i messaggi diretti al posto delle E-mail poiché questi sistemi richiedono un numero minore di passaggi fisici per comunicare. I Web designer del futuro si concentreranno meno sulla superficie estetica e di più sulla velocizzazione dei processi Web, riducendo la gestualità necessaria. Il modo migliore per imparare qualcosa sulle interfacce veloci è studiare quelle disponibili nella nostra quotidianità: penso alle maniglie delle porte, ai cassetti, alle bottiglie di shampoo. I Web designer devono avere un occhio di riguardo per il lavoro dei designer dei prodotti tradizionali.

Estetica

Dopo la semplicità e la velocità, un altro nodo fondamentale è l’estetica.
La User Experience è nell’interfaccia non nell’estetica. Pensate all’impiego di Internet nella telefonia mobile: isiti pensati per i telefonini non badano a un’estetica di superficie. Per questo hanno successo. Le dimensioni ridotte dello schermo e la capacità di trasferimento dei dati dei nostri cellulari costringono i designer a tagliare tutti gli elementi ornamentali, e a concentrarsi sulla pura interazione con l’utente. Così i designer, invece di dedicare tempo allo sfarzo e alla cromia migliore o sul tipo di carattere da impiegare, dovranno concentrarsi sull’interfaccia e su quello che ci farà l’utente.

La preoccupazione per l’estetica è un’eco degli anni Novanta. Spesso le stesse figure dirigenziali fanno confusione con i processi di design e pretendono di vedere applicate al Web soluzioni estetiche che continuano a imporre alle proprie aziende da anni. Gli amministratori delegati non dovrebbero essere coinvolti nelle attività di Web design ma solo nelle strategie commerciali legate al loro sito.
Se un progetto di web design aziendale si decide in un processo top-down (cioè dove la questione di solito si attorciglia attorno a dettagli insignificanti, del tipo: “Il nostro logo deve essere quadrato o tondo? Blu o verde?”) non si va lontano. Fortunatamente il cambiamento da “ciò che la dirigenza vuole” a “ciò di cui l’utente ha bisogno” sta per compiersi in svariati settori. Una delle ragioni per cui la Wii di Nintendo e l’iPhone di Apple hanno vinto la loro battaglia contro concorrenti più potenti è che sono molto più vicini all’utente rispetto agli altri prodotti sul mercato.

Trend principali

In quest’ottica la standardizzazione del Web design è un fatto molto positivo: dopo gli anni di anarchia stilistica in cui si ricorreva alla fantasia più sfrenata l’introduzione di elementi di standardizzazione ha prodotto soluzioni molto più semplici da usare. Il numero di possibilità teoriche per progettare un sito Internet sono infinite, ma in realtà esistono solo poche cose che funzionano davvero. Nascono quotidianamente nuovi progetti dalle mani di professionisti del settore che hanno concentrato la loro attenzione sull’usabilità e sull’organizzazione del sito in modo da garantire la migliore esperienza possibile per l’utente.

La tecnologia segue un corso che va dal “primitivo” passando per il complicato, arrivando alla essenzialità.
Il Web si sviluppa allo stesso modo, ma solo più velocemente.

Articoli correlati:

1. Progettare a misura di utente
2. Il successo dei Social Media
3. Nasce photoBox: web tool per fotografi

Articoli correlati:

1. Social Media Revolution
2. Buttatevi nei social media anche se non li capite!
3. Il successo dei Social Media

Articoli correlati:

1. Augmented Reality Cards
2. Augmented Reality
3. Augmented Reality videoclip

Ho letto recentemente un articolo riguardo ad una comparazione del traffico sui differenti Social Media, che vengono anche raggruppati nel concetto di  “real time web” per la loro natura istantanea e frenetica. In particolare mi ha colpito l’andamento di Bit.ly. Non so se tutti sapete di cosa si tratta… cerco di spiegarlo: è uno strumento nato per “accorciare i link” da inserire nei messaggi inviati tramite Twitter (dove c’è un numero limitato di caratteri da rispettare) o tramite altri strumenti di comunicazione come chat, blog e social media in genere. Se volete condividere un link a una pagina, ma questo è lungo o contiene caratteri strani che non vengono interpretati correttamente dallo strumento che state utilizzando, allora Bit.ly è la soluzione… e infatti è diventato il servizio più utilizzato al mondo per questo scopo.

Da una breve ricerca ho potuto appurare che l’andamento di traffico su Bit.ly potesse essere un ottimo indice del flusso delle informazioni nei Social Media e che quindi potesse essere in qualche modo messo a confronto con il traffico su Google Search a cui ci si rivolge per la ricerca delle informazioni. Qualcuno potrebbe non essere d’accordo ma penso che i due valori siano in qualche modo confrontabili alla luce del fatto che entrambi hanno come obiettivo quello di condurvi a pagine che vi interessano con la differenza che in un caso ci arrivare da una ricerca e nell’altro da una raccomandazione.

Vediamo quindi quali sono i punti chiave della battaglia tra Social Media e Motori di ricerca.

Raccomandazione

Una notizia importante non ha bisogno di essere cercata. Ce la passiamo l’un l’altro nella bacheche di Facebook e sappiamo che troveremo una miriade di link ad approfondimenti e aggiornamenti continui su Twitter… in Google non troveremmo altro che link a notizie “vecchie”.
C’è un motivo per cui questo trend penso di fermerà… ma ne riparliamo alla fine.

Cura e qualità

Ci sono così tante informazioni in rete che si rende necessario lavorare sempre più sulla loro cura e qualità per assicurarsi credibilità e fiducia da parte degli utenti. Gli strumenti che abbiamo a disposizione per il bookmarking (delicious), favoriting (Facebook, Google Reader e Twitter) e lo storing offline (Instapaper) sono in miglioramento continuo e ci mettono nelle condizioni di rivolgerci sempre meno ai motori di ricerca.

Scarsa innovazione della ricerca

Come condiviso da molti questo è il più grande problema a cui Google, Bing, Yahoo e qualsiasi altro motore di ricerca sta cercando di risolvere. Bing e Google si stanno dando battaglia per integrare anche il real time data nei risultati delle loro ricerche. Una conquista che riaprirebbe le danze per i motori di ricerca nei confronti dei social media anche alla luce del crescente livello di spam a cui questi ultimi sono soggetti, ma che i motori di ricerca riuscirebbero a filtrare con gli strumenti che hanno già a disposizione.

Stiamo a vedere.

Articoli correlati:

1. Il successo dei Social Media
2. Buttatevi nei social media anche se non li capite!
3. Social Media Revolution

1. Sicurezza

Un sito di commercio elettronico deve infondere sicurezza nel cliente. Da molte persone gli acquisti online sono ancora visti con sospetto e scetticismo: paure di clonazione di carte di credito si aggiungono al timore di pagare a vuoto, senza ricevere poi la merce. La sicurezza deve quindi essere la base su cui fondare il proprio eCommerce.

2. Scelta

Un negozio online deve avere un’ampia scelta di prodotti da offrire ai propri clienti. A differenza di un normale negozio, che ovviamente può avere problemi logistici, un negozio elettronico non ha problemi di spazio.

3. Semplicità

In rete naviga chiunque, sia utenti esperti che nuovi, giovani e anziani. Un sito di commercio elettronico deve essere semplice da navigare e chiaro. Le varie opzioni devono essere di semplice comprensioni per ogni tipo di utente. Curare l’usabilità del proprio e-commerce significa aumentare le probabilità di vendita.

4. Sconti

Perché dovrei comprare online e non in un comune negozio? Perché pagare, oltre allo stesso prezzo, anche le spese di spedizione? Acquistare online non deve essere solo comodo, ma anche e soprattutto conveniente. Se il cliente trova un negozio in cui risparmia, ci acquista di sicuro. Ne ricaverà non solo un risparmio di tempo, ma anche di denaro.

5. Servizi

Un eCommerce deve limitarsi a vendere i propri prodotti oppure deve offrire ai clienti anche dei servizi annessi? Se facciamo il paragone con la vita reale, quante volte abbiamo preferito acquistare in un negozio piuttosto che in un altro perché, ad esempio, nel primo il negoziante ci avvisava quando il prodotto che era finito sarebbe stato di nuovo disponibile? Così in un sito di commercio elettronico possiamo trovare una vasta serie di servizi aggiuntivi come:

• possibilità di spedire a un altro indirizzo
• possibilità di fare un pacco regalo
• essere avvisati quando torna disponibile un prodotto
• leggere le recensioni sui prodotti
• essere avvisati quando il prezzo di un prodotto che ci interessa cambia
• chiedere il parere su un prodotto ai nostri amici su Facebook
• ecc.

6. Supporto

L’assistenza al cliente non deve assolutamente mancare. Come in un normale negozio siamo abituati a ricevere aiuto, a maggior ragione in un negozio elettronico possiamo riscontrare molti più problemi, proprio per il fatto che stiamo acquistando tramite una macchina. Non riusciamo a trovare un prodotto col motore di ricerca, non funziona un link, il carrello non si aggiorna, abbiamo sbagliato a fare un ordine, ecc. Gli esempi sono tanti. È necessario dare supporto al cliente velocemente e non abbandonarlo a se stesso… oppure lui abbandonerà il negozio.

Articoli correlati:

1. eCommerce per crescere
2. La crisi economica e l’E-commerce
3. Webgriffe® Boutique: l’E-commerce professionale