12 tecniche per l'ispirazione per la progettazione della pagina di destinazione post clic

Il design della tua pagina di destinazione post clic è importante, perché queste pagine sono le tue vetrine digitali, essenziali per promuovere e vendere i tuoi prodotti e servizi. Se ottimizzate correttamente, le pagine possono aumentare notevolmente i tassi di conversione. Poiché sono fondamentali per il successo complessivo della tua attività, la creazione di landing page post clic professionali e ad alta conversione sono parte integrante della tua strategia di marketing.

Sia che tu stia cercando ispirazione per la pagina di destinazione post clic della tua app, la pagina di destinazione post clic del prodotto, la pagina di destinazione post clic per dispositivi mobili o qualcos'altro. C'è una miriade di varie ispirazioni per il design della pagina di destinazione post clic disponibili.

In Instapage, abbiamo un'intera categoria di blog dedicata agli esempi di landing page post-clic. Facciamo ricerche e scriviamo frequentemente su questo argomento per fornire al nostro pubblico ispirazione da alcuni dei più grandi marchi del mondo. Compresi Microsoft, Lyft, Marketo, Constant Contact, Oracle, Facebook, MailChimp e HubSpot.

In questo articolo, mostreremo alcune pagine di destinazione post clic, evidenziando diverse tecniche di progettazione, per fornirti ispirazione durante la creazione delle tue pagine. Per ogni esempio, discuteremo cosa fa bene la pagina e cosa potrebbe essere sottoposto a test A/B per produrre risultati migliori.

ispirazione per il design della pagina di destinazione post clic

Immagine eroe avvincente

Gli esseri umani in genere elaborano le immagini fino a 60.000 volte più velocemente del testo. Se utilizzate correttamente sulla tua pagina, le immagini possono costringere i visitatori a interagire con la tua pagina abbastanza a lungo da convertire la tua offerta. È ora di smettere di dire ai tuoi visitatori cosa otterranno quando utilizzeranno la tua offerta e inizi a mostrarli invece. Un colpo di eroe aiuta il potenziale cliente a visualizzare come sarebbe sperimentare i vantaggi della tua offerta.

TaskEasy lo capisce e fa un grande uso dell'immagine di un eroe sulla loro pagina. Non appena i visitatori atterrano sulla pagina, hanno un'idea di come potrebbe essere il loro prato se assumono TaskEasy:

Cosa fa bene la pagina.

• Il colore del pulsante CTA si distingue perché non viene utilizzato in nessun'altra parte della pagina, a parte il pulsante Contattaci.
• La copia del pulsante CTA utilizza la prima persona, il che fa sentire i potenziali clienti personalmente connessi all'offerta.
• I segnali direzionali (frecce sui pulsanti CTA e frecce che puntano verso il basso nella pagina) mostrano ai visitatori dove dovrebbero focalizzare la loro attenzione in seguito.
• L'iconografia aiuta ad attirare l'attenzione sulle caratteristiche e sui vantaggi dell'assunzione di TaskEasy.
• Segnali di fiducia e prove sociali (badge di sicurezza, un sigillo di riconoscimento e un contatore di Mi piace di Facebook) probabilmente fanno sentire i potenziali clienti a proprio agio, al sicuro e persino obbligati ad assumere TaskEasy.
• Il modulo a scorrimento "Contattaci" consente ai visitatori di contattare facilmente l'azienda per richiedere informazioni sui loro servizi.

Cosa fare per l'A/B test:

• Il logo TaskEasy ha un collegamento ipertestuale, il che significa che i visitatori hanno un facile percorso di uscita dalla pagina.
• Il pulsante CTA di Property Manager nella parte superiore della pagina allontana i visitatori da questa pagina. Sebbene apra un'altra pagina di acquisizione dei lead, dovrebbe avere una propria campagna, completamente separata da questa.
• L'aggiunta di una copia aiuterebbe i potenziali clienti a comprendere meglio i vantaggi di lavorare con TaskEasy. Attualmente, non c'è una copia sulla pagina, il che potrebbe rendere difficile per i visitatori avere una buona idea dell'azienda e dell'offerta.
• La navigazione a piè di pagina offre ai visitatori troppi modi per sfuggire alla pagina senza eseguire la conversione.
• Il numero di telefono potrebbe essere abilitato al click-to-call, rendendo molto più facile per i visitatori contattare TaskEasy, soprattutto perché l'azienda li incoraggia a chiamare con "Vuoi chiamarci? Erano qui!"

Elenco puntato

Le persone spesso non vogliono leggere un testo infinito per trovare quello che stanno cercando. Preferiscono scansionare rapidamente la pagina per trovare informazioni specifiche: la copia puntata lo rende possibile. La copia puntata (sfruttando segni di spunta, frecce, iconografia, ecc.) è efficace perché consente ai visitatori di scansionare rapidamente la pagina e trovare ciò che stanno cercando.

Questo esempio di Yodle utilizza la copia puntata (segni di spunta) per evidenziare i vantaggi del loro software. Si distingue dal resto della copia sulla pagina anche con uno spazio bianco:

Cosa fa bene la pagina.

• Il logo di Yodle non è collegato alla loro home page, consentendo ai visitatori di vedere su quale pagina web si trovano senza rischiare che facciano clic lontano dalla pagina.
• Il numero di telefono click-to-call consente ai visitatori di contattare facilmente l'azienda.
• Il titolo e il sottotitolo informano i visitatori di qual è l'offerta e di come ne trarrà vantaggio.
• La copia in corsivo si distingue dal resto della copia, costringendo i visitatori a leggerla.
• Il modulo incapsulato attira l'attenzione, mostrando ai visitatori dove devono andare per richiedere una demo.
• La "Demo personalizzata" fa sentire i potenziali clienti come se l'offerta fosse specifica per loro.
• Il colore del pulsante CTA arancione r "si apre" sulla pagina, attirando l'attenzione su di esso e aumentando le possibilità che le persone clicchino.
• La freccia sul pulsante CTA funge da segnale direzionale, suscitando l'interesse delle persone per ciò che si nasconde dietro il modulo.
• I segnali di fiducia (la testimonianza del cliente, i loghi aziendali e i sigilli dei premi) aumentano il livello di fiducia che i potenziali clienti hanno per Yodle, il che aiuta a persuadere i visitatori a compilare le proprie informazioni personali.

Cosa testare A/B:

• La copia del pulsante CTA non è personalizzata e potrebbe non convincere molti visitatori a fare clic. Cambiarlo in qualcosa come "Voglio una demo" o "Pianifica la mia demo" potrebbe generare risultati migliori.
• Includendo un colpo alla testa con il cliente, la testimonianza lo farebbe sembrare più gradevole, infondendo ancora più fiducia nel potenziale cliente.
• La stampa fine nel piè di pagina potrebbe sopraffare i potenziali clienti e dissuaderli dalla conversione.

F-Pattern

Quando progetti la tua pagina, pensa a come è più probabile che i tuoi visitatori visualizzino la tua pagina. In questo modo, puoi posizionare di conseguenza i tuoi elementi più importanti. Poiché le persone tendono a leggere dall'alto verso il basso e da sinistra a destra, progettare la tua pagina in modo che segua un F-Pattern è intelligente.

La pagina di destinazione post-clic della demo di Oracle di seguito segue un layout F-Pattern distinto. Ogni elemento importante si trova lungo il percorso F-Pattern dove i visitatori guarderanno naturalmente durante la visualizzazione della pagina.

1. Gli spettatori individueranno prima l'immagine del computer nell'angolo in alto a sinistra.
2. I loro occhi seguiranno quindi lo stelo orizzontale e poi vedranno le persone sorridere.
3. Spostandosi lungo il lato sinistro della pagina fino al ramo orizzontale successivo, i visitatori concentreranno la loro attenzione sul titolo e poi sul singolo campo del modulo.
4. Successivamente, continueranno il modello F lungo lo stelo verticale, dove eseguiranno la scansione del paragrafo di testo e dei punti elenco.
5. Infine, il loro focus finirà sul pulsante CTA rosso brillante.

Cosa fa bene la pagina.

• Le persone sorridenti rendono la pagina più umanizzata, il che probabilmente farà sentire i visitatori più a loro agio.
• Gli elenchi puntati e il grassetto richiamano l'attenzione sulle caratteristiche primarie dell'offerta.
• Il modulo a 1 campo lo rende facile e veloce da completare.
• Lo sguardo dei visitatori è diretto verso il modulo e il pulsante CTA, il che implica che dovrebbero concentrarsi lì e convertire.

Cosa fare per l'A/B test:

• L'immagine del prodotto potrebbe essere più grande. Attualmente, è difficile vedere qualcosa sullo schermo.
• Il titolo non è persuasivo perché non fornisce ai visitatori alcuna informazione su come l'offerta li avvantaggerà.
• La copia del pulsante CTA è debole. "Continua" non dice nulla sull'offerta e non è allettante per fare clic.
• Includere la prova sociale , come una testimonianza di un cliente, potrebbe aumentare la credibilità dell'azienda e della sua offerta.
• I link di navigazione a piè di pagina potrebbero distrarre i visitatori, allontanarli dalla pagina e probabilmente ridurre il tasso di conversione.

Z-Pattern

Come il modello F, anche il modello Z aiuta gli spettatori a navigare nella tua pagina, rendendolo un'altra fantastica opzione di layout per il design della tua pagina.

Ecco un esempio da Business-Software.com che segue un chiaro Z-Pattern.

1. I visitatori vedranno prima il titolo in grassetto nell'angolo in alto a sinistra.
2. Muovendosi lungo lo stelo a Z orizzontale superiore, arrivano al timbro rosso “Register to Download”.
3. Spostandosi in diagonale verso il basso e in basso a sinistra, gli spettatori concentreranno la loro attenzione sull'immagine del report.
4. Infine, completeranno lo Z-Pattern con un altro gambo orizzontale, dove finiranno sull'elemento più importante della pagina: il pulsante CTA.

Cosa fa bene la pagina.

• Il logo in alto a sinistra non è collegato in modo che i visitatori non vengano immediatamente distratti e portati via dalla pagina.
• Il titolo e il sottotitolo sono efficaci nel comunicare ai visitatori che questo rapporto offre i primi 10 fornitori di automazione del marketing e consente loro di sapere come possono trarre vantaggio dal download del rapporto.
• Gli elenchi puntati con una copia minima consentono agli spettatori di scansionare rapidamente la pagina e apprendere i punti chiave senza dover leggere molto testo.
• La parola "libero" è usata in due punti. Sul timbro rosso, che è circondato da uno spazio bianco ed è molto accattivante, e nella copia, che è in grassetto e proprio sopra l'immagine.
• L'anteprima del rapporto consente ai potenziali clienti di dare un'occhiata all'aspetto del rapporto, se scelgono di scaricarlo.
• Il pulsante giallo CTA contrasta bene con il resto della pagina, probabilmente facendo clic su più visitatori.

Cosa fare per l'A/B test:

• Il logo dell'azienda nell'angolo in basso a destra è un collegamento ipertestuale alla loro homepage che fornisce ai visitatori una via d'uscita dalla pagina prima di convertirsi all'offerta.
• 13 campi modulo sono molti per un'offerta nella fase di consapevolezza del funnel di marketing. Chiedere così tante informazioni così presto nel percorso dell'acquirente potrebbe facilmente dissuadere le persone dalla conversione.
• Aumentare lo spazio bianco attorno agli elementi più importanti. Ad esempio, l'immagine e il pulsante CTA attirerebbero più attenzione su di loro e invoglierebbero i visitatori a scaricare il rapporto.
• L'aggiunta di prove sociali probabilmente convincerebbe più potenziali clienti a convertirsi. In quanto li farebbe sentire più a loro agio ed entusiasti all'idea di lavorare con Business-Software.com.
• Il piè di pagina potrebbe essere rimosso. La piccola stampa sembra superflua e il logo dell'azienda funge da collegamento di uscita, allontanando i visitatori da questa pagina.

Spazio bianco

Un altro modo per convincere i visitatori a focalizzare la loro attenzione è aggiungere uno spazio bianco. Includendo uno spazio bianco sufficiente attorno a determinati elementi, questi elementi risaltano maggiormente sulla pagina.

Oltre ad aumentare l'attenzione su elementi specifici, anche lo spazio bianco aiuta.

• Riduci il disordine
• Rende la tua pagina esteticamente gradevole
• Aumenta la leggibilità e la comprensione
• Migliora l'esperienza dell'utente

Dai un'occhiata a tutto lo spazio bianco che circonda il modulo di acquisizione dei lead nell'esempio di MarcomCentral di seguito. Notare che lo spazio attorno al form non è effettivamente bianco. Lo spazio bianco può essere di qualsiasi colore purché aiuti a separare i diversi elementi della pagina e contrasti con l'elemento che sta evidenziando. In questo caso il modulo:

Cosa fa bene la pagina.

• Il numero di telefono click-to-call offre ai visitatori un modo conveniente per contattare il servizio clienti.
• Il video di 50 secondi consente ai potenziali clienti di ottenere rapidamente e facilmente informazioni senza dover leggere la copia.
• "Gratuito" nel titolo del modulo e nel primo pulsante CTA è una copia altamente persuasiva poiché tutti amano gratis. L'aggiunta di una copia personalizzata potrebbe rendere questa pagina ancora più persuasiva.
• I tag di ancoraggio riportano i visitatori direttamente al modulo quando vengono cliccati, rendendo più facile trovarlo e completarlo.
• La prova sociale infonde fiducia e sicurezza nei visitatori. Includere i colpi alla testa con le testimonianze dei clienti aggiungerebbe ancora più valore.
• Le immagini nella sezione "Come funziona" consentono ai potenziali clienti di capire meglio e immaginare cosa sta descrivendo ogni passaggio.

Cosa fare per l'A/B test:

• Il logo aziendale con collegamento ipertestuale ha il potenziale per allontanare i visitatori dalla pagina prima ancora che abbiano visto l'intera offerta.
• Il titolo dovrebbe essere cambiato perché anche se è grande e risalta, non è avvincente. Perché non fornisce alcun vantaggio al potenziale cliente.
• Il pulsante CTA arancione non risalta bene come potrebbe perché l'arancione viene utilizzato più volte in tutta la pagina.
• I pulsanti dei social media nella parte inferiore della pagina potrebbero distrarre i visitatori e impedire loro di convertire.

Tag di ancoraggio

I tag di ancoraggio si collegano a un'altra posizione sulla stessa pagina, consentendo ai visitatori di passare a una parte specifica della pagina senza dover scorrere. Poiché i link di ancoraggio portano i visitatori dove vogliono andare senza troppi sforzi, aiutano a migliorare l'esperienza complessiva dell'utente, il che aiuta nel processo di conversione.

PRWeb includeva due tag di ancoraggio sulla loro pagina: entrambi "Inizia ora!" Pulsanti CTA sotto la piega. Che, una volta cliccati, rimandano i visitatori al modulo di acquisizione dei lead above the fold:

Cosa fa bene la pagina:

• Il titolo è specifico e utilizza la copia in seconda persona, due qualità che sono ottime per persuadere i visitatori a leggere ulteriormente l'offerta e alla fine a convertirsi.
• L'incapsulamento del modulo lo rende più accattivante, il che probabilmente attirerà i potenziali clienti per completarlo.
• Lasciare deselezionata la casella di attivazione sul modulo fa sentire i potenziali clienti liberi di prendere le proprie decisioni, piuttosto che PRWeb a prendere decisioni per loro.
• Le immagini e la copia formattata nelle sezioni "Come" e "Perché" richiamano l'attenzione sui dettagli più importanti su come funziona PRWeb e sul perché i potenziali clienti dovrebbero scegliere PRWeb.

Cosa fare per l'A/B test:

• I link di uscita (il logo dell'azienda, i pulsanti dei social media e la navigazione a piè di pagina) potrebbero allontanare le persone dalla pagina senza effettuare conversioni.
• La copia puntata potrebbe risaltare di più. Indentare o allargare le frecce attirerebbe più attenzione su di esso.
• L'immagine della guida è tagliata, il che la fa sembrare un errore di progettazione. È anche cliccabile, ma quando l'immagine si apre, non è ancora l'immagine completa o più grande.
• I campi di 7 moduli potrebbero intimidire i visitatori e dissuaderli dal completare il modulo. Soprattutto perché è probabile che siano ancora nella fase di considerazione del viaggio dell'acquirente.
• Il colore del pulsante CTA (di tutti e tre i pulsanti) non risalta perché il rosso e il blu sono usati in tutta la pagina.
• La copia del pulsante CTA (di nuovo, su tutti e tre i pulsanti) è vaga. Qualcosa come "Voglio la guida al marketing!" è più convincente e probabilmente genererebbe più clic.
• La testimonianza del cliente non è ottimizzata. Non c'è nessun colpo alla testa di Craig Kasnoff, nessun nome dell'azienda (e non dovrebbe esserci una virgola dopo Media Consultant), e la stessa testimonianza non dice nulla di specifico per incoraggiare anche i potenziali clienti a lavorare con l'azienda.

GIF

Incorporare i media nella tua pagina di destinazione post clic (sotto forma di immagini, video o GIF) può aiutare ad aumentare le conversioni perché spiegano il tuo prodotto o servizio, rendendo anche la tua pagina più attraente dal punto di vista visivo.

Le GIF sono immagini animate che aiutano a spiegare le tue offerte in modo più interattivo. Quindi, piuttosto che aggiungere immagini statiche alle tue pagine, come uno screenshot di come appare la dashboard del tuo software, aggiungi una GIF per dimostrare visivamente come i potenziali clienti possono eseguire azioni diverse.

ActiveCampaign fa questo sulla loro pagina:

Cosa fa bene la pagina.

• Il titolo e il sottotitolo sono convincenti. Il titolo utilizza una copia in seconda persona e il sottotitolo integra bene il titolo, facendo sapere ai potenziali clienti che oltre 150.000 altri marketer utilizzano ActiveCampaign.
• "Nessuna carta di credito richiesta" assicura ai visitatori che questa offerta è completamente gratuita.
• Solo due campi modulo rendono probabile che più potenziali clienti completeranno il modulo.
• Le testimonianze dei clienti sono ottime per aggiungere prove sociali, ma le maniglie di Twitter potrebbero allontanare i visitatori dalla pagina senza prima effettuare la conversione.
• Il modulo a scorrimento e il pulsante CTA aumentano le possibilità che i visitatori agiscano perché è visibile indipendentemente da dove si trovano sulla pagina.

Cosa fare per l'A/B test:

• Il pulsante CTA non risalta. Il colore si fonde con il resto del blu sulla pagina e la copia è insignificante.
• La copia sotto il pulsante CTA dice "Cliccando su 'Crea'..." ma il pulsante CTA non dice "Crea".
• I collegamenti di navigazione nel piè di pagina potrebbero facilmente distrarre i visitatori dall'obiettivo della pagina.

Segnali visivi

I segnali visivi giocano un ruolo enorme nella progettazione della pagina di destinazione post clic. Perché aiutano a mantenere una gerarchia visiva, mantengono i visitatori coinvolti e li indirizzano verso gli elementi essenziali. Tre segnali visivi comunemente usati includono frecce, sguardo oculare e oggetti posizionati strategicamente, tutti che puntano nella direzione di elementi che sono parte integrante del tuo obiettivo di conversione.

frecce

Le frecce vengono spesso utilizzate nelle pagine di destinazione post clic perché sono semplici, dirette e facilmente comprensibili. Possono essere animati o fissi e sono più comunemente usati per indirizzare i visitatori verso moduli di acquisizione di lead e pulsanti CTA, come fa Bridgeline Digital in questo esempio:

Cosa fa bene la pagina.

• È probabile che l' inclusione di una statistica sull'aumento dei tassi di conversione susciti l'interesse dei visitatori per l'automazione del marketing. Inoltre, la formattazione in grassetto aiuta ad attirare l'attenzione su di essa.
• "Gratuito" è menzionato in due punti diversi, sottolineando che i potenziali clienti non devono pagare per questo whitepaper.
• La copia puntata consente ai potenziali clienti di scoprire facilmente cosa conterrà il loro whitepaper, senza dover leggere blocchi di testo.
• Il pulsante CTA arancione si distingue e si coordina bene con il titolo e la freccia del modulo.
• I loghi aziendali aggiungono valore di fiducia alla pagina, facendo pensare ai visitatori: "Se queste famose aziende collaborano con Bridgeline Digital, allora dovrei farlo anch'io".

Cosa fare per l'A/B test:

• Il logo dell'azienda con collegamenti ipertestuali e i collegamenti a piè di pagina forniscono ai visitatori una via d'uscita dalla pagina, aumentando probabilmente la frequenza di rimbalzo.
• Aumentare lo spazio bianco attorno all'immagine del prodotto lo farebbe risaltare di più.
• La copia del pulsante CTA deve essere migliorata, poiché non c'è nulla di persuasivo su "Scarica whitepaper". L'aggiunta di una copia orientata ai vantaggi e/o in prima persona probabilmente incoraggerebbe più potenziali clienti a fare clic.

Sguardo fisso

Poiché le persone hanno la tendenza a guardare ciò che stanno guardando gli altri, l'uso dello sguardo dell'occhio umano come segnale direzionale è particolarmente efficace nelle pagine di destinazione post clic. Ad esempio, se un'immagine umana sulla tua pagina sta guardando il titolo, è probabile che anche l'attenzione del tuo visitatore venga attirata dal titolo. Pertanto, questa tecnica è utile per far guardare i visitatori dove vuoi.

Nella pagina sottostante, Vistage ha incluso l'immagine di una donna che guarda nella direzione del modulo di acquisizione del lead. Quando i visitatori la guardano, si sentono inconsciamente obbligati a guardare il modulo:

Cosa fa bene la pagina:

• Nessun link di uscita (a parte una politica sulla privacy) rende impossibile per i visitatori lasciare la pagina senza fare clic sulla "X" nel browser o completare il modulo.
• I colori contrastanti servono come spunto visivo, attirando l'attenzione sugli elementi più importanti della pagina: il titolo, la donna e il pulsante CTA. Poiché il resto della pagina è in toni di grigio, questi tre componenti risaltano sopra tutto il resto.
• Includere una politica sulla privacy aiuta a infondere fiducia nei visitatori, facendo loro sapere che le loro informazioni sono al sicuro con l'azienda.

Cosa fare per l'A/B test:

• L'aggiunta di prove sociali , come testimonianze di clienti o badge aziendali, indurrebbe probabilmente più visitatori a scoprire se sono idonei per l'offerta.
• Informazioni minime sull'offerta potrebbero impedire alle persone di effettuare la conversione. L'aggiunta di punti elenco o piccoli frammenti di testo per evidenziare i vantaggi dell'offerta potrebbe produrre risultati migliori.

oggetti

Una terza tecnica di indicazione visiva comunemente usata consiste nel posizionare gli oggetti in modo che siano puntati direttamente verso un'area specifica della pagina. In questo modo si concentra l'attenzione dei potenziali clienti su alcuni elementi importanti della pagina.

Lyft lo fa nell'esempio seguente posizionando un veicolo direttamente verso - e quasi toccando - la loro forma di cattura del piombo:

Cosa fa bene la pagina:

• Un solo campo modulo è ottimo per convincere le persone a consegnare le proprie informazioni.
• Lasciare deselezionata la casella di controllo dell'accordo fa sentire i potenziali clienti più in controllo e a proprio agio con il processo di conversione.
• La sezione "Vedi quanto puoi guadagnare" è utile perché consente ai potenziali clienti di inserire le proprie informazioni e fare clic sul pulsante "Calcola" CTA senza uscire dalla pagina. Dopo aver calcolato l'importo della paga settimanale, il pulsante si trasforma in un altro pulsante "Applica ora", aiutando nel processo di conversione.
• La sezione "Come funziona Lyft Driving" consente all'azienda di fornire informazioni dettagliate su come funziona Lyft e, poiché scorre orizzontalmente, non ingombra la pagina con la copia.

Cosa fare per l'A/B test:

• Diversi link di uscita rendono facile per i visitatori distrarsi e allontanarsi dalla pagina senza convertire l'offerta.
• Il titolo e il sottotitolo sono difficili da leggere a causa dello sfondo occupato. Testarli in un luogo diverso in cui sono più visibili potrebbe attirare più attenzione e produrre risultati migliori.
• La copia del pulsante CTA è vaga come si arriva. "Avanti" non dice nulla sull'offerta e probabilmente non costringe molte persone a fare clic.

Gerarchia visiva

Ogni pagina di destinazione post clic dovrebbe seguire una gerarchia visiva specifica: contenuti organizzati dal più importante al meno importante. L'elemento destinato a catturare per primo l'attenzione dei visitatori (di solito il titolo) dovrebbe essere posizionato nella parte superiore della pagina, poiché questa è la parte superiore della gerarchia, con il resto del contenuto consegnato dalla priorità più alta a quella più bassa.

Molte caratteristiche giocano un ruolo nella creazione della gerarchia visiva, incluso ma non limitato a:

• Taglia
• Colore/contrasto
• Densità/prossimità
• Spazio bianco
• Texture/stile

SendGrid utilizza molti di questi componenti sulla loro pagina. Vediamo quali usano e quali dovrebbero considerare di migliorare:

Cosa fa bene la pagina.

• La variazione delle dimensioni e la formattazione in grassetto aiutano ad attirare l'attenzione sui frammenti più importanti del testo, formando una forte gerarchia visiva.
• Il titolo costringe i visitatori a utilizzare SendGrid citando tre grandi aziende che utilizzano anche SendGrid.
• Più pulsanti CTA cooperativi offrono ai potenziali clienti diverse opportunità di riscattare l'offerta in diversi punti della pagina.
• L'immagine del prodotto mostra un'anteprima di come sarà il contenuto consegnato.
• Gli elenchi puntati con una copia minima fanno in modo che i potenziali clienti non debbano leggere i paragrafi di testo per trovare ciò che stanno cercando.
• La testimonianza di un cliente e i badge aziendali servono come prova sociale, probabilmente persuadendo più potenziali clienti a lavorare con SendGrid, dal momento che altri stanno riscontrando successo con loro. Aggiungere il colpo alla testa di Dave Tomback alla sua testimonianza lo renderebbe ancora più efficace.

Cosa fare per l'A/B test:

• La donna nell'immagine potrebbe guardare in basso il pulsante del titolo/CTA per aggiungere un segnale visivo e incoraggiare anche i visitatori a guardare in quel modo.
• I pulsanti CTA potrebbero essere ingranditi e testati in un colore diverso per attirare più attenzione su di essi. C'è del blu altrove sulla pagina, quindi non "pop" tanto quanto potrebbero.
• Aumentare lo spazio bianco attorno ad alcuni elementi, come i pulsanti CTA e il titolo, li aiuterebbe a risaltare di più.
• Il pulsante CTA "Vedi piani e prezzi" dovrebbe essere rimosso perché porta i visitatori a un'altra pagina, distraendoli da questa.

Pulsante CTA che attira l'attenzione

Un pulsante CTA perfettamente ottimizzato e che attira l'attenzione è l'elemento più importante da includere nel framework della pagina di destinazione post clic. Dovrebbe risaltare sopra tutti gli altri elementi, quindi non c'è confusione su dove i potenziali clienti devono fare clic per riscattare la tua offerta.

WalkMe ha creato la sua pagina di attivazione in due passaggi con un grande pulsante CTA a contrasto che si distingue sicuramente sulla pagina, attirando l'attenzione dei visitatori:

Cosa fa bene la pagina.

• L'immagine di sfondo offre ai visitatori un'anteprima realistica di come sarà il loro software.
• Il pulsante CTA si apre davvero sulla pagina. Oltre ad essere grande e contrastante, riappare anche nella parte superiore della pagina quando l'utente inizia a scorrere.
• Il modulo opt-in in due fasi riduce il disordine e fa sentire gli utenti meno intimiditi, perché non devono inserire le loro informazioni qui.
• La copia puntata consente ai potenziali clienti di apprendere informazioni sull'offerta senza dover leggere troppo testo.
• È probabile che le prove sociali (la testimonianza del cliente e i loghi aziendali scorrevoli) facciano sentire i potenziali clienti obbligati a lavorare con questa azienda.

Cosa fare con l'A/B test.

• La modifica della copia del pulsante CTA in qualcosa di più personalizzato (con formattazione in prima persona) e orientata ai vantaggi probabilmente migliorerebbe il tasso di conversione.
• La sostituzione dell'immagine con una GIF (under the fold) darebbe agli utenti un'esperienza più interattiva sulla pagina e aiuterebbe a spiegare meglio il prodotto.
• Aggiungere un colpo alla testa alla testimonianza del cliente lo renderebbe più affidabile, aumentandone l'efficacia.

Quali tecniche di progettazione della pagina di destinazione post clic ti hanno ispirato?

L'utilizzo di landing page post clic per promuovere e vendere i tuoi prodotti e servizi è parte integrante della tua strategia di marketing. Questo perché se ottimizzati correttamente, con le tecniche descritte sopra, insieme alla nostra Guida alle best practice per la progettazione e alla Guida all'ottimizzazione della pagina di destinazione post clic, possono aumentare notevolmente i tassi di conversione.

Trasforma i clic sugli annunci in conversioni, crea pagine post clic dedicate e a caricamento rapido per ogni offerta. Scopri come fornire a tutti i tuoi segmenti di pubblico pagine di destinazione post clic uniche iscrivendoti oggi a una demo di Instapage Enterprise.