Suggerimenti per il design della homepage

Design della Homepage: come rendere la tua homepage un successo

Per molti, la homepage è il santuario di un sito web. Dovrebbe soddisfare numerosi scopi e servire diversi gruppi target. E preferibilmente allo stesso tempo. Come sono un buon indirizzo e un design di homepage orientato al target? Ecco una panoramica dei consigli più importanti.

Di seguito parlo di aziende, ma i principi si applicano in molte parti anche a un semplice blog, al vostro sito di interesse speciale o al sito della vostra band. La homepage dovrebbe:

  • Mostrare l'azienda, l'agenzia o il servizio dal lato migliore
  • Mappare simultaneamente tutte le aree di attività aziendale
  • Mostra che l'azienda è aggiornata, attraverso notizie e collegando Facebook, Instagram, ecc.
  • Ma anche lo storytelling con la storia dei fondatori dovrebbe adattarsi
  • L'iscrizione alla newsletter deve essere sempre visibile

Allo stesso modo, di solito vuoi mappare le nuove offerte di lavoro, le indicazioni, il tuo indirizzo, tutti i numeri di telefono con i contatti. E così via.

ottimizzare le immagini homepage
Una homepage secondo il motto: un'immagine dice più di mille parole

Potete vedere dove si va a parare: La home page non può e non deve fare tutto, per favore. Dovete affrontare la questione in modo concettuale e strategico e pensare esattamente a cosa dovrebbe essere visualizzato lì e perché. Il mio approccio non è certamente l'unico, e potrebbe anche non essere il migliore per il tuo business. Ma cercherò di giustificare qualsiasi suggerimento. Tuttavia, accetto anche altre opinioni e suggerimenti nei commenti.

Consenso*
Questo campo è per la convalida e non deve essere modificato.

La home page è una landing page

Come tutte le pagine del tuo sito web, la home page è una landing page. Vedi il nostro post su come progettare al meglio le landing page. Una volta che te ne rendi conto, hai già fatto molto. Perché poi ci si ripensa.

Idealmente, hai anche raccolto dati sulla tua homepage. Da dove vengono le persone che arrivano sulla tua homepage? Cosa vogliono ottenere? Come potete aiutarli a farlo? Quale obiettivo ha effettivamente la landing page per te? Quali informazioni vuoi trasmettere?

Analisi del tuo sito web

Raccogliere numeri sulla tua homepage e le altre sottopagine è estremamente importante. Dopo tutto, è l'unico modo per scoprire se il tuo contenuto e il tuo design funzionano. Leggi le nostre guide sui KPI dei contenuti, l'hub dei contenuti e il test dei contenuti.

Da dove vengono i tuoi visitatori?

Nella maggior parte dei casi, gli utenti arrivano al tuo sito web tramite Google, le tue attività di marketing (ad esempio un biglietto da visita) o i profili dei social media sulla tua homepage. Questi visitatori potrebbero non sapere veramente cosa fa la tua azienda. Ma ovviamente stanno cercando un'azienda che offre i tuoi servizi o informazioni. Altrimenti, non si disturberebbero a visitare la tua homepage.

In molti casi, potrebbero leggere un articolo sul tuo sito web che hai condiviso su Instagram, per esempio, e poi andare alla homepage. Per vedere cosa fa effettivamente l'azienda. Ora devi offrire qualcosa agli utenti! E la prima cosa è rispondere alla domanda:

Cosa fa l'azienda?

Purtroppo, questo è spesso dimenticato. La prima cosa che una homepage deve rispondere ai tuoi visitatori è: "Sono nel posto giusto? Perché vengono da qualche parte, atterrano sul tuo sito WordPress - e non sanno ancora nulla. Hanno bisogno di una conferma fin dall'inizio che sono finiti sulla pagina giusta. È come una piccola caramella all'inizio della loro esperienza utente (UX):

sei venuti nel posto giusto. Puoi respirare facilmente e rilassarti e ottenere le tue informazioni!

Il mio suggerimento qui è: Tre o quattro frasi che spieghino brevemente ma accuratamente ciò che offrite. Con un link sotto se volete saperne di più. È a questo che serve internet, per ottenere più informazioni con un clic.

Homepage Testo di base
La home page di uno studio con un sobrio testo introduttivo

Questo è il punto in cui spesso ho più vento contrario: bisogna prima coinvolgere emotivamente le persone in modo che rimangano. Tipo: "Metteremo un'immagine enorme sulla homepage e poi lasceremo che le notizie arrivino tramite uno slider". In modo che possano vedere che grande azienda globale siamo.

A proposito dei grandi cursori: non funzionano. Molti hanno già scritto su questo. Il sito web Should I use a carousel? è un buon inizio. L'affermazione "questo è importante, lo metteremo nella barra laterale!" purtroppo non è più possibile perché la barra laterale semplicemente non è più aggiornata - e non è compatibile con il responsive web design.

Appello emotivo

Io do un sonoro "sì" al rivolgersi al gruppo target a livello emotivo. Questo non solo lega i tuoi clienti a livello fattuale, ma fa anche appello al cervello in un modo completamente diverso. Tuttavia, secondo me, il primo messaggio dovrebbe essere ancora: "Cosa fai veramente?". Come si può portare anche il livello delle emozioni?

Questa è una decisione strategica che dovrebbe essere basata sull'identità aziendale (CI) della vostra azienda. Il tuo CI include il modo in cui ti rivolgi al tuo gruppo target. Ci sono fondamentalmente tre possibilità:

  • Sul testo
  • Sul design
  • A proposito di immagini o video

Discorso sul testo

Le persone usano un sito web in modo molto diverso. Questo significa che non sai come trovano qualcosa sul tuo sito web. Per esempio, usano prima il menu, la ricerca, poi scansionano i titoli o i link del tuo sito WordPress. Tuttavia, il primo punto di ancoraggio più comune che fissano è il primo testo sul sito web che dà informazioni. Numerosi studi lo hanno dimostrato. Si può "modellare" questo testo in modo molto diverso con l'aiuto dell'indirizzo e del tono.

"Sono Phillip Roth, sto facendo un sito web per il tuo business" tuona diverso da "Ehi, sono un influencer del web design che ottimizza la tua folle UX per i KPI in crescita! Osserva bene il tuo pubblico di riferimento e regola il tuo tono di voce di conseguenza. Fa parte della vostra identità aziendale tanto quanto il vostro design.

Indirizzamento attraverso il design

Un design accattivante non solo trasmette professionalità, ma tocca anche emotivamente. Vedi il nostro articolo sui principi di base per un web design armonioso. I colori, la scelta dei caratteri, gli elementi di design - tutti questi possono trasmettere ai visitatori fiducia, gioia, freschezza, follia e molte altre emozioni. Il corporate design è parte del messaggio generale che la vostra azienda vuole trasmettere. Elementi di costruzione della fiducia come i certificati possono portare ulteriori punti bonus.

Homepage Immagini Emozioni
Home page con appello emotivo e testo introduttivo

Immagini o video

L'immagine della vostra azienda è plasmata anche dal linguaggio visivo. Sei un'azienda globale con 600 impiegati e grattacieli cool a Shanghai o una piccola manifattura con un bel laboratorio? Sei un allenatore con delle belle stanze da laboratorio o un medico con uno studio chic? Questo è ciò che i tuoi visitatori vogliono sapere e vedere. Vogliono scoprire: "Posso sentirmi a mio agio lì?", "Il prodotto mi piace?", "È un'azienda a cui potrei fare domanda?", "Ci lavorano persone normali?". "Sono simpatici?".

Tutto questo può essere trasmesso in millisecondi con una o più belle immagini. Ma per questo, le foto devono essere autentiche. Perché quello che mostri di te stesso e della tua squadra deve essere reale al giorno d'oggi. Altrimenti la gente non si sentirà presa sul serio. Nessuno vuole più vedere la foto di repertorio con lo strano operatore telefonico biondo. Tanto poco quanto una strana sala riunioni piena di gente sorridente ma "finta".

Forse hai anche un buon video esplicativo che riassume i tuoi servizi in 30 secondi. O forse hai un video in esecuzione sullo sfondo che mostra il tuo hotel di lusso e il bellissimo paesaggio circostante. Tutto ciò che supporta la vostra identità aziendale e il messaggio associato è buono!

Concetto di colore della homepage
Homepage con foto accattivanti e concetto di colore uniforme

E poi?

Così ora abbiamo l'attenzione dei visitatori. Ora sanno: "Sono nel posto giusto, mi sento a mio agio. Quello che segue ora è una decisione strategica: ora puoi approfondire le informazioni che hai solo sfiorato brevemente qui. Ora puoi perseguire il tuo secondo obiettivo - oltre alla prima impressione.

A questo punto, ha senso pensare a cosa sia effettivamente questo obiettivo. Vedi anche la strategia di contenuto correlata. Perché se i visitatori non sono fissati sul vostro menu o sulla ricerca di informazioni, inizieranno a scorrere. Quindi cosa gli offrirete dopo?

Le possibilità sono molteplici:

  • Raccontare una storia
  • Approfondire le informazioni sulla vostra offerta di servizi
  • Mostra grandi eventi, impegni o notizie
  • Offrire uno strumento per prenotare gli appuntamenti, poi non ti chiamano sempre direttamente
  • Personalmente vendo di più attraverso la mia newsletter, la offro in numerosi posti sul sito web
  • Link alla tua pagina di lavoro se stai cercando nuovi dipendenti
  • Mostra grandi recensioni

Come potete vedere, ci sono ora centinaia di modi per progettare ulteriormente la homepage. E certamente non c'è una ricetta standard per condurre i tuoi clienti alla conclusione desiderata. Dovete provarlo. Tuttavia, tieni presente che la tua pagina iniziale o la tua landing page non riceve un'attenzione infinita. Quasi nessuno scorre per 27 metri - e assorbe comunque tutte le informazioni.

Homepage Testimonianze
La home page con un preventivo e i servizi offerti

Per questo concetto, mi piace usare i cosiddetti wireframe o mockup. Cioè, si ordina il contenuto della pagina iniziale in semplici rettangoli con cornici grigie. Senza contenuto reale, senza design. Puoi farlo su un pezzo di carta o con programmi come Adobe XD, Sketch, Photoshop, InDesign o in PowerPoint. Come ho detto, lasciate fuori il design per ora. A questo punto, si vuole sapere, per esempio:

  • Cosa dovrebbe assolutamente andare sulla home page?
  • Cosa non deve andare lì?
  • Sta diventando tutto troppo?
  • L'obiettivo può essere raggiunto con lo spazio disponibile?
  • I visitatori vedono la chiamata all'azione abbastanza presto?
Mockup Wireframes Adobe XD
Wireframes in Adobe XD

Arriva al punto!

Ora che hai fissato il vostro obiettivo secondario e dato agli utenti tutte le informazioni che potete inserire nello spazio limitato, dovreste chiarire il vostro obiettivo. Questo è meglio farlo in fondo alla pagina. Come ho detto, puoi evidenziare lì le informazioni più importanti, mettere la call to action o invitare gli utenti a contattarti con una tua foto accanto ai tuoi dati di contatto. Qualunque sia il tuo secondo obiettivo della pagina: ora puoi metterlo prima del tuo piè di pagina. La tua pagina iniziale è - come detto prima - una landing page.

Il piè di pagina può anche funzionare come una navigazione secondaria, per esempio se vuoi offrire informazioni aggiuntive. A molte persone piace anche guardare la tua impronta per vedere se sei un fornitore rispettabile. Ma attenzione! Troppi elementi nel tuo footer possono distrarre dal tuo vero obiettivo. Per esempio, se c'è un modulo di iscrizione alla newsletter, ma si scrive una newsletter solo una volta all'anno, questo può essere meno efficace.

Consenso*
Questo campo è per la convalida e non deve essere modificato.

Conclusione sul design della homepage

Pensa alla tua homepage come a una pagina di destinazione. Date ai tuoi visitatori la sensazione di essere capitati sulla pagina giusta. Rafforzate questa sensazione con un indirizzo orientato al gruppo target, un design chic e immagini di supporto autentiche.

Definisci con precisione il tuo obiettivo secondario. Guida i visitatori lì. Se possibile, controlla con l'analitica e i test A/B se questo funziona. E forse anche meglio. Secondo me, non si può fare una homepage più perfetta di così.

Come puoi vedere dalle pagine che ho creato (vedi gli screenshot) in questo post, anche i miei consigli non hanno sempre portato al risultato che volevo. Ecco perché non vedo l'ora di avere nuove intuizioni da voi nei commenti! Forse hai trovato la formula perfetta per la vostra homepage?

Le tue domande sul post

Hai domande per Phillip? O un consiglio per il design della homepage? Aspettiamo il tuo commento. Vuoi essere informato sui nuovi articoli di WordPress e web design? Poi segui Raidboxes su Twitter, Facebook, LinkedIn o tramite la nostra newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più il nostro contenuto.

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato.