Il Cliente
Sprizzer è un brand italiano nato a Treviso nel 2012 da un'intuizione tanto semplice quanto geniale: creare un sistema meccanico per preparare lo Spritz perfetto, sempre con le proporzioni corrette: tre parti di Prosecco, due di bitter, una di soda; senza elettricità, senza complicazioni.
Fondato da due amici che, seduti al bar, si sono chiesti perché non esistesse un modo per ottenere sempre uno Spritz identico e impeccabile, Sprizzer è passato dai primi prototipi artigianali realizzati con portaspaghetti e sistemi a camme fino a un prodotto di design interamente progettato e prodotto in Italia, nel distretto trevigiano specializzato nello stampaggio a iniezione.
Oggi Sprizzer è presente in Europa e negli Stati Uniti, con una community internazionale di appassionati che lo utilizzano nelle case, nei giardini, negli eventi e nei locali.
Il catalogo comprende il miscelatore Sprizzer (disponibile nei colori Nero, Rosso e Arancione), il Kit Accessori Pro, le Aperibox per l'aperitivo, i bicchieri ufficiali e la sacca in cotone per il trasporto. Con una valutazione media di 4,96 stelle su oltre 75 recensioni e una significativa copertura mediatica, il brand si è affermato come punto di riferimento nel segmento dell'aperitivo made in Italy.
La Sfida
Sprizzer operava su Shopify con un tema che, nel tempo, aveva raggiunto importanti limiti in termini di esperienza utente a causa delle continue modifiche e implementazioni legate alla crescita dell’azienda.
Sebbene l’e-commerce fosse ancora in grado di convertire efficacemente i visitatori, la piattaforma era diventata un vincolo tecnologico che richiedeva un’evoluzione strutturale. L’obiettivo era intervenire senza stravolgere l’interfaccia esistente, preservando l’identità visiva della prima versione del sito, ma ottimizzando in profondità la navigazione tra i diversi mercati, l’esperienza sulle pagine prodotto, l’architettura informativa e l’intero flusso di navigazione.Il sito, multilingua e multi-mercato, richiedeva un intervento profondo che andasse oltre il semplice restyling estetico, coinvolgendo architettura dell'informazione, sviluppi custom, ottimizzazione dell'esperienza di acquisto e integrazione di nuove funzionalità per migliorare engagement e conversioni.
Obiettivi
- Rinnovare l'esperienza utente del sito, allineandola al suo posizionamento nel mercato dell'aperitivo, nel pieno rispetto delle linee guida grafiche definite dal cliente, preservando l'interfaccia esistente per esigenze di branding.
- Ridefinire l'architettura dell'informazione delle pagine core (Homepage B2C, Homepage B2B, PLP, PDP), ottimizzando la distribuzione dei contenuti per desktop e mobile
- Migliorare l'esperienza di acquisto con funzionalità avanzate come bundle ottimizzati, pre-selezione varianti e slider prodotto interattivi
- Valorizzare la social proof con sezioni UGC (User Generated Content), integrazione recensioni e contenuti ispirazionali
- Ottimizzare la navigazione multi-mercato B2B/B2C, semplificando il passaggio tra i due segmenti
- Garantire la coerenza multilingua, includendo la traduzione delle immagini prodotto per i diversi mercati
- Preservare il posizionamento SEO durante la transizione al nuovo tema
La Soluzione Hoculus
1. Discovery e Strategia
Il progetto è stato avviato con una fase di analisi approfondita, durante la quale è stato redatto un documento di progetto completo che ha mappato tutte le esigenze del cliente, le criticità dell'as-is e le opportunità di miglioramento. Questa fase ha incluso sessioni di confronto diretto con il team Sprizzer per allineare visione strategica e priorità operative.
2. Architettura dell'Informazione e Design UX/UI
È stata definita una nuova architettura dell'informazione per tutte le pagine principali dello store: Header, Footer, Homepage B2C, Homepage B2B, Product Listing Page (PLP) e Product Detail Page (PDP). L'obiettivo era distribuire i contenuti in modo più efficace, migliorando la gerarchia visiva e il flusso di navigazione.
Il lavoro è stato documentato attraverso mockup a bassa fedeltà realizzati su Figma, che hanno coperto sia la versione desktop che mobile di ogni pagina, permettendo al cliente di visualizzare e validare la struttura prima dello sviluppo. La fase di design ha coinvolto multiple interazioni basate sul feedback del cliente, con particolare attenzione all'ottimizzazione dello spazio verticale su mobile e alla coerenza grafica tra le diverse sezioni.
3. Implementazione del Nuovo Tema
La configurazione completa del tema ha rappresentato una delle attività più significative del progetto, includendo:
- Setup di tutte le pagine dello store con le nuove sezioni e contenuti
- Creazione della repository Git per il versionamento del codice
- Configurazione dei menu di navigazione ottimizzati
- Setup delle pagine policy e FAQ
- Gestione delle app integrate (Gorgias, Klaviyo, Judge.me, Vitals, TagFly Data Layer)
- Cicli di revisione e rework post-feedback del cliente
4. Sviluppi Custom su Tema
Il cuore tecnico del progetto ha previsto lo sviluppo di numerose sezioni e funzionalità custom per rispondere alle esigenze specifiche del brand:
Sezione UGC Content
È stata progettata e sviluppata una sezione custom dedicata ai contenuti generati dagli utenti, ispirata al formato stories di Instagram. La sezione consente di caricare video, collegare prodotti a ciascun video e integrare CTA di quick buy, con controllo del volume — offrendo un'esperienza immersiva e orientata alla conversione.
Shop the Feed
Sviluppo di una sezione "Shop the Feed" con grafica ispirata alle stories social, che permette di associare contenuti multimediali ai prodotti tramite metafield, trasformando l'ispirazione visiva in un percorso di acquisto diretto.
Sistema di Recensioni
Integrazione dell'app Judge.me con configurazione completa dei widget: Star Rating Badge e Review Widget nelle pagine prodotto (su tutti i template: Default, Bundle, Kit Completo B2B/B2C, Ricambi), Reviews Carousel in homepage e nelle pagine strategiche, e una pagina dedicata alle top reviews.
Slider Foto Prodotto nelle Card
Sviluppo di uno slider per le immagini prodotto direttamente nelle card di collezione, con punti di scorrimento su mobile e frecce a comparsa su hover per desktop, inclusa la possibilità di attivare un overlay sull'ultimo item.
Ottimizzazione Bundle e Cross-Sell
Ricerca e implementazione di una soluzione ottimizzata per la proposta di bundle cross-sell nella pagina prodotto, migliorando la chiarezza della comunicazione, la gerarchia visiva e l'evidenza del beneficio dell'acquisto completo.
Pre-selezione Variante ed Etichette Personalizzate
Sviluppo di un sistema di pre-selezione delle varianti prodotto con etichette personalizzate, facilitando il processo di aggiunta al carrello per i prodotti con multiple opzioni.
Layout PDP Responsive
Implementazione di layout differenziati per lo slider prodotto tra desktop e mobile, ottimizzando la navigazione delle immagini in base al dispositivo utilizzato.
5. Navigazione Multi-Mercato B2B/B2C
È stata creata una sezione dedicata nell'announcement bar per agevolare il passaggio tra il mercato B2C e B2B. La soluzione si ispira a best practice del settore, con una versione desktop ottimizzata e una visualizzazione mobile adattata per garantire coerenza grafica e usabilità su tutti i dispositivi.
6. Internazionalizzazione e Traduzione Immagini
Per supportare la presenza internazionale del brand, è stata condotta un'analisi approfondita delle soluzioni disponibili per la traduzione delle immagini prodotto. Dopo una fase di test comparativo, è stata selezionata e configurata un'app dedicata che consente di tradurre le foto prodotto per lingua e mercato, garantendo che le immagini si aggiornino automaticamente ovunque vengano utilizzate (PDP, PLP, card prodotto).
Il form di richiesta fattura è stato inoltre adattato per gestire dinamicamente la visualizzazione dei campi in base alla lingua selezionata, distinguendo tra privato e azienda.
7. Compliance e Privacy
È stata implementata una checkbox di accettazione privacy personalizzata, integrata nei form dello store per garantire la conformità alle normative vigenti. La soluzione è stata configurata per funzionare correttamente su tutti i template e in tutte le lingue dello store.
8. SEO e Ottimizzazione Tecnica
Per preservare il posizionamento organico durante la transizione al nuovo tema, è stata implementata un'intestazione H1 ottimizzata per il logo in homepage, posizionata in modo da essere visibile ai motori di ricerca senza impattare l'interfaccia utente. Questa accortezza tecnica garantisce continuità nel ranking SEO durante e dopo il go-live.
9. Personalizzazione Footer e Dettagli UI
Il footer è stato completamente personalizzato con il riposizionamento delle icone dei metodi di pagamento e l'ottimizzazione della gerarchia tipografica degli elementi informativi (dati aziendali, copyright, indirizzo).
Risultati
Esperienza Utente Rinnovata
Il nuovo store Sprizzer presenta un'identità coerente con il posizionamento del brand, con un'architettura dell'informazione ottimizzata che guida l'utente dal primo contatto fino all'acquisto. La navigazione tra mercati B2B e B2C è ora fluida e intuitiva. Il tasso di conversione, ad un mese dal go-live, riscontra un aumento del 43%, con un carrello medio invariato.
Engagement e Social Proof Potenziati
Le sezioni UGC Content e Shop the Feed hanno introdotto un livello di interattività e ispirazione prima assente, trasformando i contenuti social in touchpoint di vendita. L'integrazione del sistema di recensioni valorizza la social proof del brand, con le recensioni e il rating ben visibili in tutti i punti chiave del percorso di acquisto.
Esperienza di Acquisto Ottimizzata
Lo slider foto nelle card prodotto, i bundle ottimizzati, la pre-selezione delle varianti e il layout PDP responsive hanno significativamente migliorato l'esperienza di navigazione e acquisto, riducendo la frizione nel processo di conversione.
Coerenza Internazionale
La traduzione delle immagini prodotto per lingua e mercato, insieme al form fattura multilingua, garantisce un'esperienza localizzata e coerente per tutti i mercati in cui Sprizzer opera - dall'Italia alla Germania, dalla Francia agli Stati Uniti.
Fondamenta per la Crescita
Il nuovo tema, la repository Git strutturata e le sezioni custom sviluppate forniscono a Sprizzer una base tecnica solida e scalabile per supportare la crescita futura del brand, con la possibilità di evolvere ulteriormente le funzionalità dello store in autonomia o con il supporto continuativo di Hoculus.