Crea un bel design per la home page: la guida in 10 passaggi

Pubblicato: 2022-08-05

Le home page sono una caratteristica distintiva di qualsiasi sito web; il loro potenziale per impressionare il tuo mercato di riferimento è illimitato. Indipendentemente dal fatto che debba essere allettante e invitante o diretto al punto, una home page deve offrire.

Le sfide compaiono quando inizi a pensare alla varietà di modi per progettarne uno. Come puoi sapere quale stile funzionerebbe meglio per il tuo marchio? Ecco la nostra ripartizione completa del design della home page.

La regola dei 10 secondi

Una home page è la prima impressione di un sito. È come l'introduzione di una canzone, la prima pagina di un romanzo o il primo episodio di una serie. Francamente, se non attira il tuo pubblico, non importa se il resto è buono. Potresti credere che il resto del tuo sito web sia eccezionale e potresti avere ragione. Ma senza un design accattivante della home page, la maggior parte del tuo pubblico non cercherà oltre.

Potresti essere incline ad abbellire la tua home page fino al cielo. (Sono decisamente colpevole di questo.) Potresti essere sorpreso di apprendere che il design della home page è più di una semplice estetica. Si tratta di combinare gli sguardi con tutto il resto nella tua cassetta degli attrezzi per mantenere l'attenzione dello spettatore.

Inserisci la regola dei 10 secondi. La regola dei 10 secondi si basa su uno studio condotto da Chao Liu. E no, non ha a che fare con il mangiare il cibo dal pavimento (purtroppo).

Ciò che Liu ha rilevato è che le home page hanno una finestra di 10 secondi per stabilire una connessione. In caso di successo, questo breve periodo convincerà inconsciamente il lettore a rimanere sulla pagina. In caso di esito negativo, l'utente farà clic non appena è arrivato. Di solito, è quest'ultimo; la home page è noiosa, inaccessibile, prepotente o semplicemente non è ciò che l'utente sta cercando. Il tuo obiettivo come proprietario è creare una delle poche home page su cui le persone rimangono.

Quindi, in onore della regola dei 10 secondi, mi sento in dovere di darti 10 consigli utili su come creare una home page. Non solo una home page, intendiamoci, ma una home page che produrrà traffico duraturo.

10. Comunica le basi

Pagina iniziale di Uber Eats

Pensa a qualsiasi sito web che visiti regolarmente. Hai impiegato molto tempo a esaminare ogni piccolo pezzo della home page prima di decidere di restare? Inizialmente avevi intenzione di frequentare quel sito web? Oppure hai semplicemente cliccato su un link, scansionato la home page e hai deciso che questo sito era quello che stavi cercando?

Il 90% delle persone che si imbattono per la prima volta nella tua home page sta cercando qualcosa. Di solito qualcosa di specifico. O hanno consigliato il tuo sito Web da un amico, hanno fatto clic su uno dei tuoi annunci o hanno cercato su Google una parola chiave. Indipendentemente da ciò, la maggior parte degli utenti per la prima volta interagisce con la tua home page come mezzo per raggiungere un fine.

Quindi, vuoi assicurarti che l'utente sappia esattamente cosa offre il tuo sito web immediatamente. Chi sei e cosa fai dovrebbe essere il principale punto di discussione.

9. Pensa prima di tutto al visitatore

Pagina iniziale di T-Mobile

La prima cosa che devi sapere sul tuo pubblico potenziale è che gli umani sono egoisti. Può sembrare un po' duro, ma è vero. Quando si visita una home page, le persone generalmente non si preoccupano della tua azienda o di come è nata. Si preoccupano di ciò che il tuo sito web può fornire loro. Che tu stia vendendo loro cose, fornendo una risorsa o offrendo un servizio, le persone vogliono conoscerne i vantaggi.

Pensa a quei saggi persuasivi che hai scritto al liceo. L'unico obiettivo era convincere il lettore di qualcosa di importante. Questo è l'obiettivo della tua home page: convincerli, in parole o frasi brevi, che dovrebbero guardare il resto del tuo sito web.

Iniziando, vuoi raccogliere informazioni su ciò che i tuoi visitatori vorrebbero vedere. Pensa al tipo di persone che attireranno i tuoi link o le tue pubblicità. Forse hai già persone che seguono il tuo marchio sui social media. Assicurati di monitorare i loro interessi, bisogni e comportamenti.

Inoltre, pensa a chi vuoi che la tua pagina web attiri in futuro. Una homepage rivolta alle donne di mezza età, ad esempio, sembrerebbe molto diversa da quella rivolta ai ragazzi adolescenti. La combinazione di colori, il layout e le immagini possono dipendere notevolmente dalla fascia demografica target.

Ora che sai chi sono i tuoi potenziali visitatori, è tempo di soddisfarli. Astenersi dal parlare di te stesso come marchio o azienda. Ricorda, le persone si preoccupano di te solo quando sanno cosa puoi fornire loro. Comunica il valore che detiene la tua azienda. Sii veloce e semplice. Mentre slogan e giochi di parole possono aiutare, non sono necessari. Ciò che è veramente importante è la leggibilità.

Grammatica corretta e frasi complete non sono sempre necessarie. In effetti, a volte può portare via dalla tua home page. Pensa al modo in cui le persone interagiscono tra loro nel mondo reale. Non usano frasi prolisse con un vocabolario ampio. A meno che non vengano intervistati o nel mezzo di un acceso dibattito.

In generale, le persone apprezzano la scrittura riconoscibile. Frasi brevi e incomplete vanno bene, purché comprensibili.

8. Decidi il tuo layout

Naturalmente, la progettazione di una home page non riguarda solo le parole che usi. In qualità di proprietario del sito web, devi anche strutturare la tua home page in modo che sia trovabile e apprendibile.

Cosa significa esattamente?

  • La reperibilità descrive quanto sia facile per gli utenti trovare qualcosa sul tuo sito.
  • L'apprendimento è la velocità con cui un utente può capire come navigare in un sito.

La progettazione dell'interfaccia utente gioca un ruolo fondamentale nel raggiungimento sia dell'apprendimento che della reperibilità. Di seguito sono riportate alcune linee guida generali da seguire durante la creazione dell'interfaccia utente:

  • Assicurati che le pagine principali del tuo sito web siano elencate direttamente sulla tua home page.
  • Prendi in considerazione l'inclusione di una barra di ricerca in modo che gli utenti possano accedere facilmente alla pagina che stanno cercando.
  • Se hai una vendita o un altro annuncio che vorresti promuovere, mettilo in primo piano nella tua home page.

La cosa più importante da ricordare è che l'originalità non è sempre un vantaggio. Come nuovo web designer potresti sentire il bisogno di rendere la tua interfaccia utente unica e complessa per distinguerti dalla concorrenza. L'originalità è ottima, ma un layout completamente estraneo è destinato a confondere le persone. Quindi, il mio consiglio è di usarlo con parsimonia.

Nel caso del design della tua home page, potresti dire che spesso è preferibile non essere originale. A meno che i tuoi utenti non abbiano mai visitato un sito Web prima, avranno più facilità a navigare in un layout che segue gli standard di base a cui sono abituati.

Ecco un esempio di cosa sto parlando:

ttps://michelbergermonkey.com/fountainofyouth/

Per quanto adori personalmente questo layout, devi ammettere che sarà difficile per i nuovi utenti navigare. Forse l'obiettivo di questo sito Web è di confondere gli utenti e, con tutti i mezzi, più potere per loro.

Ma se il tuo obiettivo è fornire reperibilità e apprendibilità, allora è meglio utilizzare un layout come questo:

Homepage per deliveroo

7. Pensa alla tua tipografia

Una home page non è una home page senza una sorta di testo. È il modo in cui una pagina online comunica a un visitatore e sarebbe difficile trovare un sito Web funzionante senza di essa.

Quando crei un sito web per la prima volta, potresti essere propenso a utilizzare i caratteri più fantasiosi con i colori più brillanti. Quando ero un bambino, mi divertivo ad andare su wix.com per creare una homepage piena di tutti i fantasiosi script corsivi disponibili. Ecco il fatto: nessuno vuole che il proprio sito web sembri progettato da un bambino. Se esageri con la tipografia, questo è esattamente ciò che penseranno gli utenti.

La tipografia strategica è fondamentale per mantenere le persone sulla tua home page. Non solo fornisce informazioni agli utenti, ma è un'estensione dell'intero marchio. In generale, è meglio utilizzare un carattere semplice e/o con pesi variabili. Arial ne è un ottimo esempio. Non solo è un font sicuro e noto da usare, ma è disponibile anche in Arial Bold e Arial Black.

Ora ti starai chiedendo: "E se non volessi essere al sicuro?" Forse vuoi che la tipografia del tuo sito web sia complessa o unica pur mantenendo un aspetto professionale. Bene, ho una buona notizia per te: è assolutamente possibile. Tuttavia, richiederà molta più strategia.

Il mio consiglio è di scegliere due o tre font che puoi combinare e abbinare in tutto il tuo sito web. Se desideri un carattere più astratto o in grassetto, usalo per i titoli e abbinalo a uno più tenue. Nel complesso, si tratta di creare una gerarchia e collegare elementi che si completano a vicenda.

Consiglierei di leggere questo articolo sui tecnicismi dell'abbinamento dei caratteri.

6. Pensa alle tue immagini

Le immagini sono fondamentali quando si progetta una home page. Proprio come la tipografia, una home page non è una home page senza elementi visivi. Le immagini influiscono sul senso generale e sulle aspettative dell'utente nei confronti del tuo sito web. È come la copertina di un romanzo best-seller; può essere importante quanto il titolo stesso.

Sono pronto a scommettere che gli occhi della maggior parte degli umani sono attratti più dalle immagini che dalle parole. Il motivo per cui abbiamo scritto parole è perché amiamo comunicare attraverso i disegni. Quindi, per dare il tono al tuo sito web, devi avere immagini che corrispondano a qualsiasi sentimento tu voglia evocare.

Assicurati che ogni immagine sia di alta qualità. È anche saggio ottimizzare le immagini in modo da renderle facili da caricare. Gli utenti online hanno pochissima pazienza e se ne andranno se le immagini impiegano troppo tempo per essere visualizzate.

5. Pensa alla composizione

Pagina iniziale di Balenciaga

Nel caso del design della home page, la composizione si riferisce alla perfetta combinazione di immagini e tipografia. In breve, vuoi assicurarti che la tipografia scelta si adatti alle immagini scelte. Questa è una cosa piuttosto difficile da bilanciare, soprattutto perché la composizione è un po' soggettiva.

In generale, vorrai che la composizione incentivi le persone a interagire in qualche modo. La tua home page dovrebbe essere progettata per consentire alle persone di scorrere verso il basso, interagire con la barra dei menu o fare clic su determinati collegamenti.

Presta attenzione allo scopo di queste funzionalità della home page. Immagini e testo dovrebbero condividere gli scopi corrispondenti. Ad esempio, molti siti Web utilizzano le immagini per raccontare una storia. La tipografia corrispondente aiuta a trasmettere un punto mentre si sposta la storia.

I marchi di lusso fanno un ottimo lavoro in questo senso. Quando offrono prodotti sulla loro home page, mostrano immagini di alta qualità, con testo per dettagliare ciò che lo spettatore sta guardando.

4. Pensa al colore

Sì, anche il colore è un fattore di cui vale la pena parlare. Prima di tutto, il colore gioca un ruolo nel garantire che la tua tipografia sia leggibile. Il testo giallo con sfondo bianco, ad esempio, è vietato. Lo stesso vale per il testo nero su sfondo blu navy. Non avere abbastanza contrasto è un errore comune ma dannoso quando si tratta di design della home page. Dover strizzare gli occhi per leggere il testo è un problema immediato per la maggior parte degli utenti.

Naturalmente, non tutto riguarda la funzione. La combinazione di colori gioca un ruolo importante nella creazione di un'estetica accattivante. Alcune combinazioni di colori attireranno l'occhio umano, mentre altre faranno avvizzire le persone internamente. C'è un motivo per cui non vedrai molti siti Web composti da testo verde e uno sfondo arancione. (Che schifo!)

Mentre i colori contrastanti possono funzionare per attirare l'attenzione di uno spettatore, è meglio usare un po' di teoria dei colori durante la progettazione della tua home page. Grazie a Internet, ci sono molte risorse là fuori per aiutarti a gestirlo.

3. Considera la piattaforma degli utenti

Le persone non vedranno il tuo sito web solo su un normale desktop. In molti casi, riceverai visitatori che stanno visualizzando la tua home page da un dispositivo mobile. Le persone hanno iPhone, tablet, console e un numero qualsiasi di altri dispositivi intelligenti. Sta a te decidere se vuoi rendere il tuo sito ottimizzato per questi prodotti. (La risposta è sì. Lo fai.)

Quando consideri la piattaforma, ricorda che molti dispositivi mobili sono più piccoli del tuo laptop medio. Smartphone e tablet hanno risoluzioni diverse. Qualcosa che sembra fantastico sul tuo desktop potrebbe essere sciatto o difficile da leggere sul Samsung di qualcuno.

Questo è il motivo per cui molti siti Web hanno un layout mobile alternativo. Se scegli di implementarlo, assicurati di dare alle persone la possibilità di passare alla tua normale home page. Puoi anche formattare le tue immagini, la tipografia e la composizione in modo che abbiano un bell'aspetto sia su desktop che su dispositivi mobili. Anche se questa è una sfida, è stata fatta.

Indipendentemente dal percorso che scegli, è essenziale tenere a mente i tuoi utenti mobili.

2. Aggiungi un invito all'azione

Homepage segreta

Naturalmente, ogni home page ha bisogno di almeno un invito all'azione. Guarda la tua home page come una pubblicità estesa. Quando qualcuno visita il tuo sito, il tuo compito principale è collegarlo a tutti i fattori sopra menzionati.

Una volta che le persuasioni sono terminate, il tuo prossimo obiettivo è portare gli utenti esattamente dove li desideri, di solito con un link evidenziato. Lo vedrai spesso sui siti di e-commerce. Elencheranno le categorie popolari sulla loro home page con un pulsante in grassetto "Acquista ora".

1. In caso di dubbio, assumi un professionista

Pensi di non avere le carte in regola per progettare una home page? Bene, non c'è bisogno di preoccuparsi. Ecco a cosa servono i professionisti.

Ora, potresti passare attraverso il noioso processo di pubblicare un annuncio di lavoro, condurre colloqui e negoziare termini. Ma se hai bisogno di una home page professionale veloce, puoi semplicemente lavorare con Penji. Con centinaia di designer da tutto il mondo, offriamo servizi di progettazione grafica inclusi siti Web, layout mobili e molto altro.

Se hai altri progetti di progettazione grafica che necessitano di lavoro, possiamo occuparci anche di quello. Ad una tariffa mensile fissa, puoi richiedere tutti i modelli che desideri. Ciò significa che tutte le immagini, la tipografia e altre parti della tua home page possono essere coperte.

Il design della home page può essere difficile da padroneggiare. Ma con la giusta dose di passione e strategia, il tuo marchio avrà una home page stellare e poco tempo.