Vai al contenuto

Sito 3D e negozio · Dentro la felpa

Garzato

Scorri, la racla stampa il logo, poi scegli la felpa e la provi sulla tua foto.

Anno
2026
Stato
Concept

Il problema

Chi compra felpe e magliette online trova quasi sempre lo stesso negozio, con foto su fondo bianco, una tabella delle taglie e il carrello.

Non si capisce se il cotone è pesante, come sono fatte le cuciture o se la stampa reggerà ai lavaggi, cioè proprio quello che distingue un capo fatto bene da uno qualunque, e come ti sta lo scopri solo quando apri il pacco. Per un piccolo laboratorio che taglia, cuce e stampa a mano, un sito così nasconde il suo mestiere.

La soluzione

Garzato è un laboratorio che invita a guardare la felpa dal rovescio, e il sito è anche il suo negozio.

In apertura la felpa vinaccia, un modello 3D generato e rifinito, galleggia accanto a un titolo grande in maiuscolo. Mentre scorri la scena si ferma, la felpa si gira di fronte e una racla passa sul petto lasciando stampato il logo, poi ci si entra dal collo e si atterra sul garzato morbido. Nel catalogo filtri per tipo e colore, le card si riordinano con un movimento morbido e al passaggio mostrano il retro del capo. Nella scheda la felpa 3D si gira trascinandola e cambia colore con i campioni, le taglie hanno la loro guida e si prenota su WhatsApp con il messaggio già scritto, senza carrello. Più sotto c'è la prova sulla foto. Carichi una foto in piedi, una linea ocra misura spalle e fianchi, la racla stampa la felpa sulla foto e trascini per confrontare il prima e il dopo. Per ora il risultato è una foto d'esempio già pronta, mentre l'interfaccia è completa e si può collegare a un servizio di prova virtuale. Ho tenuto il vinaccia con l'ocra su un fondo color cotone, con titoli pesanti in maiuscolo.

Il sito in numeri

Capi nel catalogo, ognuno in due o tre colori
8
Pagine collegate, dalla vetrina alla scheda del capo
3
Taglie dalla XS alla XXL, con la guida alle misure
6

Tecnologie

  • React
  • Three.js
  • GLSL
  • GSAP
  • TypeScript
  • Tailwind CSS
  • Vite
  • Lenis
  • Motion
  • 21st.dev
  • Meshy
  • ChatGPT

Le schermate

Su mobile

Lo stesso sito sul telefono, pensato per il pollice e per lo schermo piccolo.

1 di 4

Garzato da telefono, la felpa vinaccia 3D in alto e sotto il titolo in maiuscolo con il pulsante per il catalogo
Garzato da telefono, il catalogo con il pulsante per filtrare e ordinare e le card dei capi su due colonne, con prezzo e colori
Garzato da telefono, la scheda della Cappuccio Pesante con la foto davanti, i puntini della galleria e il nome del capo
Garzato da telefono, la prova sulla foto con la persona d'esempio che indossa la felpa vinaccia e la barra in basso per prenotare

Usa le frecce sinistra e destra per scorrere le schermate.

Su desktop

La pagina scorre e la scena cambia con te. Qui alcuni momenti, dall'apertura ai contatti.

1 di 7

Garzato, la home con il titolo in maiuscolo vinaccia, il pulsante per il catalogo e la felpa 3D a destra
Garzato, la felpa girata di fronte con il logo stampato sul petto, gli accessori in volo e la frase "Girala. Il bello sta dentro."
Garzato, la sezione vinaccia del rovescio con il titolo in maiuscolo e tre foto a strati di cuciture, etichetta e polsini
Garzato, un look da comprare con due persone nel laboratorio di serigrafia e i punti ocra sui capi che indossano
Garzato, il catalogo con la barra dei filtri per tipo e colore e le prime quattro felpe, ognuna con prezzo e campioni
Garzato, la scheda della Cappuccio Pesante con la galleria a colonna, il prezzo, i colori e le taglie
Garzato, la prova sulla foto su fondo scuro con i consigli a sinistra e la persona d'esempio con la felpa vinaccia addosso a destra

Usa le frecce sinistra e destra per scorrere le schermate.

Vuoi un sito così per la tua attività?

Parliamone