E’ online il nuovo sito di Cuarte, un catalogo di gioielli in rame e materiale di “bigiotteria”. E’ un sito in wordpress dinamico che consente di inserire nuovi articoli come semplici post di wordpress e che va a sfruttare la “featured image”, funzione presente da wordpress 2.9, e un campo personalizzato per il codice del prodotto.
Per quanto riguarda la grafica ho cercato di fare una cosa molto semplice e caratterizzata da un menù di navigazione verticale fisso. Come sfondo ho usato un immagine a tutto schermo che ho “drogato” con un div sovrapposto, della stessa grandezza della pagina, con un pattern che crea una sorta di “griglia” sovrapposta. Questo stratagemma, oltre a creare un bell’effetto grafico, mi permette anche di utilizzare immagini di qualità inferiore (e quindi peso inferiore) senza sacrificare troppo la resa visiva.
Il logo è stato creato utilizzando una texture ramata e del semplice testo. La stessa texture, inscurita, l’ho utilizzata sia per lo sfondo del menu di navigazione sia per lo sfondo delle pagine.
Le varie pagine sono in realtà “categorie” di wordpress che ho usato per raccogliere e visualizzare tutti i prodotti inseriti a catalogo. La struttura è sempre la stessa per ogni pagina: al layout della home ho aggiunto un riquadro scrollabile che contiene titolo della categoria, descrizione e i vari articoli. Ho usato uno sfondo trasparente texurizzato in modo da preservare l’effetto di profondità dato dallo sfondo. E’ possibilie visualizzare una foto ingrandita del prodotto tramite una lightbox che ho creato implementando il plug-in jquery “colorbox”.
Infine sul menu compaiono le pagine (che secondo progetto dovrebbero essere solo una) che hanno un layout identico a quello delle categorie.
Un appunto. Lo scoller delle pagine è stato personalizzato solo per chrome e safari (che essendo basati su webkit mi permettono di utilizzare del codice css “sperimentale”) per una questione di budget. Per personalizzarlo per tutti i browser avrei dovuto creare uno scroller in javascript, cosa che ho preferito non fare.
Trovate il sito, insieme agli altri, sulla pagina ”portfolio” di questo blog
