MIKE · Launch Video Breakdown: Hook, Pacing & Motion Design

Scene-by-scene timeline & spoken transcript

1. 0:00 – 2:15

   The Hook

   AI-Powered Web Design Showcase

   “So, I'm going to show you how to create an animated website using AI. We're going to use GPT Image 2 to generate images, animate them, and then build out sections of the website. The process is really simple. You just give it a prompt, and it generates the image for you. Then you can adjust the settings for animation, and it will create the animated version. We'll integrate these elements into a full website.”

   On screen

   OYLA Ecommerce, Copy full prompt, Mind Amplified, Discover Cortex, create me an image like this (1rst one) in 8K but instead of girl make it a man, GPT Image 2, Quality, Size, Created, Turn to video, Recreate, Reference, Download, GENERAL, Seedance 2.0, Prompt, Elements, Generate, Outdoor Apparel, Fashion, WE WORK IN WEAVED NYLON LAMINATED LAYERS, AND POW SHELL, Afternoon, viktor, Please remove the reveal interaction from this prompt. Just leave the background pure white, keep everything the same, the phones, the nav, I just don't want any background, vite.config.ts, Helvetica Neue, Device, Real Stories, Science, Plans, Reach Us, Reserve Yours, PUREFLOW ONE, Clean Air, Clear Mind. Anywhere, Discover, View Specs, Onyx Hex, $620, video is still laggy, make sure to implement this, **Video scrub loop**, requestAnimationFrame loop reads scroll position, lerps to target time, uses video_seeking_guard to prevent decoder flooding, and this, (video.seeking), Теперь мы кажеммо браузеру, "Ономой кадро видео.", "ВКИ годи, коли ти, ffmpeg and make t..., The change was removing the md:bottom-56 desktop offset from the text block in src/App.tsx, leaving it at bottom-12 everywhere (the left offsets still step out slightly on larger screens): Left:5 -> sm:Left:8 -> md:Left:12 ). If you'd like it flush closer to the edge than the current 48px gap, say the word and I'll tighten it., Edited App.tsx, Verifying the new video loads an scrubs in the reveal, Used & tools, Done — the carousel's reveal now the new video. Verified in the pre the new asset (4.04s distinct fro hero's 5.04s clip) loads into the in memory blob, scrubs in sync with reveal expansion (38% reveal -> the video, full reveal -> final fram 4.04s), and the screenshot show new footage — the hand with rin rippling water — filling the fully-s reveal., The only code change was the CAROUSEL_VIDEO_URL constant. src/App.tsx : the blob fetch, seek guard scrub loop, and GSAP time pick it up automatically., Make the first image hand look not female but male's hand. Similarly to how the first hand looks like it's from a man.

2. 2:15 – 5:30

   Problem Agitation

   Traditional Design Limitations

   “Many people struggle with traditional web design, requiring extensive coding knowledge and design skills. This often leads to long development cycles and high costs. The complexity of creating interactive and animated 3D elements is a major barrier for individuals and small businesses. Our goal is to democratize web design, making it accessible to everyone, regardless of their technical background.”

   On screen

   (No on-screen text)

3. 5:30 – 10:45

   Product Reveal

   Claude Fable 5: AI-Powered Web Creation

   “Claude Fable 5 changes everything. It's an AI-powered platform that allows you to design and build interactive, animated 3D websites with simple prompts. You don't need to be a designer or a coder. Just describe what you want, and Fable 5 generates it. We'll walk through how to use its intuitive interface to create stunning visuals and dynamic layouts, all without writing a single line of complex code.”

   On screen

   (No on-screen text)

4. 10:45 – 13:00

   Feature Teaser

   Interactive 3D & Animation Made Easy

   “Fable 5's core strength lies in its ability to handle complex 3D animations and interactive elements effortlessly. We'll demonstrate how to generate intricate 3D models, apply realistic textures, and implement smooth, engaging animations. The platform also offers advanced customization options, allowing you to fine-tune every detail to match your vision. It's about bringing your creative ideas to life with unprecedented ease.”

   On screen

   (No on-screen text)

5. 13:00 – 13:31

   Call to Action

   Start Building Your Dream Website

   “Ready to transform your web design process? Visit our website to get started with Claude Fable 5 today. Explore our full guide, access complete prompts, and join a community of creators building the future of the web. Don't miss out on the opportunity to create stunning, interactive websites with the power of AI.”

   On screen

   (No on-screen text)