vai al contenuto della pagina
Se riesci a leggere questo messaggio il tuo browser potrebbe non essere in grado di leggere e intepretare correttamente i css. Alcuni browser che interpretano i css in modo corretto sono Opera, Safari e Firefox che sono disponibili su diverse piattaforme.

Nuovo sito aziendale

27 May, 2009, 0 commenti

È da pochi giorni il nuovo sito della mia azienda: lo Studio Grafico Blu Cremisi.

Questa versione va a sostituzione dell’altra che è rimasta online da agosto 2008 fino a fine maggio 2009. Ci sono diverse novità rispetto al vecchio sito, tese molto a migliorare l’user experience di navigazione nel sito, come la descrizione di tutte le pagine in alto in un blocco di colore diverso, da modo da mantenere sempre il controllo sul sito, senza perdersi.

Partiamo dal principio.

I colori, basati su una versione intermedia che non ha mai visto la luce, sono ora più luminosi e bilanciati rispetto al vecchio, spenti e grigi.

Il logo è ora cliccabile, e porta all’homepage. Nel vecchio sito questo non era possibile.

Ogni pagina ha un suo grande titolo evidente, più una piccola descrizione. Nel vecchio sito c’era solo un h2 e poi sotto direttamente il testo della pagina.

Ogni pagina è stata poi studiata tramite software appositi, per stancare meno possibile il visitatore, seguendo la gravità da sinistra verso destra e dall’alto verso il basso (figura sotto).

image

Homepage

La home ora mostra tramite un javascript vari lavori puntando direttamente alla loro pagina descrittiva. Nella versione precedente c’erano si i link al portfolio ma c’era anche una grande immagine che spezzava la pagina.

Nella home c’è ora un bottone che punta ai contatti. Feature mancante nel precedente.

I servizi ora sono descritti interamente con delle icone. Nel vecchio sito erano descritti solo un paio di servizi tramite immagini.

Portfolio

La pagina principale del Portfolio, che prima mostrava un lavoro, ora ne mette in evidenza solo un paio, col solito bottone per i contatti.

La pagina include ora la categorizzazione del portfolio diviso per tipo: Brand, Grafica Pubblicitaria, Web Design, mentre prima era tutto mischiato. Nella pagina è presente anche un breve testo per descrivere un prodotto, un servizio o un’offerta.

Le pagine interne del portfolio invece concentrano l’attenzione verso l’immagine, poi segue a lato una breve descrizione e qualche altro lavoro della stessa categoria. Prima venivano mostrati tutti i lavori di tutte le categorie.

Servizi

La pagina dei servizi è rimasta uguale tranne per i fatto che i servizi vengono descritti singolarmente tramite icone e non mostrati insieme a tutti gli altri.

About

La pagina About ha cambiato completamente aspetto: se prima mostrava news, link al blog, una breve descrizione dell’azienda e nient’altro, ora ospita un biglietto da visita con il nostro indirizzo, Google Maps, e i nostri recapiti. Mostra inoltre una sommaria descrizione dei servizi offerti, oltre che la stessa breve descrizione dell’azienda.

Contatti

Anche la pagina contatti ha subito poche e nulle variazioni, tranne la google maps, come nella pagina about.

Continuity

image

Le stesse icone sono usate in tutto il sito, a volte in bianco/nero, a volte sovrapposte, ma sono sempre le stesse, univoche, uniche per soggetto. Provengono dal Web Injection Pack di Tutorial9, ma non tutte.

Supporto browser

Ho cercato di rispettare più possibile tutti i browser usati, si anche IE6. Con IE6 le png trasparenti non vengono rese trasparenti. Pazienza, ormai chi usa quel browser è tempo che si aggiorni.

Inserito il 27 May 2009, nelle categorie: Blog news, Web Design, | Trackback

Se quest'articolo ti è piaciuto, iscriviti gratuitamente ai feed rss per rimanere sempre aggiornato.

Condividi:

Articoli correlati

Commenti

Lascia un commento


I commenti devono essere tutti nominali, dovete quindi usare il vostro vero nome per commentare, Anche un nickname va bene, a patto che sia comunque collegato a un'email o dominio nominale.

I commenti che non rispettano questi principi non saranno pubblicati.