Migrazione a Hyva
Una base frontend più pulita senza rompere il checkout.
Dopo aver analizzato i colli di bottiglia e la complessità del frontend, abbiamo proposto la migrazione del tema a Hyvä. Il risultato è stato una base di codice più pulita, tempi di caricamento inferiori e punteggi Lighthouse nettamente migliori, soprattutto su mobile. Abbiamo inoltre adottato una strategia di compatibilità per il checkout: la maggior parte del sito utilizza Hyvä, mentre il checkout è stato escluso dal tema tramite un modulo dedicato, preservando la compatibilità con i sistemi di pagamento e spedizione esistenti.
Ottimizzazione UX e velocità
Meno ricaricamenti, pagine più leggere e mobile più veloce.
Dopo l’introduzione di Hyvä, abbiamo ottimizzato il rendering dei layout, implementato il caricamento differito e convertito le immagini in WebP. Le pagine prodotto personalizzate sono state riprogettate per ridurre i ricaricamenti e mostrare anteprime dinamiche delle opzioni. Anche navigazione e filtri sono stati rivisti per evitare il ricaricamento completo delle pagine, utilizzando AlpineJS per l’interattività senza librerie JavaScript pesanti.
Miglioramenti prodotti configurabili
Le opzioni prodotto complesse sono diventate più facili da esplorare.
I prodotti prevedevano spesso da cinque a otto opzioni, tra cui colore, finitura, lunghezza, accessori e altre personalizzazioni. Abbiamo realizzato un configuratore visivo con anteprima in tempo reale e aggiornamento dinamico del prezzo, consentendo agli utenti di modificare la configurazione senza passare da una pagina prodotto all’altra.
Prezzi all’ingrosso e logica B2B
Sia i clienti al dettaglio sia quelli all’ingrosso hanno ottenuto una visualizzazione dei prezzi più chiara.
Abbiamo implementato accesso ai prezzi all’ingrosso solo dopo login e la possibilità di passare tra viste vendita al dettaglio e all’ingrosso. Carrello e checkout mostravano prezzi con o senza tasse in base al tipo di cliente, aiutando sia B2C che B2B a capire chiaramente il prezzo finale.
Strumenti amministrazione e funzionalità di supporto
Gli strumenti di supporto hanno collegato vetrina online e operatività quotidiana.
Abbiamo creato un pannello personalizzato per la panoramica degli ordini, che consente al personale di controllare rapidamentè stato, metodo di pagamento e informazioni sulla spedizione. Un modulo per i carrelli salvati permette ai commerciali di preparare e condividere preventivi preconfigurati con i clienti. Abbiamo inoltre aggiunto alle pagine prodotto un modulo di feedback collegato a Zendesk, aiutando il cliente a stabilire le priorità per i miglioramenti futuri.