Interaktívny pitch vytvorený s Format-3
Filmový web riadený scrollovaním, ktorý Format-3 použil ako reverzný pitch pre BMW — živý prototyp toho, ako by mohol vyzerať digitálny zážitok značky.
- Klient
- Format-3
- Odvetvie
- Automotive
- Rok
- 2026
- Platforma
- Web pre desktop aj mobil
- Služby
- Front-end vývoj, Animácie a interakcie, Optimalizácia výkonu
Výzva
Format-3 chcel BMW osloviť nie prezentáciou, ale fungujúcim zážitkom, ktorý myšlienku ukáže namiesto toho, aby ju opisoval. Musel pôsobiť ako prémiové automobilové predstavenie, bezchybne fungovať na mobile a rýchlo sa načítať napriek videu a animáciám.
Čo sme urobili
- Dizajn Format-3 z Figmy sme preniesli do presného zážitku riadeného scrollovaním s úvodnou sekvenciou „štart motora“.
- Animácie sme postavili na Framer Motion a Lottie — kinetická typografia, video showreel, ťahateľné karusely a vrstvené príbehové sekcie so zvukom.
- Pre mobil sme vytvorili samostatné rozloženie s vlastnou navigáciou a audio prehrávačom, nie len zmenšenú desktopovú stránku.
- Udržali sme ho rýchly aj na mobile vďaka responzívnemu videu a postupnému načítavaniu médií.
Výsledok
Živý pitch na bmwf3.com, ktorý môže Format-3 poslať ako odkaz a ktorý plynulo beží na desktope aj mobile.
Technológie
- React
- TypeScript
- Vite
- Framer Motion
- Lottie
- Tailwind CSS
Obrazovky
