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 nello stesso momento. Come devono essere un buon indirizzo e un design della 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.

"*" indica i campi obbligatori

Desidero iscrivermi alla newsletter per essere informato sui nuovi articoli del blog, sugli ebook, sulle funzionalità e sulle novità di WordPress. Posso ritirare il mio consenso in qualsiasi momento. Si prega di prendere nota della nostra Politica sulla Privacy.
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 presenti sulla tua homepage. Questi visitatori potrebbero non sapere cosa fa la tua azienda. Ma ovviamente stanno cercando un'azienda che offra i tuoi servizi o le tue informazioni. Altrimenti non si preoccuperebbero di 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 aspetto viene spesso dimenticato. La prima cosa a cui una homepage deve rispondere ai suoi visitatori è: "Sono nel posto giusto? Perché arrivano da qualche parte, atterrano sul tuo sito WordPress e non sanno ancora nulla. Hanno bisogno di avere la conferma fin dall'inizio di essere approdati sulla pagina giusta. È come una piccola caramella all'inizio della loro esperienza utente (UX):

Sei nel posto giusto. Puoi respirare tranquillamente, 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 base
La home page di uno studio con un sobrio testo introduttivo

Questo è il punto in cui spesso subisco il vento contrario: devi prima coinvolgere emotivamente le persone in modo che rimangano. È come dire: "Mettiamo un'immagine enorme sulla homepage e poi lasciamo che le notizie arrivino tramite uno slider". In modo che possano vedere che grande azienda globale siamo.

Per quanto riguarda i cursori grandi: non funzionano. Molti ne hanno già parlato. Il sito web Dovrei usare un carosello? è un buon inizio. L'affermazione "è importante, lo mettiamo nella barra laterale!" purtroppo non è più possibile perché la barra laterale non è più aggiornata e non è compatibile con il responsive web design.

Appello emotivo

Dò un secco "sì" al fatto di rivolgersi al gruppo target in modo emotivo. In questo modo non solo coinvolgi i tuoi clienti a livello fattuale, ma ti rivolgi anche al cervello in un modo completamente diverso. A mio avviso, il primo messaggio dovrebbe essere ancora: "Cosa fai veramente? Come si può aggiungere il livello emotivo?

Si tratta di una decisione strategica che dovrebbe basarsi sull'identità aziendale (CI) della tua azienda. La tua IC include il modo in cui ti rivolgi al tuo gruppo target. Le possibilità sono sostanzialmente tre:

  • Informazioni sul testo
  • Informazioni sul design
  • Informazioni su immagini o video

Discorso sul testo

Le persone utilizzano un sito web in modo molto diverso. Questo significa che non sai come fanno a trovare qualcosa sul tuo sito web. Ad esempio, utilizzano prima il menù, la ricerca e poi scansionano le intestazioni o i link del tuo sito WordPress. Tuttavia, il primo punto di ancoraggio più comune che fissano è il primo testo del sito web che fornisce informazioni. Numerosi studi lo hanno dimostrato. Puoi "dare forma" a 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 tramite 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 richiamo emozionale 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 immagini devono essere autentiche. Perché ciò che mostri di te stesso e della tua squadra deve essere reale al giorno d'oggi. Altrimenti le persone non si sentiranno prese sul serio. Nessuno vuole più vedere la foto di repertorio con la strana centralinista bionda. Basta poco, come una strana sala riunioni piena di persone sorridenti ma "finte".

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

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

E poi?

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

A questo punto, ha senso pensare a quale sia questo obiettivo. Vedi anche la strategia dei contenuti correlati. Perché se i visitatori non si concentrano sul tuo menù o sulla ricerca di informazioni, inizieranno a scorrere. Quindi, cosa gli offrirai dopo?

Le possibilità sono molteplici:

  • Racconta una storia
  • Approfondisci le informazioni sulla tua offerta di servizi
  • Mostra eventi, impegni o notizie importanti
  • Offri uno strumento per prenotare gli appuntamenti, in modo che non ti chiamino 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 le recensioni più belle

Come puoi vedere, ci sono centinaia di modi per progettare ulteriormente la homepage. E non esiste una ricetta standard per condurre i tuoi clienti alla conclusione desiderata. Devi provarlo. Tuttavia, tieni presente che la tua pagina iniziale o pagina di destinazione non riceve un'attenzione infinita. Quasi nessuno scorre 27 metri e riesce comunque ad assorbire tutte le informazioni.

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

Per questo concetto, mi piace utilizzare i cosiddetti wireframe o mockup. In altre parole, ordina i contenuti della pagina iniziale in semplici rettangoli con cornici grigie. Senza contenuti reali, senza design. Puoi farlo su un foglio di carta o con programmi come Adobe XD, Sketch, Photoshop, InDesign o PowerPoint. Come ho detto, lascia perdere il design per il momento. A questo punto, vuoi sapere, ad esempio:

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

Arriva al punto!

Ora che hai fissato il tuo obiettivo secondario e hai fornito agli utenti tutte le informazioni che puoi inserire nello spazio limitato, devi chiarire il tuo obiettivo. È meglio farlo in fondo alla pagina. Come ho detto, puoi mettere in evidenza le informazioni più importanti, inserire la call to action o utilizzare una tua foto - accanto ai tuoi dati di contatto - per invitare gli utenti a contattarti. Qualunque sia il tuo secondo obiettivo della pagina, ora puoi posizionarlo prima del piè di pagina. La tua pagina iniziale è, come già detto, una landing page.

Il piè di pagina può anche fungere da navigazione secondaria, ad esempio se vuoi offrire informazioni aggiuntive. A molti piace anche dare un'occhiata alla tua impronta per capire se sei un fornitore affidabile. Ma fai attenzione! Troppi elementi nel footer possono distrarre dal tuo obiettivo reale. Ad esempio, se c'è una registrazione per la newsletter, ma si scrive una newsletter solo una volta all'anno, allora questo potrebbe essere meno efficace.

"*" indica i campi obbligatori

Desidero iscrivermi alla newsletter per essere informato sui nuovi articoli del blog, sugli ebook, sulle funzionalità e sulle novità di WordPress. Posso ritirare il mio consenso in qualsiasi momento. Si prega di prendere nota della nostra Politica sulla Privacy.
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 in questo luogo. Se possibile, verifica con l'analisi e i test A/B se questo funziona. E forse anche meglio. A mio parere, non si può creare una homepage più perfetta di così.

Come puoi vedere dalle pagine che ho creato (vedi screenshot) in questo post, anche i miei consigli non sempre hanno portato al risultato desiderato. Ecco perché non vedo l'ora di ricevere nuovi spunti da te nei commenti! Forse hai trovato la formula perfetta per la tua homepage?

Le tue domande sul post

Hai delle domande per Phillip? O un consiglio per il design della homepage? Attendiamo con ansia il tuo commento. Vuoi essere informato sui nuovi articoli su WordPress e sul web design? Segui Raidboxes su Twitter e Facebook, LinkedIn o tramite la nostra newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più i nostri contenuti. Grazie!

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati da *.