Suggerimenti per la progettazione di pagine di destinazione di nicchia

Come parte del mio ruolo in Shopify parlo con freelance e agenzie specializzate in tema di design e build di Shopify. Uno degli argomenti più importanti di cui discutiamo spesso è la generazione di lead - in altre parole, come trovare quelli che hanno bisogno delle loro capacità specialistiche.

Oltre ad essere elencati in programmi come gli esperti di Shopify, molti freelance e agenzie creano "landing page" altamente artigianali a cui i potenziali clienti vengono indirizzati attraverso più canali di marketing, sia online che offline..

Cos'è una pagina di destinazione?

Probabilmente hai già sentito il termine "landing page" e potresti chiederti quale sia la differenza tra una "pagina web" standard della bog e una "landing page".

Secondo UnBounce, una pagina di destinazione può essere descritta come segue:

"Nel senso più puro, una pagina di destinazione è qualsiasi pagina web a cui un visitatore può arrivare o" sbarcare ". Tuttavia, quando si discutono le pagine di destinazione nel campo del marketing e della pubblicità, è più comune riferirsi a una pagina di destinazione come una pagina web autonoma distinta dal proprio sito Web principale che è stata progettata per un singolo obiettivo focalizzato. "

Le pagine di destinazione differiscono spesso dal punto di vista strutturale e visivo dal sito Web principale di un'azienda (nonostante spesso si trovino sullo stesso dominio logico).

Le pagine di destinazione sono progettate appositamente per limitare le opzioni disponibili al visitatore con lo scopo di guidarle verso un obiettivo definito. Leggerai spesso la frase "una pagina, un obiettivo" in relazione alle pagine di destinazione.

obiettivi

Alcuni obiettivi tipici includono:

  • Guardare un video promozionale
  • Completamento di un modulo di iscrizione alla newsletter via email
  • Prenotazione di un telefono di consultazione del progetto gratuito / chiamata Skype
  • Completamento di un documento di avvio del progetto
  • Richiesta di preventivo
  • Ti segue su un particolare social network
  • Download di un PDF gratuito dopo aver inviato un indirizzo email

Sebbene questo articolo si concentri sulle pagine di destinazione, è giusto dire che molte di queste idee e questi concetti, come la natura orientata all'obiettivo della pagina, possono essere applicati a siti Web di società o di prodotti a una sola pagina. Darò una rapida occhiata a una recente che ho trovato alla fine.

La caratteristica distintiva dovrebbe essere sempre quella di avere un obiettivo definito, che si tratti di uno di quelli sopra menzionati o di un'azione come iscriversi a un piano o acquistare un prodotto.

Guidare il traffico verso la tua pagina di destinazione

Esistono diversi modi per indirizzare potenziali "lead" alla tua pagina di destinazione, che vanno dal traffico organico del motore di ricerca alle campagne pay per click (PPC) che indirizzano parole chiave e frasi. Altri modi per indirizzare potenziali "lead" alla tua pagina di destinazione includono:

  • Condivisione dei tuoi contenuti / URL della tua pagina di destinazione tramite i canali dei social media.
  • Condivisione di contenuti e competenze tramite una normale newsletter e-mail che include un pulsante "call to action" che porta il lettore alla tua pagina di destinazione.
  • Contribuire a blog di terze parti che mettono in evidenza le tue competenze e includono un link alla tua pagina di destinazione.
  • Parlando agli eventi sulla tua specializzazione. Questo ti eleverà a livello di esperti per i partecipanti. Utilizza un breve URL della tua pagina di destinazione per indirizzare i partecipanti ad esso durante o dopo l'evento.
  • Hosting di sessioni gratuite per l'ora di pranzo per le imprese locali desiderose di saperne di più e di includere l'URL della pagina di destinazione su tutte le diapositive e le dispense.
  • Utilizzo della firma e-mail per evidenziare post di blog specifici e pagine di destinazione all'interno del sito.
  • Avvio di un podcast nella tua area di nicchia. C'è molto spazio in questa area e persino ricevere una manciata di ascoltatori interessati ai tuoi contenuti aumenterà le visite al tuo sito e alla tua pagina di destinazione.

Sono solo alcune delle cose che ho provato e naturalmente avrai le tue idee. Purtroppo, in questo articolo non c'è spazio per discutere su come implementare pienamente tutti questi approcci, ma supponiamo che alcuni, se non tutti, facciano la loro parte nel guidare i visitatori verso la pagina di destinazione dei servizi di nicchia.

Costruire una pagina di destinazione

Con le strategie in atto per ottenere il traffico verso la tua pagina di destinazione, è fondamentale che la pagina stessa sia costruita per raggiungere l'obiettivo prefissato.

Unbounce, un servizio che si autodefinisce come "il generatore di pagine di destinazione per i marketer", ha una serie di articoli utili relativi alla costruzione di landing page di successo.

Il loro piano in 12 punti include alcune cose davvero utili da considerare quando si progetta e si costruisce una pagina di destinazione. Esploriamo alcuni approfondimenti:

  • Corrispondenza del messaggio dell'annuncio - Assicurati che la messaggistica e la copia che utilizzi nelle campagne PPC, nei post dei blog e nei contenuti dei social media corrisponda alla copia che utilizzi sulle tue pagine di destinazione.
  • Contesto d'uso - Utilizza video e immagini che mostrano il tuo lavoro in azione. Ad esempio, un esperto di Shopify potrebbe utilizzare un video del proprietario di un negozio che discute un tema che hanno creato per loro.
  • Usa il video - Secondo Unbounce, il video può aumentare le conversioni fino all'80%. È eccezionalmente facile produrre un breve video oggi e ospitarlo gratuitamente su servizi come YouTube e Vimeo. L'utilizzo di un plug-in come FitVids ti consentirà inoltre di sfruttare il video su più dimensioni di visualizzazione.
  • Sfrutta le indicazioni direzionali - Usa frecce, colori e contrasto per guidare i visitatori alla chiamata principale all'azione.
  • Dati vs. Conversione - Se la raccolta dei dati è uno dei tuoi obiettivi, considera quanto è lungo il tuo modulo. Un modulo lungo con un numero di campi obbligatori può impedire al potenziale cliente di completarlo.
  • Modifica spietatamente - Elimina il 50% della tua copia e poi il 50% della copia rimanente! Questo non è mai facile, ma un editing rigoroso si tradurrà in un messaggio più accessibile. Un test che uso spesso è chiedere ad amici e parenti che lavorano fuori dal proprio settore di rivedere la copia della pagina - ha senso; cosa ne interpretano? li fa raggiungere il tuo obiettivo?
  • Abilita condivisione sociale - Rendi più facile per le persone condividere la tua pagina o salvarla per dopo. Puoi facilmente creare un link "Tweet this" o aggiungerlo in un pulsante "read it later" come parte del design della pagina.
  • Dimostra fiducia - Dimostrare fiducia nei risultati positivi dei clienti tramite testimonianze e collegamenti ai post recenti dei blog e attività sui social media.
  • Marketing post conversione - Se l'obiettivo principale della tua pagina di destinazione è quello di acquisire dati (ad esempio un indirizzo e-mail, un breve modulo, ecc.), Allora considera di utilizzare la pagina di conferma per coinvolgere ulteriormente il tuo potenziale cliente / cliente. Per esempio. puoi abilitarli a scaricare un documento o evidenziare ulteriori modi in cui possono interagire con te, come "seguici su Twitter".
  • Test A / B - Pensa sempre a come puoi testare le modifiche incrementali che ti aiuteranno a raggiungere il tuo obiettivo. Ad esempio, riducendo la copia, ingrandendo i punti elenco chiave, ecc. Esistono numerosi strumenti come Optimizely che ti consentiranno di offrire varianti alternative di una pagina a visitatori diversi e di tracciare i risultati tramite un'interfaccia online facile da usare. Anche sapere da dove proviene il tuo traffico sarà la chiave per capire quale campagna spinge la maggior parte delle persone verso la tua pagina. Prendi in considerazione l'utilizzo di un abbreviazione URL per nascondere i parametri di monitoraggio nell'URL.

Alla lista offerta da UnBounce aggiungerei anche quanto segue:

  • di risposta - Assicurati che le tue pagine di destinazione funzionino su più dimensioni e risoluzioni dello schermo. Il completamento di moduli su un dispositivo mobile è spesso un compito arduo: è quindi fondamentale che la raccolta dei dati venga ridotta al minimo indispensabile.

Esempi di mondo reale

Diamo un'occhiata ad alcuni esempi per vedere la teoria in pratica. 

Salvataggio sito Web

Quello che segue è uno screenshot a pagina intera di un sito chiamato "Web Site Rescues" di Ethercycle, con sede in Illinois, USA. Sono un'agenzia di web design incentrata sul cliente specializzata in siti responsive, mobili e ottimizzati per le prestazioni.

Prima di esaminare i diversi elementi della pagina, vale la pena notare che questa singola pagina si trova sul proprio dominio di websiterescues.com ed è collegata a tramite una voce di menu sul sito Web principale di Ethercycle.

Nel complesso, mi piace molto questa pagina. È lungo, ma ha un flusso gradevole e ci sono molti piccoli tocchi che lo rendono attraente tra cui:

Cancella messaggistica

Il titolo del banner è breve e conciso. Ti rendi immediatamente conto che questa offerta si concentra esclusivamente sul "salvataggio" di uno store Shopify esistente rispetto al design di uno nuovo.

Allo stesso modo, i tre grafici rotondi che appaiono al secondo posto nel flusso evidenziano i tre principali punti di vendita del loro servizio: velocità, convenienza e l'obiettivo di aumentare le conversioni di checkout.

Testimonianze dei clienti

Man mano che procediamo lungo la pagina (certamente lunga), il loro successo è rafforzato da testimonianze e studi di casi. Evidenziando le entrate dei loro clienti esistenti (oltre $ 10 milioni di dollari) dimostra che sono "fidati" da aziende con un reddito considerevole. Tuttavia, stanno attenti a non alienare alcuna azienda affermando che lavorano con start-up, rivenditori online e Inc. 5000 aziende.

Design creativo

La seconda metà della pagina è occupata da una lettera di Kurt Elster - il co-fondatore di Ethercycle. È un trucco ingegnoso in quanto distingue chiaramente questo testo dalle testimonianze di cui sopra e si sente più gradevole (anche se sappiamo che non lo è).

La lettera può essere suddivisa in quattro sezioni principali:

  • Il perché: spiegazione del problema
  • Il come: il processo per risolvere il problema
  • Il costo: dettagli sulla tariffa, i tempi di consegna e il loro "30 giorni di garanzia sulle prestazioni del negozio di Shopify"
  • La chiamata all'azione: "Facciamolo" seguito da come funzionano e un numero di selezione diretta per chiamare direttamente Kurt.

The Big Call to Action

Nel complesso, mi piace molto questa pagina di destinazione, ma sono rimasto un po 'sorpreso dal fatto che il principale invito all'azione non sia stato fatto riferimento in precedenza. Il modulo "Contattaci per una discussione riservata" appare molto tardi nella pagina. Molte pagine di destinazione avrebbero incluso un collegamento pulsante al modulo più in alto nella pagina. In caso contrario, si è "costretti" a scorrere verso il basso, il che potrebbe aumentare il coinvolgimento.

link

Ci sono solo quattro link sulla pagina di destinazione, tutti molto discreti. Il primo appare alla fine della sezione della lettera.

I collegamenti sono spesso definiti "perdite" in relazione alla progettazione della pagina di destinazione. Mentre dare alle persone l'opportunità di navigare nel tuo sito è la solita linea di condotta, l'obiettivo principale di una pagina di destinazione è di mantenere il visitatore su quella singola pagina come spiega Oli Gardner:

"Le distrazioni allontanano le persone dal motivo per cui le hai pagate per essere lì. La rimozione di tutti i link sulla pagina, quindi c'è solo un'azione, aumenterà il coinvolgimento con l'obiettivo di conversione della pagina, aumentando il completamento della forma e riducendo la frequenza di rimbalzo. "

È per questo motivo che raramente vedi la navigazione principale di un sito inclusa in una pagina di destinazione.

notiziario

La pagina di destinazione ha anche un obiettivo secondario di firmare i visitatori fino a un corso di posta elettronica gratuito in cinque parti tramite un collegamento nel piè di pagina del modulo. Per rinforzare l'opzione, un overlay a comparsa (che non è sempre consigliabile da una prospettiva UX) appare dopo un determinato periodo di tempo fornendo l'opzione per iscriversi al corso. Questa pagina utilizza Drip per gestire le loro iscrizioni e il corso di posta elettronica. Sia MailChimp che Campaign Monitor offrono funzionalità simili.

di risposte

La pagina è reattiva nel design e funziona altrettanto bene su dispositivi mobili o monitor desktop widescreen.

Mai "Invia"

Oli Gardner non è un fan del pulsante "Invia". In 26 bellissimi disegni della pagina di destinazione criticati con i suggerimenti di test A / B inizia con il seguente:

"Ti ricordi quei vecchi pulsanti grigi di Windows che dicevano" Invia "? Noi tutti facciamo. Ed è giunto il momento di smettere di copiare cattive abitudini e di creare inviti all'azione (CTA) rilevanti. I CTA dovrebbero essere istruttivi. Dovrebbero informare il tuo visitatore che cosa accadrà dopo che avranno cliccato. E per l'amore di tutte le cose cliccabili, il tuo invito all'azione non dovrebbe mai, mai dire "Invia". "

Un potenziale miglioramento della sezione modulo di questa pagina di destinazione sarebbe modificare il testo del pulsante di invio in qualcosa di più appropriato, ad es. "Contattami con i prossimi passi."

Per ulteriore ispirazione, consiglio di leggere la checklist della pagina di destinazione UnBounce 50 punti.

Contentissimo

Le pagine di destinazione di una pagina per le applicazioni Web possono (come già detto) includere molte delle tattiche utilizzate nelle pagine di destinazione. In effetti, potresti discuterne siamo pagine di destinazione.

Lanciato di recente "Delighted" si descrive come "il modo più semplice e veloce per raccogliere feedback azionabili dai clienti". 

La pagina sembra fantastica. Ecco alcuni punti salienti:

  • Mentre ci sono "perdite", sono collegamenti di pagine interne che, quando si fa clic, scorre la pagina nella sezione pertinente
  • La navigazione (non incoraggiata in una pagina di destinazione più tradizionale) è fissa e presenta una "perdita": un collegamento a una demo live dell'app
  • Sono presenti altri collegamenti nella copia principale, ma servono a rafforzare l'applicazione tramite studi di casi e testimonianze di pagine complete
  • La chiara messaggistica nella parte superiore della pagina spiega facilmente cosa fa l'app
  • Il forte uso del colore (in particolare il viola) mette in risalto le sezioni chiave e il pulsante "iscriviti alla versione di prova gratuita" al pulsante di azione
  • Il viola viene anche utilizzato per segnali direzionali, in questo caso le linee tratteggiate che collegano la guida passo passo all'app
  • Il video viene utilizzato in modo molto efficace per evidenziare come l'app risolve un problema reale e i vantaggi che offre a un'azienda
  • I video dimostrativi vengono anche utilizzati per mostrare l'app su desktop e dispositivi mobili
  • Le testimonianze sono utilizzate sia in forma scritta che con l'inclusione di loghi di marchi ben noti
  • La chiara determinazione del prezzo visualizzata con un pulsante di chiamata al pulsante di azione viola chiaro subito sotto rende facile iniziare senza sorprese nascoste

Conclusione

Le pagine di atterraggio riguardano tanto la comprensione della psicologia umana quanto la progettazione di grandi pagine web. Tattiche come ridurre la scelta, guidare visivamente un utente attraverso una pagina e usare il video per coinvolgere ulteriormente ogni gioco, una parte nel persuadere i visitatori ad agire il nostro obiettivo prefissato.

Mentre ho evidenziato due pagine, penso che funzioni bene (e non mi sento d'accordo), ci sono molte altre pagine di atterraggio grandiose, e non così grandi, là fuori.

Speriamo che alcune delle idee delineate qui - la maggior parte delle quali sono state tratte dalla fantastica conoscenza condivisa sui blog di Unbounce e Hubspot - influenzeranno il modo in cui pianifichi e progetta la tua prossima pagina di destinazione.

Risorse extra

Se sei nuovo in Landing Page Design, ti consigliamo di utilizzare una serie di tutorial introduttivi per familiarizzare con le nozioni di base:

  • Principi di progettazione di Landing Page: Open Assignment - Accompagnamento al corso Tuts + di Adi Purdila
  • Una guida per principianti alla conversione di successo di Ian Yates

Se sei interessato ad avere un po 'di aiuto con il design della tua pagina di destinazione, Envato Studio ha una grande collezione di servizi di progettazione e sviluppo di pagine di atterraggio che potresti voler esplorare. Puoi anche dare un'occhiata ai temi della pagina di destinazione sul mercato Envato.