Il Cliente: Fervere Kombucha
Fervere è un brand dinamico nel mercato delle bevande fermentate, specializzato nella vendita di Kombucha artigianale. Il progetto nasce dalla necessità di evolvere la presenza digitale per riflettere un nuovo posizionamento di mercato, unendo un design fresco e accattivante a una piattaforma di vendita solida e scalabile.
La Sfida: Oltre il Restyling
Non un semplice aggiornamento grafico, ma una completa riscrittura. Il compito era superare la precedente versione del sito (già sviluppata da me) per implementare un design UX/UI sofisticato. La sfida tecnica era piegare le logiche standard di WooCommerce per adattarle a un’esperienza d’acquisto totalmente personalizzata.
Lo Stack: Performance Custom
Ho scelto un approccio “code-first” utilizzando Understrap con Bootstrap 5 come fondamenta. Questo ha garantito un codice leggero e semanticamente corretto. L’integrazione profonda di ACF (Advanced Custom Fields) ha trasformato il backend, permettendo una gestione dei contenuti sartoriale senza appesantire il frontend.
Prodotti Variabili Ricostruiti
La gestione standard delle varianti di WooCommerce era limitante per la UX desiderata. Ho ricostruito totalmente l’interfaccia di selezione delle varianti (gusti e formati) tramite codice custom. L’utente ora interagisce con un selettore visivo intuitivo che aggiorna prezzi e disponibilità senza i ricaricamenti tipici dei temi standard.
Logiche di Sconto nel Carrello
Per incentivare l’acquisto multiplo, ho programmato una logica di sconto condizionale complessa. Il sistema analizza il carrello in tempo reale e applica automaticamente una riduzione di prezzo quando rileva un minimo di 3 prodotti appartenenti allo stesso Brand, stimolando l’upselling in modo trasparente per l’utente.
CPT Brand e Template Dedicati
Ho esteso l’architettura dati creando il Custom Post Type “Brand”. Ogni produttore di Kombucha ha ora una pagina dedicata con un template specifico, diverso dalle categorie standard. Questo valorizza la narrazione dei singoli marchi e aggrega i prodotti correlati in un layout coerente con l’identità visiva del produttore.
Caroselli e Navigazione Visiva
Per migliorare l’esplorazione del catalogo, ho implementato caroselli di prodotto personalizzati all’interno delle categorie. Questa soluzione UI permette di mostrare un’alta densità di referenze senza costringere l’utente a scorrere lunghe pagine, migliorando il tempo di permanenza e l’interazione da mobile.
Integrazione Blog e Shortcode
Il content marketing è centrale per Fervere. Ho sviluppato shortcode custom che permettono di “iniettare” prodotti specifici o caroselli direttamente all’interno degli articoli del blog. Le descrizioni e le Call to Action sono personalizzabili via ACF per ogni post, trasformando i lettori in acquirenti diretti.
UX/UI Design & Frontend
Il lavoro di frontend è stato meticoloso per rispettare il nuovo design system. Ogni elemento, dai bottoni ai form di checkout, è stato stilizzato via CSS/SASS per garantire coerenza visiva. La reingegnerizzazione ha permesso di ottenere un’interfaccia pulita che guida l’utente all’acquisto con il minimo attrito cognitivo.
Risultati Ottenuti
Il nuovo Fervere è un e-commerce veloce e identitario. La ricostruzione delle varianti e le logiche di sconto automatiche hanno semplificato il processo d’acquisto. L’architettura custom basata su Understrap e ACF offre al cliente un controllo totale sui contenuti, unendo l’estetica del design alla potenza di vendita.
