Aumentare il tasso di conversione ottimizzando il layout dello store
Indice dei contenuti
Informazioni su TheraSpecs
TheraSpecs® offre il catalogo più completo di occhiali speciali per la protezione dalla sensibilità alla luce. Con 14 diversi tipi di lenti e oltre 60 opzioni di montatura, TheraSpecs® sono personalizzati per soddisfare le esigenze di ogni individuo. Gli occhiali proteggono da forti fonti di luce come schermi, tubi fluorescenti, LED, luce intermittente, luce solare e altro ancora. Gli ordini possono essere effettuati online su theraspecs.com.
Situazione iniziale
Il layout originale della pagina si basava su una struttura flex che si adattava alla dimensione del contenuto, ma presentava spaziature e allineamenti incoerenti tra le diverse dimensioni dello schermo. Inoltre, mancavano indicazioni visive che segnalassero chiaramente ai clienti come procedere al passaggio successivo del processo di acquisto.
L'obiettivo principale di questo test era migliorare il potenziale di conversione della pagina principale tramite:
l'ottimizzazione del layout visivo e
l'aggiunta di indicazioni visive per rendere più chiari i passaggi successivi del processo di acquisto.
Varianti
Ipotesi
Se il layout delle opzioni delle lenti nella pagina del negozio viene migliorato con una struttura più chiara e riferimenti visivi al rispettivo utilizzo delle lenti,
allora è più probabile che i clienti completino un acquisto,
perché la maggiore chiarezza aumenta la fiducia, supporta una scelta delle lenti più consapevole e indica chiaramente il passaggio successivo nel processo di acquisto.
Modifiche:
Originale: Il layout originale presenta spaziature incoerenti e non fornisce indicazioni visive chiare per il processo di acquisto.
Variante: La variante utilizza un layout basato su griglia con allineamento coerente, gerarchia visiva migliorata e una maggiore attenzione agli elementi rilevanti per la conversione.
Risultati del test
La durata del test è stata di 18 giorni, durante i quali oltre 4.300 visitatori hanno preso parte al test. La significatività statistica è stata dell'89,8%, senza applicare alcuna segmentazione.
Transazioni: +18,34%
Checkout: +26,94%
Acquirenti per la prima volta: +27,52%
Vendite totali: +14,87%
L'ipotesi è stata confermata dai risultati. Il formato migliorato del contenuto centrale, insieme a elementi grafici aggiuntivi per una migliore preparazione all'acquisto, ha portato a un tasso di conversione più alto e a dati chiave migliorati.
Conclusione
I risultati del test confermano che l'introduzione di un layout basato su griglia con un allineamento coerente ha migliorato significativamente la gerarchia visiva e la scansionabilità del sito. Una delimitazione più chiara delle schede prodotto e una maggiore enfasi sugli elementi chiave di conversione, come pulsanti di call-to-action più evidenti, hanno aiutato a guidare gli utenti nel processo di acquisto in modo più mirato. Anche l'iconografia aggiuntiva ha aumentato la chiarezza e la sicurezza nella scelta del tipo di bicchiere corretto.
La variante vincente è stata immediatamente implementata sul sito /shop/ per tutti gli utenti, in modo da sfruttare appieno il design ottimizzato.
Implementazione con Varify
Varify si è rivelato un modo molto semplice per implementare l'esperimento e una soluzione di A/B testing conveniente per una piccola azienda.
Varify è stata una soluzione di A/B testing semplice e flessibile per il nostro team, soprattutto dal punto di vista dell'implementazione. La piattaforma rende facile avviare e gestire esperimenti senza troppo sforzo tecnico, ideale per i team più piccoli che vogliono gestire i propri test in autonomia. Il prezzo è accessibile rispetto a molti strumenti enterprise, e abbiamo riscontrato miglioramenti significativi e aggiornamenti continui delle funzionalità nel corso del tempo.
