Le migliori landing page: 50 esempi Example

In questo articolo, discuterò cosa rende una buona landing page dalle migliori pratiche generali alle caratteristiche uniche

Cosa imparerai:

• Best practice per la pagina di destinazione:
  • Il test dei 7 secondi
  • Immagini ad alta risoluzione
  • Invito all'azione
  • Utilizza lo spazio sotto la piega
• Pagine di destinazione locali
  • GMB è fondamentale
  • Recensioni dei clienti
  • CTA locali
  • Mappe di localizzazione
• Pagine di destinazione dell'e-commerce
  • Specifiche del prodotto
  • Immagini del prodotto ad alta risoluzione
  • Rispondere alle domande
  • Blog e articoli correlati
  • Promozioni di prodotti correlati
  • Recensioni degli utenti
  • Promuovi il programma fedeltà
• Usa i post del blog per convertire il traffico
  • Includi una barra laterale
  • Promuovi lead magnet lead
  • Link ad articoli correlati
  • Evidenzia le risorse

Best practice per la pagina di destinazione: cosa rende una buona pagina di destinazione?

Le pagine di destinazione possono assumere molte forme diverse e vengono utilizzate per promuovere qualsiasi cosa, dai prodotti di consumo agli e-book B2B, negozi locali e servizi di abbonamento.

Tuttavia, mentre ci sono un sacco di variazioni con le pagine di destinazione, ci sono alcune best practice che rimangono coerenti su tutta la linea.

Ad esempio, una buona pagina di destinazione inizia sempre con un titolo convincente, un testo di supporto e un design che rafforza la "chiesta". L'invito all'azione (CTA) dovrebbe sempre risaltare.

Nozioni di base sulla pagina di destinazione

Deve superare il test dei 7 secondi

Il test di sette secondi è un processo rapido per valutare la funzionalità di una pagina di destinazione. L'idea è semplice; quando un visitatore arriva su una pagina di destinazione, dovrebbe essere in grado di rispondere alle seguenti domande in sette secondi o meno:

• Di cosa tratta questo sito?
• Cosa dovrei fare?
• Qual è la proposta di valore fondamentale?
• È un marchio di cui mi posso fidare?
• Perchè dovrebbe interessarmi?

In sostanza, dovrai essere in grado di spiegare chi sei, quale problema risolvi e in che modo sei diverso dai tuoi concorrenti.

Tieni presente che meno è di più, qui. Meno persone devono fare per capire cosa stai offrendo, meglio è.

1. Shopify

Le pagine di destinazione di Shopify sono costantemente buone e questa non fa eccezione. Subito, il titolo dice ai visitatori di cosa si tratta, crea fiducia riconoscendo la loro enorme base di clienti e lo supporta con un'immagine ad alta risoluzione che mostra i temi del loro sito web mobile-responsive.

Gli utenti possono facilmente capire cosa aspettarsi e tutto ciò che devono fare è inserire un'e-mail per iniziare.

Inoltre, se c'è qualche esitazione, la stampa in piccolo afferma che offrono una prova di 14 giorni e non chiederanno la tua carta di credito fino a quando non sarai sicuro di volerti impegnare.

2. Citofono

Anche la pagina di destinazione di Intercom arriva all'inseguimento in pochi secondi: offrono chatbot progettati per offrire esperienze positive ai clienti.

Il titolo non è molto chiaro, ma abbinato al sottotitolo iper-diretto e all'interazione di esempio a destra: non c'è dubbio su cosa dovrebbe fare questo prodotto e su come potrebbe avvantaggiare i proprietari di siti web.

E, come abbiamo visto con Shopify, Intercom rende anche semplicissimo iniziare con la versione di prova.

3. Linee guida

fonte

In questo esempio, Guideline utilizza spazi bianchi e semplici vantaggi per promuovere il suo programma 401k. Il modulo è breve e non consente agli utenti di fornire più informazioni del necessario e tutta la copia è super chiara.

Immagini ad alta risoluzione

Non importa cosa vendi, tutte le landing page dipendono da immagini di alta qualità per indurre i consumatori a fare il passo successivo.

Le immagini non solo ti aiutano a ottenere il tuo punto di vista entro quel lasso di tempo di sette secondi, ma aiutano anche gli utenti a creare una connessione con il tuo marchio.

4. TUX BLK

Qui, BLK TUX promuove il proprio servizio di noleggio smoking concentrandosi quasi esclusivamente sulle immagini per vendere il proprio servizio. Le campagne parlano a un consumatore moderno che normalmente associa il noleggio dello smoking al ballo di fine anno. Questi fanno un buon lavoro parlando alle emozioni dei visitatori, che, a condizione che si rivolgano al pubblico giusto, sono in grado di guidare l'azione desiderata.

5. ZenDesk

Le immagini di Zendesk occupano una piccola porzione della pagina di destinazione, lasciando più spazio bianco (o blu) agli spettatori per valutare la copia e decidere se desiderano agire.

La combinazione dello spazio vuoto e della combinazione di colori blu e bianco ha un effetto calmante, il che suggerisce che questa soluzione fornirà una risposta facile ai punti deboli del pubblico.

6. Pomerleau

Un altro esempio che utilizza un approccio incentrato sull'immagine, Pomerleau utilizza le linee nella fotografia per dirigere l'occhio dello spettatore verso il CTA.

CTA

Idealmente, il tuo CTA dovrebbe funzionare come il punto in cui i visitatori diventano clienti o lead.

Il CTA dovrebbe essere sempre posizionato above the fold e presentare un chiaro passo successivo.

Che si tratti di seguire un canale social, iscriversi a una newsletter o effettuare un acquisto, dovrai assicurarti che il tuo CTA dica esattamente al tuo lettore cosa fare.

Ecco alcuni esempi:

7. Slack

Il CTA di Slack è audace e accattivante perché quel piccolo tocco di colore riporta l'occhio dalla grafica a destra. Il "chiedi" è semplice, puoi "provalo gratis" in cambio della condivisione della tua email.

8. Canva

Canva elimina le difficoltà nel processo di registrazione offrendo agli utenti la possibilità di accedere con Google o Facebook. Questo li rende operativi più velocemente rimuovendo quel passaggio extra (oltre alla necessità di creare una nuova password).

9. Laboratorio di conversione

Conversion Lab mantiene le cose semplici, con uno sfondo blu, un bordo bianco e una copia minima, il che fa risaltare il pulsante arancione. Il titolo ottiene subito il vantaggio: tassi di conversione più elevati sulle pagine di destinazione e attacca il pulsante "ottieni assistenza con le pagine di destinazione" proprio sotto il valore prop.

10. Ottieni risposta

E poi c'è GetResponse. Devo ammettere che questo non è il mio design preferito, ma fanno molte cose davvero bene, qui.

Il pulsante verde risalta davvero sullo sfondo nero e grigio, mentre la freccia riporta l'attenzione sull'azione, se i bulbi oculari rotolano di lato.

Inoltre, il marchio fa un buon lavoro rimuovendo il rischio associato alla registrazione: una prova gratuita di 30 giorni, nessuna carta di credito richiesta. Sono così sicuri che gli utenti vedranno il valore e decideranno di restare a lungo termine.

Fai il caso per la tua offerta Below the Fold

Sotto l'ovile, stai cambiando un po' marcia e parli con qualcuno che potrebbe essere in una fase precedente del processo decisionale. Sebbene questo gruppo condivida probabilmente gli stessi obiettivi e punti deboli di coloro che agiscono all'arrivo, potrebbero aver bisogno di maggiori informazioni.

Mentre avrai più flessibilità in termini di design e copia rispetto alla parte superiore della pagina, ci sono alcuni elementi di base che puoi aggiungere a qualsiasi pagina per stabilire fiducia con i tuoi visitatori mentre scorrono per saperne di più.

Testimonianze, recensioni, caratteristiche, premi del settore, menzioni alla stampa e domande frequenti possono essere d'aiuto qui. Diamo un'occhiata ad alcuni esempi di alcuni marchi diversi:

11. Masterclass

Mentre Masterclass sta facendo molto su questa pagina, gli elementi sulla pagina funzionano bene insieme. La pagina conduce con una proposta di valore chiaramente definita e un video che aiuta a stabilire un senso di ciò che gli utenti possono aspettarsi.

Mentre scendi nella pagina, puoi controllare un piano di lezione di esempio, leggere recensioni e testimonianze e controllare le classi correlate.

12. Accademia del Codice

Questa pagina di destinazione di CodeAcademy mantiene le cose al minimo in alto. Anche se hanno tagliato il valore fondamentale fin dall'inizio, i potenziali clienti probabilmente vorranno qualche dettaglio in più prima di registrarsi.

Qui, il brand utilizza un video testimonial per evidenziare il valore di questa soluzione.

13. Unbounce

Questo esempio di Unbounce crea credibilità evidenziando un lungo elenco di citazioni dalla stampa. Se sei stato presentato in pubblicazioni famose, l'aggiunta di quelle icone offre un rapido segnale visivo al tuo pubblico che il tuo marchio è legittimo.

14. Profitti web

WebProfits crea credibilità in un modo leggermente diverso. Hanno mantenuto la copia al minimo, concentrandosi sul vantaggio principale, guidando la crescita. Vuoi saperne di più su come ottengono risultati? La sezione successiva spiega il loro processo in pochi brevi paragrafi, consentendo ai visitatori di avere una migliore sensazione di aver trovato una soluzione al loro problema.

15. Sgranocchiare

La pagina di destinazione di Munchery crea fiducia proprio below the fold utilizzando le valutazioni dei clienti dall'account TrustPilot del marchio per sostenere il loro servizio.

Questo ulteriore elemento di prova sociale, combinato con l'immagine avvincente della pagina, la facile registrazione e lo sconto di $ 20 offre ai lettori molte ragioni per dare una possibilità a questo marchio.

Pagine di destinazione locali

Le landing page locali hanno molto in comune con le landing page tradizionali. Dovrai comunque considerare il test di sette secondi, includere prove sociali e assicurarti che il titolo, il testo e le immagini attirino il tuo pubblico di destinazione.

Detto questo, ci sono alcune cose che sono uniche per la progettazione di pagine locali, che esaminerò rapidamente qui.

Lo schema locale e una pagina Google My Business ottimizzata sono fondamentali

Prima di fare qualsiasi altra cosa, devi assicurarti che il tuo profilo Google My Business sia completo e contenga informazioni aziendali accurate.

Una volta che hai impostato la tua pagina GMB, ti consigliamo di applicare lo schema locale alla pagina per fornire ai motori di ricerca maggiori informazioni su questa posizione come nome, indirizzo, orari di apertura, servizi, ecc.

In combinazione con elenchi di terze parti su siti come Yelp, TripAdvisor, Facebook e altri, i ricercatori locali possono trovare tutto ciò di cui hanno bisogno senza uscire dalle SERP.

recensioni dei clienti

Per le aziende locali, le recensioni sono tutto. Non mi credi? Considera quante probabilità hai di mangiare in un ristorante senza recensioni? Che ne dici di visitare un nuovo dentista senza saperne di più sulle esperienze degli altri pazienti?

Le recensioni e le valutazioni a stelle possono essere incluse nella tua pagina di destinazione e contrassegnate utilizzando dati strutturati. Il vantaggio qui è che queste valutazioni verranno visualizzate nelle SERP ogni volta che qualcuno inserisce una query locale pertinente.

16. Ristorante Carisma

fonte

In questo esempio, Carisma Restaurant ha aggregato le recensioni di più piattaforme in un'unica pagina di destinazione. Il takeaway: le persone adorano davvero questo posto indipendentemente dalla piattaforma. Significa che è una scommessa sicura che il cibo è buono.

CTA locali

Gli inviti all'azione delle pagine di destinazione locali utilizzano spesso un linguaggio più generico rispetto ad altri tipi di pagine di destinazione, ad esempio "Ottieni indicazioni stradali" o "Chiama".

Qui, la priorità è rendere il più semplice possibile per gli utenti mobili contattare o visitare la tua attività.

17. Apparecchio Yale

L'appliance Yale consente agli utenti di programmare una visita in showroom attraverso una semplice serie di direttive: scegli un tipo di appuntamento, un orario, un luogo e il gioco è fatto.

18. Clinica implantare di Brighton

La Brighton Implant Clinic utilizza annunci locali per indirizzare il traffico e promuovere un'offerta speciale per i nuovi pazienti. Sebbene l'offerta si applichi a tutte le località, i visitatori possono indicare dove desiderano fissare un appuntamento selezionando la casella.

Mappa di localizzazione

Le classifiche locali sono determinate da tre fattori chiave: importanza, prossimità e pertinenza, il che significa che la mappa di Google, il tuo profilo Google My Business e lo schema locale interagiscono per aiutare il tuo pubblico a trovare la tua attività e avere la certezza di potersi fidare voi.

19. Pieologia

fonte

Pielogy dirige il traffico dal suo elenco SERP locale a una pagina specifica di una posizione con una mappa incorporata. Questo dice agli utenti che si trovano nel posto giusto e da lì possono agire effettuando un ordine.

20. Steakhouse di Hy

Hy's Steakhouse segue un principio simile, solo che questa volta i CTA indicano ai visitatori di effettuare una prenotazione o di controllare il menu.

Best practice per le pagine di destinazione dell'e-commerce

Le pagine dei prodotti richiedono un approccio leggermente diverso rispetto alle pagine di destinazione locali o incentrate sulla generazione di contatti. Dovrai includere più dettagli: pensa a specifiche, dimensionamento e prove sociali, insieme a una maggiore enfasi sugli elementi visivi.

Ecco uno sguardo ad alcune delle aree chiave su cui concentrarsi:

Includi specifiche per ogni prodotto

21. Via

Away offre specifiche dettagliate del prodotto, insieme alla possibilità di fare clic su "quale dovrei ottenere", per un confronto tra le diverse dimensioni e stili.

22. Bomba caduta

Bombfell offre un servizio in abbonamento che consente ai clienti di provare i vestiti e restituire ciò che non tengono.

Sebbene questo modello sia stato adottato da diversi marchi (in particolare StitchFix), non è così semplice come acquistare un prodotto nel modo "tradizionale".

La cosa bella di questa pagina di destinazione è che conduce con l'immagine di qualcuno che apre la propria scatola, annuncia che "pagherai solo per ciò che tieni", quindi si lancia in una semplice analisi di come funziona il servizio.

Sopra la piega, l'immagine e la sottolinea funzionano bene insieme, suscitando immediatamente l'interesse dei visitatori.

Detto questo, mi sarebbe piaciuto vedere un titolo più descrittivo per portare davvero a casa quel valore.

23. Grandi

Il marchio di scarpe da ginnastica, Greats utilizza la propria pagina di destinazione per aiutare i clienti a capire cosa cercare quando acquistano scarpe da ginnastica di lusso.

La pagina presenta alcuni vantaggi generali, quindi evidenzia caratteristiche specifiche che mettono in mostra la qualità dei materiali utilizzati.

24. Design del picco

Mentre la descrizione del prodotto potrebbe essere suddivisa per una migliore esperienza visiva, Peak Design include più scatti del prodotto, collegamenti a video, grafici di confronto e persino menzioni sulla stampa nella parte superiore della pagina.

Scatti e video di prodotti ad alta risoluzione

Sebbene le foto ad alta risoluzione siano una parte essenziale di qualsiasi pagina di destinazione, sono l'obiettivo principale quando vendi cose come abbigliamento, decorazioni per la casa o altri beni di consumo.

Ti consigliamo di includere più immagini, consentendo agli utenti di ottenere un'immagine chiara dell'aspetto di questo prodotto. Ciò contribuirà a garantire la soddisfazione del cliente (hai soddisfatto le aspettative) e a ridurre la probabilità di un ritorno.

25. Quip

26. Nikon

Nikon accompagna gli spettatori in un tour del prodotto per mostrare le caratteristiche e i vantaggi chiave in un modo più coinvolgente rispetto a una tipica scheda tecnica.

Ciò è particolarmente utile quando vendi un prodotto complesso con diverse caratteristiche tecniche. Gli esperti di marketing possono concentrarsi sul mostrare agli spettatori invece di dire loro cosa può fare il prodotto.

27. Allbirds

Allbirds utilizza il video per mostrare il prodotto in movimento, consentendo agli utenti di avere un'idea migliore di come saranno le scarpe di persona.

28. Favole

Fabletics utilizza i video in un modo leggermente diverso, mostrando diverse offerte di prodotti in azione per promuovere il suo servizio di abbonamento di leggings.

29. Unione nativa

fonte

Native Union offre un approccio più "fai da te", anche se vale la pena notare che questo è un modo efficace per mostrare ai consumatori come un prodotto si adatta specificamente alle loro routine esistenti.

Rispondi alle domande sulla pagina

30. Raccolto giornaliero

La pagina di destinazione di Daily Harvest risponde alle domande che i consumatori potrebbero avere sui loro prodotti. La pagina presenta diverse sezioni espandibili che riguardano ingredienti, informazioni nutrizionali e istruzioni.

Blog e articoli correlati

31. Kodaki

La pagina del prodotto Kodak fornisce ulteriori informazioni below the fold collegandosi a diverse procedure video relative al prodotto. Ciò non solo offre agli utenti un'idea migliore di ciò che questa fotocamera può fare, ma incoraggia anche i visitatori a guardare video aggiuntivi offerti dal marchio.

Promuovi prodotti correlati

Un'altra cosa che vorrai fare qui è promuovere prodotti correlati per incoraggiare i visitatori a navigare nel tuo sito Web e fare un acquisto.

Alcuni esempi:

32. REI

33. Brooklinen

34. Made.com

35. Asos

Recensioni degli utenti

Le recensioni degli utenti sono essenziali per qualsiasi pagina di destinazione, tuttavia,

36. Consulting.com

Consulting.com va oltre le tipiche recensioni scritte e presenta testimonianze video di clienti passati per dimostrare il valore del loro servizio. Il vantaggio qui è che i visitatori possono ascoltare i clienti reali spiegare i vantaggi chiave con le loro stesse parole, il che crea immediatamente un senso di fiducia tra i nuovi arrivati.

37. Due foglie

38. Ethel's Baking Co.

39. Più lucido

Le pagine dei prodotti di Glossier creano fiducia visualizzando fianco a fianco le recensioni positive e negative più apprezzate e consentono agli utenti di applicare filtri come età, tipo di pelle e tonalità della pelle per saperne di più su come i prodotti del marchio probabilmente funzioneranno per loro.

Promuovi il tuo programma fedeltà

Un ottimo modo per generare lead è offrire agli utenti alcuni vantaggi in cambio degli indirizzi e-mail dei visitatori.

40. Allestitori urbani

Come utilizzare i post del blog per convertire più traffico

I post del blog sono un po' diversi dalle altre categorie in cui sono passato. L'obiettivo principale è fornire informazioni, non generare conversioni.

Detto questo, non riuscire a includere opportunità per far avanzare i clienti verso il passaggio successivo è un'opportunità mancata.

Ti consigliamo di strutturare i tuoi post in modo da incoraggiare gli utenti a esplorare ulteriormente il tuo sito, a iscriversi a una newsletter o a scaricare una risorsa. Ecco alcune idee che

I blog dovrebbero includere una barra laterale

L'aggiunta di una barra laterale al tuo blog ti consente di assicurarti che tutti i visitatori ricevano alcune informazioni sul tuo marchio. Sul blog di Ignite Visibility, mi piace pensare alla barra laterale come a un "elevator pitch" per il marchio.

In questo modo, anche se un visitatore se ne va, se ne andrà con un'impressione di chi siamo e cosa facciamo.

41. Copyblogger

fonte

Copyblogger segue una struttura simile al blog di Ignite, utilizzando una barra laterale per evidenziare i post popolari e incoraggiare gli opt-in per le email.

42. Uovo pazzo

fonte

Crazy Egg usa la loro barra laterale come un'opportunità per guidare le iscrizioni alla newsletter.

Promuovi un Lead Magnet

Uno dei modi migliori per generare lead dal tuo blog è promuovere una risorsa che richiede ai lettori di inserire la propria email per accedere.

In generale, il tuo magnete guida dovrebbe essere correlato al contenuto del post del blog. Ad esempio, se il tuo post sul blog riguarda la progettazione di una landing page, potresti promuovere un download con 100 modelli di landing page gratuiti.

Tieni presente che i download devono essere preziosi per i tuoi lettori, pertinenti al punto in cui si trovano nel percorso dell'acquirente e offrire un qualche tipo di "vittoria rapida".

43. Oracolo

La pagina di destinazione di Oracle è un solido esempio di download che potresti offrire agli acquirenti più avanti nel viaggio.

Questo download offre un'immersione più profonda, dissipando i miti comuni dell'automazione del marketing, qualcosa che probabilmente qualcuno vorrebbe sapere se sta attivamente ricercando soluzioni.

Questo tipo di contenuto non funziona bene all'inizio, poiché i nuovi arrivati ​​probabilmente stanno cercando di capire cosa sia l'automazione del marketing.

44. Nauto

Un altro esempio forte viene da Nauto. Questa pagina è ben progettata con un'immagine del "libro" presente sopra il CTA.

Hanno fatto un buon lavoro spiegando cosa impareranno i lettori e hanno reso facile scaricare questa risorsa mantenendo i campi del modulo al minimo.

Inoltre, i pulsanti di condivisione social consentono agli utenti di condividere questa risorsa con la propria rete con un solo clic, aumentando ulteriormente il potenziale di lead gen della pagina.

45. Deriva

Drift adotta un approccio completamente diverso alla generazione di lead incorporando un chatbot in ogni pagina. Man mano che i visitatori leggono il contenuto del sito, il Driftbot è sempre disponibile per guidare gli utenti verso l'obiettivo giusto.

I chatbot integrati raccolgono informazioni dagli utenti che possono essere successivamente utilizzate per future campagne di marketing, eliminando al contempo parte dell'attrito che deriva dall'affidarsi ai moduli.

Link ad articoli correlati e categorie principali

Includere articoli correlati nella parte inferiore di ogni post del blog incoraggia i lettori a trascorrere più tempo sul tuo sito, incoraggiando anche gli utenti a fare clic sui collegamenti interni, il che può migliorare l'usabilità del tuo sito web.

Un altro consiglio è quello di collegarsi alle categorie principali, poiché aiuta a migliorare il collegamento interno e facilita ai lettori l'individuazione di contenuti pertinenti.

46. ​​Monitoraggio della campagna

fonte

47. Hubspot

fonte

Stessa idea con Hubspot, anche se hanno usato un design diverso. La cosa bella di questo esempio è che i titoli sono in grassetto e chiari e ogni articolo viene fornito con una descrizione che dice agli utenti esattamente cosa troveranno dopo aver cliccato.

48. Kuno Creativo

Kuno Creative segue un approccio simile a Hubspot, tuttavia, ha reso facile per i visitatori ordinare i contenuti per categoria.

Evidenzia altre risorse preziose

Un'altra cosa che mi piace fare sul sito Ignite, oltre a evidenziare articoli correlati, è consigliare altre risorse preziose come la tua libreria video, un podcast o raccolte di contenuti incentrate su un particolare argomento.

È un'altra opportunità per indirizzare il traffico verso altre parti del tuo sito, aiutandoti allo stesso tempo ad affermarti come fonte di riferimento per il tuo pubblico.

49. Tornasole

Tornasole fa qualcosa di interessante qui. La loro pagina di destinazione mira ad attirare gli abbonati alla newsletter dimostrando che forniranno informazioni preziose alla tua casella di posta con collegamenti alle newsletter precedenti.

50. Esaminatore di social media

fonte

Un altro approccio che potresti utilizzare qui è indirizzare i lettori del blog a una libreria di risorse. Questo esempio utilizza elementi grafici per far sì che ogni guida si distingua, consentendo agli utenti di trovare la risorsa che più li interessa.