Skip to content

Interactive pitch experience built with Format-3

A cinematic, scroll-driven website that Format-3 used as a reverse pitch to BMW — a live proof of concept of what the brand’s digital experience could become.

Client
Format-3
Industry
Automotive
Year
2026
Platform
Desktop and mobile web
Services
Front-end development, Motion & interaction, Performance optimisation

The challenge

Format-3 wanted to approach BMW not with a slide deck but with a working experience that shows the idea instead of describing it. It had to feel like a premium automotive launch, work flawlessly on phones and load fast despite heavy video and animation.

What we did

  1. Translated Format-3’s Figma designs into a pixel-accurate, scroll-driven experience with a “start engine” launch sequence.
  2. Built motion with Framer Motion and Lottie — kinetic typography, video showreel, draggable carousels and layered story sections with sound.
  3. Created a separate mobile layout rather than a squeezed desktop page, with its own navigation and audio player.
  4. Kept it fast on phones with responsive video and lazy-loaded media.

The result

A live pitch at bmwf3.com that Format-3 can send as a link and that runs smoothly on desktop and mobile.

Technology

  • React
  • TypeScript
  • Vite
  • Framer Motion
  • Lottie
  • Tailwind CSS
Kinetic typography section: “What if the future of BMW’s upgrading was built on understanding”
Launch screen with a “Start engine” button between the words Next and Move

Contact

Planning something similar?

Tell us about your idea — we will help you shape it and ship it.

What should it do, who is it for, and is there a deadline?

We use your details only to reply to your enquiry. See our privacy policy.