No related posts.

Sono orgoglioso di annunciare la mia nuova creazione, il miglior sito che abbia mai creato (senza vanto eh). Ad inizio marzo ho completato il sito sundaygrill.com, il sito di “Sunday” la nuova azienda dal volto rinnovato, creativo e fresco che sostituisce MCZGarden. Sunday è un produttore di barbecue leader del mercato europeo.

Il punto chiave di questo sito era dare un’esperienza nuova, fresca ed immediata che facesse comprendere immediatamente i prodotti. In nostro aiuto è arrivato Sebastiano, un designer veneto MOLTO bravo. In quattro e quattr’otto è riuscito ad avere un’idea ed a portarla su Photoshop… Dovevate vederlo, in 30 minuti ha buttato l’idea e creato tutto… Sbalorditivo.

Direte voi… l’idea qual’era? Era semplice: menu minimalista al massimo, una prima pagina con una frase o una news aziendale e poi largo ai prodotti con un’interfaccia semplice che giocasse sul collage: sfondo e prodotto ambientato senza tuttavia averlo “dentro la foto” ma solamente sovrapposto. In questo caso l’immaginazione faceva da padrona.

Ovviamente ci voleva anche il “tocco di classe” per cui, ad un’interfaccia minimalista, si è affiancata un’idea incredibile: far arrivare sfondo, oggetto e prodotto “al volo” con effetto di rallentamento… E’ dura spiegarla a parole ma vedendo il sito capirete dal risultato… :D

Ovviamente “tecnicamente” tutto ciò era possibile crearlo per bene solo in Adobe Flash. Io non amo l’utilizzo di Flash poichè è poco amato dai motori di ricerca e presuppone il possesso del plugin Flash che, anche se con l’arrivo di Youtube è ormai diffusissimo, alcuni non possiedono. Proprio da qui è arrivata la sfida: riuscire a realizzare tutto senza Flash.

Dopo molto tempo a pensare il come, sono riuscito, tramite JQuery, a realizzare tutto, creando anche due plugins dal nulla. Ho utilizzando anche sifr e flir per renderizzare le scritte ed i titoli con il font aziendale da noi scelto.

Dopo tutto questo c’era comunque un problema: il sito richiede Javascript attivato ed i motori di ricerca non lo supportano. Per risolvere tutto ciò ho accentuato la compatibilità ed ho lavorato per realizzare la versione del sito senza l’utilizzo di Javascript. Tutto ciò è stato in più migliorato grazie ad un’ottimizzazione lato SEO in modo da essere più “appetibile” ai motori di ricerca.

La parte dei prodotti è elencata in modo molto chiaro e possiede, sullo stesso stile di MCZ.it, una ricerca per filtrare i prodotti a seconda delle esigenze. Il prodotto in sè è pulito, come descritto precedentemente, con un’effetto di rotazione se si volesse dare uno sguardo a maggiori informazioni.

Ovviamente non poteva mancare l’ottimizzazione. Su questo livello ho lavorato moltissimo su codice, peso e javascript realizzando un sito con pochissime richieste HTTP (una per javascript, una per stile css e le immagini) rendendo il sito una vera e propria scheggia…

Mi sono davvero divertito a creare questo sito, una sfida che sono riuscito a superare e spero di riavere presto in mano un lavoro nato da un’idea creativa che lanci una sfida di programmazione e di studio per me.

Caratteristiche Tecniche

• Sito basato su Zend Framework e creato da zero
• Ottimizzato al massimo per ridurre il peso della pagina via compressioni ed utilizzi di meno immagini. Utilizzo di Google minify per ridurre anche le richieste javascript
• Alta personalizzazione in tutte le cinque lingue della grafica e dei contenuti, gestibili via pannello di amministrazione
• Utilizzo di AJAX in modo non invasivo per permettere maggiore velocità per i possessori di Javascript senza per questo escludere gli altri dalla fruizione dei contenuti.
• Realizzazione di plugin Jquery per la creazione del sito. Grandissimo lavoro sul piano javascript per la realizzazione degli effetti grafici di “sfoglio” e di rallentamento
• Ottimizzazione SEO per titoli, indirizzi pagina, contenuti e fruizione.
• Compatibilità assicurata ai maggiori Browser IE 6+, Safari 2+, Firefox 1.0+ ed Opera 9+, Camino

Immagini.

Link: www.sundaygrill.com

Related posts:

1. MCZ.it – Stagione 2008-2009

Finalmente ho avuto uno sprazzo di tempo per presentare gli ultimi due miei siti web. Con questo articolo voglio presentare la nuova versione di Komixjam, esattamente la 3.1. Dopo le ultime ottimizzazioni, sono stato “spinto” a dare un rinnovamento alla grafica, renderla più minimalista. Per seguire questa via ho cercato di pulire il tutto, di togliere la pesantezza visiva ed il caotico.

Per prima cosa ho tolto lo sfondo “riducendolo” ad un’immagine centrale, ho reso molto più visibile la scritta “Komixjam” facendola letteralmente “spuntare” dalla pagina bianca, ho tolto qualunque ombra inutile ed ho reso molto più visibile il menu, semplificandolo ulteriormente.

Il menu, in particolare, è stato diviso per rendere più visibili le aree più visitate. “Tecnicamente parlando” ho ridotto ulteriormente le richieste HTTP utilizzando Google Minify, un bellissimo progetto che ho, per lungo tempo, sottovalutato. Grazie a questo progetto sono riuscito ad unire tutti i files javascript e stili css rispettivamente in due files, rendendo il sito notevolmente più veloce. Il prossimo passo, nella versione 3.2, sarà di utilizzare i CSS Sprites ed un CDN, in modo da rendere il sito velocissimo e performante al massimo. Credo che i visitatori saranno piacevolmente soddisfatti nel vedere un sito veloce che riesce a soddisfarli in meno tempo possibile non credete?

Ho rinnovato anche la struttura e la grafica del forum rendendolo simile al sito principale con una carina grafica grigio chiaro.

Caratteristiche tecniche dell’aggiornamento:

• Template minimalista e molto più leggero con un menu di facile fruizione e molto ordinato
• Nuovo design del forum, minimalista, leggero e chiaro
• Diminuzione delle richieste HTTP

Immagini.

Link: www.komixjam.it

Related posts:

1. Komixjam 3.0

A distanza di un mese dall’ultimo “cambiamento”, non sviluppato, ho deciso di trasformare Kerojam in un piccolo blog personale da esibire come portfolio informale, annuncio di novità ecc ecc.

Attualmente sto lavorando contemporaneamente a tre diversi siti internet, tra cui la nuova versione di Komixjam, il primo progetto in ordine di complessità. Presto vi porterò alcune notizie, articoli e progetti completati.

Spero che l’idea vi piaccia… Byez!

No related posts.

L’ultima, recente, fatica è stata MCZ.it, un sito aziendale che presenta le varie tipologie di prodotti e tecnologie vendute dall’omonima azienda. MCZ Spa si occupa di vendita di stufe a legna e pellet, termocamini e caminetti. L’obiettivo era creare un sito nel più breve tempo possibile (eravamo alla fine di novembre) ma che potesse essere bello, funzionale, semplice e, soprattutto, immediato.

L’interfaccia grafica è stata creata con Photoshop da Pubblimarket2, un’azienda di Udine. Io mi sono occupato della trasposizione del design in interfaccia web tramite HTML, CSS e, naturalmente, PHP.

Come dicevo prima, abbiamo cercato di rendere, la visualizzazione del catalogo prodotti, il più semplice ed immediata possibile così abbiamo diviso i prodotti in macro-categorie, categorie ed abbiamo aggiunto una comoda ricerca che permette di selezionare le tipologie di stufe, ovviamente senza cambiare pagina. Questa ricerca non impegna per nulla il server poichè è tutta immediata e non basata su AJAX, inoltre non impegna nemmeno l’utente che sta visualizzando il catalogo perchè non cambia pagina e non carica nulla. In basso avete lo screen altrimenti potete provarla qui.

Come ultima “chicca” ho inserito una selezione di stufe in base all’ambiente da riscaldare. Quanti di voi si sono sempre chiesti “ma questa stufa sarà abbastanza potente? Scalderà abbastanza? Il costo è giustificato?”. Ecco che questa ricerca fa per voi:

La pagina del prodotto è semplice, basata su blocchi a comparsa/scomparsa che permettono la fruizione di tutti i contenuti senza fatica o scroll.

L’intero sito è disponibile in cinque lingue e, anche se pensato per un utilizzo di Flash, sono riuscito ad evitare un suo utilizzo grazie a javascript , Jquery e CSS. In questo modo anche chi non avrà questa tecnologia multimediale potrà visualizzare il sito, a tutto vantaggio dell’azienda.

Il sito è ottimizzato per i motori di ricerca rendendo estremamente facile, a questi, il reperimento delle informazioni e permettendo quindi all’azienda di essere in buone posizioni con le ricerche correalte al suo campo ed al suoi prodotti.

Caratteristiche Tecniche

• Sito basato su Zend Framework e creato da zero
• Ottimizzato al massimo per ridurre il peso della pagina via compressioni ed utilizzi di meno immagini
• Alta personalizzazione in tutte le cinque lingue della grafica e dei contenuti, gestibili via pannello di amministrazione
• Utilizzo di AJAX in modo non invasivo per permettere maggiore velocità per i possessori di Javascript senza per questo escludere gli altri dalla fruizione dei contenuti
• Ottimizzazione SEO per titoli ed indirizzi pagina
• Compatibilità assicurata ai maggiori Browser IE 6+, Safari 2+, Firefox 1.0+ ed Opera 9+

Immagini.

Link: www.mcz.it

Related posts:

1. Sundaygrill.com – Stagione 2009

Lo scorso 8 dicembre 2008 ho presentato la terza versione di Komixjam che ha presentato diverse migliorie: dalla nuova struttura grafica ricercata al forum, dai nuovi contenuti alla gallery.

Tecnicamente parlando ho puntato alla leggerezza diminuendo il peso delle immagini utilizzate nel template, le richieste HTTP e creando delle apposite plugins per trasformare immagini PNG molto pesanti in JPG. Il blog è basato sul noto script Wordpress che permette un’ottima interfaccia semplice per la creazione di articoli e pagine con discrete performance.

Il forum è basato su Vbulletin 3.7, il più completo script per forum. Ho “trasformato” il template per renderlo simile al blog in modo che il tutto dia un’illusione di continuità tra le varie sezioni del sito. La stessa cosa è stata fatta con la gallery, basata su Gallery2.

La forma contenutistica del sito non è cambiata, si punta sempre alla qualità degli articoli scritti  anche penalizzando la quantità. Cerchiamo sempre di stabilire un contatto con i visitatori e non abbiamo cambiato la modalità di partecipazione: con o senza registrazione è possibile partecipare in egual modo alla vita sociale del blog.

Caratteristiche tecniche:

• Blog basato su Wordpress ed avente diverse plugin, in parte da me create, per facilitare il lavoro ed incrementare le prestazioni del visitatore
• Forum basato su Vbulletin con un template personalizzato, basato sulla grafica del Blog
• Gallery basata su Gallery2, integrata al resto del sito
• Template creato da me, con aiuto di Alex.S
• Poche richieste HTTP per diminuire il tempo di caricamento del sito
• Varie ottimizzazioni SEO in tutte le tre sezioni
• Compatibilità assicurata ai maggiori Browsers IE 6+, Safari 2+, Firefox 1.0+ ed Opera 9+

Immagini.

Link: www.komixjam.it

Related posts:

1. Komixjam 3.1

Mi ero ripromesso di costruire un nuovo Blog Network, curato, che puntasse alla qualità ed ad un contatto maggiore tra visitatore ed autore. Non avevo contato la concorrenza, la difficoltà nel trovare ottimi autori che avessero la mia stessa “visione” di gestione dei blogs e l’enorme mole di lavoro nel gestire un progetto simile, sia dal punto di vista tecnico che umanitario ma sopratutto tempistico.

La decisione si è perciò diretta, grazie a Komixjam.it, nella cura del singolo e dell’eccellenza. Cosa diventerà per cui Kerojam.it? Resterà una visione, un progetto del web e tenterò di curarlo nel minimo dettaglio.

Tutti i blogs saranno sospesi tranne Komixjam, Musicjam ed Erojam. Cosa vuol dire “sospesi”? Gli articoli resteranno attivi e visibili da tutti voi ma non verranno pubblicati nuovi articoli fino a nuove decisioni…

Volevo cogliere l’occasione per ringraziare pubblicamente coloro che mi hanno aiutato, in passato, in quest’impresa, in primis Fabrizio, Overlord e Napolux che hanno collaborato attivamente in uno o più aspetti della vita del network.

Nei seguenti giorni pubblicherò alcuni articoli tematici nei singoli blogs ed il loro futuro.

No related posts.