Portfolio > Caso studio
Girlfriend
/ eCommerce di activewear inclusivo e sostenibile
Il brand è inclusivo, ma rompe la promessa al checkout
PANORAMICA
Brand americano che produce activewear utilizzando materiale plastico riciclato, con focus su inclusività e body positivity.
> Target dichiarato: Millennial e Gen Z sensibili a impatto ambientale.
IL BUSINESS PROBLEM
L’e-commerce presenta gap critici:
informazioni nascoste
sconti non evidenti, articoli out of stock non segnalatifeature standard assenti
wishlist, live chat, ordina perfrizioni nel checkout
obbligo di registrazione, no social login
Disallineamento percepito, Il brand dichiara inclusività ma la UX presenta barriere di usabilità.
OPPORTUNITÀ
Ridurre i pain point nel flusso d'acquisto e allineare alle best practice:
migliorando la findability dei prodotti
fornendo supporto decisionale
semplificando il checkout
RUOLO
Product Designer (UX/UI)
RESPONSABILITÀ
Analisi competitor, Ricerca utente, Information Architecture, Wireframe, Prototipazione, UI Design, Test di Usabilità
TEAM
Progetto individuale - Master
TIMELINE
5 settimane
SOLUZIONE
Il processo di design
IL BRAND
Girlfriend Collective è diventato virale perché ha rimosso barriere
Ecommerce direct-to-consumer con posizionamento chiaro:
Slow fashion
Produzione limitata
Inclusività
Taglie per tutte le formeTrasparenza
Filiera produttiva documentataImpegno ambientale
Materiali riciclati e tintura ecologica
Il lancio con fattore WOW e WOM
Sceglie una campagna Facebook Ads "condividi il sito con un’amica per ricevere un paio di leggings in omaggio".
Risultato: 10.000 ordini in 24h e stock immediatamente esaurito.
C'è una contraddizione
Il brand nasce e diventa virale con una campagna social che elimina barriere e crea fiducia
ma poi il checkout
non è user-friendly perchè ha registrazione obbligatoria e nessun login social, nemmeno Facebook.
10 EURISTICHE PER IDENTIFICARE I PROBLEMI DI USABILITÀ
5 violazioni euristiche che nascondono informazioni per decidere
Alcuni standard risultano solo parzialmente rispettati, con impatto su percorso d'acquisto e scoperta delle informazioni.
1.
Visibilità dello stato di sistema
Disponibilità articoli visibile solo nella scheda dettaglio.
Criticità media
3.
Controllo e libertà
Manca la wishlist, impossibile salvare i prodotti.
Criticità media
6.
Riconoscimento anzichè richiamo
Promozioni nascoste, niente label o sezione dedicata.
Criticità alta
7.
Flessibilità ed efficienza d'uso
Impossibile ordinare prodotti per prezzo, popolarità, novità.
Criticità alta
10.
Aiuto e documentazione
Manca Live Chat, assistenza non immediata via FAQ o email.
Criticità media
ANALISI COMPETITOR
Cosa offrono i competitor per convertire che a Girlfriend manca
8 brand ecommerce US che producono activewear sostenibile e che rappresentano competitor diretti perchè:
pubblico femminile
prodotti con materiali riciclati (derivati da plastica)
fasce di prezzo simili
processi di tintura ecologici
certificazione Oeko-Tex
ethically made e fair trade / labor
aderiscono a iniziative no-profit
Girlfriend rispetto ai competitor
Niente wishlist
Sconti nascosti
Niente label o sezioni dedicate.
7/8 competitor mostrano le offerte.
Inclusività taglie
Range più ampio.
Solo 2/8 competitor si avvicinano all'assortimento di Girlfriend.
RICERCA UTENTE E ABITUDINI DI ACQUISTO
Shopper eco-consapevoli che devono comunque giustificare 60$
Target
54 donne tra i 20-40 anni, area geografica Stati Uniti.
Metodo
Ricerca quantitativa: questionario.
Obiettivi
Sensibilità all'impatto ambientale / sociale
Criteri di scelta activewear e contesti d'uso
Dove e cosa acquista più spesso
I dati che hanno guidato le decisioni di design
53%
È sensibile all'ambiente
La sostenibilità è un valore importante e contribuisce alla fiducia verso il brand.
69%
Acquista in negozio
Per provare il prodotto e valutare la vestibilità.
71%
Acquista ogni 2-4 mesi
Acquisto pianificato, non impulsivo per l'activewear.
Spende tra 21-40$
Gli utenti preferiscono spendere poco per un paio di leggings.
PERSONAS & USER JOURNEY
2 Personas emerse dalla fase di ricerca e 2 journey con le opportunità di miglioramento.
INFORMATION ARCHITECTURE
Stato attuale
IMPLICAZIONI DI DESIGN
Cosa blocca l'acquisto?
Dai journey emergono alcuni pain point:
Findability & Accesso
Sconti nascosti > abbandono sito
Manca "Ordina per" > ricerca frustrante
Stock non segnalato > click inutili su prodotti non disponibili
"Impact" nel footer > i materiali riciclati sono il core del brand
Supporto & Decisione
No Wishlist > impossibile salvare come preferiti
No Live Chat > dubbi non risolti in tempo reale
Frizioni nel Checkout
Registrazione obbligatoria > processo lungo
No social login > brand nato con campagna Facebook virale
Stato futuro
2 USER FLOW PER 2 PERSONAS
WIREFRAME
UI KIT
Inclusione nelle taglie e nel design
Sfumature della pelle per una palette UI che garantisce accessibilità secondo gli standard WCAG
TEST DI USABILITÀ
Le fix hanno funzionato? Sì.
Meno di un minuto su desktop, 10 secondi su mobile
Cinque settimane di ricerca avevano indicato 3 correzioni. Ora bisognava capire se gli utenti percepivano davvero la differenza.
Target
5 donne che hanno partecipato alla ricerca utente, 25-43 anni.
1. abituate allo shopping online
2. proficienza dei device medio/alta.
Metriche
Tempo di completamento task
Tempo medio per screen
Heatmap
Desktop
Task A - Findability di un prodotto
"Vuoi acquistare un paio di leggings e sei orientato verso un modello specifico.
Naviga attraverso il sito e Aggiungi alla Bag il seguente articolo:
“Compressive high-rise legging colore Plum”
Task B - Checkout
"Hai già inserito alcuni prodotti nella Bag e ora vuoi acquistarli.
Vai alla Bag e completa il checkout tramite Login."
Mobile
Task C - Trovare sconti
"Hai un budget limitato quindi vuoi acquistare un prodotto in saldo.
Dove cliccheresti per vedere se nel sito sono disponibili degli sconti?"
Task D - Contattare Customer Service
"Hai bisogno di chiarire un dubbio riguardo un prodotto.
Dove cliccheresti per contattare velocemente il Servizio Clienti?"
RISULTATI DEI TEST
Desktop
Task A - Findability prodotto
Task B - Checkout
Tempistiche di completamento: meno di 1 minuto
Mobile
Task C - Trovare sconti
Task D - Contattare Customer Service
Tempistiche di completamento: meno di 12 secondi
> Osservazioni
4/5 usa slider Sconti in homepage, solo 1 usa voce navbar
Gli slider sono più efficaci4/5 apre "Help & Contact" footer, solo 1 usa Live Chat
Live Chat poco visibile, metterla sticky o con padding
