Arriva un momento nella vita di tutti gli internet marketer, quando il pensiero di personalizzare il design del loro sito web li fanno porre questa semplice domanda:
“Come devo fare per creare un design del sito web che attirano più visitatori possibile e aumentare il desiderio di scavare attraverso tutte le pagine?“
Se guardiamo i blogger e internet marketer di maggior successo come Yaro Starak, Jonathan Volk, Wanda & Paula, troverete un tratto comune, i loro siti hanno un design semplice e professionale.
Molti dei miei lettori mi hanno chiesto cosa ho fatto di recente per cambiare il design del mio sito. In questo momento sono almeno due mesi che sono passato dal mio vecchio tema Frugal al nuovo Catalyst, e il mio lavoro nel personalizzare il mio tema è radicalmente accelerato. Sia per quanto riguarda l’aggiunta del logo, il posizionamento delle pubblicità, il layout, i sottotitoli, cambiare il colore dello sfondo, e così via.
Questi suggerimenti e idee qui sotto hanno lo scopo di aiutarvi nel vostro processo di progettazione del vostro sito web.
1. Dovete identificarvi – Vi suggerisco di usare 2-3 colori primari, e solo 2-3 colori secondari.
Per il mio sito ho usato i seguenti colori:
Colors Primary:
- #578031 (Part of logo, main bar, ask question box, subscription form, text sidebar)
- #000000 (content slide)
- #232323 (some banner background)
Colori Secondary:
- #c2d2b1 (Main background)
- 1e2b50 (Part of logo)
- f5da05 (some text of banners)
Il look del vostro sito non deve sembrare come quello di un cartone animato ma deve essere il piu’ professionale possibile. Se utilizzate troppi colori, la vostra identità aziendale andranno persa. Fate il vostro design il piu’ semplice possibile. Un sito in bianco e nero rende bene lo stesso.
2. Costruite un brand irresistibile - Quando si tratta di costruire un marchio irresistibile, dovete creare qualcosa che rguarda voi stessi, il vostro pubblico, la concorrenza, vi suggerisco di rispondere a queste semplici domanda prima di progettarlo:
- Che cosa vi rende unico?
- Qual è il vostro messaggio?
- Quali sono i vostri colori preferiti?
- C’è uno stile di disegno specifico che vi piace?
Per aiutarvi a scegliere uno stile di design vi consiglio di prendere ispirazione da www.dafont.com Una volta scaricato il font, basta decomprimere il file e copiatelo su D> windows>font.
Ora, se si apre un qualsiasi programma microdsoft come wordpress, Gimp 2, Photoshop siete in grado di selezionare il font e creare il vostro stile di logo preferito.
3. Navigazione chiara – La navigation dovrebbe il piu’ semplice possibile. Non mettete i link di navigazione in posti diversi. I vostri visitatori potrebbero confondersi. Una volta che avete deciso quali link mettere, metteteli nella stessa posizione, e nella stessa sequenza. Di solito la barra di navigazione principale dovrebbe linkare alla pagine che si desiderano mettere più in evidenza.
I link principali contenuti nella barra di navigazione sono:
- Home page – Link all vostra home page.
- About me page – Contiene una completa descrizione su di voi e il vostro sito. Leggete qui Come costruire un ‘Abour me page (Versione Inglese solo)
- Contact page – Contiene i vostri contatti, form, email, e cosi’ via.
- Disclaimer – Contiene le vostre politiche di privacy.
On my navigation bar I also included other link such as:
- Resources – Link to the page contains the best resources I’m using on my site.
- Guest – It contain all rules to write as guster on my blog.
- Services – It contains a full list of services I do for my clients.
- Archive – It contains all topics of my blog.
- Top Resources – Full list of best post on my blog based on topic.
4. Semplici icone - Invece di usare grandi immagini ingombranti utilizzare icone semplici e piccole che aggiungono un po’ di colore e attirano l’attenzione del visitatore. È possibile utilizzarle nella vostra home page per evidenziare le sezioni principali del sito.
5. Gradient background - CSS vi dà un sacco di flessibilità e vi consente di creare uno sfondo con colori graduali in verticale. Non importa quanto è lunga la pagina, in quanto non influenza il tempo di caricamento perchè utilizza elementi grafici che sono solo pochi kilobyte di dimensione.
Attraverso il seguente codice, il file background.png basta essere un pixeldi larghezza.
Questo script di sotto assicura che il gradiente sfuma in bianco, ma l’attributo colore di sfondo potrebbe essere un qualsiasi valore. Con il miotema catalizzatore, tutto quello che dovete fare è andare in sezione personalizzata css e posto all’interno di questo pezzo di script. Che!
Attraverso il seguente codice, il file background.png puo’ essere solo un pixel di larghezza.
Questo script qui sotto assicura che il gradiente sfuma in bianco, ma l’attributo colore di sfondo potrebbe essere un qualsiasi valore. Con il mio tema Catalyst theme, tutto quello che dovete fare è andare nella sezione personalizzata css e posto all’interno di questo pezzo di script. Che!
body {
background-image: url(http://www.the3dtechnologies.com/db/2011/01/background.png);
background-repeat: repeat-x;
}
Naturalmente è possibile utilizzare questo codice per creare il vostrosfondo sfumato su qualsiasi sito web html o php o blog.
6. Il Bianco sul nero non è buono - Questo è uno sbaglio che ho notato anche in alcuni blog. Il testo bianco sullo sfondo nero, testo chiaro su un backgroung bianco, testo nero su sfondo nero, sono alcune delle peggiori combinazionidi di colori. Non aiutano di certo a rendere i contenuti di facile lettura e potrebbe infastidire i vostri lettori che potrebbero lasciare il vostro sito.
