Ace Your Online Conversion: SaaS Landing Page Best Practices

Pubblicato: 2022-03-11

La pandemia ha alimentato un boom di servizi software per aiutarci a connetterci, lavorare, imparare e giocare. Oggi i clienti SaaS hanno più opzioni che mai. Come si raggruppano i punti salienti di prodotti così complessi in pagine di destinazione SaaS nitide e affidabili che si convertono?

Durante la pandemia, il numero di partecipanti alla riunione che utilizzano Zoom è esploso da 10 milioni di dicembre 2019 a 300 milioni di aprile 2020 e 125.000 sistemi scolastici in tutto il mondo utilizzavano la piattaforma per raggiungere i bambini mentre non potevano essere in classe. Le aziende che sfruttano il cloud sono in piena espansione: secondo Bessemer Venture Partners, il settore ora vale complessivamente 2 trilioni di dollari, con i primi cinque fornitori, PayPal, Adobe, Salesforce, Shopify e Zoom, che ottengono un aumento combinato del 70% rispetto all'anno precedente -valore dell'anno.

Il fascino dei prodotti SaaS di consumo è che non è necessario acquistare i prodotti: è sufficiente abbonarsi ad essi. Potrebbero esserci app, ma spesso puoi utilizzare i servizi anche tramite qualsiasi browser web. Sono generalmente convenienti rispetto agli acquisti anticipati, poiché paghi solo per ciò che usi.

Ma i servizi software possono essere difficili da spiegare, tanto meno da vendere, in poche parole e immagini. I clienti potrebbero essere più esperti di un anno fa, ma non sono ancora esperti e la proposta di valore di un particolare servizio software può essere complessa. Una pagina di destinazione deve trovare il giusto equilibrio tra la fornitura di informazioni sufficienti per incoraggiare quel clic senza sovraccaricare o annoiare il cliente.

Poiché i servizi software esistono per aiutare i clienti a fare le cose meglio o più semplicemente, il tuo obiettivo è fornire quella messaggistica in modo ottimale. Un approccio di progettazione incentrato sull'utente ti aiuterà a raggiungere i tuoi clienti in modo più efficace.

Rispondi alle esigenze dei tuoi utenti

In qualità di fornitore di servizi software, dovresti già avere una buona idea delle preoccupazioni e delle sfide dei tuoi utenti e dei problemi che stanno cercando di risolvere con il tuo prodotto. Lascia che questi approfondimenti UX informino anche la tua pagina di destinazione.

Di recente, ho lavorato a una pagina di destinazione per un prodotto di successo per i clienti chiamato Cohere. Non solo era stato lanciato, ma aveva subito diverse versioni. Le intuizioni che l'azienda aveva raccolto durante lo sviluppo del prodotto hanno influenzato il design della pagina in diversi modi.

La maggior parte dei clienti dell'azienda utilizzava Cohere per:

  • Aiutaci a rispondere alle preoccupazioni e alle domande dei clienti.
  • Converti potenziali clienti e aiutali con l'onboarding.
  • Monitora le attività dei clienti sui rispettivi siti Web per comprendere le interazioni dei clienti con le interfacce.

Abbiamo utilizzato questi dati per segmentare la pagina di destinazione per mostrare le funzionalità che affrontano ciascuno dei tre scenari. L'utente può passare da un caso all'altro per vedere come funziona il prodotto in ogni istanza.

La pagina di destinazione di Cohere è segmentata in base a tre esigenze principali degli utenti.

Raggiungi i tuoi obiettivi mettendo in mostra il valore

Ogni pagina di destinazione deve guidare l'utente verso un obiettivo chiaramente definito. Per i fornitori di servizi di software consumer, l'obiettivo è spesso quello di invogliare i clienti a registrarsi per una prova gratuita con un'opzione per passare al servizio a pagamento dopo un certo periodo di tempo o per impegnarsi con una versione gratuita minimalista con un'opzione per pagare di più caratteristiche.

Slack, ad esempio, desidera che i nuovi clienti si iscrivano a una prova gratuita e senza impegno, in modo da mostrare come l'applicazione può funzionare indipendentemente dalle dimensioni del team, dal tipo di progetto o dal tipo di coinvolgimento.

La pagina di destinazione evidenzia il valore offerto da Slack in un'ampia varietà di scenari, a cominciare dal consentire all'utente di selezionare la dimensione del proprio team. Questa selezione offre diversi esempi rilevanti di aziende di dimensioni simili, rendendo facile per l'utente capire come anche il loro team potrebbe utilizzarlo.

La pagina di destinazione di Slack consente all'utente di alternare tra le diverse dimensioni del team per aiutarli a visualizzare come la loro organizzazione potrebbe utilizzare la piattaforma.

Ciò mantiene l'utente abbastanza coinvolto da continuare a scorrere verso il basso verso vantaggi più universali come la chat video e la possibilità di lavorare con team esterni. La pagina riassume una serie di statistiche relative alla produttività e alla community, oltre alla possibilità di implementare una prova gratuita sul posto o parlare con un rappresentante di vendita per ulteriori informazioni.

Scegli il tuo eroe (immagine) saggiamente

Hai solo 50 millisecondi per catturare l'attenzione del tuo utente, quindi devi essere molto selettivo in ciò che scegli di mostrare. Per un prodotto SaaS, questo è più impegnativo, perché non c'è un prodotto tangibile da pubblicizzare. È essenziale mostrare le caratteristiche del prodotto, anticipare e rispondere alle domande degli utenti senza distrarre elementi visivi o informazioni estranee.

Il team dietro lo strumento di gestione del progetto Monday fa un ottimo lavoro nel catturare la proposta di valore del prodotto utilizzando schermate per evidenziare tutti i modi in cui può essere personalizzato.

Monday.com guida con la sua personalizzazione al fine di trasmettere un senso di possibilità agli utenti.

Lo slogan - "Lavora senza limiti" - cattura l'attenzione, risponde ai bisogni e stuzzica la curiosità. Il sottotitolo aggiunge interesse riassumendo la proposta di valore del prodotto e invita i potenziali clienti a saperne di più su come potrebbe applicarsi alle loro vite. Formulare quell'invito come una domanda incoraggia l'interazione con il sito. Di seguito sono riportati elementi visivi di flussi di lavoro personalizzati per un'ampia varietà di settori specifici, che invitano l'utente a pensare a come potrebbe funzionare per il loro.

Spesso è utile sottolineare i vantaggi rispetto alle funzionalità. Questa è un'ottima strategia se il tuo prodotto è difficile da visualizzare o troppo sfumato per essere condensato in poche parole accattivanti. Invece di mostrare tutte le funzionalità di un prodotto, puoi concentrarti su ciò che significa di più per gli utenti.

La pagina di destinazione di Pipedrive fa un buon lavoro nell'illustrare il valore dell'utilizzo del suo sistema di gestione delle relazioni con i clienti (CRM). La pagina presenta in modo sintetico tutti i principali vantaggi del prodotto per evitare la necessità di scorrere. A colpo d'occhio, l'utente può:

  • Acquisisci contesto e conoscenza del CRM.
  • Visualizza i risultati che possono aspettarsi dall'utilizzo del prodotto.
  • Scopri come il prodotto di Pipedrive si distingue dalla massa.
  • Scopri come funziona il prodotto per grandi team, la chiave per attrarre grandi aziende.

Pipedrive illustra in modo succinto tutto ciò che gli utenti possono realizzare con il prodotto, aiutandoli a vedere come può adattarsi ai loro flussi di lavoro.

Infine, considera un approccio interattivo. I prodotti SaaS possono essere noiosi, ma le loro pagine di destinazione non devono esserlo. Il design interattivo può coinvolgere gli utenti abbastanza a lungo da consentirti di comunicare informazioni e valore sul prodotto, nonché la storia del tuo marchio.

Il concetto di pagina di destinazione dell'agenzia Cuberto per l'app di mobile banking Wickret utilizza l'interazione e un design minimalista per mantenere gli utenti interessati.

La copia interattiva che un utente incontra mentre scorre la pagina, così come i modi intelligenti con cui il cursore personalizzato anima gli elementi dello schermo, danno vita alla semplice messaggistica. Nota come la microinterazione nell'invito all'azione - "Download" - lo aiuta a distinguersi dal resto della pagina.

Questo è un modo divertente e coinvolgente per sfoggiare un prodotto minimalista.

Progetta pensando agli utenti mobili

La metà dei tuoi utenti navigherà nel tuo sito Web tramite i propri dispositivi mobili. Ma la tua pagina di destinazione non deve solo ridursi a uno schermo più piccolo, deve essere ottimizzata per i dispositivi mobili.

Presta attenzione al tipo di interazioni che gli utenti possono avere sui dispositivi mobili e semplifica la struttura della pagina in modo che gli utenti possano navigarla senza problemi. Quando un sito Web è semplicemente reattivo, il contenuto viene solitamente spostato su una griglia più piccola e impilato verticalmente. Questa modifica dell'architettura dei contenuti può ridurre la potenza della tua messaggistica, quindi devi pensare se un layout impilato verticale è il migliore per il tuo design. In alcuni casi, soluzioni alternative come i caroselli orizzontali o le schede possono essere più efficaci.

Non riuscire a comunicare bene il tuo prodotto sui dispositivi mobili può causare il calo delle conversioni. Il servizio di messaggistica video Loom ha svolto un ottimo lavoro nel tradurre i componenti interattivi e lo storytelling visivo utilizzati sul proprio sito Web su dispositivi mobili, semplificando l'architettura dei contenuti ove richiesto e utilizzando un approccio alternativo per le schede.

La pagina di destinazione mobile di Loom è ottimizzata per i dispositivi portatili.

Costruisci la fiducia da zero

Immagina di entrare in una stanza piena di estranei e di chiederti se sei nel posto giusto. È simile a quello che prova un utente visitando il sito Web di un nuovo prodotto. A una festa, una volta che vedi dei volti familiari, inizi a sentirti più a tuo agio.

La stessa idea vale per i prodotti SaaS. Anche se i clienti hanno problemi che vogliono risolvere, può essere intimidatorio apprendere e integrare un nuovo prodotto nelle loro routine. Ciò può rendere difficile per i clienti razionalizzare il rischio di consegnare le proprie informazioni di contatto e di pagamento.

Puoi promuovere la fiducia in molti modi:

  • Assicurati di avere un certificato SSL.
  • Struttura il tuo URL in modo conciso e informativo.
  • Assicurati che non ci siano reindirizzamenti non necessari.
  • Evita la copia che sembra alla disperata ricerca di contatti.
  • Rendi la tua pagina intuitiva e facile da usare.

Questi sono modi semplici per costruire un rapporto con i tuoi utenti e creare un'esperienza in cui si sentano apprezzati e informati. Ma non dovresti fermarti qui.

Mostra agli utenti come funziona per loro

Puoi ridurre l'incertezza e l'affidabilità del progetto dimostrando che sai come i tuoi clienti potrebbero utilizzare il tuo prodotto. Mostrare loro come il tuo prodotto si inserisce nella loro routine può rispondere a molte domande molto rapidamente.

Ad esempio, Monday.com offre un rapido tour, aiutando un utente a vedere come interagirebbe con il sito.

Monday.com illustra come gli utenti interagiscono con il prodotto.

Lo strumento di prototipazione Framer fa un ulteriore passo avanti, con un'animazione che mostra lo sviluppo di un prototipo funzionante all'interno dell'interfaccia di Framer. L'interattività aggiuntiva consente all'utente di fare clic su diversi progetti per avere un'idea migliore delle possibilità.

La pagina di destinazione di Framer mostra un'animazione time-lapse della creazione di un prototipo all'interno dello strumento.

La prova sociale è essenziale

La prova sociale è particolarmente importante per i prodotti SaaS. Mostrare ai tuoi clienti partner di fiducia contribuisce notevolmente ad aumentare la volontà degli utenti di provare il tuo prodotto.

La prova sociale di Slack è incorporata nella sua schermata demo. Gli utenti possono vedere come i clienti noti utilizzano l'app.

Un'altra grande forma di prova sociale è la pressione positiva dei pari. Quante volte hai controllato le recensioni di un ristorante prima di prenotare un tavolo o acquistato qualcosa online sulla base delle sue recensioni positive? Secondo BrightLocal, l'87% dei consumatori fa proprio questo.

Le approvazioni possono essere uno strumento potente, ma devono essere informative e rilevanti per l'utente. Fatto bene, possono fare più cose contemporaneamente. Zoom mostra come le recensioni possono:

  • Mostra che sei richiesto . Le approvazioni di Zoom mostrano che il prodotto è ben riconosciuto e utilizzato dalle grandi aziende in vari settori.
  • Creare un senso di comunità tra i clienti . La condivisione di feedback e pensieri da un certo numero di clienti comunica una vasta base di utenti, che fa sentire i nuovi clienti più benvenuti.
  • Promuovere la credibilità . Gli utenti vedono gli acquisti effettuati da clienti riconoscibili, dando credibilità al tuo prodotto e creando fiducia.

Zoom utilizza le recensioni di clienti importanti e riconosciuti per aumentare la fiducia.

Finisci con il piede giusto

Anche se un utente è arrivato fino in fondo alla tua pagina, ci sono una serie di motivi per cui potrebbe non essere pronto a prendere una decisione:

  • Sono interessati al tuo prodotto SaaS ma desiderano maggiori informazioni.
  • Hanno domande o dubbi che non sono stati affrontati.
  • Non si fidano del prodotto o del marchio.

Come progetti la parte inferiore della tua pagina per affrontare questi problemi? Innanzitutto, assicurati che ci sia una sezione, un pulsante o un collegamento chiari in cui gli utenti possono accedere al supporto immediato o contattare qualcuno che può rispondere alle loro domande e preoccupazioni. Puoi offrire ulteriori opportunità per connetterti tramite chat o fornire una FAQ.

Un altro modo per agganciare i tuoi utenti curiosi ma riluttanti è fornire una prospettiva aggiuntiva. Se una prova gratuita non è il tuo invito all'azione principale, l'offerta di una demo può aiutarti a catturare gli utenti ancora in difficoltà. In alternativa, potresti fornire casi di studio di diversi utenti.

Il tuo footer dovrebbe aprire una porta agli utenti, consentendo loro di creare una connessione più forte e personalizzata al tuo prodotto. Non vederla solo come la fine della pagina: trattala come l'inizio di un nuovo viaggio per i tuoi utenti.

Mescola e abbina per il successo

La conversione non è una formula coerente che funzionerà allo stesso modo per ogni prodotto. Piuttosto, una landing page SaaS di successo includerà una raccolta di variabili, che possono essere controllate, ottimizzate e composte per creare un sito che raggiunga le tre C:

  • Trasmette la storia del tuo prodotto nel modo più efficace.
  • Cattura l'attenzione, l'interesse e le azioni degli utenti.
  • Li converte .

Ulteriori letture sul blog di Toptal Design:

  • Come progettare una pagina di destinazione efficace
  • Costruito per convertire: best practice per la progettazione di pagine di destinazione
  • Familiarizzare – Una guida ai flussi di onboarding degli utenti