E-commerce

In primo piano

Pura Natural Drinks

E-commerce progettato per rendere più chiaro il percorso d'acquisto di un brand beverage naturale, distinguendo clienti finali e richieste B2B da rivenditori, hotel, SPA e attività del settore.

Pura Natural Drinks20254 mesi

Visualizza il sito live

Obiettivo del progetto

Pura Natural Drinks aveva già un sito WooCommerce, ma non supportava in modo efficace il processo di vendita: caricamento lento, nessun mini-cart dinamico e pagine prodotto che non guidavano abbastanza bene all'acquisto. Le vendite arrivavano soprattutto da chi conosceva già il brand.

Il progetto non doveva limitarsi a mostrare prodotti: doveva distinguere il percorso del cliente finale da quello di bar, hotel, SPA e attività interessate alla fornitura. Velocità, mini-cart e sezione settori sono stati progettati per ridurre attriti e rendere più chiaro il percorso d'acquisto, non come elementi decorativi.

28.6%

acquirenti nel periodo monitorato

100

SEO Lighthouse

0ms

Total Blocking Time

B2C/B2B

percorsi distinti

01Contesto iniziale

Il sito esistente aveva un problema di performance: il carico generato dal builder rallentava il caricamento e penalizzava soprattutto l'esperienza mobile. Il catalogo contava quattro prodotti tra Acqua di Cocco e Aloe Vera, ma le pagine prodotto non guidavano abbastanza bene all'acquisto: mancava un mini-cart dinamico e il checkout aveva ancora troppi attriti. Sul lato B2B, i potenziali rivenditori (hotel, SPA, palestre e cocktail bar) non trovavano una sezione pensata per loro: nessun riferimento ai loro settori, nessuna CTA dedicata, nessun modo immediato per capire se il prodotto fosse adatto al loro contesto. Il sito parlava quasi solo al cliente finale.

02Decisioni prese

Mini-cart rapido senza plugin pesanti

La configurazione esistente di WooCommerce non offriva un carrello dinamico fluido senza reload. Ho integrato un mini-cart custom con aggiornamento real-time e toast notifications, senza aggiungere dipendenze o librerie pesanti.

Elementor mantenuto per il layout, ottimizzazione mirata sugli asset

Il problema non richiedeva un rifacimento completo. Ho mantenuto Elementor dove serviva controllo visuale, intervenendo su CSS critico, lazy loading delle sezioni below-the-fold, CDN per le risorse statiche e alleggerimento degli asset caricati.

Sezione Settori dedicata ai target B2B

Hotel, SPA, palestre e cocktail bar avevano contesti d'uso diversi dal consumatore finale. Ho creato una sezione per settore, con caso d'uso specifico e CTA diretta, per dare ai rivenditori un punto di riferimento chiaro e qualificare meglio le richieste.

03Cosa è stato escluso

Area riservata rivenditoriListini B2B dedicatiSistema ordini ricorrentiApp mobile

Un'area riservata con listini B2B e ordini ricorrenti avrebbe avuto senso in una fase più avanzata, ma richiedeva una struttura gestionale che il cliente non era ancora pronto ad adottare. Ho preferito costruire prima una base commerciale solida: prestazioni ottimizzate, sezione settori, mini-cart dinamico e checkout più fluido, estendibile in una fase successiva.

Funzionalità realizzate

✓

Catalogo prodotti ottimizzato con gestione varianti (Acqua di Cocco, Aloe Vera Naturale/Melograno/Ananas), confezioni multiple e filtri intelligenti per categoria e tipologia bevanda

✓

Mini-cart dinamico JavaScript con aggiornamento real-time, toast notifications per conferma aggiunta prodotti e gestione quantità senza reload pagina

✓

Sistema pagamenti sicuro con gateway multipli integrati (carte di credito, PayPal, bonifico), conformità PCI-DSS nativa WooCommerce e checkout ottimizzato

✓

Design responsive Elementor PRO con layout custom per ogni sezione, animazioni fluide e ottimizzazione conversioni con CTA strategiche

✓

Gestione ordini WooCommerce completa con email automatiche per conferme e aggiornamenti

✓

Responsive design mobile-first ottimizzato per smartphone e tablet, con ottime performance e user experience fluida su tutti i dispositivi

✓

SEO on-page completo con ottimizzazione prodotti, schema markup, sitemap automatici e integrazione Google Analytics 4

Impatto del progetto

Crescita vendite online

Nuovi clienti B2B e crescita degli ordini B2C nei mesi post-lancio

Performance ottimizzate

Core Web Vitals entro range ottimali, caricamento veloce e ottimizzazione tecnica per SEO e user experience

Percorso mobile più fluido

Checkout ottimizzato, mini-cart dinamico e design responsive testato su tutti i dispositivi

Stabilità post-lancio

Uptime costante, gestione ordini efficiente e nessun problema su transazioni e pagamenti

Galleria del progetto

Screenshot delle sezioni principali del progetto.

Homepage Pura Natural Drinks con hero section bevande naturali

Homepage E-commerce Pura Natural Drinks

Catalogo prodotti Acqua di Cocco e Aloe Vera con filtri

Catalogo Prodotti Bevande Naturali

Scheda prodotto singolo con dettagli e bottone acquisto

Dettaglio Prodotto Singolo

Mini-cart dinamico con toast notification aggiunta prodotto

Mini-Cart Dinamico JavaScript

Pagina checkout ottimizzata con gateway pagamenti multipli

Checkout Ottimizzato WooCommerce

Sezione B2B dedicata hotel, SPA e palestre

Sezione Target B2B

Cosa dice il cliente

Partivamo da un e-commerce datato e poco efficace. Ottavio ha riprogettato tutto da zero, chiarendo struttura, flussi e priorità fin dall'inizio. Oggi ho un sito ordinato, semplice da gestire e coerente con il brand, pensato per lavorare senza complicazioni.
Flavio Lucarelli
CEO · International Food and Drinks Srl