Web designer Viktor Oddy just published a tutorial that should make every freelance developer simultaneously excited and nervous. The 16-minute video demonstrates how to combine Google’s Gemini 3.1 with ByteDance’s Seedance 2.0 to produce fully animated, cinematic websites, the kind clients currently pay $10,000 for.
The workflow is deceptively simple: use Gemini for coding and structural elements, then pipe in Seedance-generated video content for dynamic visuals. The result is production-ready marketing sites with physics-based motion and synchronized audio.
How the workflow actually works
Oddy’s tutorial, titled “Gemini 3.1 + SeedDance 2.0 = Cinematic $10k Websites,” breaks the process into two distinct lanes. Gemini 3.1 handles the architecture: layout, responsive design, interactions, and the code that holds everything together. Seedance 2.0 is the cinematographer. ByteDance’s multimodal video generator supports up to 12 different input types, including text, images, video, and audio.
The model’s standout features include multi-camera storytelling and native audio co-generation. It can produce video that cuts between different angles as if multiple cameras were rolling, and it generates matching sound design without needing a separate audio tool.
