10 suggerimenti rapidi: come rendere il tuo sito web Homepage Design migliore

() translation by (you can also view the original English article)

Per il piccolo imprenditore, la Home page del sito Web è come vostra vetrina: attrae persone nel tuo negozio, dà loro un'idea di che cosa è fornire, ed è loro punto di partenza per esplorare il resto del tuo negozio. Questo significa anche che come tua Home page del sito Web appare notevolmente colpisce il vostro marchio e le vendite.

A differenza di una finestra del negozio, tuttavia, migliorare la tua Home page del sito Web non dovrebbe costare molto, soprattutto se si sta eseguendo una piccola impresa. Ci sono molti tweaks di homepage sito Web che si può fare senza spendere un sacco di soldi o in attesa di diverse settimane per una riprogettazione.

Website homepage design — Sito Web homepage design è importante per il successo dell'azienda (fonte immagine).

In questo tutorial, vi mostreremo come fare un sito Web homepage che attira i clienti. Potrai esplorare le idee di progettazione di sito Web homepage e guardare alcuni dei migliori esempi di Home page del sito Web.

Tuffiamoci in quei suggerimenti website homepage design.

1. utilizzare i file di immagini leggero

Avere belle, immagini di alta qualità è un must-have, se si desidera rendere i vostri prodotti sguardo buono come possibile. Ma c'è un compromesso importante: di solito, più grande l'immagine o maggiore è la risoluzione, il tempo che impiega per queste immagini da caricare per i visitatori. Il più a lungo i tempi di caricamento, il più probabile è che i visitatori lasciano.

Secondo una ricerca da Google, 53 per cento delle visite al sito Web vengono abbandonate se un sito mobile richiede più di tre secondi per caricare. Infatti, il loro modello predice che il tempo necessario per la tua pagina caricare, maggiore è la probabilità che i visitatori lasciano. La stessa ricerca ha dimostrato che sarebbe una grande differenza se proprietari di siti web semplicemente loro immagini compresse.

Page load time statistics — Il tempo che impiega per una pagina web caricare, più probabile è per i visitatori di rimbalzo.

Trovare l'equilibrio tra fornire immagini belle e avere un sito veloce caricamento. Utilizzare lo strumento di Google PageSpeed intuizioni per vedere se le immagini hanno bisogno ulteriore compressione. Se lo fanno, è possibile utilizzare uno strumento come TinyPNG per comprimerli ulteriormente o ulteriori informazioni sull'ottimizzazione di immagine attraverso queste guide:

2. avere una chiamata ad azione singola, prominente

Quando un visitatore arriva sul vostro homepage per la prima volta, non ci dovrebbe essere alcuna ambiguità su quello che dovrebbe essere il loro prossimo passo. Ecco che entra in gioco l'invito all'azione (CTA). Un CTA compare solitamente sotto forma di un pulsante di grandi dimensioni. Facendo clic su di esso dovrebbe convertire i tuoi visitatori homepage in una vendita o un lead.

Assicurarsi che l'invito all'azione situata sopra la piega — la parte superiore della tua Home page che è visibile senza scorrere. In uno studio di caso, un negozio online di vendita trampolini aumentato il loro tasso di conversione 11 per cento solo aggiungendo un CTA sopra la piega.

Ancora, si non dovrebbe limitare l'invito all'azione di quest'area solo. Si può ripetere in tutto il resto della vostra copia di homepage. Ad esempio Rumpl, un negozio online che vendono specialità coperte, evidenzia il loro prodotto consigliato sopra la piega con un invito all'azione.

call to action placement — Posizionare il tuo CTAs sopra la piega, ma ripeto anche in tutta la homepage.

Ma se si scorre verso il basso la homepage di ulteriormente, vedrete un altro pulsante di CTA per aggiungere questo prodotto al tuo carrello. Mentre Rumpl Visualizza altri elementi sulla loro Home page del sito, nessuno ha un prominente CTA tranne il prodotto consigliato. Visitatori concentrano quasi esclusivamente su l'acquisto del prodotto consigliato.

Evitare altri elementi di distrazione nella tua Home page del sito Web. L'obiettivo principale dovrebbe essere la call to action. Se avete bisogno di mettere gli elementi di navigazione, pulsanti di social media e altri elementi sulla homepage del sito, assicurarsi che essi non distrarre gli occhi dei tuoi visitatori dai principali pulsanti CTA.

Se non hai un forte invito all'azione pulsante sulla tua Home page del sito Web, controllare alcuni di questi modelli di pulsante attirano l'attenzione dal fiume grafica.

3. chiarire la proposta di valore

Oltre ad essere chiaro circa l'azione che i visitatori devono prendere, è inoltre necessario essere chiari su perché hanno bisogno di intraprendere tale azione. I consumatori in tutti i gruppi di età valore chiarezza nelle comunicazioni di marketing online, più grande disegno o perfetta grammatica e ortografia. Quindi, quando si tratta di tuo sito homepage copia, chiedetevi quanto segue:

Visitatori sa che cosa essi sarò sempre in cambio per facendo clic sul tuo CTA?
Il tuo titolo, sottotitoli e corpo copia contiene un punto di grande dolore e la soluzione che è fornire?
I visitatori potranno facilmente ripetere il messaggio ad altri?

study on clarity in company communications — I consumatori apprezzano schiacciante chiarezza del messaggio sopra il disegno, la lunghezza e la correttezza grammaticale.

Se si desidera chiarire la vostra proposizione di valore sulla vostra copia di homepage del sito Web, provare le tecniche negli esempi seguenti:

1. Ripetere la proposta di valore

In tutta la vostra copia di homepage, ripetere i benefici che i visitatori si otterrà dopo aver cliccato sul tuo CTA. È possibile utilizzare diverse parole e immagini per ribadire questi benefici. Nell'esempio che segue, Gossamer Gear, un negozio online che vende attrezzatura da viaggio leggera, loro proposta di valore di "ultraleggero gear" è esplicitamente dichiarato nel loro titolo. Esso ha anche accennato nel loro logo dell'azienda ("Prendi meno. Fare di più.") e il banner foto spettacoli due escursionisti che stanno portando Zaini che sono più piccole del solito.

Clear website homepage value proposition example — Ripetere la vostra proposizione di valore in luoghi diversi sul vostro homepage sito Web, tra cui effetti visivi.

2. specificare perché è importante la proposizione

Si può affermare che il vostro business rende i prodotti di alta qualità, ha buon servizio clienti, oppure è socialmente responsabile. Si può rendere ancora più chiaro per il tuo pubblico essendo specifico sul perché. Sul loro sito Web homepage, rivenditore di abbigliamento United By blu sottolinea loro responsabilità sociale, sia nel loro motto ("beni durevoli responsabile") e il loro contenuto (link ai loro post sulla pulizia di spazi pubblici e loro negozi responsabilmente-costruito). Ma loro sito homepage copia va il miglio supplementare specificando gli sforzi della società dai numeri.

Example of specificity in homepage copy — Essere specifico su come distribuiscono su vostra proposizione di valore.

Pensare a modi che può essere più specifico nell'esprimere la vostra proposizione di valore. Se la proposta di valore unico è che aiutare i clienti a risparmiare denaro, si noti quanto potrebbero risparmiare. Se il vostro business è orgoglioso di fare prodotti durevoli, specificare quanti anni i prodotti tendono a ultimo o soggetto i prodotti ai vari test e mostrare il vostro pubblico i risultati.

4. rendere la vostra copia di Homepage sito web facile scansione

Se la Home page del sito Web ha copia di lunga o breve, è importante che il testo è facile scansione. Questo è perché le persone tendono a scansione e scremare testo online. Uno studio Nielsen Norman Group dimostra che solo il 16 per cento delle persone leggere online testo parola per parola. In uno studio più recente, inoltre hanno trovato che le persone tendono a digitalizzare il testo pesante in un modello a forma di F, che li porta a perdere informazioni essenziali.

F-shaped pattern for reading text online — Grandi blocchi di testo su una Home page potrebbero portare le persone a eseguire la scansione in un modello a forma di F.

Se non volete ai vostri visitatori di perdere su vostro parole persuasive o caratteristiche più importanti del vostro prodotto, assicurarsi che il testo nella tua Home page del sito Web è facile scansione. Qui sono alcune punte che potete seguire:

Suddividere il contenuto della homepage con sottotitoli.
Utilizzare gli elenchi per delineare dettagli piuttosto che li descrivono in paragrafi.
Aggiungere didascalie alle immagini.
Utilizzare frasi brevi.
Se è possibile presentare le informazioni più velocemente attraverso effetti visivi, farlo piuttosto che contando solo sulla copia.
Evitare di piccole dimensioni.

Un buon esempio di questo principio è trovato su Barebone Living, che vende attrezzi all'aperto. Anziché elenco fuori loro categorie di prodotto ed elaborato su di loro con lunghe descrizioni, la copia si limita ad afferma "Come spendete tempo all'aperto?" Immagini e nomi di parola singola categoria fanno il sollevamento di carichi pesanti. Anche senza leggere le parole, si può dire quale casella dovresti fare clic. Diamo un'occhiata all'esempio homepage sito Web:

Scannable product categories — Linguaggio semplice complemento con forti effetti visivi per una homepage sito web facile-a-scan.

La homepage del sito fa anche uso di sottotitoli. Nello screenshot qui sotto, il sottotitolo "perché Barebones?" è seguita da più piccoli sottotitoli come "Agricoltori in Africa", "Fornendo riparo in Nepal" e "Fornire cibo in Utah." Avendo i sottotitoli come questi significa che i visitatori avranno un'idea concreta sui progetti della società, anche se non leggono il testo corpo corto.

Use of subheads in scannable text — Utilizzare sottotitoli in modo che i visitatori possono ottenere il succo dei tuoi contenuti, anche se essi saltare i paragrafi.

5. avere persone nelle tue foto

Anche se hai il prodotto più fotogenico nel mercato, è meglio avere persone nelle tue foto prodotto — soprattutto sulla tua Home page del sito. Test da Visual Website Optimizer dimostrano che utilizzando foto umana invece di illustrazioni o icone può incrementare i tassi di conversione.

Ancora più importante, utilizzare foto reali dei vostri clienti o il vostro personale. Visitatori del sito Web tendono ad ignorare archivi fotografici di persone, secondo una ricerca condotta da Nielsen Norman Group.

Un buon esempio di questo è la linea di seme memorizzare giardino di Renee. Sul loro sito Web homepage sono più foto di persone sul loro fattoria, foto di persone che hanno donato la semi a e una foto del titolare. Oltre a queste foto che cattura gli occhi, costruiscono anche fiducia, dal momento che è possibile vedere le persone dietro il business. Questa fiducia immediata è essenziale per piccole e micro imprese che non hanno una fama come più affermati marchi.

Example of real people in photos — Utilizzando le foto di clienti reali e personale può aiutare a costruire la fiducia e aumentare le conversioni.

6. ridurre il rischio

Poiché le piccole imprese online non come ben note come le più grandi marche, i consumatori potrebbero sentire che c'è qualche rischio che acquisto da loro rispetto all'acquisto da Amazon o di Walmart negozi online. Per questo motivo, è necessario eliminare qualsiasi potenziale rischio per il vostro cliente.

W & P Design, un negozio di design da Brooklyn, rende chiaro nella loro copia sopra la piega che offrono "restituzione gratuita. Nessun fastidio." Se un cliente è titubante a comprare perché si potrebbe finire di non gradire il prodotto, sanno in anticipo che che può essere restituito senza alcun problema da parte della società e senza pagare costi aggiuntivi. Ecco l'esempio di Home page del sito Web:

Return policy on website homepage to reduce risk — Visualizzati da una politica di ritorno sul vostro homepage sito Web riduce il rischio del cliente.

Mano nella mano con la riduzione del rischio dei clienti si sta rivelando che consegni il Tue promesse. Questo è dove la prova sociale, come recensioni, case study e testimonianze entrano. Visualizza questi sul vostro homepage sito Web se si desidera che i clienti di fiducia il vostro business.

Wynd, che vende depuratori d'aria intelligente, realizza questo avendo una scheda di "Recensioni" sopra la piega sulla loro homepage. Quando si sceglie la scheda, recensioni di prodotti pop fuori. Queste recensioni anche presentarsi nuovamente in una sezione separata nella homepage del sito Web.

Customer reviews on website homepage — Aggiunta di recensioni sulla tua Home page del sito Web aiuta a minimizzare il rischio per i vostri clienti potenziali.

Per consigli dettagliati su come raccogliere e utilizzare il feedback sul tuo sito Web, esaminare le seguenti guide:

7. rivelare il tuo Menu di navigazione

Mentre sembra ordinato e moderno per nascondere la vostra navigazione homepage sito Web con un elenco a discesa menu o hamburger icona, questo lo rende meno probabile per agli utenti di esplorare il resto del tuo sito. Ricerca da Nielsen Norman Group trovato che l'individuabilità delle pagine di un sito è tagliato a metà, quando le barre di spostamento sono nascosti. Ci vorrà più tempo per i visitatori a trovare altre pagine chiave sul tuo sito.

Time to navigation chart — Ci vuole più visitatori di passare attraverso un sito Web con navigazione nascoste.

Se ci sono troppe pagine sul tuo sito, e non si può mettere loro tutto il vostro menu homepage senza sovraffollamento, si può optare per la "navigazione combo." In questo formato, non ci sono collegamenti del menu statico a importanti pagine del tuo sito, ma resto show up tramite un menu a discesa. Questo è stato l'approccio utilizzato da semi di selezionati di Johnny, un commerciante di sementi online. Dato che ci sono decine di semi nel loro negozio online, la navigazione principale elenca solo le categorie principali. Le altre sottocategorie sono rivelate in un menu a discesa.

Example of combo navigation menu — Se hai troppi elementi sul tuo negozio online, elenco solo le principali categorie nel menu. La cosa importante è che c'è un menu visibile.

8. provare la Chat dal vivo

Una cosa che si potrebbe desiderare di sperimentare è l'utilizzo di live chat sul tuo sito Web. Live chat è una funzionalità che permette di chattare visitatori sito Web in tempo reale con voi o il vostro personale. È possibile utilizzare la chat in diretta per rispondere alle loro domande preliminari, aiutarli a navigare il tuo sito Web, o direttamente fare una vendita. Per i clienti, questo è più facile che chiamando o inviando per e-mail il vostro business, poiché si può chattare con te come essi stai navigando il sito.

JSI segni, fornitura un segno online negozio, utilizza la chat dal vivo per ridurre il volume delle chiamate che ricevono nel loro negozio. Questo aiuta anche il proprietario multitasking, poiché lei potrebbe rispondere alle domande da parte dei potenziali clienti come lei sta facendo altre attività. Diamo un'occhiata alle chat in questo esempio di Home page del sito Web:

Example of live chat on a small business website — Live chat sul vostro homepage del sito può aiutare a spiegare i prodotti ai visitatori del tuo sito, aumentare le conversioni.

Ma ci sono altri vantaggi importanti per l'aggiunta di chat dal vivo alla tua Home page del sito Web. Chat dal vivo può aumentare le conversioni di oltre il 40%, secondo uno studio condotto da Apex Chat. Esso fornisce anche il cliente più alto livelli di soddisfazione, con 73 per cento dei consumatori soddisfatti del servizio che ricevono da chat dal vivo. Email arriva al secondo posto con un tasso di soddisfazione del 61 per cento.

live chat satisfaction levels — I clienti sono soddisfatti di supporto live chat, e-mail, telefono o social media di più.

Se sei interessato a dare chat dal vivo un andare, qui ci sono alcuni servizi di chat dal vivo che è possibile utilizzare:

9. incorporare un Video

Aggiungere un video alla tua Home page può aumentare le conversioni. Questo è vero in diverse categorie di prodotti, secondo uno studio condotto da Treepodia. Per questo motivo, potrebbe aiutare se si aggiunge anche un clip video nella tua Home page del sito Web. Tenerlo a breve, dal momento che impegno tende a scendere quando il video è troppo lungo. Si consiglia di tenere i tuoi video in meno di due minuti, secondo le statistiche da Wistia.

Study increase in video conversion rates — Attraverso i tipi di prodotto sopra, tassi di conversione e-commerce è aumentato con l'aggiunta di video.

Per quanto riguarda il contenuto di un video, potrebbe essere un animatore, testimonianza di un cliente, demo del prodotto o anche un breve tour del tuo negozio. Esso può essere vivo o animate, quello che funziona con le vostre esigenze e budget. Nell'esempio che segue, quattro Sigmatic, un'azienda di caffè del fungo, ha un video sul loro homepage dove il fondatore viene illustrato come utilizzare il loro prodotto. Video è particolarmente importanti per prodotti insoliti come il caffè del fungo, che la maggior parte delle persone potrebbero non avere familiare con.

Embedded video on website homepage example — Aggiunta di un video di dimostrazione del prodotto può essere utile quando si vende un prodotto insolito.

10. semplificare

Se l'elenco qui sopra ti fa pensare che migliorando la tua Home page del sito Web comporta l'aggiunta di più elementi, che non è necessariamente il caso. Ogni nuovo elemento che si aggiunge potrebbe distrarre dal tuo messaggio principale e invito all'azione. Inoltre, si può lasciare una cattiva impressione sui visitatori.

Ricerca da Google mostra quella alta complessità visiva — la presenza di molti elementi — può influenzare il tuo sito è come fare appello ai visitatori. Siti con bassa complessità visiva sono stati trovati il più attraente, anche se le persone sono state esposte solo a questi siti per 17 millisecondi. In altre parole, la prima impressione della tua Home page sito web conta, e questa impressione dovrebbe essere più semplice possibile. Tenetelo a mente quando stai seguendo le raccomandazioni di cui sopra. Sostituire gli elementi inutili o inefficaci, piuttosto che aggiungere cose nuove per compensare la loro.

Una Home page del sito che porta in Business

Hai appena imparato sulle idee di design homepage sito Web. Abbiamo esplorato alcuni esempi di Home page del sito Web. Ora è necessario alcune idee su come rendere più efficace la tua Home page del sito.

Ricordate, la Home page del sito web dovrebbe essere mai solo una parte decorativa della vostra strategia di marketing. Invece, dovrebbe giocare un ruolo attivo nel portare in vendite e ripetendo il messaggio aziendale ai potenziali clienti.

Se la homepage del sito non sembra essere fede alla promessa, lavorare su alcune delle modifiche consigliate sopra. Puoi iniziare con quelle che sono le più facili per l'implementazione. Apportando queste modifiche semplici, la Home page del sito Web potrebbe anche diventare uno dei vostri più importanti canali di acquisizione di clienti.