Vitrine publique de la marque Klown et de sa gamme produit — narrative, motion légère, server-rendered.
Une vitrine de marque doit charger en moins d'une seconde et tenir cinq ans sans maintenance. Les générateurs de sites « no-code » coupent les deux premiers points et ratent souvent le troisième. On voulait un site qui se contente de fonctionner.
Klown Vitrine est l'opposé d'une promesse marketing : pas d'animation gratuite, pas de carrousel auto-rotatif, pas de pop-up. Une page d'accueil qui présente la gamme, des sous-pages produits, un formulaire de contact. C'est tout. C'est le but.
Tout est server-rendered. Pas de hydratation, pas de routeur client, pas de state manager. Le seul JS shippé tient en moins de 80 ko et concerne uniquement le formulaire de contact (validation + soumission).
Les images sont AVIF avec fallback WebP, lazy-loaded au-delà du fold. Les polices auto-hébergées (subset latin), font-display: swap. Le résultat est un Lighthouse 100 sur tous les axes — qu'on revérifie en CI à chaque PR. Le site a été archivé après mission, mais le pattern est devenu le squelette de toutes nos vitrines suivantes.
≤ 80 kB
SSR
0
Suivant ▸ 010
Klown Network