Tutorial showcases Gemini 3.1 and Seedance 2.0 for building cinematic $10K websites

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.

Seedance 2.0 is now globally accessible through platforms like Higgsfield and Morphic. Oddy also points viewers toward his own ecosystem of resources at motionsites.ai, designrocket.io, and webraw.studio for additional templates and workflows.

The $10K question

Animated marketing websites with custom video content, fluid transitions, and synchronized audio have historically commanded premium rates because they required premium effort. A traditional production pipeline might involve a web developer, a motion graphics artist, a videographer, and a sound designer, each billing their own hours.

What Oddy’s tutorial demonstrates is the compression of that entire pipeline into a single-operator workflow. One person with the right AI tools can now produce deliverables that previously required coordinated teamwork across multiple disciplines.

Seedance 2.0 was primarily designed for advertisements and short films, not web animations. Oddy’s application of the tool to website production represents a creative repurposing that ByteDance likely didn’t prioritize in its marketing materials.

What this means for the web design market

For individual designers and developers, learning to orchestrate multiple AI tools effectively is becoming the core competency. What matters is taste, creative direction, and the ability to string together the right tools in the right sequence.

Notably, this entire tutorial exists outside the crypto and blockchain ecosystem. There are no tokens, no NFTs, no decentralized hosting plays. For crypto projects specifically, which spend heavily on polished marketing sites and launch pages, the implications are direct: the cost of premium web presence is about to drop significantly.

The platforms hosting these models, Higgsfield and Morphic among them, are positioning themselves as infrastructure layers for a new generation of creative work.

Disclosure: This article was edited by Editorial Team. For more information on how we create and review content, see our Editorial Policy.