Sul sito dedicato al progetto (http://shop.vinooo.it) trovate tutti i dettagli della soluzione proposta.

Per i produttori di vino non ci sono più scuse. Da oggi vendere il vino online è facilissimo!

Si inizia inserendo alcune semplici informazioni anagrafiche e poi, in base alla scelta del tipo di preventivo richiesto, cambia le informazioni da inserire.

Ovviamente questo è un configuratore molto semplice ma la stessa tecnologia (jQuery, Php e Mysql) può essere utilizzata per configurare anche prodotti molto più complessi.

Potete visualizzare il configuratore collegandovi a questa pagina: http://www.kopronenergy.com/v2/?page_id=173

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

Nuovo sito internet per la Macelleria Maggio, storica macelleria in Milano. Con il sito promuoverà la sue specialità e i prodotti dell’azienda agricola a conduzione familiare sulle colline piacentine.

http://www.macelleriamaggio.it

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

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

http://www.disaro.net

http://www.vespaclubmartesana.com

Molto interessante! Merita davvero una visita.

Il sito viene aggiornato settimanalmente con la pubblicazione dei concerti in programma e viene inviata una newsletter a tutti gli iscritti.

http://www.amigdalatheatre.com