E-commerce di moda
Atelier Nove
Lo shop di un brand di capispalla, dove le uniche cose grandi sono il capo e il prezzo.
Demo parziale del prodotto: dati di esempio, restano nel tuo browser.
- Ruolo
- Direzione visiva e sviluppo frontend
- Anno
- 2025
- Per chi
- Marchio indipendente di abbigliamento, Toscana
- Tecnologie
- ShopifyNext.jsTailwind CSS
Il punto di partenza
Un marchio indipendente che produce poche decine di capi a stagione non ha bisogno di caroselli, countdown e popup: ha bisogno che si veda la fattura del capo e che il prezzo non sia una sorpresa alla fine.
Il riferimento non sono gli e-commerce, sono i cataloghi stampati.
Collezione
La griglia non ha ombre né angoli arrotondati: i capi sono separati da righe sottili, come le colonne di un catalogo stampato. Il rosso compare solo dove restano pochi pezzi.
Scheda prodotto
Nome e prezzo hanno lo stesso corpo: sono le due informazioni che decidono l'acquisto. Sotto, le misure reali del capo invece delle solite tre righe di marketing.
Carrello
Consegna, resi e rate stanno accanto al totale, non dietro un link: i costi che compaiono a fine checkout sono il primo motivo di abbandono.
Demo funzionante
Dalla collezione alla cassa, al reso: scorte, sconti e tracciamento che fanno sul serio.
- Cerca un tessuto, salva i preferiti, chiedi «che taglia sono?» e lascia che la scheda scelga la taglia.
- Metti nel carrello, prova il codice NOVE10 e completa un ordine con la carta di prova 4242 4242 4242 4242.
- Segui il pacco nel tracciamento (avanza coi minuti) e avvia un reso: i capi tornano disponibili.
Versione limitata: i dati sono di esempio e restano nel tuo browser.
Scelte progettuali
Bianco e nero, un solo rosso
Nessun colore di marca inventato: il rosso compare solo quando restano pochi pezzi. Se ogni elemento è colorato, nessuno è importante.
Il prezzo è tipografia, non un dettaglio
Prezzo e taglia hanno lo stesso peso visivo del nome del capo, perché sono le due informazioni che decidono l'acquisto.
Il carrello dice tutto subito
Spedizione, resi e tempi di consegna stanno nella stessa schermata del totale: i costi a sorpresa sono il primo motivo di abbandono.