Caso di studio del sito Web di progettazione orientato alla crescita del Gruppo Weidert

Scopri come funziona il Growth-Driven Design (GDD) esaminando l'esperienza del Gruppo Weidert nell'implementazione di questa metodologia sul nostro sito web.

La nostra sfida

Il sito Web di Weidert Group attirava una quantità crescente di traffico, ma non funzionava come avremmo voluto: l'esperienza utente (UX) non era intuitiva come potrebbe essere e macchinosa quando il sito veniva visualizzato su dispositivi mobili. E mentre il sito ha attirato e convertito lead, la maggior parte non proveniva dai settori target che desideriamo di più. Infine, il sito è rimasto abbastanza statico per 3 anni, con solo lievi modifiche alle pagine al di fuori del nostro blog quotidiano. Il design doveva essere aggiornato, poiché l'analisi e il nostro giudizio indicavano che la sua efficacia stava diminuendo.

La soluzione

Sebbene il nostro approccio tipico sarebbe stato quello di rivedere completamente il nostro sito Web, non siamo stati in grado di dedicare il tempo necessario per passare attraverso un processo di sviluppo del sito Web tradizionale (una sequenza di lavoro dall'inizio alla fine). Invece, abbiamo scelto di sfruttare i principi e i metodi del Growth-Driven Design (GDD), con l'aspettativa che saremmo stati in grado di:

• Crea un sito web iniziale (un sito "lancio") in un lasso di tempo relativamente breve
• Distribuire il nostro budget (tempo/talento) in modo uniforme nell'arco di un anno (con un investimento modesto per il sito iniziale e requisiti continui più piccoli per modifiche iterative basate sull'analisi)
• Evolvi verso un sito che sfrutta i dati degli utenti per apportare continui aggiornamenti come abbiamo appreso, ottenendo uno stato di "sito sempre ottimizzato"

Il processo

Fase strategica

• Per prima cosa abbiamo identificato nuovamente i nostri migliori prospect e aggiornato le Buyer Personas associate . Per assicurarci di parlare principalmente con i nostri migliori potenziali clienti, abbiamo ridefinito il nostro pubblico di destinazione, dando la priorità agli industriali (e alle aziende che li servono) come punto focale per il design e i contenuti
• Abbiamo sviluppato una nuova strategia di branding (colori, caratteri, grafica/foto/approccio visivo, ecc.) per comunicare in modo più accurato la nostra attenzione
• Abbiamo creato obiettivi del sito e una lista dei desideri di modifiche . I nostri obiettivi per il nuovo sito erano:
• Acquisisci 13 lead qualificati per il marketing (MQL) e 4 lead qualificati per le vendite (SQL) ogni mese
• aumentare le sessioni dei visitatori a 35.000 al mese
• aumentare i nuovi contatti a 296 al mese
• aumentare il numero di nuovi clienti a 1 al mese

La lista dei desideri era una descrizione abbastanza esauriente di tutte le caratteristiche strategiche e tattiche che le parti interessate volevano come parte del nuovo sito e includeva modifiche o aggiunte come la pagina dell'ufficio di un relatore, un calcolatore dei costi, bios del team ampliato, una pagina del processo che illustrava come lavoriamo con i clienti e molto altro

Fase di costruzione del Launchpad

• Il passo successivo è stato iniziare a pianificare un sito launchpad, un sito che offrisse ai visitatori tutte le funzionalità e i contenuti essenziali e che potesse quindi essere migliorato su base continuativa.
• Per prima cosa abbiamo assegnato la priorità alla lista dei desideri in base a ciò che ritenevamo avrebbe aiutato di più a raggiungere i nostri obiettivi, quindi abbiamo delineato l'input/lavoro di cui avremmo avuto bisogno dai membri del team e assegnato incarichi legati come parte di una sequenza temporale dettagliata. Non tutti gli elementi della lista dei desideri sono stati eseguiti; quelli rimasti dopo il lancio sono stati mantenuti nella lista dei desideri per la revisione durante i cicli di miglioramento continuo
• Sono stati creati nuovi contenuti (copia e grafica, oltre a funzionalità) per le pagine Web ed è stato creato il sito del launchpad. Questa fase ha richiesto solo 6 settimane, rispetto a una media di circa 5 mesi per un sito tradizionale con lo stesso numero di pagine
• Il sito è stato lanciato in tempo, il 21 settembre

Cicli di miglioramento continuo

• In quella prima iterazione del sito, il giudizio piuttosto che i dati hanno guidato le nostre decisioni. In tutti i cicli successivi, tuttavia, i dati sono stati/vengono utilizzati per determinare quali modifiche devono essere apportate per migliorare l'esperienza dell'utente e le metriche degli obiettivi
• Gli elementi della lista dei desideri non eseguiti per il sito del launchpad sono stati presentati alla prima riunione mensile del GDD , insieme ad altri suggerimenti che le persone del team ritenevano avrebbero migliorato il sito. Questi erano prioritari e il lavoro associato assegnato ai membri del team
• Un processo simile è seguito in ogni ciclo; i nostri cicli sono di 4-5 settimane, di solito circa 20 giorni lavorativi.

Risultati GDD

Come accennato nella nostra fase Strategia, abbiamo identificato obiettivi per sessioni, contatti, MQL, SQL e clienti. Nei primi 6 mesi abbiamo spazzato via i nostri obiettivi dall'acqua.   Non potremmo essere più entusiasti di vedere la crescita che abbiamo raggiunto per non parlare di tutte le cose che abbiamo imparato implementando questo processo. Adottare questo approccio, opposto a un approccio imposta e dimenticalo, ci ha insegnato così tanto su come i nostri visitatori utilizzano il nostro sito, le cose a cui sono interessati, le cose che spingono le persone a rimanere su una pagina più a lungo e tante altre intuizioni non avremmo mai avuto se non avessimo adottato un approccio GDD al nostro sito.   

Metriche dalle modifiche apportate ai cicli di miglioramento continuo

Da quando abbiamo lanciato il nostro sito launchpad a settembre 2017, abbiamo completato 6 cicli di miglioramento continuo ad aprile 2018. Attraverso questi cicli abbiamo imparato molto su ciò che interessa agli utenti del nostro sito. Di seguito sono riportate alcune modifiche apportate durante i nostri cicli di miglioramento continuo che contribuito alla nostra crescita fenomenale.

Aggiornamento della pagina di destinazione della consultazione

Originale

• Troppo testo
• Inclusa la navigazione del sito che consentiva/incoraggiava i visitatori ad allontanarsi dalla pagina di destinazione. (Esempio: pulsante "Incontra il nostro team")

Modifiche apportate

• Ipotesi: Togliendo la navigazione e aggiungendo video alla pagina aumenteremmo il tempo sulla pagina e il tasso di conversazione
• Ha trasformato il testo in un video, un modo molto più coinvolgente per comunicare con il pubblico
• Rimossa la navigazione nella pagina di destinazione

Rimosso il banner dell'intestazione dalla visualizzazione mobile del nostro blog

Originale

• Un banner di intestazione grande ("alto") ha costretto gli utenti mobili a scorrere un po' prima di arrivare al contenuto che stavano cercando, portando a un alto tasso di uscita della pagina

Modifiche apportate

• Ipotesi: Eliminando il banner di intestazione sul nostro blog aumenteremmo il tempo sulla pagina e diminuiremmo il tasso di uscita
• Abbiamo rimosso il banner dalla versione mobile del sito. Il miglioramento del numero di "occhi" che raggiungono i contenuti più in basso nella pagina è visibile nelle acquisizioni della mappa di calore Hotjar di seguito. Più caldo è il colore, più visualizzazioni ha ricevuto l'oggetto o la sezione dai visitatori

Eseguito un design incentrato sui dispositivi mobili per migliorare l'esperienza degli utenti mobili (lancio fino ad oggi rispetto al periodo precedente)

Originale

• Poiché oltre l'85% del nostro traffico ha avuto origine su desktop, i dispositivi mobili non sono stati considerati una priorità assoluta

Modifiche apportate

• Ipotesi: abilitando un design mobile first, il nostro traffico mobile aumenterebbe insieme a mantenere le persone sul nostro sito sui loro dispositivi mobili
• Dal lancio, abbiamo assistito a un'enorme crescita delle visualizzazioni di pagina insieme alla crescita del tempo sulla pagina

Pulsanti di invito all'azione ridisegnati

Tutti i nostri CTA di contenuti avanzati sono stati aggiornati per essere visivamente più interessanti e per presentare un titolo più chiaro sul valore dei contenuti avanzati.

Ipotesi: rendendo più chiaro il titolo, credevamo che più persone avrebbero iniziato a fare clic sui nostri CTA.

Takeaway aggiuntivi

• La maggior parte delle modifiche che apportiamo al nostro sito iniziano come esperimenti : "Potremmo ottenere più clic su questo collegamento se lo rimuovessimo dalla copia del corpo?" "Un nuovo design per questo grafico potrebbe attirare più occhi su di esso?" "Un calcolatore dei costi avvicinerà i visitatori alla richiesta di una demo?" Una volta apportata una modifica al sito, i dati raccolti dalle visite degli utenti ci dicono se il nostro esperimento ha funzionato o meno.
• Gli esperimenti stessi si basano su ipotesi informate. Creiamo esperimenti utilizzando ciò che sappiamo sui nostri potenziali clienti, i dati che abbiamo già raccolto e la nostra conoscenza di ciò che le persone si aspettano dai siti web.
• Non tutti questi esperimenti funzionano, ma tutti ci insegnano qualcosa! Un esempio è un aggiornamento della strategia del modulo che abbiamo apportato a un modulo di conversione della pagina di destinazione. Dopo aver aggiunto domande che richiedevano a un visitatore di selezionare un'opzione a discesa, abbiamo riscontrato una diminuzione del numero di visitatori che compilavano il modulo. Questa è stata una buona indicazione del fatto che i visitatori non vogliono fornire quel livello o quantità di informazioni.
• La nostra lista dei desideri si basa sui giudizi che esprimiamo su ciò che pensiamo che i visitatori troveranno utile o interessante . Abbiamo aggiunto una pagina al nostro sito che spiega come lavoriamo con i nostri clienti perché occasionalmente i potenziali clienti hanno chiesto: "Come funziona un tipico impegno di marketing inbound con te?" I dati degli utenti ci diranno se stanno trascorrendo del tempo su quella pagina (e per quanto tempo, su quali aree stanno facendo clic, dove vanno da questa pagina e altro).
• Le metriche richiedono tempo. Il back-end del tuo sito Web non emette automaticamente numeri in un pacchetto pulito e utilizzabile. Ma una volta raccolti e valutati, hanno il potere di trasformare il tuo sito Web in una macchina di attrazione e conversione di lead altamente efficace.

Da quando il nostro sito launchpad è stato pubblicato a settembre 2017, abbiamo continuamente apportato aggiornamenti e abbiamo riscontrato un enorme successo in questo modo. Se vuoi saperne di più su come potrebbe essere per la tua azienda un coinvolgimento in un design orientato alla crescita, contattaci. Ci piacerebbe sentirti!