7 Esempi di pagine di destinazione e analisi del percorso dell'utente da cui scorrere per ispirazione

Pubblicato: 2022-04-12

Banner pubblicitari, webinar, automazione dell'email marketing, promozioni sui social media, SEO, content marketing. Investi in una varietà di canali di marketing digitale per farti conoscere da un nuovo pubblico e indirizzare il traffico verso il tuo sito.

La tua pagina di destinazione è il punto di forza o di rottura di questi sforzi. È il punto in cui lo sforzo speso per la creatività e il denaro speso per gli annunci culmina in una conversione riuscita o meno.

Sfortunatamente, la maggior parte delle pagine di destinazione sono inefficaci, con un tasso di conversione medio di solo il 4,6% in tutti i settori.

L'ottimizzazione della pagina di destinazione è il processo di test, modifica e test continui dell'efficacia delle tue pagine web per migliorare i tassi di conversione.

È la differenza tra essere nella maggioranza ed essere una delle prime pagine che converte.

Non rimbalzare le statistiche sul tasso di conversione
Fonte immagine

Tattiche come il test A/B sono fondamentali per valutare l'efficacia delle tue pagine di destinazione, ma non sposteranno l'ago a meno che tu non capisca cosa contribuisce a una pagina di destinazione ad alta conversione.

Per illustrare, analizzeremo sette ottimi esempi di landing page per mostrarti cosa funziona e perché.

1. Pila di membri

Accesso e pagamenti sicuri L'azienda SaaS Memberstack è un ottimo esempio di come l'interattività, il movimento e la personalizzazione possono creare un'esperienza di landing page unica.

Esempio di pagina di destinazione di Memberstack 1
Fonte immagine

La parte superiore della pagina è impostata per guidare deliberatamente il visitatore verso il punto blu lampeggiante sul lato sinistro.

Quando premiamo uno di questi interruttori, l'animazione sul lato destro cambia, visualizzando il cambiamento nel flusso di lavoro provocato dall'utilizzo di Memberstack.

Esempio di pagina di destinazione di Memberstack 2

Questo è un modo intelligente per dimostrare come funziona il prodotto. È anche una tattica per ridurre le frequenze di rimbalzo e incoraggiare il coinvolgimento degli utenti.

Gli studi dimostrano che i contenuti interattivi possono essere fino a due volte più efficaci nel coinvolgimento rispetto ai contenuti statici.

Le entrate e i numeri di iscrizione in costante aumento sfruttano anche sottilmente l'innesco psicologico, creando la connessione inconscia che Memberstack significa più membri e più entrate.

La sezione dell'eroe posiziona efficacemente i pulsanti CTA negli angoli in alto a destra e in basso a sinistra, due aree in cui gli studi di eye-tracking hanno mostrato che la maggior parte degli sguardi gravita quando guardano per la prima volta una pagina di destinazione.

Al di sotto del CTA inferiore, Memberstack ha accennato alla sicurezza della propria piattaforma utilizzando un dispositivo di rimozione dell'attrito basato su prove sociali "Supportato da YCombinator".

Esempio di pagina di destinazione di Memberstack 3

Il pubblico B2B di Memberstack ha familiarità con YCombinator.

Questa è una copia intelligente che risponde all'obiezione: "Quanto è sicura l'applicazione di pagamento di Memberstack?"

Scorrendo sotto la piega, Memberstack crea ulteriore fiducia introducendo un sottotitolo con alcune cifre importanti per dimostrare la prova dei risultati.

Esempio di pagina di destinazione di Memberstack 4

Nota come Memberstack posiziona i numeri più grandi verso il centro, con le cifre più piccole all'esterno.

Ciò prende in prestito da un noto pregiudizio preferenziale che i consumatori hanno per l'opzione intermedia quando viene presentata una serie di scelte da sinistra a destra.

Memberstack rafforza la credibilità con un secondo utilizzo del logo YCombinator, oltre a un richiamo a Product Hunt, un altro nome familiare per il pubblico principale del marchio.

L'uso delle testimonianze da parte di Memberstack è interessante qui.

Esempio di pagina di destinazione di Memberstack 5

La maggior parte delle pagine di destinazione tende a utilizzare due o tre testimonianze posizionate contestualmente. Memberstack ha caricato le recensioni, la maggior parte delle quali non può essere letta senza fare clic su un'altra pagina.

Questo potrebbe funzionare a loro favore se hanno testato e convalidato che la quantità di prove sociali (il numero di recensioni positive) è più convincente della qualità (il contenuto di ciò che dicono i revisori).

Scorrendo ulteriormente, abbiamo un semplice processo in 3 fasi su come funziona il software.

Esempio di pagina di destinazione di Memberstack 6

Memberstack lo mantiene breve, il che è l'ideale. Le pagine a basso intento come la home page non devono diventare troppo complicate.

La sezione "Account utente Plug & play" è un ottimo esempio di come l'interattività su una pagina di destinazione può trasformare il coinvolgimento in investimento.

Esempio di pagina di destinazione di Memberstack 7

Utilizzando il cursore e i pulsanti di attivazione/disattivazione, gli utenti possono personalizzare il modulo sulla destra con colori e campi aggiuntivi. Hanno anche l'opportunità di farlo nella prossima sezione.

Esempio di pagina di destinazione di Memberstack 8

Esplorando le caratteristiche del prodotto Memberstack in modo limitato, gli spettatori hanno un'idea di cosa possono fare esattamente con esso e di come può avere un impatto sulle loro vite.

Ciò è influenzato da un principio psicologico noto come proprietà mentale, una tecnica comunemente usata nelle vendite dirette (p. es., provare a guidare un'auto prima dell'acquisto).

Interagire con il contenuto aiuta gli utenti a sentirsi come se fosse già loro (e grazie all'avversione alla perdita, significa che non vogliono perderlo).

La parte inferiore della pagina si conclude con una sezione CTA finale, che include diversi dispositivi di rimozione dell'attrito:

  • Inizia gratuitamente;
  • Prova illimitata;
  • Aggiorna quando leggi;
  • Nessuna carta di credito richiesta.
Esempio di pagina di destinazione di Memberstack 9

Un copywriting mirato come questo è la chiave per creare landing page ad alta conversione. Parla direttamente alle obiezioni di vendita comuni e le risolve prima che convincano i clienti ad abbandonare la vendita.

2. Zendesk

Questa pagina di destinazione di Zendesk è un ottimo esempio di corrispondenza della lunghezza e dello stile della pagina con l'intento e i livelli di consapevolezza del pubblico di destinazione.

La copywriter di conversione Joanna Weibe discute di quanto dovrebbero essere lunghe o corte le pagine di destinazione.

"Non ha senso dire 'la copia lunga batte sempre la copia corta'... o 'la copia lunga non funziona su di me'... o 'gli utenti web tollereranno solo la copia breve'...

Piuttosto, la tua pagina deve essere lunga quanto è necessario per presentare l'argomento che affronterà il potenziale cliente nel suo stato di consapevolezza. Se non sai quanto siano consapevoli, devi scoprirlo per dare forma alla tua argomentazione".

Illustra l'interazione tra consapevolezza e intento in questo grafico.

Grafico che illustra il rapporto tra consapevolezza e intenzione commerciale
Fonte immagine

Zendesk fa proprio questo.

La copia utilizzata nell'intestazione della home page è priva di gergo e linguaggio relativo al prodotto.

Esempio di pagina di destinazione Zendesk 1
Fonte immagine

Zendesk passa direttamente da "Come funziona" a "Cosa c'è dentro per me?".

La risposta? Migliore servizio clienti.

Noterai anche uno spunto di design intelligente nell'angolo in basso a destra. Questo badge luminoso a contrasto incoraggia i visitatori a scorrere verso il basso e utilizza il classico layout a forma di Z (sviluppato anche dal retro di studi di eye-tracking):

Esempio di layout a forma di Z
Fonte immagine

Scorri below the fold e arriviamo direttamente alle risorse.

Zendesk sa che l'obiettivo principale di questa pagina di destinazione è guidare i visitatori lungo la canalizzazione di marketing utilizzando contenuti informativi e di valore.

Esempio di pagina di destinazione Zendesk 2

La sezione successiva fornisce informazioni contestuali su cosa fa Zendesk e sui risultati che aiuta gli utenti a raggiungere. Fornisce anche prove sociali attraverso brevi testimonianze.

Nota come Zendesk serve due segmenti di pubblico di destinazione, team di assistenza e vendita, pur mantenendo un'estetica ordinata. Lo fanno utilizzando un semplice dispositivo di commutazione.

Ecco la vista per i team di servizio:

Esempio di pagina di destinazione Zendesk 3

E per i team di vendita:

Esempio di pagina di destinazione Zendesk 4

La prossima sezione si basa un po' di più sulla prova sociale. Si collega a casi di studio di lunga durata che raccontano storie di successo dei clienti.

Esempio di pagina di destinazione Zendesk 5

La pagina di destinazione si chiude con una raccolta di collegamenti ad altre risorse (progettate per mantenere i visitatori sul loro sito e imparare) e una sezione CTA senza fronzoli.

Esempio di pagina di destinazione Zendesk 6

Questa pagina di destinazione fa bene due cose:

  1. Fornisce prove sociali, facendo appello alla nostra suscettibilità all'influenza degli altri.
  2. Fornisce valore agli utenti top-of-funnel attraverso varie risorse e avvia il processo di coinvolgimento e lead nurturing.

3. Latana

Questa pagina di destinazione della piattaforma di monitoraggio del marchio Latana basata sull'intelligenza artificiale è un potente esempio di come promuovere guide incentrate sulla generazione di lead.

Esempio di pagina di destinazione Latana 1

Latana mantiene le cose semplici above the fold. Presuppone che i visitatori stiano atterrando su questa pagina per scaricare la loro guida e semplifica l'adesione e lo fa.

In secondo luogo, Lantana riduce al minimo i campi del modulo di registrazione.

È documentato che i tassi di conversione diminuiscono in modo significativo con ogni campo aggiuntivo, con tre campi che rappresentano il numero aureo.

Grafico che illustra il tasso di conversione per numero di campi del modulo
Fonte immagine

Terzo, la copia dell'eroe che accompagna il modulo è ben eseguita.

Risponde a chi e cosa: "Branding per i team di prodotto".

Il perché: "per saperne di più sul motivo per cui i team di prodotto devono essere d'accordo con il marchio".

E la cosa-in-it-per-me: "guadagna una quota di mercato maggiore".

Lantana si infila anche in un semplice segnale d'azione: "Compila il modulo sottostante".

Esempio di pagina di destinazione Latana 2
Fonte immagine

Per coloro che hanno bisogno di un po' più di convinzione, la sezione immediatamente below the fold segue una formula di narrazione semplice ma efficace: ecco il problema, ecco perché dovresti preoccupartene, ecco come ti aiuteremo a risolverlo.

Quindi, spinge il lettore all'azione: "Scarica per scoprire come".

Esempio di pagina di destinazione di Latana 3

La pagina di destinazione risponde quindi di nuovo alle domande principali dei visitatori, questa volta con assoluta chiarezza. Utilizza anche un segnale di design efficace che contrasta il resto della pagina in termini di stile e colore (progettato per fermare gli scroller).

Esempio di pagina di destinazione Latana 4

Latana fa anche buon uso della prova sociale attraverso l'inclusione di loghi noti.

Esempio di pagina di destinazione Latana 5

Sebbene le sezioni del logo siano in genere utilizzate per aggiungere gravità alle pagine incentrate sul prodotto, possono anche essere efficaci come mezzo per dimostrare autorità (ovvero lavoriamo con questi grandi marchi, quindi sappiamo di cosa stiamo parlando).

In tutta questa pagina di destinazione, Latana mantiene abilmente le cose semplici.

La copia è efficace e utilizza un linguaggio semplice ("Compila il modulo"). Il layout delle informazioni è semplice ed ovvio e la pagina non si allontana dall'intento principale o si sforza di vendere.

4. Spazio di testa

La pagina di registrazione dell'abbonamento di Headspace è un potente esempio di come progettare una pagina di destinazione per i visitatori in fondo alla canalizzazione.

Fa tre cose incredibilmente bene:

  1. Uso efficace della prova sociale;
  2. Una dimostrazione interattiva ben eseguita del prodotto;
  3. Sfrutta le tattiche di copywriting che migliorano la memoria.

Uso efficace della prova sociale

La pagina di destinazione ha due sezioni di prova sociale posizionate una dopo l'altra.

Il primo fornisce prove convincenti dell'uso diffuso (70 milioni di download) e della soddisfazione quasi universale (4,9 stelle su oltre 600.000 valutazioni).

Esempio di pagina di destinazione dello spazio di testa 1

Queste cifre impressionanti raccontano la storia di un'app di successo. Sebbene convincenti, i numeri da soli mancano del quadro problema-soluzione-risultato che risuona con i punti deboli dei clienti.

E questa è precisamente la prova che Headspace fornisce nella prossima sezione.

Esempio di pagina di destinazione dello spazio di testa 2

Si tratta di testimonianze scelte con cura che parlano di punti dolenti comuni vissuti dal pubblico previsto di Headspace ("stress e solitudine", "rotto"). E, ai risultati effettivi dei clienti ("mi ha aiutato a capire il funzionamento della mente").

Una dimostrazione interattiva ben eseguita del prodotto

Questa demo interattiva delle funzionalità del prodotto risolve una barriera comune alla fidelizzazione degli utenti dell'app e al coinvolgimento prolungato.

Esempio di pagina di destinazione dello spazio di testa 3

Il 25% delle app viene utilizzato solo una volta prima di essere eliminato o abbandonato. L'ottimizzazione dell'app store (ASO) aiuta a massimizzare le conversioni, così come le prove gratuite.

Ma questo approccio interattivo consente agli utenti di testare il prodotto in modo privo di rischi; senza spingere per un download prima di dimostrare il valore. Consente inoltre a Headspace di guidare gli utenti a funzionalità specifiche e di dimostrarle utilizzando un video esplicativo.

Oltre al contenuto demo interattivo, offrono anche una prova gratuita di 14 giorni. Dopo aver interagito con le funzionalità, è probabile che questa prova gratuita porti più abbonamenti poiché gli utenti vogliono davvero saperne di più (piuttosto che ricominciare da capo).

Sfrutta le tattiche di copywriting che migliorano la memoria

La copia su questa pagina di destinazione è piena di rime e allitterazioni, entrambi efficaci dispositivi mnemonici.

Esempio di pagina di destinazione dello spazio di testa 4

L'uso della rima nella tua copia (ad esempio, "sii gentile con la tua mente") sfrutta un concetto psicologico noto come effetto della rima come motivo, che si traduce vagamente in "Se fa rima, deve essere vero".

Esempio di pagina di destinazione dello spazio di testa 5

Allo stesso modo, l'allitterazione (ad es. "Unisciti a milioni di persone che meditano" e "Crea le condizioni") è efficace nel migliorare l'apprendimento e la memoria, anche quando le affermazioni vengono lette in silenzio.

Esempio di pagina di destinazione dello spazio di testa 6

Questi dispositivi di memoria funzionano per mantenere il tuo marchio in primo piano quando i clienti sono pronti a premere il grilletto.

5. Lyft

Con la loro pagina di destinazione "Diventa un pilota", il servizio di ridesharing e il concorrente di Uber, Lyft, dimostrano esattamente cosa significa essere in contatto con il tuo pubblico.

Esempio di pagina di destinazione Lyft 1

Nota la copia nello stendardo dell'eroe: "Vuoi essere il capo di te stesso?"

Questo messaggio parla direttamente al desiderio condiviso del loro pubblico di destinazione. Invece di dire: "Fai domanda qui per essere un pilota", Lyft fa appello alla motivazione emotiva.

Le due sezioni che seguono riguardano la prevenzione delle obiezioni. Consentono ai lettori di rispondere autonomamente alle domande frequenti prima della registrazione.

Esempio di pagina di destinazione Lyft 2

Questa sezione risponde alle domande più ovvie, come "Come vengo pagato?", "Quali sono i requisiti?" e "Cosa succede se non ho un'auto?".

Di seguito, un dispositivo di scorrimento a quattro fasi mostra quanto sia semplice iniziare a lavorare con Lyft ed essere pagati (un'obiezione fondamentale per i potenziali conducenti).

Esempio di pagina di destinazione Lyft 3

Lyft sfrutta la prova sociale in seguito, ma non allo stesso modo delle pagine precedenti. Lyft opta per una breve raccolta di video di storie di successo dei clienti per mantenere lo spazio libero.

Il video cattura il coinvolgimento in modo estremamente efficace. Consente ai potenziali conducenti di ascoltare persone reali, qualcosa che i conducenti Lyft in genere trovano importante.

Esempio di pagina di destinazione Lyft 4

Infine, un breve segmento di testo (e la testimonianza del cliente di accompagnamento) rafforza i messaggi nel video: i conducenti stanno lavorando con Lyft, non per Lyft, dando loro la libertà e la flessibilità di guadagnare alle loro condizioni.

Esempio di pagina di destinazione Lyft 5

6. Tana

Questa pagina di destinazione del rivenditore di mobili e-commerce Burrow è un eccellente esempio di utilizzo di immagini e video di alta qualità per raccontare la storia.

C'è molto poco da fare above the fold per quanto riguarda copia, collegamenti e inviti all'azione.

Invece, Burrow lascia che la loro fotografia faccia il lavoro pesante. L'immagine dell'eroe ad alta risoluzione mostra l'aspetto e la sensazione dei loro prodotti nel contesto, una componente importante della costruzione della proprietà mentale.

Esempio di pagina di destinazione Burrow 1

La seconda sezione adotta un approccio simile mentre affronta direttamente un'obiezione comune: l'alto costo della spedizione dei mobili.

Dando la priorità a "consegnato gratuitamente" nella copia minimalista sulla pagina, Burrow ne sottolinea l'importanza e lo aiuta a distinguersi nello spazio bianco.

Esempio di pagina di destinazione Burrow 2

Nella sezione successiva, Burrow sfrutta l'aumento del coinvolgimento dei contenuti interattivi.

La principale proposta di valore di Burrow è il livello di personalizzazione che schiaccia la concorrenza che offre per ogni prodotto. Ad esempio, il divano raffigurato sotto è disponibile in oltre 200 configurazioni.

Invece di parlarne ai visitatori, la pagina di destinazione utilizza un video animato. Ancora una volta, attirano l'attenzione e mantengono il coinvolgimento mostrando agli acquirenti cosa significa per loro la personalizzazione.

Esempio di pagina di destinazione Burrow 3

Un secondo video risponde a un'altra importante obiezione di vendita: "Come funziona tutta questa faccenda?".

Esempio di pagina di destinazione Burrow 4

In 20 secondi, i potenziali clienti vedono esattamente cosa ottengono dalla scatola. Questo dimostra quanto sia semplice assemblare i propri mobili su misura.

In questo esempio di pagina di destinazione del prodotto, Burrow si concentra sulla vendita dell'esperienza, non sul prodotto.

Le immagini statiche di prodotti isolati possono essere visualizzate nelle singole pagine dei prodotti. Ma non occupano un posto d'onore nella pagina di destinazione. Invece, Burrow utilizza immagini e video nel contesto per mostrare agli acquirenti cosa significa essere un cliente Burrow.

Esempio di pagina di destinazione Burrow 5

Raggiungono questo obiettivo mostrando i prodotti in spazi curati e sfruttando i profili Instagram dei loro clienti reali (raddoppiando come prova sociale).

Esempio di pagina di destinazione Burrow 6

Burrow completa il tutto con alcune testimonianze di clienti selezionate intenzionalmente, che mettono in evidenza la qualità dei mobili (una potenziale domanda persistente).

Parlano anche ai desideri dei clienti target con l'idea che i mobili su misura siano un aspetto dell'espressione dell'identità e dell'influenza sociale.

Esempio di pagina di destinazione Burrow 7

La pagina di destinazione di Burrow dimostra che immagini e video di alta qualità possono essere un potente strumento di persuasione. Per il prodotto giusto, elimina la necessità di sezioni di pagina pesanti per la copia.

7. Gentile

La piattaforma di coinvolgimento delle vendite Klenty fornisce un ottimo esempio di pagina di destinazione creata per catturare il traffico della concorrenza.

Klenty opera in un panorama competitivo, con i suoi due principali concorrenti Salesloft e Outreach che detengono una quota di mercato maggioritaria.

Klenty si posiziona come un'alternativa efficace e indirizza il traffico alla loro pagina di destinazione prendendo di mira parole chiave della concorrenza come "Salesloft" e "Alternativa Salesloft".

Esempio di pagina di destinazione Klenty 1

La pagina di destinazione differenzia in modo aggressivo il marchio dai suoi concorrenti. Li nomina a titolo definitivo ed elenca i loro difetti nella sezione degli eroi.

Esempio di pagina di destinazione Klenty 2
Fonte immagine

Questo può essere percepito come sfacciato e spietato, ma Klenty sta effettivamente usando una strategia incentrata sull'intento.

I lettori sono alla ricerca di alternative a Salesloft, il che deduce che c'è qualcosa che non gli piace della piattaforma.

Elencando i presunti difetti del loro concorrente, Klenty suggerisce la loro soluzione.

Sotto la piega, Klenty fornisce più contesto sui punti dolenti di cui sopra. Nominano nuovamente Salesloft e descrivono in dettaglio le caratteristiche chiave in cui Klenty compete.

Esempio di pagina di destinazione Klenty 3

Massimizzano questo spazio organizzando i loro tre principali vantaggi in una sezione a scorrimento automatico.

Questa funzione evita che la pagina di destinazione diventi troppo lunga o ingombra, fornendo al contempo alcuni movimenti accattivanti tramite la barra di avanzamento e le transizioni.

Una sezione di confronto delle funzionalità più in basso nella pagina adotta un approccio simile. Con le sue accattivanti schede interattive, riesce a coprire molto terreno in un'unica piega.

Esempio di pagina di destinazione Klenty 4

Anche le informazioni sui prezzi di Klenty sono leggermente posizionate sopra Salesloft e a Klenty viene assegnato un logo più grande e un colore del marchio più straordinario.

Esempio di pagina di destinazione Klenty 5

Queste caratteristiche di design sono sottili, ma intenzionali. Klenty utilizza la gerarchia visiva per rafforzare l'importanza del proprio marchio rispetto ai concorrenti.

Conclusione

Il test A/B è fondamentale per valutare l'efficacia delle tue pagine di destinazione. Ma devi sapere cosa testare se vuoi che le tue risorse si allunghino ulteriormente.

Per ottenere un vantaggio nella comprensione di ciò che funziona per il tuo pubblico, prendi i consigli dalle pagine sopra. Abbina la tua pagina alle intenzioni del tuo pubblico di destinazione e supera le obiezioni presto e spesso.

Usa strumenti come video e contenuti interattivi per organizzare le informazioni, sfruttare la prova sociale e conservare i loro ricordi per raccogliere gli acquirenti meno impegnati in seguito.

Per assicurarti di centrare il segno, usa strumenti come Wynter per vedere se i tuoi messaggi e la tua strategia risuonano con il tuo pubblico di destinazione.

La progettazione e la messaggistica della pagina di destinazione non sono un affare unico. Con un'ottimizzazione coerente, la tua pagina può raggiungere il suo potenziale.