Il cliente di questo progetto è una solida azienda che vende sorpresine (sì, proprio quelle kinder!) e articoli da collezionismo. Prima di conoscerli pensavo che le sorpresine fossero cose da bambini ma mi sono dovuto ricredere. Stiamo parlando di un catalogo con 33.141 articoli, tutti catalogati e arricchiti con fotografie e descrizioni dettagliate. Quindi una mole di informazione notevole, una solida e consolidata architettura software già abilitata alla vendita online che ha precluso fin da subito la possibilità di rifare il sito ex novo.

Ma c’era un piccolo problema.

Il problema

Il problema del cliente era un problema estetico, di web design. Il sito aveva una grafica realizzata qualche anno fa con le tecniche che si utilizzavano qualche anno fa ovvero principalmente tabelle HTML nidificate.

L’esigenza era di rinnovare il sito internet mantenendo il più possibile l’architettura software preesistente. Inoltre serviva anche un logo legato al nuovo nome scelto dall’azienda.

Si partiva da questa situazione

Restyling di un sito web - Non solo sorpresine prima

I player in campo

In questo caso i miei riferimenti per il progetto erano due:

• il cliente per le scelte di carattere grafico
• lo sviluppatore per la parte di backend e integrazione delle modifiche all’interno della preesistente architettura software

La partita

Il progetto si è svolto così:

• Ideazione di un logo semplice e facilmente riconoscibile. In questo caso è stato utilizzato un semplice logo testuale, fresco e informale.
• Sviluppo dell’animazione principale che caratterizza l’intestazione del sito. E’ stata realizzata utlizzando jQuery e un suo interessante plugin che si chiama fisheye.
  Questo ha permesso di dare movimento al sito lasciandolo leggero e facilmente indicizzabile da parte dei motori di ricerca
• Definita l’animazione sono passato alle prime bozze tenendo come colori di riferimento il blu e l’arancione
• Successivamente il cliente ha optato per una soluzione più chiara scegliendo il verde, il bianco e l’arancione.
• Ho realizzato una pagina tipo con intestazione, menù, corpo pagina e piè di pagina. All’interno del corpo pagina sono stati impaginati 8 box contenti le sorpresine in “vetrina”
• Tutto il nuovo layout è stato realizzato esclusivamente con fogli di stile css per facilitarne l’implementazione all’interno del software preesitente.
• Una volta approvata la pagina base, sono state realizzate tutte le altre pagine, sempre utilizzando per l’impaginazione i selettori css
• Il risultato finale sono state 6 pagine con contenuti presi dal sito vecchio, un file css e una cartella immagini per le classi css
• In una settimana circa, il nuovo volto del sito è stato inserito nell’architettura software preesistente

Il risultato finale

Il risultato finale (che per la verità è ancora in corso di perfezionamento) potete vederlo qui: http://www.nonsolosorpresine.it

Restyling di un sito web - Non solo sorpresine dopo il restyling

Il sito dopo la pubblicazione è stato un po’ rivisto nella grafica dal gestore dell’evento che ne ha praticamente stravolto la grafica.

http://www.music4aid.it

Il cliente può aggiornare autonomamente il sito pubblicando immagini, planimetrie e descrizione dettagliate per ciascun immobile.

Qui potete vedere il sito: http://www.ibiscosas.it

Sono il primo specialista internet e web 2.0 su Google!

Diciamo che non è stata una passeggiata ma alla fine sono arrivato sulla prima pagina di Google per diverse delle parole chiave che ho deciso di utilizzare.

In alcuni casi sono addirittura primo!

Specialista internet: pagina 1, numero 1

Specialista web 2.0: pagina 1, numero 1

Siti web bergamo: pagina 1, numero 8

Consulente informatico bergamo: pagina 1, numero 4

Il risultato per il momento è accettabile. Prima di considerarlo buono devo migliorare le parole chiave e salire ancora più in alto.

Il sito è ottimizzato per un buon posizionamento sui motori di ricerca. In particolare per il posizionamento organico su Google.

http://www.disaro.net