← Všechny reference
Filmový web pro specializovanou autodílnu
Filmový web pro malou specializovanou dílnu se zakázkovými úpravami aut: tmavá prezentace řízená scrollováním, kde hero přehrává sekvenci 241 snímků.
Výzva
Řemeslo se prodává vzhledem, web byl ze šablony.
Malá specializovaná dílna staví zakázkové úpravy aut a prodává řemeslo a vzhled. Web ale měla postavený na šabloně, takže o té práci nic neříkal.
Náš přístup
Hero jako plátno, k tomu vlastní nástrojová vrstva.
Tmavý web řízený scrollováním: hero je plátno, po kterém se při scrollu přehrává sekvence 241 snímků. Statický záložní obrázek je k dispozici a web respektuje nastavení omezení pohybu. Následuje kinetický manifest, připnuté číslované sekce služeb, galerie realizací a kontaktní závěr. Stack je TypeScript, Vite, GSAP a Lenis.
✓ Python pipeline, která generuje a optimalizuje obrazové podklady
✓ Nákladová pojistka, aby se negenerovalo dřív, než se schválí zadání
✓ Měřicí sada v prohlížeči pro časy vykreslení a plynulost scrollu
✓ Playwright E2E a jednotkové testy
Doložený výsledek
Změřeno na webu: načítání hero sekvence z 21,6 MB na 6,3 MB a z 8,5 s na 2,26 s, maximální skok scrollu z 2 700 px na 53 px.