Ristrutturare un sito web di e-commerce
Ridefinizione di un sito web e-commerce per migliorare la navigazione, aumentare i tassi di conversione e migliorare l'esperienza complessiva di acquisto. Il progetto mirava a creare una piattaforma più visivamente attraente e facile da usare per aumentare le vendite e la soddisfazione del cliente.
Ottawa, Ontario, Canada
2006
E-commerce
$1.578 miliardi (2019)
5.000+
Sfida
Il sito di e-commerce aveva un alto tasso di abbandono e basse percentuali di conversione a causa di una navigazione scadente e di un'interfaccia ingombra. Gli utenti trovavano difficile trovare i prodotti e il processo di checkout era macchinoso. La nostra sfida era semplificare il percorso dell'utente, migliorare la scoperta dei prodotti e semplificare il processo di checkout per migliorare l'esperienza dell'utente e aumentare le vendite.
Risultati
Il sito di e-commerce ridisegnato ha visto un aumento del 40% nei tassi di conversione e una riduzione del 50% nel tasso di abbandono. La nuova navigazione intuitiva e l'interfaccia pulita hanno migliorato la scoperta dei prodotti, portando a un aumento del 35% del valore medio degli ordini. I feedback dei clienti sono stati straordinariamente positivi, con le valutazioni di soddisfazione che sono passate da 3,8 a 4,7 stelle.
35%
Processo di onboarding migliorato
25%
Aumento della retention degli utenti
84%
Aumento del tempo trascorso sul sito web
Processo
Ricerca e Analisi: Abbiamo condotto interviste con gli utenti, sondaggi e analizzato le analisi in-app per comprendere i punti critici e le esigenze degli utenti. Abbiamo anche studiato le app dei concorrenti e le tendenze del settore per raccogliere informazioni.
Architettura dell'Informazione: Basandoci sui risultati della ricerca, abbiamo ristrutturato la navigazione e i contenuti dell'app, dando priorità alle funzionalità e alle informazioni in base alle esigenze degli utenti.
Wireframing e Prototipazione: Abbiamo progettato wireframe a bassa fedeltà per visualizzare il nuovo layout e la navigazione, perfezionandoli iterativamente in base al feedback degli utenti. Successivamente, abbiamo costruito un prototipo interattivo ad alta fedeltà per testare il design.
Testing di Usabilità: Abbiamo condotto test di usabilità con un gruppo diversificato di utenti per convalidare il design e identificare aree di miglioramento. Sulla base del feedback, abbiamo apportato le necessarie modifiche al design.
Design Visivo e Guida di Stile: Abbiamo sviluppato un linguaggio visivo coeso, comprese schemi di colori, tipografia e iconografia, assicurando coerenza in tutto l'app. Abbiamo anche creato una guida di stile per mantenere la coerenza del design negli aggiornamenti futuri.
“Con il nostro nuovo branding visivo e il nuovo linguaggio in atto, il nuovo marchio Shopify cattura chiaramente l'essenza della nostra attuale e futura clientela, dei nostri dipendenti e dei nostri valori.”
Tobias Lütke
CEO, Co-fondatore | Shopify
Conclusione
Rinnovare il sito web di e-commerce si è rivelato un cambiamento decisivo per migliorare l'esperienza degli utenti e aumentare le vendite. Semplificando la navigazione e il processo di checkout, abbiamo creato un'esperienza di acquisto più piacevole che ha significativamente aumentato i tassi di conversione e la soddisfazione del cliente. Questo progetto sottolinea il ruolo fondamentale del design UX nel successo delle piattaforme di e-commerce.