Case study e-commerce — moda sostenibile

Moda etica
che converte davvero.

Un brand romano di abbigliamento sostenibile con una missione forte e prodotti di qualità — ma uno shop su piattaforma generica che non raccontava niente, con un checkout abbandonato al 78% su mobile. Ho costruito su Shopify un e-commerce che mette la filiera etica al centro della scheda prodotto e ha trasformato la navigazione in un percorso di conversione.

SettoreFashion · Sostenibilità
Anno2025
Durata8 settimane
ServizioShopify + CRO
ZonaRoma, IT
verdeclothing.com
2
100% Organic
Verde Clothing · FW25
€ 89
€ 120
FILIERA TRACCIATA
Aggiungi al carrello
GOTS Certified
Made in Italy
CO₂ neutral

Case study e-commerce moda sostenibile

Un brand con una missione.
Un checkout da rifare.

Verde Clothing nasce a Roma nel 2022 con un'idea chiara: abbigliamento etico certificato GOTS, prodotto in Italia, con filiera completamente tracciata e comunicata. Nei primi due anni il brand aveva costruito una community solida su Instagram — 18k follower, engagement alto, clienti convinti. Il problema era lo shop online.

Lo shop era su una piattaforma di e-commerce low-cost che aveva imposto un template generico: schede prodotto con cinque foto e una descrizione piatta, checkout su tre pagine con form ridondanti, nessuno spazio per raccontare la filiera, zero upsell. Il tasso di abbandono del carrello su mobile era al 78%. Il brand spendeva in content e community building, ma il sito buttava via metà delle conversioni.

La fondatrice sapeva che il problema era strutturale, non di traffico. Aveva ragione.

"Le persone arrivano sullo shop convinte, hanno già visto i post e i reel. Poi aprono la scheda prodotto e si perdono. Non capisco perché."

— Giulia Ferretti, fondatrice Verde Clothing, primo briefing
Cliente
Verde Clothing — Brand moda sostenibile
Sede
Roma, IT (spedizioni in tutta Italia)
Settore
Fashion · Abbigliamento sostenibile · B2C
Periodo
Gennaio – Marzo 2025 (8 settimane)
Situazione di partenza
Template generico, checkout abbandonato 78% mobile, nessuno storytelling filiera
Servizi erogati
Shopify custom Tema Liquid CRO UX mobile Schede prodotto Filiera storytelling SEO

Requisiti shop online moda etica

Cosa serviva,
davvero.

Sei aree emerse dall'analisi del funnel attuale (Hotjar, GA4, session recording) e dai colloqui con Giulia. Ogni problema aveva dati a supporto — non solo sensazioni.

Storytelling della filiera integrato nelle schede prodotto

Ogni prodotto nasce da cotone biologico coltivato in Turchia, lavorato da cooperative siciliane, tinto con pigmenti naturali. Questa storia deve essere visibile nella scheda prodotto — non nascosta in una pagina "Chi siamo" che nessuno legge.

Checkout mobile-first in un solo step

Il 71% del traffico arriva da mobile. Il vecchio checkout era su tre pagine con form ridondanti (email, poi indirizzo, poi pagamento su pagine separate). Ogni pagina in più è un'opportunità di abbandono. Obiettivo: ridurre a massimo due step totali.

Upsell e cross-sell intelligente per aumentare l'AOV

Il valore medio dell'ordine era €67. Esisteva spazio per portarlo a €90–100 con bundle coerenti (es. maglia + accessori coordinati) e suggerimenti contestuali nella scheda prodotto e nel carrello, senza essere invasivi.

Schede prodotto rich content con foto editoriali

I prodotti vengono fotografati da un fotografo di moda. Le immagini erano bellissime ma usate male: miniature compresse in una galleria a griglia. Serviva una scheda che usasse le foto come elemento narrativo primario, non decorativo.

SEO per moda sostenibile — traffico organico

Il brand non compariva per nessuna keyword di prodotto ("felpa cotone organico Italia", "abbigliamento sostenibile donna", "moda etica Roma"). Tutto il traffico era paid o social. Costruire canale organico = ridurre dipendenza da Meta Ads.

Fidelizzazione e programma clienti

L'83% dei clienti comprava una sola volta. Il brand aveva tutto ciò che serve per fidelizzare (qualità, missione, community) ma nessun sistema: niente loyalty, niente email automation post-acquisto, niente incentivo al secondo ordine.

Sfide tecniche e-commerce fashion

Dove si nascondevano
i problemi veri.

Un e-commerce fashion su Shopify sembra un progetto standard. In realtà nasconde scelte architetturali critiche che impattano direttamente sulla conversione. Queste le cinque sfide che ho dovuto affrontare.

01

Storytelling filiera senza rallentare il checkout

Raccontare la filiera nella scheda prodotto è un valore competitivo — ma ogni sezione aggiuntiva allontana il bottone "Aggiungi al carrello". La sfida è bilanciare contenuto narrativo e friction del percorso d'acquisto: informare senza distrarre.

02

Checkout ottimizzato su Shopify con vincoli della piattaforma

Shopify ha un checkout proprietario che non si può modificare liberamente senza un piano Shopify Plus (€2.000+/mese). Ottimizzare la conversione mobile senza accedere al checkout nativo richiede interventi creativi sul pre-checkout: carrello laterale, sticky add-to-cart, form semplificati.

03

Performance con foto editoriali ad alta risoluzione

Foto di moda professionali: spesso 6–10 MB originali. Un brand premium non può comprimerle aggressivamente — la qualità percepita del prodotto dipende dalla qualità visiva. Trovare il punto di equilibrio tra fedeltà cromatica e velocità di caricamento su 4G è un lavoro di ottimizzazione sottile.

04

Upsell non invasivo: aumentare AOV senza danneggiare UX

I widget di upsell aggressivi ("Completa il look!", pop-up al carrello, countdown timer falsi) funzionano a breve termine e danneggiano il brand nel lungo. Per un brand di moda sostenibile con una community fedele, ogni elemento di dark pattern è un rischio reputazionale. L'upsell deve sembrare un consiglio, non una pressione.

05

SEO e-commerce su Shopify: limitazioni strutturali

Shopify genera URL con struttura fissa (/products/nome, /collections/nome) e ha storicamente problemi di contenuto duplicato tra collezioni e prodotti. Ottimizzare senza accesso al routing richiede canonical tag, metafield SEO personalizzati e una struttura delle collezioni pensata per le keyword.

Processo sviluppo Shopify moda sostenibile

Come ho
organizzato il lavoro.

Otto settimane in quattro fasi. La priorità era chiara: prima analizzare dove il funnel perdeva utenti, poi progettare le soluzioni, infine costruire. Nessuna riga di codice prima di aver validato le scelte di UX con dati reali.

Settimane 1–2
Audit CRO & analisi funnel

Analisi completa con GA4, Hotjar heatmap e session recording. Ho identificato i tre punti di drop principali: galleria immagini senza zoom su mobile (48% exit), form checkout troppo lungo (31% abbandono), assenza di social proof nella scheda prodotto. Benchmark di 12 brand fashion sostenibili internazionali.

Deliverable: Audit report · Drop points map · Benchmark
Settimane 3–4
Design system & Wireframe

Design system completo su Figma: palette (verde bosco, bianco naturale, terracotta come accento), tipografia editoriale (serif per i nomi prodotto, sans per UI), regole per la filiera storytelling. Wireframe interattivo testato con 5 clienti reali del brand prima dello sviluppo.

Deliverable: Design system · Wireframe · User test report
Settimane 5–7
Sviluppo tema Liquid + integrazioni

Tema Shopify custom in Liquid: scheda prodotto rich content con sezione filiera, sticky add-to-cart mobile, drawer carrello con upsell, galleria con zoom nativo. Integrazione Klaviyo per email automation post-acquisto, LoyaltyLion per programma punti, Judge.me per recensioni verificate con foto.

Deliverable: Tema live staging · Integrazioni attive · SEO setup
Settimana 8
Test A/B, migrazione dati & lancio

A/B test su due varianti della scheda prodotto (filiera above the fold vs below), migrazione di 800+ prodotti con metafield SEO, redirect 301 da vecchi URL, setup Google Merchant Center per Shopping ads, go-live in finestra off-peak. Monitoring attivo nei 14 giorni successivi.

Deliverable: Sito live · A/B test attivo · Merchant Center

Soluzione Shopify personalizzato per moda

Come ho risolto
ogni problema.

// 01 · Scheda prodotto rich content

La filiera come argomento di vendita, non come nota a piè di pagina

Ho riprogettato la scheda prodotto in sezioni progressive: nella parte alta tutto ciò che serve per comprare (foto, nome, prezzo, varianti, CTA). Subito sotto, una sezione "Come è fatto" con la mappa visiva della filiera — cotone biologico certificato, cooperativa di lavorazione, tintoria naturale, sartoria italiana. Ogni passaggio con nome, città e certificazione.

Il risultato del test A/B è stato netto: la variante con filiera above the fold aumentava il tempo sulla pagina del 34% ma riduceva le conversioni del 8%. La variante below the fold (filiera dopo il CTA) ha aumentato le conversioni del 58% mantenendo l'engagement. La posizione conta quanto il contenuto.

Le recensioni con foto (Judge.me) posizionate subito dopo il CTA hanno aumentato il tasso di conversione di un ulteriore +12% rispetto alla scheda senza recensioni visibili above the fold.

verdeclothing.com/products/felpa-bosco
SCHEDA PRODOTTO · STRUTTURA
GALLERY
AGGIUNGI AL CARRELLO
★★★★★ 4.9 · 124 recensioni
COME È FATTO
Turchia Sicilia Roma
SPESSO ACQUISTATI INSIEME
// 02 · Checkout ottimizzato mobile

Drawer carrello + sticky CTA: meno click, più conversioni

Senza accesso al checkout nativo di Shopify (riservato al piano Plus), ho ottimizzato tutto ciò che precede il checkout: un drawer carrello laterale che si apre senza cambiare pagina, con riepilogo ordine, upsell coerente e bottone checkout in evidenza. Su mobile, un sticky add-to-cart bar rimane sempre visibile mentre si scorre la scheda prodotto.

Per il checkout vero e proprio ho attivato Shopify's one-page checkout (disponibile da Shopify 2.0) e configurato Shop Pay come metodo di pagamento principale, con autofill per gli utenti già registrati. Il numero di step percepiti è passato da tre a uno. Tasso di abbandono carrello: da 78% a 41%.

verdeclothing.com · Mobile checkout
CHECKOUT FLOW · MOBILE
PRIMA
3 pagine
78% abbandono
DOPO
1 pagina
41% abbandono
STICKY ADD-TO-CART · MOBILE
+ Carrello
// 03 · Email automation + Programma fedeltà

Klaviyo e LoyaltyLion: dal primo acquisto al cliente ricorrente

Ho configurato quattro flussi Klaviyo chiave: welcome series per nuovi iscritti (3 email in 7 giorni con la storia del brand), post-acquisto con guida alla cura del capo, carrello abbandonato (due email, no countdown timer), e win-back a 90 giorni dall'ultimo ordine.

Il programma LoyaltyLion è stato integrato direttamente nel tema: punti visibili nell'header, in ogni scheda prodotto e nel checkout. I clienti accumulano punti per acquisti, recensioni con foto e condivisioni social — in linea con i valori del brand. Il tasso di riacquisto è passato dal 17% al 34% nei primi quattro mesi.

Il flusso carrello abbandonato da solo genera €1.200–1.800/mese in recupero ordini. ROI sull'integrazione Klaviyo: >400% nel primo trimestre.

Klaviyo · Post-purchase flow
EMAIL AUTOMATION · FLOW
Trigger: Ordine completato
+0h · Conferma ordine
+3gg · Guida cura del capo
+14gg · Richiesta recensione
+30gg · Nuova collezione + punti
42%
OPEN RATE
8.4%
CLICK RATE

Stack tecnologico Shopify e-commerce

Tecnologie scelte, non imposte.

Shopify come piattaforma — la scelta giusta per un brand B2C con esigenze di gestione prodotti, inventory e pagamenti. Tema 100% custom in Liquid, senza app builder. Ogni app di terze parti ha un ROI misurabile.

Shopify 2.0
Liquid (tema custom)
CSS custom properties
JavaScript vanilla ES6+
WebP + srcset automatico
Klaviyo (email automation)
LoyaltyLion (programma punti)
Judge.me (recensioni foto)
Shop Pay (checkout accelerato)
Google Merchant Center
Schema.org Product + BreadcrumbList
Figma (design system)

Ho deliberatamente evitato app come PageFly o GemPages (page builder per Shopify): aggiungono 200–400 KB di JS inutile, rallentano il sito e creano dipendenza. Il tema Liquid custom è più veloce, più manutenibile e non va in conflitto con gli aggiornamenti di Shopify. Lighthouse Performance: 91 mobile, 96 desktop.

Risultati e-commerce moda sostenibile

Quattro mesi dopo
il lancio.

Confronto aprile–luglio 2025 (post-lancio) vs gennaio–marzo 2025 (pre-lancio, stesso periodo stagionale adeguato). Fonti: Shopify Analytics, GA4, Klaviyo, LoyaltyLion dashboard.

+58%
TASSO DI CONVERSIONE
da 1.4% a 2.2%
+35%
VALORE MEDIO ORDINE
da €67 a €91
−47%
ABBANDONO CARRELLO
da 78% a 41% mobile
+100%
TASSO RIACQUISTO
da 17% a 34%
+180%
TRAFFICO ORGANICO
keyword moda sostenibile
91
LIGHTHOUSE MOBILE
da 54 precedente

"Il primo mese dopo il lancio ho fatto il fatturato di un trimestre. Stessa spesa in ads, stesso traffico — solo il sito cambiato."

— Giulia Ferretti, fondatrice Verde Clothing, follow-up a 60 giorni dal lancio

Learnings e-commerce moda online

I takeaway
di questo progetto.

Ogni progetto lascia qualcosa. Questi sono i punti che porto nei prossimi e-commerce fashion e sostenibilità.

La posizione del contenuto vale quanto il contenuto stesso. La storia della filiera aumentava il tempo sulla pagina quando era above the fold — ma riduceva le conversioni. Il test A/B non mente: le persone vogliono prima capire cosa acquistano, poi perché. Metti la CTA prima della storia, non dopo.

L'upsell non invasivo funziona meglio dell'upsell aggressivo, specialmente per brand con community. Ho rifiutato il countdown timer sul carrello e il pop-up "Hai dimenticato qualcosa?". Il cross-sell editoriale ("Spesso acquistati insieme", senza urgenza artificiale) ha portato l'AOV da €67 a €91 senza feedback negativi dalla community.

Shopify Plus non è sempre necessario per ottimizzare il checkout. One-page checkout di Shopify 2.0 + Shop Pay + drawer carrello = riduzione abbandono dal 78% al 41% senza toccare il checkout nativo. Prima di spendere €2.000/mese per Plus, vale la pena ottimizzare il pre-checkout.

Il tema custom batte sempre il page builder per un brand con una visual identity forte. PageFly o GemPages aggiungono peso, creano conflitti di stile e rendono il brand visivamente generico. Un tema Liquid su misura è più lento da costruire ma è l'unico modo per far risaltare un brand nel mare dell'omologazione Shopify.

La fidelizzazione vale più dell'acquisizione, specialmente per brand sostenibili. Portare un cliente esistente a riacquistare costa in media 5-7 volte meno che acquisirne uno nuovo. Il programma punti + email automation ha raddoppiato il tasso di riacquisto — il che equivale, economicamente, ad avere il doppio dei clienti senza aumentare il budget ads.

// Recap del progetto
Problema iniziale
Checkout mobile abbandonato al 78%, nessuno storytelling filiera
Approccio
Shopify custom + CRO + Klaviyo + LoyaltyLion
Risultato chiave
+58% conversione · +35% AOV · −47% abbandono
Piattaforma
Shopify 2.0 · Liquid custom · senza page builder
ROI email automation
+400% nel primo trimestre (Klaviyo)
+58% CVR +35% AOV −47% abbandono Shopify custom

Hai un e-commerce da ottimizzare?

Che sia Shopify, WooCommerce o una piattaforma custom — analizziamo il funnel e troviamo dove stai perdendo conversioni.

// Altri case study