Dal 2015, DUX Nutrition è presente sul mercato e offre una tecnologia nutrizionale all'avanguardia per consentire alle persone di superare i propri limiti umani.
Il marchio di integratori alimentari attribuisce grande importanza al gusto e alla qualità dei suoi prodotti. I suoi fondatori ritengono che queste due caratteristiche siano strettamente legate al successo dei loro prodotti, perché non rinunciano al gusto per ottenere la qualità.
Attraverso uno sviluppo rigorosamente testato, il marchio ottiene prodotti efficaci per il corpo e piacevoli al palato e offre questa gamma di opzioni sul suo sito web, che ha un nuovo look.
Lo scenario
DUX è un marchio ben noto nel mercato degli integratori alimentari, conosciuto per l'alto livello dei suoi alimenti. Tuttavia, accedendo al vecchio sito web, l'utente non aveva accesso a tutta la credibilità del marchio.
Il cliente non aveva accesso alle informazioni nutrizionali dei prodotti, cosa estremamente importante per il segmento del marchio. Inoltre, i prezzi non erano visibili durante l'acquisto e i pulsanti di azione non erano in posizioni ben utilizzate, il che ha diminuito notevolmente l'intenzione di acquisto e impedito al sito di avere le prestazioni ideali.
Il progetto
Il marchio ha chiesto la nostra assistenza per sviluppare un sito web completamente nuovo, con standard estetici più attuali e che mettesse in evidenza le informazioni rilevanti sui prodotti.
L'obiettivo principale di questo progetto era quello di fornire un sito incentrato sulle prestazioni e di elevare l'esperienza dell'utente, offrendo un comfort di accesso su diversi dispositivi e soprattutto ridisegnando il percorso del sito, rendendo il momento dell'acquisto più pratico e semplice.
Sviluppo
Per rendere più fluida la navigazione del sito, il nostro team ha ridisegnato l'intera struttura del codice rendendola pulita e incentrata su esperienze leggere e ben condotte.
Per fare questo, è stato necessario ridisegnare il percorso del cliente attraverso il sito, attraverso un'analisi rigorosa dei punti più difficili per gli utenti. Grazie all'accesso a questi dati, è stato possibile ridistribuire le informazioni in modo strategico, offrendo così un percorso fluido e senza complicazioni.
Per questo progetto, l'utilizzo della piattaforma VTEX è stato primordiale, in quanto abbiamo potuto avere maggiore libertà nell'aggiungere funzionalità personalizzate e risorse innovative che avrebbero fatto la differenza nel risultato finale del progetto. Sono stati utilizzati
- Mini carrello: per questo progetto abbiamo optato per un modello in cui la modifica della quantità, l'applicazione di coupon e il calcolo della spedizione fossero possibili in base alle aree di codice postale.
- CassaCheckout: il nostro team ha sviluppato un checkout completamente personalizzato all'interno della piattaforma VTEX per mantenere l'esperienza visiva del sito fino al checkout.
- Tecnica LazyLoad: Per ottimizzare i tempi di caricamento di alcune pagine, abbiamo utilizzato la tecnica LazyLoad, che consiste nel caricare i contenuti solo quando vengono richiesti dall'utente. L'abbiamo aggiunta ai banner della Home e agli scaffali dei prodotti per garantire la velocità.
- GridView - Il sistema gridview utilizzato in questo progetto consente di cambiare pagina senza lasciare la griglia selezionata.
- Tabella nutrizionale - Uno dei punti principali di questo progetto era fornire al cliente informazioni rilevanti sui prodotti. Per questo motivo, abbiamo creato un campo di specifiche nel registro dei prodotti, in modo che le informazioni potessero essere aggiunte e successivamente trasformate in tabelle disponibili per il cliente.
- Contenuti nella pagina del prodotto - Tutte le pagine dei prodotti hanno campi personalizzati in cui vengono aggiunte informazioni su formule, curiosità e istruzioni per l'uso. Questo è essenziale per il posizionamento del sito nei motori di ricerca.
Inoltre, abbiamo aggiunto recensioni su 3 livelli (valutazione in stelle, raccomandazioni e commenti) sul prodotto. Abbiamo anche aggiunto un campo personalizzato per ogni prodotto con le domande più frequenti attraverso lo strumento trustvox, arricchendo notevolmente l'esperienza del cliente.
- Navigazione - Per migliorare la navigazione e il sistema di ricerca del sito, abbiamo aggiunto filtri intelligenti nelle pagine di ricerca, nelle categorie e nei reparti, in modo che il cliente possa personalizzare la ricerca in base alle proprie esigenze. Questo è presente anche nel menu in alto, in modo che il cliente sia sempre aggiornato sulle ultime novità di ogni categoria di prodotto.
- Responsività del sito - Il nuovo sito del marchio ha anche una versione mobile e per garantire una migliore esperienza abbiamo aggiunto un sistema di banner responsive, che carica un banner diverso per ogni risoluzione dello schermo.
- E ancora: pagina dei prodotti con selezione dei colori effettuata tramite API; account personalizzato al 100%; tendina dell'account con informazioni sull'account e sugli ordini.
RISULTATO
DUX dispone ora di un sito web completamente moderno grazie alla scelta del layout e delle funzionalità aggiunte per migliorare l'esperienza dell'utente su tutti i tipi di dispositivi.
Dopo la strutturazione e la nuova strategia di contenuti nelle pagine dei prodotti, il sito ha registrato un aumento del 100% del traffico organico in un solo mese dal lancio.
Il marchio è passato da un sito poco dinamico, con informazioni insufficienti e un percorso di acquisto confuso, a un concetto più moderno, con informazioni dettagliate e un percorso di acquisto studiato dai nostri esperti di UX. Garantendo così un sito ad alte prestazioni, bello e utile per il cliente.
Il risultato è visibile all'indirizzo www.duxnutrition.com
