// ottobre 1st, 2008 // 3 Comments » // Portfolio
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.
Finalmente uno dei miei miti del mondo Flash/ActionScript arriva in Italia.
