Všechny reference

Filmový web pro specializovanou autodílnu

Filmový web pro jednomužnou 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.

Jednomužná 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.

Postavili jsme tmavý web řízený scrollováním: hero je plátno, po kterém se při scrollu přehrává sekvence 241 snímků se statickým záložním obrázkem a respektem k 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

Commit messages obsahují změřená čísla před a po: načítání hero sekvence kleslo z 21,6 MB na 6,3 MB a z více než 8,5 s na 2,26 s při současném zvýšení počtu skutečně scrubovatelných snímků, maximální skok scrollu klesl z 2 700 px na 53 px. Jde o vlastní inženýrská měření na tomto webu, ne o výsledek pro klienta; nasazení do ostrého provozu v repozitáři doložené není.

Další reference

Všechny reference →

Máte systém, který prostě musí fungovat?

hello@continero.com