Un grande avvertimento qui: Non ho accesso alle statistiche per queste pagine, quindi non posso dirvi quanto bene convertano visitatori, lead e clienti. Tuttavia, questi esempi – anche quelli che non sono più attivi sul sito Web dell'azienda – hanno alcune delle migliori combinazioni di elementi di pagina di destinazione con sfumature che abbia mai visto.
Ovviamente, se ti senti ispirato a provare una di queste tattiche sul tuo sito, l'unico modo per sapere se funzioneranno per te è testarle per te stesso.
Esempi di pagine di destinazione
- Shopify
- Museruola
- TransferWise
- Airbnb
- Teambit
- Wistia
- WebFlow
- Nauto
- Commercializzazione della forza industriale
- Emozione in arrivo
- Velaro Live Chat
- IMPACT Branding & Design
- Unbounce
- Bills.com
- Trulia
- Landbot
- Webprofits
- H.BLOOM
- Laboratorio di conversione
Iscriviti alle pagine di destinazione
1. Shopify
Come molte altre pagine di destinazione in questo post, la pagina di destinazione di prova di Shopify lo rende semplice. Il titolo orientato all'utente è solo alcune parole, ad esempio, e la pagina si basa su semplici punti elenco, non su paragrafi, per comunicare i dettagli e i vantaggi della prova. Ci sono solo alcuni campi che devi compilare prima di iniziare. Tutto ciò ti rende più facile arrivare al punto: vendere online con il loro strumento.
2. Muso
Le pagine di destinazione aiutano gli utenti a decidere se il tuo prodotto o servizio valga effettivamente il loro prezioso tempo ed energia. Quale modo migliore per comunicare in modo chiaro e diretto la tua proposta di valore piuttosto che affrontare i visitatori con lo stesso problema che la tua app risolve?
Muzzle, un'app per mac che silenzia le notifiche sullo schermo, abbraccia pienamente questo spettacolo non dirlo mentalità sulla loro pagina di destinazione altrimenti minima. I visitatori della pagina sono accolti da un attacco rapido di notifiche imbarazzanti nella parte superiore sinistra dello schermo. Non solo l'animazione è esilarante, ma riesce anche a trasmettere in modo convincente l'utilità dell'app senza lunghe descrizioni.
3. TransferWise
TransferWise ti consente di inviare e ricevere denaro in diverse valute e la sua pagina di destinazione, mostrata sotto, separa ogni singola azione in modo da non essere distratta da opzioni che non si applicano a te.
Se vuoi inviare denaro, il modulo di trasferimento è proprio lì a destra per te da compilare. Per ricevere denaro, basta fare clic sulla scheda centrale e iscriversi a TransferWise utilizzando la carta di debito, fare clic sulla scheda di estrema destra.
Ogni scheda in questa pagina di destinazione produce un invito all'azione diverso in base a ciò che stai registrando, ciascuno in una casella verde vivace per evidenziare il passaggio successivo dopo i tre possibili punti di partenza.
4. Airbnb
Per aiutare a convertire i visitatori in host, Airbnb offre alcune personalizzazioni allettanti: una proiezione di guadagni media settimanale stimata in base alla posizione. Puoi inserire ulteriori informazioni sulle tue potenziali sistemazioni nei campi per ottenere una stima ancora più personalizzata.
Se visiti la pagina già convinta, la chiara call-to-action nella parte superiore della pagina rende facile la conversione sul posto.
5. Teambit
capriccioso Di solito non è la prima parola che ti viene in mente quando pensi al software HR, ma la landing page di Teambit è davvero quella. Una semplice forma a campo unico è accompagnata da un delizioso ufficio pieno di personaggi animali – tutti i quali sono molto soddisfatto di Teambit, nel caso ve lo stiate chiedendo. Un fumetto animale appare accanto a ciascuna sezione informativa della pagina di destinazione, tenendo i visitatori che scorrono verso il basso per saperne di più.
La pagina di destinazione di Teambit è la prova perfetta che non è necessario avere un prodotto o un'offerta di servizio "divertente" convenzionalmente per creare una pagina di destinazione divertente.
[Click here to see the whole landing page.]
6. Wistia
Il primo è la pagina di destinazione di Wistia per il loro account Free Wistia. A prima vista, noti il modulo a un campo per creare il tuo account: lo sfondo blu, a motivi minimali, contrasta piacevolmente con il campo del bianco luminoso.
La lunghezza del campo modulo combinata con il posizionamento di rilievo elimina quasi tutti gli attriti per creare un account … ma se hai dei dubbi, puoi sempre scorrere in basso per leggere le risposte alle principali domande frequenti. Separando queste due sezioni con un netto contrasto cromatico, Wistia rende molto più semplice concentrarsi sulla conversione.
7. Flusso Web
Webflow, uno strumento di progettazione per sviluppatori web, racchiude molte informazioni in un solo GIF e in tre campi modulo. Avere l'intero modulo di iscrizione su una singola riga è un bel tocco qui – non solo rende la pagina più breve, ma compilando ogni casella da sinistra a destra mostra agli utenti quanto sono vicini a fare clic sul quarto pulsante blu e ottenere iniziato gratuitamente.
La GIF animata sotto il modulo è visibile nello stesso frame sul sito Web, in modo che gli utenti possano vedere come funziona il prodotto e registrarsi senza scorrere o fare clic su una nuova pagina.
Pagine di destinazione degli ebook
8. Nauto
Nauto, una piattaforma dati per auto a guida autonoma, aiuta a rendere la guida autonoma più sicura per le aziende che gestiscono flotte di veicoli a guida autonoma. Naturalmente, i suoi clienti avrebbero bisogno di tutti i tipi di informazioni per venderli su questa piattaforma. Nauto ce l'ha, confezionato in un ebook super semplice la cui pagina di destinazione ti offre sia un breve modulo di contatto che alcune statistiche di anteprima per dimostrare perché questa risorsa è così importante.
Nella parte superiore della pagina, sopra, una calda foto dell'interno di una macchina abbraccia la forma che cattura il piombo. Il pulsante verde "Scarica ora" potrebbe anche essere stato apposta (sulla strada, il verde significa andare, dopo tutto).
Scorri verso il basso e vedrai un altro CTA "Ricevi l'eBook" per ricordare agli utenti cosa li sta aspettando. Vedrai anche tre sconcertanti statistiche sugli incidenti stradali per invogliare gli utenti a saperne di più. Dai un'occhiata qui sotto.
9. Commercializzazione della forza industriale
A prima vista, questa pagina di destinazione mi attira con un'intestazione convincente e incisiva: "Do not Make Me Zoom." Parla direttamente a un'esperienza comune che molti di noi hanno avuto quando stiamo navigando sui nostri telefoni o tablet – ed è anche un po 'impertinente.
Ma non è l'unica cosa che mi tiene interessato a questa pagina di destinazione. Nota come il colore rosso è posizionato strategicamente: è in cima e in fondo al modulo, avvicinandoti ancora di più all'evento di conversione.
Inoltre, questo design è meta per l'avvio: sembra e funziona perfettamente anche su dispositivi mobili. Tieni presente che molti visitatori accederanno alle tue pagine di destinazione sui loro smartphone o tablet e, se il design del tuo sito web non funziona correttamente, potrebbero abbandonare e lasciare la tua pagina.
La gente di Industrial Strength Marketing ha reso i caratteri e il campo del modulo abbastanza grandi da non permettere ai visitatori di pizzicare su zoom per leggere e interagire con il contenuto, ad esempio.
10. Emozione in entrata
Anche se non parli spagnolo, puoi comunque apprezzare le capacità di conversione di questo sito partner HubSpot. Le mie due caratteristiche preferite della pagina? Il modulo rimane in una posizione fissa e prominente mentre scorri il sito. Mi piacciono anche le mani che servono come spunti direzionali per compilare il modulo e condividere la pagina con gli altri.
11. Velaro Live Chat
A volte i più piccoli dettagli fanno la differenza più grande. Sono ciò che rende fantastica la pagina di destinazione di Velaro Live Chat, ad esempio.
Questo piccolo simbolo PDF sopra l'immagine caratteristica aiuta a impostare le aspettative su quale formato sarà il download. La freccia davanti alla sottotitolo aiuta ulteriormente a indirizzare l'attenzione su una copia importante che i visitatori devono leggere. Come IMPACT, hanno anche una casella di controllo automatico per iscriversi alla loro newsletter sul loro modulo – che, se trasformata in una casella di controllo di opt-in, è un ottimo modo per aumentare gli abbonati. Tutti questi piccoli dettagli, apparentemente insignificanti, aiutano a mettere insieme un solido, ammirevole design della pagina di destinazione.
12. IMPACT Branding & Design
Divulgazione completa: IMPACT è un partner HubSpot, ma non è questo il motivo per cui sono inclusi qui. Le pagine di atterraggio di IMPACT sono state a lungo fonte di ispirazione per il design. Adoro il semplice layout della pagina, dalla grande copia del titolo e l'immagine dettagliata, al contorno che circonda la forma, ai colori e ai caratteri che sono molto piacevoli alla vista.
La guida gratuita che IMPACT offre per il download qui, inoltre, non sottolinea il download stesso nel pulsante blu che consente di inviare il modulo compilato. Piuttosto, IMPACT ti sta invitando a "generare più conversioni", concentrando l'attenzione su ciò che guadagni come risultato della lettura della guida.
Pagine di destinazione per saperne di più
13. Unbounce
Non sorprende che Unbounce sia vicino alla cima di questo elenco – in realtà hanno scritto il libro sulla creazione di pagine di destinazione ad alta conversione. Sebbene ci siano molte cose sorprendenti su questa pagina di destinazione, le due che amo assolutamente sono: 1) L'uso di una finestra di chat invece di un modulo classico e 2) le informazioni dettagliate, ma ben confezionate, sotto il modulo.
Il primo aiuta a dirigere l'attenzione verso l'obiettivo della pagina, affinché tu possa compilare il modulo, in un modo che non è intrusivo e sembra meno un lavoro ingrato. Il secondo conferisce a questa pagina una spinta SEO (i motori di ricerca avranno più contenuti da scansionare) e allevia ogni preoccupazione da parte di persone che hanno bisogno di sapere di più su un contenuto prima di consegnare le proprie informazioni, il tutto senza distogliere la gente dalla finestra di chat.
14. Bills.com
Spesso le persone pensano che le pagine di destinazione siano pagine statiche sul tuo sito web. Ma con gli strumenti giusti, puoi renderli interattivi e personalizzati.
Prendi l'esempio qui sotto da Bills.com. Per vedere se trarrai beneficio dalla loro consultazione, rispondi a tre domande prima di mostrare un modulo. Inizia con questo:
Quindi, rispondi ad altre due domande, come quella seguente:
Ed ecco il modulo finale della pagina di destinazione in cui compili le tue informazioni:
Non sono sicuro di come funziona l'algoritmo (o se ce n'è uno affatto), ma mentre lo stavo compilando, ho avuto un po 'di ansia riguardo non qualifica. Una volta che l'ho scoperto, ero entusiasta di compilare il modulo, che sono sicuro che la maggior parte delle persone che sono in debito e che utilizzano questo strumento lo sono. Facendo sembrare questa offerta più esclusiva prima che il modulo apparisse nella pagina di destinazione, scommetto che Bills.com ha aumentato le conversioni in modo significativo.
15. Trulia
Trulia ha fatto qualcosa di molto simile a Bills.com con la sua pagina di destinazione. Inizia con un semplice modulo che richiede "un indirizzo" (che suona meno inquietante di "il tuo indirizzo", anche se questo è ciò che intendono). Sotto questo semplice campo modulo c'è un pulsante arancione brillante che contrasta bene con l'immagine dell'eroe dietro il modulo, e sottolinea che il preventivo sarà personalizzato per la tua casa.
Ovviamente, l'indirizzo stesso non basterà a stimare il valore di una casa. Denota solo il vicinato della casa. Ecco perché segue la prossima pagina con altre domande sulla proprietà stessa, come il numero di letti e bagni. Di seguito, viene visualizzata la copia "Indica dove inviare il rapporto" – con una dichiarazione di non responsabilità che, inserendo queste informazioni, accetti di connetterti con un agente immobiliare. Questo è un ottimo esempio di un'azienda che dà valore ai propri visitatori fin dall'inizio, mentre definisce le aspettative dei visitatori su ciò che accadrà di conseguenza.
16. Landbot
Landbot, un servizio che crea pagine di destinazione basate su chatbot, mette il proprio prodotto in prima pagina sulla pagina di destinazione alimentata dalla chat. I visitatori sono accolti da un bot amichevole – completo di emoji e GIF – che li incoraggia a fornire informazioni in un formato di conversazione, anziché tramite un modulo tradizionale.
17. Webprofits
Per un piccolo contrasto … e per quanto riguarda le lunghe pagine di destinazione? Con pochi accorgimenti, puoi anche far sembrare la pagina di atterraggio più lunga più breve. La pagina di destinazione dei Webprofits qui sotto mostra come.
Proprio in alto, c'è un pulsante CTA prominente per saperne di più – con un bel contrasto sullo sfondo in modo che risalti, e una freccia verso il basso per incoraggiare lo scorrimento. Non mettendo un campo modulo in primo piano, aiutano a ridurre l'attrito e creare un'opportunità per i visitatori di saperne di più prima di essere presentato con un'opzione di conversione.
Inoltre, ti permettono di capire facilmente quali sono i Webprofits in realtà lo fa. Il resto della pagina offre informazioni dettagliate su ciò che otterrete quando cedete le vostre informazioni. Inoltre, include CTA strategici in tutto per portarti in cima a compilare il modulo, come "Parliamo".
18. H.BLOOM
A volte devi solo fermarti ad ammirare una pagina di destinazione per essere bella. Usando fotografie ad alta risoluzione e molto spazio bianco, la pagina di destinazione di H.BLOOM è un piacere da guardare.
A prescindere dalla sua bellezza, la pagina presenta alcuni elementi di conversioni straordinari: una forma above the fold, una descrizione chiara e concisa di ciò che accadrà quando si compila il modulo e anche il pulsante "Invia" di colore arancione brillante. L'unica cosa che cambieremmo? La copia sul pulsante "Invia" – che potrebbe essere più specifica per l'offerta a portata di mano.
19. Laboratorio di conversione
Anche se in genere non includerei un esempio di una home page con un modulo su di esso in un post sulle pagine di destinazione, questo sito Web è speciale. La homepage è l'intero sito Web: i link di navigazione ti portano semplicemente alle informazioni di seguito.
Quando fai clic su "Ottieni assistenza con le pagine di destinazione", l'intero sito si sposta per creare spazio per il modulo. Ecco come appare prima di fare clic su:
E, quando fai clic su quel CTA, controlla come appare il modulo:
Adoro come non devi lasciare la pagina per compilare il modulo, tuttavia il modulo non si sentirà invadente per i visitatori del sito web occasionali.