Share
Per il proprietario di una piccola azienda, la home page del tuo sito web è come la tua vetrina: attira le persone nel tuo negozio, dà loro un'idea di ciò che fornisci ed è il punto di partenza per esplorare il resto del tuo negozio. Ciò significa anche che l'aspetto della home page del tuo sito web influisce notevolmente sia sul tuo branding che sulle tue vendite.
A differenza di una vetrina, tuttavia, il miglioramento della home page del sito Web non dovrebbe costare molto, soprattutto se gestisci una piccola azienda. Ci sono molte modifiche alla homepage del sito web che puoi fare senza spendere un sacco di soldi o aspettare diverse settimane per una riprogettazione.
Il design della homepage del sito web è importante per il successo della tua azienda (Image Source).In questo tutorial ti mostreremo come creare una home page del sito web che attiri i clienti. Esplorerai le idee di design per la homepage del sito web e guarderai alcuni dei migliori esempi di homepage del sito web.
Facciamo un tuffo in quei suggerimenti per la progettazione di homepage del sito web.
Avere immagini belle e di alta qualità è un must se vuoi rendere i tuoi prodotti il più belli possibile. Ma c'è un importante compromesso: solitamente, più grande è l'immagine o più alta è la risoluzione, più tempo ci vuole per caricare queste immagini per i tuoi visitatori. Maggiore è il tempo di caricamento, maggiore è la probabilità che i visitatori se ne vadano.
Secondo una ricerca di Google, il 53% delle visite al sito web viene abbandonato se un sito mobile impiega più di tre secondi per essere caricato. In effetti, il loro modello prevede che più tempo impiegherà il caricamento della pagina, maggiore è la probabilità che i visitatori se ne vadano. La stessa ricerca ha dimostrato che farebbe molta differenza se i proprietari dei siti web comprimessero semplicemente le loro immagini.
Maggiore è il tempo di caricamento di una pagina Web, maggiore è la probabilità che i visitatori rimbalzino.Trova l'equilibrio tra fornire belle immagini e avere un sito di caricamento veloce. Utilizza lo strumento PageSpeed Insights di Google per vedere se le tue immagini necessitano di ulteriore compressione. Se lo fanno, puoi utilizzare uno strumento come TinyPNG per comprimerli ulteriormente o saperne di più sull'ottimizzazione delle immagini attraverso queste guide:
Quando un visitatore arriva per la prima volta nella tua home page, non dovrebbe esserci alcuna ambiguità su quale dovrebbe essere il loro prossimo passo. Qui entra in gioco il tuo invito all'azione (CTA). Un CTA appare di solito sotto forma di un pulsante di grandi dimensioni. Cliccando su di esso dovrebbe convertire i visitatori della tua home page in un lead o in una vendita.
Assicurati che la tua chiamata all'azione si trovi sopra la piega: la parte superiore della tua home page visibile senza scorrere. In un caso di studio, un negozio online che vendeva trampolini ha aumentato il tasso di conversione dell'11% solo aggiungendo un CTA above the fold.
Tuttavia, non dovresti limitare il tuo invito all'azione solo in quest'area. Puoi ripeterlo per il resto della copia della tua home page. Ad esempio Rumpl, un negozio online che vende coperte speciali, mette in evidenza il loro prodotto in vetrina above the fold con un invito all'azione.
Inserisci i tuoi inviti all'azione above the fold, ma anche ripetilo in tutta la homepage.Ma se scorri ulteriormente la home page, vedrai un altro pulsante CTA per aggiungere quel prodotto al tuo carrello. Mentre Rumpl visualizza altri elementi sulla home page del loro sito Web, nessuno ha un CTA di rilievo tranne il prodotto in primo piano. I visitatori si concentrano quasi esclusivamente sull'acquisto del prodotto in primo piano.
Evita altri elementi di distrazione nella home page del tuo sito web. L'obiettivo principale dovrebbe essere la chiamata all'azione. Se devi inserire elementi di navigazione, pulsanti di social media e altri elementi nella home page del sito web, assicurati che non distraggano gli occhi dei tuoi visitatori dai pulsanti CTA principali.
Se non si dispone di un pulsante di chiamata al pulsante di azione sulla home page del sito Web, controlla alcuni di questi modelli di pulsanti che attirano l'attenzione da Graphic River.
Oltre a essere chiari sull'azione che i tuoi visitatori devono compiere, devi anche essere chiaro sul motivo per cui devono intraprendere questa azione. I consumatori di tutte le fasce di età apprezzano la chiarezza delle comunicazioni di marketing online, più che un grande design o una perfetta grammatica e ortografia. Quindi, quando si tratta della copia della home page del sito Web, chiedetevi quanto segue:
I consumatori apprezzano in modo schiacciante la chiarezza del messaggio rispetto alla progettazione, alla lunghezza e alla correttezza grammaticale.Se vuoi chiarire la tua proposta di valore sulla copia della home page del tuo sito web, prova le tecniche nei seguenti esempi:
In tutta la tua copia della home page, ripeti i vantaggi che i tuoi visitatori otterranno dopo aver fatto clic sul tuo CTA. Puoi usare parole e immagini diverse per reiterare questi benefici. Nell'esempio seguente, Gossamer Gear, un negozio online che vende articoli da viaggio leggeri, la loro proposta di valore di "materiale ultraleggero" è esplicitamente indicata nel titolo. Si fa anche riferimento al logo della propria azienda ("Prendi di meno, fai di più".) E la foto del banner mostra due escursionisti che portano zaini più piccoli del solito.
Ripeti la tua proposta di valore in diversi punti sulla home page del tuo sito web, inclusi gli elementi visivi.Puoi affermare che la tua azienda produce prodotti di alta qualità, ha un buon servizio clienti o è socialmente responsabile. Puoi renderlo ancora più chiaro per il tuo pubblico specificando perché. Sulla homepage del loro sito web, il rivenditore di abbigliamento United By Blue sottolinea la loro responsabilità sociale sia nella loro tagline ("beni durevoli responsabili") che nel loro contenuto (link ai post dei loro blog sulla pulizia degli spazi pubblici e dei loro negozi responsabilmente costruiti). Ma la loro copia della home page del sito Web fa il possibile, specificando gli sforzi della compagnia in base ai numeri.
Sii preciso su come stai offrendo la tua proposta di valore.Pensa ai modi in cui puoi essere più specifico nell'esprimere la tua proposta di valore. Se la tua unica proposta di valore è che aiuti i clienti a risparmiare, nota quanto potrebbero risparmiare. Se la tua azienda è orgogliosa di realizzare prodotti durevoli, specifica quanti anni i prodotti tendono a durare o sottoporre i prodotti a vari test e mostrare al pubblico i risultati.
Se la tua home page del sito web ha una copia lunga o corta, è importante che il testo sia facile da scansionare. Questo perché le persone tendono a scansionare e sfogliare il testo online. Uno studio del Nielsen Norman Group mostra che solo il 16% delle persone legge il testo online parola per parola. In uno studio più recente, hanno anche scoperto che le persone tendono a scansionare un testo pesante in uno schema a forma di F, il che li porta a perdere informazioni essenziali.
Grandi blocchi di testo su una homepage potrebbero indurre le persone a scansionarlo in un modello a forma di F.Se non vuoi che i tuoi visitatori perdano le tue parole persuasive o le funzionalità più importanti del tuo prodotto, assicurati che il testo sulla home page del tuo sito Web sia facile da analizzare. Ecco alcuni suggerimenti che puoi seguire:
Un buon esempio di questo principio si trova su Barebones Living, che vende attrezzature da esterno. Piuttosto che elencare le loro categorie di prodotti ed elaborarle con lunghe descrizioni, la copia indica semplicemente "Come trascorri del tempo all'aria aperta?" Immagini e nomi di categorie a parola singola fanno il sollevamento pesante. Anche senza leggere le parole, puoi dire quale casella devi fare clic. Diamo un'occhiata all'esempio della homepage del sito:
Complementare un linguaggio semplice con immagini forti per una homepage del sito web facile da scansionare.La homepage del sito Web utilizza anche sottotitoli. Nello screenshot qui sotto, il sottotitolo "Why Barebones?" è seguito da sottotitoli più piccoli come "Gli agricoltori in Africa", "Fornire rifugio in Nepal" e "Fornire cibo nello Utah". Avere sottotitoli come questi significa che i visitatori avranno un'idea concreta dei progetti dell'azienda anche se non leggono il testo del corpo corto.
Utilizza i sottotitoli in modo che i visitatori possano ottenere il succo dei tuoi contenuti anche se saltano i paragrafi.Anche se hai il prodotto più fotogenico sul mercato, è meglio avere persone nelle foto dei tuoi prodotti, in particolare sulla home page del tuo sito web. I test di Visual Website Optimizer mostrano che l'utilizzo di foto umane invece di illustrazioni o icone può aumentare i tassi di conversione.
Ancora più importante, usa foto reali dei tuoi clienti o del tuo staff. I visitatori del sito web tendono a ignorare le foto di persone, secondo le ricerche di The Nielsen Norman Group.
Un buon esempio di questo è dal negozio di semi online Renee's Garden. Sulla homepage del loro sito web ci sono più foto di persone nella loro fattoria, foto delle persone a cui hanno donato semi e una foto del proprietario. Oltre a queste foto che catturano gli occhi, creano anche fiducia dato che puoi vedere le persone dietro l'azienda. Questo consolidamento immediato della fiducia è essenziale per le piccole e micro imprese che non hanno una reputazione così ampia come quelle di marchi più affermati.
L'utilizzo di foto di clienti e personale reali può aiutarti a creare fiducia e aumentare le conversioni.Dal momento che le piccole imprese online non sono così conosciute come marchi più grandi, i consumatori potrebbero ritenere che ci sia qualche rischio di acquistare da loro rispetto all'acquisto da negozi online di Amazon o Walmart. Per questo motivo, è necessario eliminare qualsiasi potenziale rischio per il cliente.
W & P Design, un negozio di design di Brooklyn, rende chiaro nella loro copia above the fold che offrono "Resi gratuiti. Se un cliente è riluttante ad acquistare perché potrebbe finire per non gradire il prodotto, sa in anticipo che può restituirlo senza problemi dall'azienda e senza pagare costi aggiuntivi. Ecco un esempio dell'homepage del sito web:
La visualizzazione di una politica di restituzione sulla home page del tuo sito web riduce il rischio dei clienti.Mano nella mano con la riduzione del rischio dei clienti sta dimostrando che si mantengono le promesse. È qui che entrano in gioco le prove sociali, come recensioni, studi di casi e testimonianze. Visualizzale sulla home page del tuo sito web se vuoi che i clienti si fidino della tua attività.
Wynd, che vende depuratori d'aria intelligenti, realizza ciò con una scheda "Recensioni" above the fold sulla loro homepage. Quando fai clic sulla scheda, compaiono le recensioni del prodotto. Queste recensioni vengono visualizzate anche in una sezione separata nella home page del sito Web.
L'aggiunta di recensioni sulla home page del tuo sito web aiuta a minimizzare il rischio per i tuoi potenziali clienti.Per consigli dettagliati su come raccogliere e utilizzare il feedback sul tuo sito web, consulta le seguenti guide:
Mentre sembra pulito e moderno per nascondere la navigazione della home page del sito Web con un menu a discesa o un'icona di hamburger, questo rende meno probabile agli utenti di navigare nel resto del tuo sito. La ricerca del Nielsen Norman Group ha scoperto che la rilevabilità delle pagine di un sito viene dimezzata quando le barre di navigazione sono nascoste. Ci vorrà più tempo per i visitatori per trovare le altre pagine chiave sul tuo sito.
Ci vuole più tempo per i visitatori a visitare un sito Web con navigazione nascosta.Se ci sono troppe pagine sul tuo sito e non puoi metterle tutte nel menu della tua homepage senza sovraffollamento, puoi optare per "navigazione combinata". In questo formato, ci sono collegamenti di menu statici a pagine importanti del tuo sito, ma il resto viene visualizzato tramite un menu a discesa. Questo era l'approccio usato da Johnny's Selected Seeds, un commerciante di semi online. Dal momento che hanno dozzine di semi nel loro negozio online, la navigazione principale elenca solo le categorie principali. Le altre sottocategorie sono rivelate in un menu a tendina.
Se hai troppi articoli nel tuo negozio online, elenca solo le categorie principali del tuo menu. L'importante è che ci sia un menu visibile.Una cosa che potresti voler sperimentare è l'uso della chat dal vivo sul tuo sito web. La chat dal vivo è una funzione che consente ai visitatori del sito web di chattare in tempo reale con te o il tuo staff. Puoi utilizzare la chat dal vivo per rispondere alle domande preliminari, aiutarli a navigare nel tuo sito web o effettuare direttamente una vendita. Per i clienti, è più facile che chiamare o inviare per e-mail alla tua attività, poiché possono chattare con te mentre navigano nel sito.
JSI Signs, un negozio di forniture per insegne online, utilizza la live chat per ridurre il volume delle chiamate ricevute nel proprio negozio. Ciò aiuta anche il multitasking del proprietario, dal momento che può rispondere alle domande dei potenziali clienti mentre svolge altri compiti. Diamo un'occhiata alla chat in questo esempio di homepage del sito:
La chat dal vivo nella home page del tuo sito web può aiutarti a spiegare i prodotti ai visitatori del tuo sito web, aumentando le conversioni.Ma ci sono altri importanti vantaggi nell'aggiungere la chat dal vivo alla home page del tuo sito web. La chat dal vivo può aumentare le conversioni fino al 40%, secondo uno studio di Apex Chat. Fornisce inoltre i più alti livelli di soddisfazione del cliente, con il 73% dei consumatori soddisfatti del servizio ricevuto dalla live chat. L'e-mail arriva al secondo con un tasso di soddisfazione del 61 percento.
I clienti sono soddisfatti del supporto per la chat dal vivo, oltre all'e-mail, al telefono o ai social media.Se sei interessato a dare una chat dal vivo, ecco alcuni servizi di chat dal vivo che puoi utilizzare:
L'aggiunta di un video alla tua home page può aumentare le conversioni. Questo è vero in diverse categorie di prodotti, secondo uno studio di Treepodia. Per questo motivo, potrebbe essere utile aggiungere anche un video clip nella home page del tuo sito web. Tenerlo in breve, dal momento che il coinvolgimento tende a cadere quando il video è troppo lungo. È meglio mantenere il tuo video più breve di due minuti, secondo le statistiche di Wistia.
Tra i tipi di prodotto sopra riportati, i tassi di conversione e-commerce sono aumentati con l'aggiunta del video.Per quanto riguarda il contenuto del video, potrebbe essere una spiegazione, una testimonianza del cliente, una demo del prodotto o anche un rapido tour del tuo negozio. Può essere live action o animata, qualunque cosa funzioni con le tue esigenze e budget. Nell'esempio seguente, Four Sigmatic, un'azienda di caffè a base di funghi, ha un video sulla loro home page in cui il fondatore dimostra come utilizzare il loro prodotto. Il video è particolarmente importante per prodotti insoliti come il caffè a base di funghi, che molte persone potrebbero non conoscere.
L'aggiunta di un video dimostrativo del prodotto può essere utile quando si vende un prodotto insolito.Se l'elenco precedente ti fa pensare che migliorare la tua homepage del sito web significa aggiungere più elementi, non è necessariamente così. Ogni nuovo elemento aggiunto potrebbe distrarre dal tuo messaggio principale e chiamare all'azione. Inoltre, può lasciare una brutta impressione sui tuoi visitatori.
La ricerca di Google mostra che l'elevata complessità visiva - la presenza di molti elementi - può influenzare l'appetibilità del tuo sito per i visitatori. I siti con una bassa complessità visiva sono risultati i più interessanti, anche se le persone sono state esposte a questi siti solo per 17 millisecondi. In altre parole, la prima impressione della tua home page del sito web conta e questa impressione dovrebbe essere il più semplice possibile. Tienilo a mente quando segui i consigli sopra riportati. Sostituisci elementi inutili o inefficaci piuttosto che aggiungere nuove cose per compensarli.
Hai appena appreso le idee di design per la homepage del sito web. Abbiamo esplorato alcuni esempi di homepage del sito web. Dovresti ora avere qualche idea su come rendere più efficace la home page del tuo sito web.
Ricorda, la home page del tuo sito web non dovrebbe mai essere solo una parte decorativa della tua strategia di marketing. Invece, dovrebbe svolgere un ruolo attivo nel portare in vendita e ripetere il tuo messaggio di branding ai potenziali clienti.
Se la home page del tuo sito web non sembra essere in linea con questa promessa, procedi con alcune delle modifiche consigliate sopra riportate. Puoi iniziare con quelli che sono i più facili da implementare. Apportando queste semplici modifiche, la home page del sito Web potrebbe persino diventare uno dei canali di acquisizione dei clienti più importanti.
Accentsconagua