Showcase pubblico del brand Klown e della sua linea di prodotti — narrativa, motion leggero, server-rendered.
Una vetrina di marca deve caricare in meno di un secondo e reggere cinque anni senza manutenzione. I generatori di siti "no-code" mancano i primi due punti e spesso il terzo. Volevamo un sito che si limiti a funzionare.
Klown Vitrine è l'opposto di una promessa marketing: niente animazioni gratuite, niente carosello auto-rotante, niente pop-up. Una home che presenta la gamma, sottopagine prodotto, un form di contatto. Tutto qui. È il punto.
Tutto è server-rendered. Niente idratazione, niente router client, niente state manager. L'unico JS spedito è sotto gli 80 kB e gestisce solo il form di contatto (validazione + invio).
Le immagini sono AVIF con fallback WebP, lazy-loaded oltre la fold. Font auto-ospitati (subset latino), font-display: swap. Il risultato è un Lighthouse 100 su tutti gli assi — riverificato in CI a ogni PR. Il sito è stato archiviato dopo l'incarico, ma il pattern è diventato lo scheletro di tutte le nostre vetrine successive.
≤ 80 kB
JS sulla home
SSR
100 % server-rendered
0
dipendenze client pesanti
Successivo ▸ 010
Klown Network