Costruito per convertire: best practice per la progettazione di pagine di destinazione

Pubblicato: 2022-03-11

Le pagine di destinazione sono tutte le pagine a cui arriva un visitatore dopo aver fatto clic su un invito all'azione di marketing. Potrebbe trattarsi di un annuncio di ricerca o display, un'e-mail, un post sui social media o un link di affiliazione.

Alcune aziende inviano il traffico da quelle fonti di riferimento alla loro home page; è un errore. Le pagine di destinazione offrono numerosi vantaggi, inclusa un'offerta chiara che si allinea a qualunque sia la fonte di riferimento. Ciò si traduce in conversioni più elevate rispetto al semplice invio di nuovi visitatori alla home page e alla speranza che scoprano come trovare ciò che è stato offerto quando hanno fatto clic.

I designer possono creare pagine di destinazione che convertono in modo più efficace seguendo le best practice per la progettazione di pagine di destinazione come quelle incluse qui.

Evidenzia i vantaggi

I designer di prodotti tendono a volersi concentrare sulle funzionalità; i consumatori vogliono conoscere i vantaggi. Vogliono vedere come queste funzionalità influiscono sulla loro esperienza. Una persona non compra un'auto a causa dei suoi 300 CV; lo comprano perché quei 300 cv gli permettono di andare veloci. Ecco perché molti annunci di auto menzionano i loro 0-60 volte anziché solo i numeri di potenza.

Nelle pagine di destinazione, ciò significa utilizzare elementi come titoli ed elenchi puntati per evidenziare i vantaggi del prodotto. Questo è ciò che gli utenti vogliono sapere per primo: in che modo questo prodotto giova alla mia vita o alla mia attività?

Best practices per la progettazione della landing page: evidenziarne i vantaggi
Teambit si concentra quasi esclusivamente sui vantaggi per i clienti sulla loro pagina di destinazione, citando cose come la creazione di team ad alte prestazioni.

Usa immagini pertinenti

Le persone sono creature visive. Una carenza di immagini può essere snervante per una persona che visualizza una pagina di destinazione. Le buone immagini aggiungono un senso di fiducia tra il consumatore e l'azienda.

Esistono molti tipi di immagini che possono essere utilizzate in modo efficace per le pagine di destinazione. Le immagini dei prodotti sono la scelta più ovvia.

Suggerimenti per la pagina di destinazione: utilizza immagini pertinenti
Square utilizza le immagini dell'hardware e del software del punto vendita sulla pagina di destinazione.

Poiché gli utenti rispondono meglio alle immagini di persone reali, le immagini di persone che utilizzano il prodotto sono ancora più interessanti. Le foto d'archivio dei modelli, d'altra parte, non aggiungono necessariamente all'esperienza dell'utente.

ottimo design della pagina di destinazione: le immagini di persone reali hanno prestazioni migliori
Airbnb utilizza immagini che includono persone reali nella loro pagina di destinazione per attirare nuovi host.

I designer di landing page dovrebbero mirare a utilizzare immagini che creino una risposta emotiva nelle persone che visitano una landing page.

Testa le tue CTA

Probabilmente la parte più importante di qualsiasi pagina di destinazione è l'invito all'azione. Data la loro importanza, i designer devono testare le loro CTA per assicurarsi che siano ottimizzate per ottenere il maggior numero di risposte positive dai visitatori.

Il test A/B è il modo più semplice per testare le CTA. I designer possono avere due pagine di destinazione mostrate casualmente ai visitatori per un determinato periodo di tempo, ciascuna identica tranne che per le differenze nella CTA stessa. Da lì, possono continuare a perfezionare e testare fino a quando la CTA non ottiene i risultati desiderati.

I designer dovrebbero considerare di testare cose come il colore del pulsante CTA, la lingua che circonda l'invito all'azione (e sul pulsante stesso) e il posizionamento dell'invito all'azione sulla pagina. (Anche altre parti della pagina di destinazione possono essere testate A/B per ottenere risultati complessivi migliori.)

landing page ad alta conversione: prova le CTA per ottenere i migliori risultati
Basecamp è noto per testare ampiamente tutto ciò che riguarda le loro pagine di destinazione, comprese le loro CTA.

Rendilo ottimizzato per i dispositivi mobili

Considerando quante persone navigano sul Web sui propri dispositivi mobili, è un errore per i designer trascurare l'aspetto delle loro pagine di destinazione su schermi più piccoli. Sebbene la creazione di un design che stia semplicemente bene sui dispositivi mobili è un'opzione, semplificare la pagina di destinazione in modo che sia più efficace sui dispositivi mobili è un'idea ancora migliore.

La compatibilità con i dispositivi mobili è particolarmente importante per le pagine di destinazione a cui puntano i post sui social media, gli annunci o le e-mail. Nel 2017, il 75% degli utenti di posta elettronica ha riferito di aver controllato la propria posta elettronica su un dispositivo mobile (e da allora quel numero è solo aumentato). E il 42% delle persone in tutto il mondo (non solo gli utenti di Internet) utilizza i siti di social media dal proprio dispositivo mobile. Inoltre, nel 2018, il 40% delle vendite del Black Friday è stato effettuato da uno smartphone o un tablet.

Le persone non si limitano a navigare sui social media e leggere le e-mail sui propri smartphone. Fanno acquisti, si iscrivono a servizi e in altro modo completano le azioni che le aziende vogliono che facciano. I designer che trascurano questa enorme percentuale del mercato sono nella migliore delle ipotesi miopi.

il design della pagina di destinazione mobile è un must
Bench mantiene i messaggi coerenti tra le versioni mobile e desktop, ma la versione mobile è snella e semplificata.

Rendilo coerente con la fonte di riferimento

Quando qualcuno fa clic su un annuncio o su un collegamento in un'e-mail, è essenziale che ci sia coerenza con la pagina di destinazione in cui finisce. Questo può essere fatto in diversi modi, a seconda della fonte di riferimento.

Ad esempio, se la fonte di riferimento è un annuncio della rete di ricerca, l'utilizzo della stessa lingua tra l'annuncio e la pagina di destinazione in cui l'utente finisce fornisce coerenza. Se la fonte di riferimento è un'e-mail, l'utilizzo di immagini e schemi di colori simili può conferire ai visitatori la coerenza di cui hanno bisogno.

Quando si progetta una pagina di destinazione, i designer dovrebbero sapere quale sarà la fonte di riferimento per assicurarsi che corrispondano almeno in alcuni modi.

strategia della pagina di destinazione: la fonte dovrebbe essere allineata con la pagina di destinazionele pagine di destinazione con la migliore conversione corrispondono in qualche modo alla fonte di riferimento
Il lunedì mantiene i messaggi "visivi" coerenti tra i loro annunci e le pagine di destinazione.

Includere la prova sociale

Le persone vogliono sapere che un prodotto che stanno pensando di acquistare ha reso felici altri clienti. La prova sociale è uno dei modi migliori per fornire quella rassicurazione.

Ci sono alcuni modi per fornire una prova sociale. Uno è quello di includere testimonianze o recensioni in modo prominente sulla pagina di destinazione. Un altro modo è includere le conversazioni sui social media sul prodotto. I designer dovrebbero fare attenzione quando lo fanno, tuttavia, poiché la visualizzazione automatica di tutte le menzioni sui social potrebbe finire per mostrare sia il bene che il male.

il contenuto della pagina di destinazione dovrebbe includere prove sociali
Casper include le loro recensioni medie su più siti, una testimonianza e il numero di clienti che hanno dato loro recensioni a cinque stelle in primo piano sulla loro pagina di destinazione.

Non fare in modo che le pagine di destinazione facciano più di un lavoro

Una pagina di destinazione dovrebbe avere un solo lavoro da fare e questo dovrebbe essere determinato prima di essere progettato. Una pagina di destinazione che chiede ai visitatori di acquistare qualcosa, ma anche di iscriversi a una newsletter, divide l'attenzione di quel visitatore. Ciò rende meno probabile che intraprendano l'azione più desiderabile.

I designer dovrebbero considerare qual è l'invito all'azione e assicurarsi che non vengano richieste altre azioni sulla pagina di destinazione. Anche cose come altri elementi di navigazione possono attirare l'attenzione di un visitatore e impedire loro di completare l'azione desiderata.

gli elementi della pagina di destinazione dovrebbero concentrarsi su un unico scopo
La pagina di destinazione di Freckle rimane ordinata e si concentra solo su come convincere le persone a registrarsi per un account gratuito.

Non chiedere più informazioni del necessario

Chiedere troppe informazioni può essere un modo rapido per far rimbalzare i visitatori da una pagina di destinazione. Eppure è comune vedere pagine di destinazione con moduli che richiedono non solo un nome e un indirizzo e-mail, ma anche un numero di telefono, nome dell'azienda, titolo professionale e altro ancora.

i migliori esempi di landing page non includono moduli eccessivamente lunghi
Questo modulo richiede un sacco di informazioni da chiunque desideri scaricare l'eBook "gratuito", il che probabilmente dissuade molti visitatori dall'iscriversi.

A meno che un visitatore non possa vedere immediatamente il valore di fornire tali informazioni, aumenta notevolmente le sue possibilità di rimbalzare dalla pagina. Per ridurre la frequenza di rimbalzo di una pagina di destinazione, i designer dovrebbero richiedere solo il minimo indispensabile di informazioni per completare l'offerta.

una semplice landing page è più efficace
Shopify semplifica il modulo di registrazione iniziale: richiedono solo un indirizzo e-mail.

Un altro problema chiave di usabilità comune nei moduli della pagina di destinazione è quando non sono ottimizzati per i dispositivi mobili. I campi del modulo devono essere codificati in modo da richiedere il layout di tastiera appropriato per ciascun campo.

Ciò significa che quando un utente inserisce il proprio indirizzo email, ad esempio, la tastiera mostra il simbolo “@” sulla schermata principale; oppure quando viene richiesto un numero di telefono, la tastiera passa all'inserimento numerico. Questo piccolo dettaglio migliora notevolmente l'UX sui dispositivi mobili.

Non includere una barra di navigazione

La mancata inclusione di una barra di navigazione si collega direttamente all'idea di pagine di destinazione monouso. La navigazione è un disordine visivo su una pagina di destinazione e può comportare che gli utenti facciano clic su una pagina diversa del sito senza completare l'azione desiderata.

L'eliminazione della barra di navigazione aiuta a mantenere il visitatore in attività. Se i designer sono interessati a fornire maggiori informazioni ai visitatori, dovrebbero essere incluse nella pagina di destinazione stessa o nei collegamenti più in basso nella pagina, preferibilmente dopo il primo invito all'azione.

Non ha senso distrarre un utente che è pronto a registrarsi o acquistare dandogli altre opzioni. Nonostante ciò, molte pagine di destinazione includono opzioni di navigazione aggiuntive.

gli elementi della pagina di destinazione interattiva catturano l'attenzione dell'utente
La pagina di destinazione di Muzzle elimina tutte le opzioni di navigazione oltre al pulsante di download (e un paio di collegamenti sottili per le note di rilascio e la guida ).

Non ingombrare la pagina

Le pagine di destinazione dovrebbero includere solo le informazioni necessarie alla persona che è arrivata su quella pagina per completare l'attività desiderata. Maggiore è l'investimento necessario da parte del visitatore, nella maggior parte dei casi maggiori saranno le informazioni necessarie.

Ad esempio, una prova gratuita che non richiede informazioni di pagamento è un'offerta a basso rischio e non richiederebbe la presentazione di molte informazioni.

Una pagina che richiede a un utente di effettuare un acquisto, tuttavia, in genere dovrà fornire maggiori informazioni all'utente. Quella quantità di informazioni aumenta solo all'aumentare del prezzo.

il layout della pagina di destinazione dovrebbe essere semplice e ordinato
La pagina di destinazione di Asana è semplice e mirata, con un'intestazione, un invito all'azione, un'immagine del prodotto e molto spazio bianco.

I designer dovrebbero seguire buoni principi di progettazione nella creazione di pagine di destinazione proprio come farebbero con qualsiasi altra pagina. I design minimalisti e semplici sono generalmente preferiti, purché si adattino al marchio in questione. Lo spazio bianco attorno al contenuto impedisce agli utenti di essere sopraffatti e consente loro di concentrarsi su ciò che è importante.

Non allontanarti da schemi consolidati

Le persone hanno determinate aspettative quando si tratta di landing page. Vogliono conoscere i vantaggi, vogliono una chiara proposta di valore e vogliono un invito all'azione facile da completare.

Quando un designer si allontana troppo dai modelli di pagina di destinazione stabiliti, rischia di alienare l'utente e interferire con il completamento del compito in questione. I design sperimentali sono fantastici, ma spesso più adatti per altri tipi di pagine e siti Web.

Le migliori pratiche per la progettazione della pagina di destinazione includono l'utilizzo di modelli consolidati
La pagina di destinazione del software di contabilità di Zoho si attiene a schemi collaudati: l'intestazione, un po' di informazioni extra e un invito all'azione dominano la pagina, insieme all'immagine di un prodotto.

Non essere generico

Sebbene attenersi a schemi consolidati sia una buona idea, ciò non significa che le pagine di destinazione debbano essere generiche. I progettisti dovrebbero considerare in che modo l'inclusione di dettagli aggiuntivi ed elementi di design in una pagina di destinazione può migliorare l'esperienza dell'utente, attirare l'attenzione dell'utente e rafforzare il valore dell'offerta.

Ciò potrebbe includere contenuti video, animazioni, presentazioni o una serie di altri elementi di design. Ciò che è appropriato per un prodotto o servizio non funzionerà necessariamente per un altro. I designer dovrebbero sentirsi liberi di sperimentare contenuti non convenzionali sulle loro pagine di destinazione, ma essere pronti a fare un test A/B rispetto a metodi più convenzionali per assicurarsi che non stiano allontanando i visitatori.

i fantastici design delle pagine di destinazione sono unici senza essere non convenzionali
La pagina di destinazione di Landbot utilizza uno scroll animato della chat che si adatta perfettamente alle loro offerte di prodotti. Mantiene la pagina interessante e unica senza aggiungere confusione.

Conclusione

Le pagine di destinazione sono una componente vitale di qualsiasi campagna di marketing online. Il loro unico scopo aiuta a generare conversioni senza distrarre i visitatori.

I designer che seguono le migliori pratiche della pagina di destinazione possono creare più valore per i marchi che servono creando pagine che convertono meglio della concorrenza. Mantenere semplici le pagine di destinazione, concentrarsi sul CTA, mantenere brevi i moduli e altre linee guida già menzionate renderanno le pagine di destinazione più efficaci e allo stesso tempo miglioreranno l'UX.

• • •

Ulteriori letture sul blog di Toptal Design:

  • Come progettare una pagina di destinazione efficace
  • Converti i visitatori con queste ispirazioni per la pagina di destinazione
  • Estetica e percezione: come avvicinarsi alle immagini dell'esperienza utente
  • I principi del design e la loro importanza
  • Strategie di comunicazione efficaci per i progettisti