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
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
Usa le frecce sinistra e destra per scorrere le schermate.










