Non tutte le pagine sono perfette, ma i migliori design per la home page ottengono molti di questi diritti:
1. Il design risponde chiaramente "Chi sono io", "Cosa faccio" e / o "Cosa puoi fare (il visitatore) qui."
Se sei un noto marchio o società (ad esempio, Coca-Cola) potresti essere in grado di cavartela senza doverti descrivere chi sei e cosa fai; ma la realtà è che molte aziende hanno ancora bisogno di rispondere a queste domande in modo che ogni visitatore sappia di essere nel "posto giusto".
Steven Krugg lo riassume meglio nel suo libro best-seller, Non farmi pensare: Se i visitatori non riescono a identificare ciò che fai entro pochi secondi, non si fermeranno a lungo.
2. Il design risuona con il pubblico di destinazione.
Una homepage deve essere strettamente focalizzata – parlando alle persone giuste nella loro lingua. Le migliori home page evitano il "gobbledygook aziendale" ed eliminano il fluff.
3. Il design comunica una proposta di valore convincente.
Quando un visitatore arriva sulla tua home page, deve costringerli a restare in giro. La homepage è il posto migliore per inchiodare la tua proposta di valore in modo che i potenziali clienti scelgano di rimanere sul tuo sito web e non di navigare verso i tuoi concorrenti ".
4. Il design è ottimizzato per più dispositivi.
Tutte le home page qui elencate sono altamente utilizzabili, il che significa che sono facili da navigare e che non ci sono oggetti "appariscenti" che ostacolano la navigazione, come banner flash, animazioni, pop-up o elementi troppo complicati e non necessari . Molti sono anche ottimizzati per dispositivi mobili, il che è un must-have incredibilmente importante nel mondo mobile di oggi.
5. Il design include call-to-action (CTA).
Ogni home page qui elencata utilizza in modo efficace inviti all'azione primari e secondari per indirizzare i visitatori al passaggio logico successivo. Gli esempi includono "Prova gratuita", "Pianifica una demo", "Acquista ora" o "Ulteriori informazioni".
Ricorda, l'obiettivo della home page è quello di costringere i visitatori a scavare più a fondo nel tuo sito web e spostarli più in basso nella canalizzazione. I CTA dicono loro cosa fare dopo, in modo che non vengano travolti o persi. Ancora più importante, i CTA trasformano la tua homepage in un motore di generazione di vendite o di lead generation, e non solo in brossura.
6. Il design è in continua evoluzione.
Le migliori home page non sono sempre statiche. Alcuni di loro cambiano continuamente per riflettere i bisogni, i problemi e le domande dei loro visitatori. Alcune home page cambiano anche dal test A / B o dal contenuto dinamico.
7. Il design è efficace.
Una pagina ben progettata è importante per creare fiducia, comunicare valore e navigare i visitatori al passo successivo. In quanto tali, queste homepage utilizzano in modo efficace layout, posizionamento CTA, spazi bianchi, colori, caratteri e altri elementi di supporto.
Ora, preparati a conoscere l'eccellente design della home page attraverso i seguenti 22 esempi di vita reale.
Homepage Esempi
- Freshbooks
- Airbnb
- menta
- Dropbox (Business)
- 4 Rivers Smokehouse
- Cobb Pediatric Therapy Services
- Melyssa Griffin
- Jill Konrath
- Evernote
- Telerik di Progress
- eWedding
- Campo base
- carità: acqua
- TechValidate
- Chipotle
- medio
- Digiday
- Spuntini KIND
- Ahrefs
- A24 film
- Ellevest
- HubSpot
1. FreshBooks
VISUALIZZA INTERO HOMEPAGE
Perché è geniale
- È facile da consumare. Si discute molto se le home page brevi o lunghe funzionano meglio. Se si sceglie di fare quest'ultimo, è necessario semplificare lo scorrimento e la lettura – e questo è esattamente ciò che questo sito fa. Funziona quasi come una storia.
- C'è un grande uso del contrasto e del posizionamento con gli inviti all'azione principali: è chiaro che cosa l'azienda vuole che tu convertisca al tuo arrivo.
- La copia utilizzata negli inviti all'azione "Guida introduttiva gratuita" è molto interessante.
- FreshBooks utilizza testimonianze dei clienti sulla home page per raccontare storie del mondo reale sul perché utilizzare il prodotto.
- Anche il sottotitolo è eccezionale: "Unisciti a oltre 10 milioni di proprietari di piccole imprese che utilizzano FreshBooks". FreshBooks impiega abilmente prove sociali – 10 milioni sono un grande numero – per costringere i suoi destinatari a unirsi ai loro colleghi e provare lo strumento.
2. Airbnb
Visualizza l'intera home page
Perché è geniale
- Comprende la destinazione e il modulo di ricerca della data che la maggior parte dei visitatori cerca, proprio di fronte, guidando i visitatori verso il logico passo successivo.
- Il modulo di ricerca è "intelligente", il che significa che riempirà automaticamente l'ultima ricerca dell'utente se sono connessi.
- L'invito principale all'azione ("Cerca") contrasta con lo sfondo e si distingue; ma l'invito all'azione secondario per gli host è visibile anche above the fold.
- Offre suggerimenti per escursioni e fughe. Gli utenti di Airbnb possono prenotare sullo stesso sito del loro alloggio per rendere i visitatori più entusiasti di prenotare il loro viaggio sul sito. Mostra anche quali di queste offerte sono più popolari tra gli altri utenti.
3. Mint
Visualizza l'intera home page
Perché è geniale
- Si tratta di un design super semplice con un titolo forte e senza gergo e sottotitoli.
- La homepage emana un'atmosfera sicura ma accomodante, che è importante per un prodotto che gestisce le informazioni finanziarie.
- Contiene anche una call-to-action semplice, diretta e convincente: "Registrati gratuitamente". Anche il design del CTA è geniale: l'icona del lucchetto protetto riporta nuovamente a casa il messaggio di sicurezza.
4. Dropbox (Business)
Visualizza l'intera home page
Perché è geniale
- Dropbox mantiene il suo design semplice e il suo marchio. Include solo ciò che è importante: un'immagine grande e pertinente con copia di supporto e un pulsante di invito all'azione "Prova gratis per 30 giorni"
- La homepage e il sito Web di Dropbox sono l'ultimo esempio di semplicità. Limita il suo uso di copia e grafica e abbraccia spazi bianchi.
- Il sottotitolo è semplice ma potente: "La soluzione di condivisione e archiviazione sicura dei file che i dipendenti e gli amministratori IT si fidano." Non c'è bisogno di decodificare il gergo per capire cosa fa veramente Dropbox.
5. 4 Rivers Smokehouse
Perché è geniale
- Sbavare. Questo è quello che penso quando arrivo al sito web di 4 Rivers Smokehouse. In combinazione con la grande fotografia, il titolo "Petto. 18 anni da padroneggiare. Distinti per assaporare". sembra un'esperienza da provare.
- Lo scrolling della parallasse ti guida in un tour attraverso i servizi, i menu e le persone che si divertono: un grande uso di questa tendenza di design popolare.
- L'unico aspetto negativo? Non vivo abbastanza vicino a questo posto. Boo.
6. Servizi terapeutici di terapia pediatrica di Cobb
Visualizza l'intera home page
Perché è geniale
- Il titolo e il sottotitolo attraggono il lato emotivo dei visitatori: "Lavora con una società che lo ottiene"; "Fidati di noi, ci siamo stati anche noi! Troveremo un lavoro dove puoi prosperare". Quella proposta di valore è unica e avvincente.
- È difficile da dire dallo screenshot qui sopra, ma il titolo è su un carosello rotante che si rivolge a persone specifiche, dai candidati alle persone in cerca di terapista per le loro scuole.
- Ci sono diversi percorsi che i visitatori possono intraprendere quando arrivano sulla pagina, ma gli inviti all'azione sono posizionati bene, formulati in modo semplice e contrastano con il resto della pagina.
7. Melyssa Griffin
Visualizza l'intera home page
Perché è geniale
- Melyssa dimostra immediatamente la prova sociale "Unisciti a più di 200.000 …"
- Lei qualifica il motivo di un visitatore per visitare il suo sito Web con un breve sondaggio e ogni opzione collega a un'offerta di contenuti diversa.
- Aggiunge un volto al suo marchio. Lei non è solo un sito web casuale; lei chiarisce che lei è un umano a cui le persone possono connettersi.
- La pagina utilizza colori brillanti senza essere eccessiva e rende facile capire quali sono le offerte centrali di Melyssa.
8. Jill Konrath
Visualizza l'intera home page
Perché è geniale
- È semplice e arriva dritto al punto. Dal titolo e dal sottotitolo, è chiaro esattamente cosa fa Jill Konrath (e come può aiutare la tua attività).
- Dà anche un facile accesso ai materiali di leadership del pensiero di Jill, che è importante per stabilire la sua credibilità come oratore principale.
- È facile iscriversi alla newsletter e metterti in contatto – due dei suoi principali inviti all'azione.
- L'abbonamento CTA pop-up utilizza prove sociali per farti unirti a lei migliaia di altri fan.
- Include loghi e testimonianze di notizie come prova sociale.
9. Evernote
Perché è geniale
- Nel corso degli anni, Evernote è passato da una semplice app per salvare le note in una suite di prodotti aziendali. Questo non è sempre facile da trasmettere su una homepage, ma Evernote fa un buon lavoro impacchettando molti potenziali messaggi in alcuni vantaggi chiave.
- Questa homepage utilizza una combinazione di colori ricchi e attenuati nel video e la sua firma di luci verdi e bianche luminose per far risaltare i percorsi di conversione.
- Seguendo un semplice titolo ("Ricorda tutto"), il percorso dell'occhio ti porta quindi al suo invito all'azione, "Registrati gratuitamente".
- Evernote offre anche un processo di iscrizione one-click attraverso Google per aiutare i visitatori a risparmiare ancora più tempo.
10. Telerik di Progress
Perché è geniale
- "Impresa stucchevole" non è la sensazione che si prova quando si arriva al sito Web di Telerik. Per un'azienda che offre molti prodotti tecnologici, i suoi colori audaci, i design divertenti e la videografia emanano un'atmosfera simile a Google. Solo un aspetto importante per far sentire i visitatori benvenuti e far loro sapere che hanno a che fare con persone reali.
- Adoro la panoramica semplice e di alto livello delle sue sei offerte di prodotto. È un modo molto chiaro per comunicare ciò che fa l'azienda e in che modo le persone possono imparare di più.
- La copia è leggera e facile da leggere. Parla la lingua dei suoi clienti.
11. eWedding
Perché è geniale
- Per gli uccelli che amano pianificare il loro grande giorno, eWedding è una destinazione ideale per la creazione di un sito web di matrimoni personalizzati. La homepage non è ingombra e include solo gli elementi necessari per convincere le persone a iniziare a costruire i loro siti web.
- Il sottotitolo "Oltre 800.000 siti web di matrimoni costruiti!" è una grande prova sociale.
- Sono inclusi elementi grafici di prodotto eccellenti, un titolo eccezionale e un invito all'azione che riduce l'attrito con la copia, "Avvia sito Web".
12. Basecamp
Perché è geniale
- Per molto tempo, Basecamp ha avuto delle bellissime homepage, e qui puoi capire perché. Spesso presenta titoli fantastici e cartoni intelligenti.
- L'invito all'azione è in grassetto e above the fold.
- In questo esempio, la società ha scelto una homepage più simile a un blog (o un approccio a una pagina singola), che fornisce molte più informazioni sul prodotto.
- La citazione del cliente è una testimonianza audace ed enfatica che parla dei benefici e dei risultati dell'utilizzo del prodotto.
13. carità: acqua
Perché è geniale
- Questo non è il tuo tipico sito Web non profit. Un sacco di effetti visivi, copia creativa e utilizzo del web design interattivo fanno risaltare questo aspetto.
- L'immagine di intestazione animata è un ottimo modo per catturare l'attenzione.
- Impiega grandi usi del video e della fotografia, in particolare nel catturare emozioni che causano azione.
14. TechValidate
Perché è geniale
- Questa homepage è ben progettata. Mi piace particolarmente l'uso di spazi bianchi, colori contrastanti e design incentrato sul cliente.
- Il titolo è chiaro e convincente, così come gli inviti all'azione.
- C'è anche una grande gerarchia di informazioni, che semplifica la scansione e la comprensione della pagina rapidamente.
15. Chipotle
Visualizza l'intera home page
Perché è geniale
- La homepage è un grande esempio di agilità e cambiamento costante. L'attuale homepage di Chipotle è interamente dedicata alla prossima vacanza, che utilizza come una proposta di valore unica per farti iniziare a cliccare sul tuo sito. Quando penso a Chipotle, non penso necessariamente al catering, ma il sito è un ottimo promemoria per considerare diversi usi per i burritos che già conosci e ami.
- La fotografia del cibo è dettagliata e bella, e in realtà mi rende affamato a guardarlo. Questo è un uso efficace delle immagini.
16. Medio
Visualizza l'intera home page
Perché è geniale
- Questo è forse uno dei migliori usi degli spazi bianchi che ho visto. Consente allo slogan e alla foto delle app di Medium di essere al centro dell'attenzione mentre continua a guardare i titoli delle sezioni più scure sul sito.
- Media ti consente di registrarti facilmente sul sito o con un semplice messaggio di testo sul tuo telefono cellulare. Sono molto più reattivo a un testo che a un'e-mail, quindi questa è una grande strategia per mantenere le persone coinvolte nel processo di registrazione.
- La homepage utilizza la prova sociale per far sì che i visitatori inizino a fare clic in giro: le sezioni "Popolare su media" e "Scelte dello staff" mi consentono di sapere dove trovare contenuti di alta qualità.
17. Venerdi
View entire homepage
Why It's Brilliant
- Unlike other online news publications that inundate homepages with as many headlines and images as possible, Digiday's first section showcases just one article. Its featured image (in this case, a scary one) is eye-catching, and the headline is just asking to be clicked now that the visitor has an idea of what they're going to read.
- The top of the homepage, where websites normally showcase a ton of different sections and options to click through, only has one icon to click — which leads you to a subscription page.
18. KIND Snacks
View entire homepage
Why It's Brilliant
- The bold colors produce contrast, making the words and images stand out on the page.
- The CTA — "Shop KIND" — is clever. It urges the visitor to click to learn more while making a play on the word "kind" — implying that it's a good choice to shop there.
- KIND Snacks' tagline is straight up brilliant — when I read it, the message immediately resonated and made me want to read the snack bar's label.
19. Ahrefs
View entire homepage
Why It's Brilliant
- The color contrast between the blue, white, and orange colors is eye-catching and makes the headline and CTA pop.
- The sub-headline and CTA are a compelling pair: To be able to start tracking and outranking competitors for free is a great offer.
- The homepage presents a multitude of options for the visitor, but it isn't cluttered thanks to the solid background and simple typography.
20. A24 Films
View entire homepage
Why It's Brilliant
- The film company's homepage is made up of only trailers for its new films. We know video content is format audiences want to see more of, and this is a great strategy to showcase A24's work in a highly engaging way.
- At the top of the homepage, A24 immediately offers a myriad of ways to get in touch via social media and email — something I appreciate as a visitor when so many other sites bury contact information at the bottom of the page.
21. Ellevest
View entire homepage
Why It's Brilliant
- "Invest Like a Woman: Because money is power." These headlines are powerful and make me want to learn more about the product — both as a woman, and as someone interested in making smart financial choices.
- The images show, rather than tell, one of the company's value propositions: a desktop site and mobile app that move with you.
- "Get Started" is a great CTA — in fact, we use it ourselves here at HubSpot. When clicked, it takes visitors through a few simple steps to set up a profile and start investing.
22. HubSpot
View entire homepage
Why It's Brilliant (If We Do Say So Ourselves)
- The LEGO characters catch your attention (because they're cute), then they cleverly illustrate and reinforce the messaging in the headline and sub-headline.
- It bears another eye-catching "Get Started" CTA — with bonus microcopy detailing our free versions users can choose to upgrade in the future.
- Throughout the homepage, our bright blue and orange color themes keep returning to draw your eye to links and CTAs.
Looking for more inspiration? Check out these incredible About Us pages.