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 tuo sito internet a 3€ al mese” oppure

“Prova gratuita per 10€ oppure

“il tuo sito fai da te”.

Beh … ognuno ha le sue priorità e per qualcuno la priorità è realizzare un sito internet con il minimo investimento. Sappiate però che poi anche il risultato sarà minimo!

Il sito internet è una cosa seria. E’ la vetrina sul mondo della tua attività. Tutti possono vedere e tutti possono giudicare. Se la tua vetrina è uguale a 1000 altre o se nella tua vetrina ci sono informazioni vecchie di 24 mesi … beh … il visitatore si fa subito un’idea abbastanza precisa della tua attività. Ogni impresa oggi deve prendere atto che internet è uno strumento di selezione dei fornitori.

Non fare il sito solo perchè “oggi tutti ce l’hanno”. Se non sei convinto, lascia perdere, fallo quando sarai convinto.

Ma per favore, quando deciderai di farlo, fallo bene! Investi quello che serve e fai una cosa seria.

Ovviamente, se ti serve un professionista internet, contatta me.