The Motion Sites guide

Stop building websites that look like AI built them.

How to build $2,000 premium spatial motion websites with free tools and one prompt.

Make a site with a film in it: a product that turns when the pointer touches it, a camera that travels through a scene as the visitor scrolls. Five pictures from ChatGPT, four clips from Google Flow, one prompt for the AI builder you already use. No code, no 3D software, no video editing.

Made this way
The method
  1. 01
    Frames

    Five still pictures in ChatGPT, each made from the last, so the subject, light and colours never drift.

  2. 02
    Clips

    Each pair of neighbouring frames becomes an eight second clip in Google Flow: 1 to 2, 2 to 3, 3 to 4, 4 to 5. No cuts, because every clip starts where the last one ended.

  3. 03
    Technique

    Hover for one object and one moment. Scroll for a story in stages, with the film pinned while the visitor drives it.

  4. 04
    Build

    Your files and one precise prompt go to Lovable, Replit, Claude Code, Cursor or another builder. It writes the page; you check it and ask for fixes.

Ten chapters
  1. 0Start hereWhat you will make, the method in one line, what you need and how long it takes.Free
  2. 1Choose an idea that movesThe one sentence test, six movements that always work, hover or scroll, and planning your stages.Free
  3. 2Make your frames in ChatGPTFive frames for four clips, the frame planner prompt, and keeping every frame consistent.
  4. 3Turn frames into clips in FlowStart and end frames chained 1 to 2, 2 to 3, 3 to 4, 4 to 5. No cuts, smooth movement, picking the best take.
  5. 4Technique: hoverOne clip that loops. Play and return, forwards and backwards, or follow the pointer, and what phones do instead.
  6. 5Technique: scrollA pinned film that plays as the visitor scrolls, headlines timed to the calm moments, and the image sequence option.
  7. 6Make the files web-readyJoin the clips, make them scrub smoothly, shrink them, and export posters and image sequences, with free tools.
  8. 7Build it with your AI builderWhere to click in Lovable, Replit, ChatGPT, Claude, Grok Build, Cursor and Muse, and the build prompts for hover and scroll.
  9. 8Polish: make it not look AI-madeThe giveaways to remove, words, fonts, speed, phones, reduced motion and a launch checklist.
  10. 9Your coachA prompt that turns ChatGPT or Claude into a step by step teacher, and a skill that lets a coding agent build it for you.
Do I need to code?

No. You write prompts and check results. The guide gives you every prompt, with spaces for your own words.

What do the tools cost?

Each one has a free way in. ChatGPT makes a few images a day on the free plan, Google Flow gives 50 credits a day, and Lovable, Replit, Grok and Cursor all have free plans. Free limits make it slower, not impossible. Chapter 7 says which builders need a paid plan.

How long does one take?

A first hover site takes an afternoon and a first scroll site about a day, most of it spent getting the pictures right. Once the clips are made, the build is one prompt and a few rounds of fixes.

Is it in Lifetime?

Yes. Lifetime members can read every chapter now, signed in with their account.

What if a tool changes its buttons?

The guide is updated when the tools change, and the coach prompt asks you what you can see on screen and guides you from there.

Refunds?

The guide opens straight after payment, so you agree at checkout to lose the 14 day cancellation right, as with any digital download. If something in it does not work as described, contact us and it will be fixed or refunded.