Vinolok
Prémiový interaktivní katalog, ve kterém přesně choreografovaný scroll mění dodané statické assety v souvislý produktový zážitek.
Během jednoho měsíce realizovat náročné dodané motion zadání: celý katalog se musel odscrollovat jako jedna plynulá kompozice, fungovat napříč zařízeními a zůstat nasaditelný jako pure HTML na klientském CDN.
- Rok
- 2021
- Délka realizace
- 1 měsíc
- Velikost týmu
- 2 core
- Model spolupráce
- partner led
- Výstupy
- 04
Vlastní scroll engine v jQuery koordinuje překrývající se panely, paralaxní vrstvy, stavy uzávěrů a přechody mezi částmi. Implementace převádí dodaný design a motion specifikaci do lehkého statického frontendu pro CDN.
Kompletní frontend a motion engineering z dodaného designu a assetů: architektura scrollu, matematika animací, responzivní chování, načítání assetů a finální CDN-ready výstup.
Václav Štrobl zajistil kompletní frontend a motion implementaci; ředitel partnerské agentury vedl komunikaci s klientem, vizuální návrh a assety byly dodané.
- Měsíční termín a přesně zadaný koncept scrollu a motionu.
- Pure HTML výstup pro CDN postavený nad dodaným designem a assety.
- 01Interaktivní katalog kompatibility
- 02Produktové rozhraní řízené scrollem
- 03Animované stavy uzávěrů a lahví
- 04Responzivní statický frontend build
- Živý web
- Projektové screenshoty
- jQuery
- JavaScript
- HTML
- CSS
- Custom scroll engine
- Parallax
- CDN delivery
- Responsive UI
