Parliamone

E-commerce · Il negozio di abbigliamento e accessori

Soft Riot

Un catalogo che si apre a finestre: ritagli di forma diversa che al tocco si allargano sul capo intero, filtri a cassetto, scheda rapida e carrello.

Il punto forte

Un catalogo che si apre a finestre

Ogni tessera mostra un dettaglio del capo in una finestra dalla forma diversa: pillola, arco, goccia, foglia.

Soft Riot: un catalogo che si apre a finestre

L’idea

Chi vende moda online ha un problema opposto a chi vende un solo prodotto: tanti pezzi, poco tempo, e una griglia di quadrati uguali in cui nulla si ricorda. Questa homepage tiene il catalogo vero (categorie, taglie, colori, prezzo, preferiti) ma lo disegna come una vetrina di finestre: ogni pezzo si affaccia da un ritaglio con la sua forma e, al passaggio o al tocco, la finestra si allarga fino a mostrare il capo intero.

È il livello Evoluto della categoria E-commerce e una vetrina dimostrativa, scritta in inglese per un marchio rivolto a un pubblico internazionale: il marchio, i prodotti, i prezzi e i recapiti sono di fantasia. I quattro pezzi “Originals” (cappello e sciarpa, borsa, muffole, occhiali) sono render di marchio; le altre fotografie sono d’archivio. I marchi dei pagamenti sono veri perché un negozio vero li mostra, ma nessun pagamento parte.

Per chi è

Marchi di abbigliamento e accessori, concept store, designer che vendono capi propri e negozi con un catalogo di decine di pezzi che vogliono distinguersi dalle solite griglie. Adatta a chi ha un’identità visiva forte e vuole che il negozio online la mostri già nella prima schermata.

Cosa trovi dentro

  1. Un carosello a campi di colore pieno

    Quattro slide, una per pezzo di marchio, ciascuna con il suo campo di colore: il gradiente vive solo nella lucentezza del raso trapuntato. Scorre con scroll-snap, si ferma con un tasto e rispetta il movimento ridotto.

  2. Un catalogo che si apre a finestre

    Ogni tessera mostra un dettaglio del capo in una finestra dalla forma diversa (pillola, arco, goccia, foglia). Con il mouse la finestra si allarga al passaggio; sul telefono si apre da sola a metà schermo e un tocco apre la scheda. Un interruttore cambia la densità della griglia.

  3. Filtri a cassetto, preferiti e ricerca

    Categoria, taglia, colore, prezzo a doppio cursore e “mostra solo”, con i filtri attivi che restano come chip rimovibili. I preferiti si salvano nel browser; la ricerca filtra mentre si scrive, anche dal menù del telefono.

  4. Scheda rapida, carrello e ordine di prova

    La scheda si apre sopra il catalogo con il ritaglio che cresce fino a riempirla e un blocco taglia + carrello sempre a portata di pollice. Il cassetto della borsa ha la barra della spedizione gratuita, i metodi di pagamento e un ordine di prova.

Concept dimostrativo di Loop Studio: nomi, indirizzi, piatti e recensioni sono di fantasia. Le foto provengono da Unsplash e sono usate secondo la sua licenza.

Altre vetrine aperte

Ne vuoi una così per la tua attività?

Raccontaci cosa fai e a chi vuoi parlare. Ti rispondiamo con una proposta pensata per te, non con un template.

Parliamone