Ancora una volta una risorsa completatemente FREE per i lettori del PV.M Garage. Un layout fresco e pulito che si adatta a diverse esigenze. Una grafica accattivante e dinamica per una giovane azienda che cerca di lanciare la propria immagine sul web. E’ stato pensato e realizzato per tutto ciò makingSEO, un template PSD per un Corporate Website distribuito con Licenza Creative Common anche per uso commerciale.

Panoramica sul layout di makingSEO

L’idea di partenza è quella di creare una grafica semplice e pulita ma che riesca ad essere accattivante e a descrivere in modo efficace la mission della Compagnia.

Header

Un header semplice con colori vivaci e giovani ma che siano in grado di elargire un certo senso di sicurezza e professionalità al visitatore.
Un logo semplice con un font di tipo Sans Serif e un menù immerso in una griglia tratteggiata.

DownHeader

Subito sotto l’intestazione si è deciso di inserire una sorta di “messaggio promozionale” in cui visualizzare lo screenshot di un ipotetico caso di successo e uno slogan che spinga l’utente all’azione attraverso il bottone “call-to-action”.

Main Container

Il cuore del sito, dove sono contenute le informazioni principali, è il main container. All’interno di quest’ultimo è possibile individuare la sidebar sul lato destro, dove sono riportante informazioni secondarie, mentre i contenuti più importanti sono inseriti all’interno di una griglia a due colonne sulla sinistra.
L’opportuno utilizzo di icone, una corretta scelta della tipografia e qualche pulsante posizionato in modo strategico possono guidare l’utente attraverso una panoramica completa sui servizi offerti e magari convincerlo a mettersi direttamente in contatto con il team.
In basso è possibile osservare il risultato finale.

Footer

Il footer riprende le linee utilizzate nell’intestazione e contiene notizie utili per chi vuole saperne di più sulle attività della Compagnia.
Persenta lo stesso schema del main container richiamando elementi grafici utilizzati in precedenza. In fondo al layout sono riportati i crediti con le consuete note.

Download e Tutorial

In fondo all’articolo si trova il link attraverso il quale è possibile scaricare il file PSD completo di tutti i livelli. Il template è rilasciato con Licenza Creative Common anche per uso commerciale, per cui può essere modificato, riprodotto e utilizzato a proprio piacimento.
Nella sezione in lingua inglese è stata pubblicata una breve guida che descrive le tecniche utilizzate in Photoshop per la realizzazione del layout, clicca qui per leggere il tutorial.