Altri blog

1 Ottobre 2008

Webgriffe v.8 - nuovo sito

Finalmente la versione 8 del nuovo sito di Webgriffe è online: è stato un lungo parto, posticipato diverse volte anche a causa della mole di lavoro che abbiamo avuto nell’ultimo anno, ma alla fine ci siamo riusciti.

Il dietro le quinte.

Beh, la scusa ufficiale è senz’altro che il parecchio lavoro fa inevitabilmente slittare i progetti interni, ma c’è da dire che l’idea creativa e la finalizzazione della grafica e dello stile comunicativo sono durate per quasi un anno di proposte, modifiche, cancellazioni, rifacimenti, ripensamenti, dubbi, illuminazioni, test ed esercizi di stile.
Siamo partiti a riprogettare il sito dallo stile della versione 7 (anche se era sostanzialmente un sito mono pagina in cui pubblicavamo gli ultimi lavori quando ne avevamo il tempo) con lo sfondo nero e quelle luci colorate che abbiamo chiamato “shines” (bagliori, illuminazioni).
Siamo passati attraverso 9 versioni provvisorie: 8.1, 8.2, 8.3, 8.4… fino alla 8.9 che poi si è rivelata la scelta vincente. Di seguito una immagine con gli screenshot delle varie versioni.

Abbiamo progressivamente abbandonato il colore nero e le tendenze del momento (gli effetti glare, riflessioni, sfondi neri, ecc.) per dedicarci a uno stile più essenziale e, in fin dei conti, che sentiamo più nostro. Il bianco e la pulizia dei contenuti: testi brevi, caratteri grandi e ben leggibili. Nel periodo intercorso tra la versione 8.1 e la 8.9 sono apparse sulla scena tecnologie che più volte ci hanno fatto ripensare e rimettere mano al progetto: i framework di animazione 3D in Flash, librerie AJAX sempre più potenti, Microsoft Silverlight, iPhone… Abbiamo optato per un layout a tutto schermo e liquido piuttosto che bloccare i contenuti in dimensioni fisse.
Il grande dilemma è stato anche quello di scegliere tra HTML e Flash. Sempre in una ottica di originalità di stile e di libertà espressiva abbiamo scelto ancora una volta Flash Player: sviluppiamo al 90% per Flash Player con software come Flash e Flex e crediamo fermamente nelle potenzialità offerte da questa tecnologia. Troppe aziende che come noi si propongono come web agency hanno sposato l’HTML e il concetto di sito/blog HTML: ci vogliamo distinguere e vogliamo mostrare cosa si può fare a partire dal nostro sito.

L’idea

Il nome Webgriffe è stato coniato nel 2000 con il significato di tendere alla produzione di progetti e soluzioni non di massa, ma a carattere più artigianale e su misura: la metafora con l’alta moda e le griffe è proprio questa. Consapevoli del fine forse irraggiungibile che ci siamo proposti continuiamo a perseverare in questa direzione proponendoci ai nostri clienti e ai nostri partner come persone su cui contare e di cui potersi fidare perché con empatia lavoriamo per realizzare progetti e studiare soluzioni utili, semplici da usare e che determino un ritorno dell’investimento per il cliente.
Da questa metafora con la moda (spesso infatti diciamo ai nostri clienti che realizzeremo per loro un vestito su misura e niente di pre-confezionato) nasce l’idea della passerella: notare che si tratta di persone distinte, vestite da impiegati o persone d’affari, che sfilano sul monitor. Il messaggio subliminale è “Sfila nel web con un nostro abito addosso” e anche “Distinguiti e non uniformarti alla massa”.

Caratteristiche

Dato per assodato che la tecnologia di base fosse Flash Player e la fonte dei dati (testi, immagini, portfolio ecc.) totalmente dinamica attinta da database si è passati allo sviluppo delle funzionalità del sito web.
Non possiamo che iniziare con l’impostazione di base del sito che si fonda su contenuti video a tutto schermo. Questa scelta e in particolare la metafora della passerella ci darà modo di personalizzare periodicamente il sito adattandolo a particolari festività o ricorrenze (Natale, Estate, ecc.) con un approccio più scherzoso e ironico… aspettate e vedrete.
Aggiunta anche la possibilità di passare alla modalità fullscreen per una esperienza ancora più immersiva: basta click su Windows o CTRL+click su Macintosh.
Abbiamo integrato il deep-linking e quindi la possibilità di navigare il sito anche grazie ai comuni pulsanti del browser (avanti e indietro per intenderci) e anche la possibilità di linkare direttamente a “pagine” del sito e metterle nei preferiti. La user experience quindi è ristabilita ai livelli a cui tutti gli utenti sono abituati.
Grazie a Google Analytics sono state implementate le statistiche di accesso e di utilizzo del sito in modo da tracciare tutti i click dell’utente e studiarne i comportamenti e le preferenze relative ai contenuti.
Finalmente il portfolio dei progetti (anche se non completo per accordi di riservatezza) torna ad essere il cuore del sito: ogni progetto è ora identificato da un colore, un eventuale video dimostrativo, screenshot, link, testi descrittivi e testo di referenza del cliente che comunica il suo grado di soddisfazione sul lavoro svolto.
Non manca l’area blog e la possibilità di abbonarsi all’RSS feed: abbiamo infatti creato un aggregatore dei blog aziendali che si possono leggere direttamente dal sito o da un qualsiasi Feed Reader.
Ristabilita la newsletter aziendale attraverso la quale comunicheremo con gli iscritti e divulgheremo notizie dal web, case histories e ovviamente comunicazioni commerciali. A breve termine ci sarà una evoluzione dei canali di comunicazione tra Webgriffe, clienti e partner grazie a un nuovo progetto interno ancora in fase di sviluppo… ma ci teniamo la sopresa!

Cosa ne pensate?
Critiche costruttive e pareri sono ben accetti.

Pubblicato in Case history, Novità

3 Responses to “Webgriffe v.8 - nuovo sito”

Luca Bove Says:
Ottobre 1st, 2008 at 09:20
Complimenti
Veramente bello !!!
Ale Says:
Ottobre 14th, 2008 at 14:11
Woooow! Il sito è veramente fantastico! Vorrei essere io cosi bravo come voi! Vorrei chiederti per curiosità… qual’è stato il tuo metodo di studio per imparare actionscript? Io uso la “guida ufficiale” di macromedia… un esperienza frustrante!

saluti
Cristian Galletti Says:
Ottobre 16th, 2008 at 10:36
Ci sono tanti libri molto utili per approfondire le proprie conoscenze su ActionScript: guarda ad esempio questo post http://www.cristiangalletti.com/10-libri-flash-designer/

Come potrai capire programmare è solo un aspetto del nostro lavoro: c’è anche tanta ricerca grafica e aggiornamento sulle tematiche si user experience, usabilità e navigation design.

Non si finisce mai di studiare!