Nuovo sito BolognaFC.it web 2.0: design, interazione, accessibilità

Da venerdì è online il nuovo sito del Bologna Football Club 1909, progettato e sviluppato da Net Sinergy.

Le esigenze espresse dalla proprietà, dall’ufficio comunicazione e marketing si possono riassumere in:

- nuova grafica più accattivante in linea con la nuova immagine coordinata del Bologna (i nuovi colori presenti sulla carta stampata ed elementi grafici “vintage” che richiamano l’importante storia della società)

- inglobazione delle funzioni interattive come le domande ai calciatori e le foto dei tifosi precedentemente presente nel sito www.siamobologna.it (non più attivo)

- valorizzare le biografie degli oltre 700 giocatori che hanno vestito la maglia rossoblu

- puntare sempre di più sulle immagini e sui video, formati tipici del web 2.0

Le richieste si sono concretizzate nel nuovo sito BFC caratterizzato da:

- nuovo software di CMS portal-IT, per fornire alla redazione del Bologna FC uno strumento tecnologicamente avanzato, user-friendly, progettato per gestire contenuti web 2.0 oltre che predisposto per un ottimale posizionamento nei motori di ricerca

- un design tipicamente web 2.0, di forte impatto visivo, molto moderno che utilizza la libreria jquery per l’animazione delle notizie in evidenza e per la gestione di photogallery e zoom delle immagini. Le pagine tecnicamente sono sviluppate in xhtml e css per ottimizzare il consumo di banda del sito e per sfruttare tutte le potenzialità a livello di design.

- il nuovo motore di ricerca integrato nel sito, che oltre a indicizzare le pagine e i contenuti del sito, si interga con www.siamobologna.tv per offrire un risultato di ricerca esteso che comprende anche i video.

- la riprogettazione della sezione TUTTI I ROSSOBLU’ (prima erano semplicemente due file pdf), con la possibilità di ordinare l’elenco per presenze o per reti, di visualizzare la scheda del giocatore e di utilizzare il motore di ricerca interno per cercare in classifica il campione favorito.

- l’integrazione direttamente in home-page delle sezioni interattive per inviare le proprie foto o domande al Bologna Fc, nella logica di co-creazione di valore assieme agli utenti del sito tipica del web 2.0

- la versione mobile del sito ottimizzata per palmari e smartphone, raggiungibile tramite il dominio mobile.bolognafc.it, oppure tramite redirect automatico quando si accede al sito ufficiale (se il browser del pda lo consente) per favorire l’accessibilità ai contenuti da qualsiasi device

Da addetto ai lavori, sensibile ai design moderni e di forte impatto, fermo sostenitore delle tendenze grafiche e funzionali del web 2.0, sono molto soddisfatto del risultato finale e dell’impegno che tutto il team di sviluppo ha dedicato a questo progetto… insomma a me questo sito piace proprio veramente tanto!

Obiettivo: ideare/progettare un sito innovativo nella grafica e nell’interaction design

In questi ultimi giorni sto raccogliendo idee, sensazioni, pensieri, immagini, animazioni, parole perchè sto iniziando a progettare il nuovo sito internet di Net Sinergy, la mia web agency di Bologna.

Come dice il titolo di questo post, l’obiettivo che ci siamo posti io e Luciano (il direttore marketing e commerciale di Net Sinergy) è quello (molto ambizioso!) di creare un sito estremamente moderno nella grafica, che adotti soluzioni di design innovative, sperimentali, divertenti, non convenzionali perchè essendo una web agency dobbiamo per primi creare forme di espressioni moderne e non scontate.

Se dovessi pensare al remake del sito solo dal punto di vista del web design non avrei grossi problemi: molto probabilmente la soluzione più semplice e veloce sarebbe quella di fare tutto in flash, con molti effetti speciali e una grafica particolarmente spinta.

Invece devo considerare altri tre aspetti fondamentali in un progetto web, importanti al pari (se non anche d più!) del web design:

- interaction design, usabilità e accessibilità: ricordiamocelo sempre, il 99% del tempo che un utente web trascorre online lo passa sugli altri siti, quindi se quando entra nel nostro trova un’interfaccia che non rispecchia i principi dell’accessibilità e dell’usabilità nulla gli vieta con un click di passare al sito del nostro concorrente!

- pre-posizionamento e predispodizione per l’indicizzazione nei motori di ricerca: visto che soprattutto nel nostro settore c’è una concorrenza spietata sui mdr, le pagine del nuovo sito dovranno essere ottimizzate per un’ottimo posizionamento nei motori di ricerca, quindi significa per forza limitare l’utilizzo di Flash al minimo indispensabile (e questo significa dover ripensare a effetti speciali o elementi divertenti in ajax o utilizzando librerie tipo jquery o prototype con conseguente complicazione e allungamento dei tempi di progettazione e sviluppo)!

- template progettati per essere collegati al nostro software di cms portal-IT: il nuovo sito internet di Net Sinergy verrà realizzato sfruttando il nostro content management system portal-IT (portale aziendale enterprise) visto che dal punto di vista editoriale il nuovo sito dovrà essere in costante evoluzione (business blog, novità e recensioni, portfolio ultime realizzazioni) perchè uno degli obbiettivi sarà quello di fare cultura in particolare sul web 2.0. Quindi i template dal punto di vista tecnico/tecnologico dovranno anche prevedere il fatto che dovranno diventare dinamici e collegati al database di portal-IT.

La cosa più complicata di questo progetto sarà sicuramente quella di trovare un giusto compromesso tra le soluzioni grafiche/funzionali che adotteremo e il modo in cui esse verranno percepite dai visitatori… vogliamo trasferire l’idea di un’azienda giovane (non per niente noi siamo “i ragazzi di bologna”!!!), in costante evoluzione, con tanta voglia di sperimentare nuove forme di comunicazione ma sempre rispettosa dei principi di usabilità e accessibilità che per noi sono le pietre miliari di qualunque progetto web di successo.

Non sarà facile ma ci proveremo!
Se qualcuno vuole darmi qualche idea, o vuole anche solo scrivere come si immagina il sito web di una web agency innovativa, può ovviamente lasciare un commento.