All-Access Yearly
30% off
Every prompt pack and source download in the store, for a year.
$99 $69.30 a year
The step-by-step course on building cinematic 3D websites by directing AI. You start with an empty folder, build a complete site as you watch, and put it live on your own domain. Taught by the studio that designs and sells them.
49 lessons · 12 modules · 1 hr 55 min
- Prompting and design direction
- Scroll stories and real-time 3D
- AI-made images and video
- Live on your own domain
₹899$29₹2,999$6970%57% off
Festival of Lights price ends in
Watch a free lesson 2:11PDFOr read it as a book: ₹249 + GST$9
What you'll learn to build
Don't just learn web design. Experiencewhat's possible.
Six real sites from the Brand Motion studio, built with AI the way the course teaches. Swipe through; each one plays as it comes into view.
Who's teachingBrand Motion Studios, the studio behind brandmotion.dev, where more than 200 website and 3D designs are sold as prompts and source. The course is how they are made.
How it works
From an idea to an immersive website.
Imagine
Start with a brief: who the site is for, the one action you want from a visitor, and how it should feel. You choose a design direction before anything is built.
Modules 3 and 4
Direct the AI
Give it rules, a plan and a design system, then build one section at a time. You read every step, send screenshots back, and fix one thing per prompt.
Modules 2, 5 and 6
Build and refine
Generate the images and video, add a scroll story and a 3D moment, polish it for a phone, then put it live on your own domain.
Modules 7 to 9 and 11
AI rarely gets it right first time. Most of the course is the loop that gets you there: ask, look, correct, repeat.
An illustration of the loop: a prompt in, a site out.
What you get
One purchase. An entire web design toolkit.
Learn the workflow, build with real prompts and guides, and keep going with the extras. All of it comes with the one price.
B Build
30
Studio prompts
15 website packs and 15 3D scenes we sell in the store. Bought one by one there: ₹10,840$114.70.
44
The course prompt pack
Every prompt used in the lessons, in the order of a project. Fill the brackets, copy, send.
7
PDF guides
Checklists, templates and a workbook with one short task for each of the 49 lessons.
A Learn
49
recorded lessons
- 12 modules
- 1 hr 55 min in all
- English audio
- Hindi audio
Short lessons, each ending in something you do. Watch on a phone, a tablet or a computer.
See every lessonC Get more
30%
Off All-Access Yearly
$99 becomes $69.30 a year at brandmotion.dev.
50%
Off All-Access Lifetime
$349 becomes $174.50, paid once, off the regular price.
100
Claude Pro winners
A draw, not a promise: 100 students, picked at random, get one month of Claude Pro.
The studio prompts
30 prompts. More possibilities for your next website.
These are not samples. They are 15 website packs and 15 3D scenes on sale in the Brand Motion store today, ₹10,840$114.70 if you bought them one by one. Open any of them to see what it builds.
Website7-Star Luxury Hotel Website
A cinematic architectural journey for ultra-luxury hospitality
See it live
3D sceneMoss Perfume
3D Fragrance Landing Page
Fragrance landing page in one HTML file: a faceted perfume bottle on a mossy mound of daisies that lifts away into a clean product shot.
See it live
Website
3D sceneRing Atelier
3D Jewellery Store Landing Page
Jewellery store landing page in one HTML file: three polished 3D rings that fly into their product cards as you scroll.
See it live
Website
3D sceneLattice Cube
3D AI Product Landing Page
AI product landing page in one HTML file: a glass data cube with live signal trails that bursts open on scroll.
See it live
WebsiteThe Great Indian Cafe
Editorial Food Film
Eight movements of scroll-driven film and paper. Not a restaurant site.
See it live
3D sceneTerra Nav
3D Travel Landing Page
Travel landing page in one HTML file: a glass mega-menu that reshapes a live 3D landscape.
See it live
Website
3D sceneToon Portfolio
3D Personal Portfolio
Personal portfolio in one HTML file: a code-built cartoon head that watches the cursor in front of a giant headline.
See it live
Website
3D sceneRunway Muse
3D Fashion Landing Page
Fashion landing page in one HTML file: a posed 3D mannequin in a flowing, colour-shifting skirt beside a giant wordmark.
See it live
Website
3D sceneCurved Gallery
3D Architecture Studio Landing Page
Architecture studio landing page in one HTML file: a curved, draggable 3D carousel of interiors that are rendered in code.
See it live
WebsiteMAHAL
The Palace, In One Continuous Take
Scrolling doesn't trigger the film. Scrolling is the film.
See it live
3D sceneSport Shades
3D Eyewear Product Landing Page
Eyewear product landing page in one HTML file: wraparound sunglasses with a colour-shifting mirror lens that come apart as you scroll.
See it live
Website
3D sceneTerrain Card
3D Fintech Landing Page
Fintech landing page in one HTML file: a frosted payment card with a miniature living landscape growing out of it.
See it live
Website
3D sceneRobot Head
3D Robotics Landing Page
Robotics landing page in one HTML file: a white humanoid robot head that tracks the cursor, blinks, and opens its panels as you scroll.
See it live
Website
3D sceneLiquid Chrome
Iridescent Liquid-Metal Metaballs
Iridescent liquid-metal metaballs, in one HTML file. Stir, hold to magnetise.
See it live
Website
3D sceneParticle Type
Type-Anything Particle Text
Type-anything particle text, in one HTML file. Type, scatter, explode.
See it live
WebsiteLOGOFF 01
A 3D Sneaker You Scroll Apart
One shoe stays on screen while colour blocks scroll past behind it; it turns to show each feature, then pulls apart into seven labelled parts.
See it live
3D sceneGradient Ribbons
SaaS-Style Twisting 3D Ribbons
SaaS-style twisting 3D ribbons, in one HTML file. Bulge to cursor, click wave.
See it live
WebsiteAURELIAN Calibre 01
Skeleton Automatic
Time, Engineered. Pinned storytelling & canvas frame scrubbing
See it live
3D sceneData Globe
Dotted Globe with Live Arcs
Dotted globe with live arcs, in one HTML file. Spin, live counters.
See it live
Website
3D sceneApp Showcase
3D Phone with a Live App UI
3D phone with a live app UI, in one HTML file. Spin phone, tap to switch tabs.
See it live
Hindi and English
Learn in your language. Build for a global audience.
Every one of the 49 lessons carries two audio tracks. Both come with the one purchase: pick the one you want in the player, and switch whenever you like.
- ENEnglishFull narration on every lesson
- HIहिन्दी HindiFull narration on every lesson
What is on screen, the prompts and the PDF guides are in English.
Curriculum
Know exactly what you'll learn.
The whole course, lesson by lesson, with how long each one runs. You build as you watch: every lesson ends with one task.
- 12 modules
- 49 lessons
- 1 hr 55 min
- ★0.1 What you'll build and what it costs
01Get set up
Install the tools, choose the right AI plan and send your first prompt.
- 1.1Install Claude and pick a plan2:20
- 1.2Install Antigravity1:45
- 1.3Install Node.js and Git1:36
- 1.4Your project folder and first prompt1:32
02How AI works in your project
What it can see, what it can change, and how you stay in charge.
- 2.1How Claude works inside your folder1:20
- 2.2Permissions and plan mode2:04
- 2.3CLAUDE.md: your project rules1:27
- 2.4Preview, screenshot feedback and fixing errors1:42
03Prompting
Say exactly what you want, and get it the first time.
- 3.1The five parts of a good prompt2:21
- 3.2Vague to specific: one request, three levels1:59
- 3.3Feedback prompts: how to iterate2:07
- 3.4Reusable prompts and where to keep them2:13
04Design fundamentals
Enough design language to direct AI like an art director.
- 4.1Anatomy of a website2:10
- 4.2Design words and references2:23
- 4.3Your design system: fonts, colours, spacing2:26
- 4.4Component libraries and animation2:10
- 4.5What makes a website cinematic: scroll, depth and 3D3:16
05Connectors
Plug in the services a real website runs on.
- 5.1What connectors are and how to add one1:56
- 5.2GitHub: save and version your code2:37
- 5.3Supabase: a database for forms2:12
- 5.4Vercel, and keeping your keys safe2:12
06Skills and plugins
Give your AI new abilities, then write one of your own.
- 6.1Skills vs connectors2:06
- 6.2Installing skills and plugins2:06
- 6.3A design skill in action: before and after2:17
- 6.4Write your own skill2:56
- 6.5The six skills worth installing2:58
07Images and video
Generate the visuals your site needs and get them ready for the web.
- 7.1What assets a website needs, and what Flow is2:12
- 7.2Generating images2:50
- 7.3Generating video for the hero2:41
- 7.4Preparing assets for the web2:51
08Build the website
The full build, from a brief to a polished, working site.
- 8.1The brief and the plan2:44
- 8.2Build the hero3:04
- 8.3Build the remaining sections3:19
- 8.4Place the images and video2:11
- 8.5Make it cinematic: a scroll story and a 3D moment4:20
- 8.6Mobile and polish2:48
- 8.7A working contact form2:27
09Go live
From your laptop to a live link on your own domain.
- 9.1Deploy with GitHub and Vercel2:08
- 9.2Connect a custom domain1:57
- 9.3SEO, favicon and social preview2:07
10Prompt pack and client work
Take the prompts with you, and turn the skill into paid work.
- 10.1The prompt pack1:55
- 10.2Turning this into client work1:59
11Real-time 3D
The advanced module: websites that move in three dimensions.
- 11.1What real-time 3D looks like2:27
- 11.2Build one with Claude2:42
- 11.3How a prompt like that is written2:31
- 11.4An exploded-view video in Flow2:44
- 11.5Scroll plays the video2:38
12Wrap-up
The tips and tricks that didn't fit anywhere else.
- 12.1Tips, tricks, and thank you2:30
Beyond the course
Keep creating beyond the course.
Brand Motion's All-Access plans unlock every prompt pack and source download in the store. Students get a discount code for each plan.
All-Access Lifetime
50% off
Pay once and keep access to everything the studio ever releases.
$349 $174.50 paid once
- Your two codes are on the course's Resources page once you have bought.
- Each code works on its own plan only, at checkout on brandmotion.dev.
- The percentage comes off the plan's regular price. If the store is running a sale, you pay whichever is lower; the two do not add up.
The giveaway
100 winners. One month of Claude Pro each.
100 users, picked at random, will receive one month of Claude Pro as a gift, sent to their registered email. It is the tool the course is taught on.
- This is a draw. Not everyone who buys receives Claude Pro.
- Winners are picked at random and told by email, at the address they registered with.
- Claude is Anthropic's product. This course is independent and not affiliated with Anthropic.
From students
In their own words.
Amazing concept for anyone interested in building 3D websites using AI! It's exciting to learn how AI can simplify the process of creating interactive, visually stunning web experiences. A great opportunity to explore the future of web design and development.
I've been interested in creating 3D websites but always thought it would require advanced coding and design skills. Learning how AI can help with the process makes the idea much more approachable. This is an exciting space for anyone looking to get started with AI-powered web development.
3D websites are becoming a great way to create unique digital experiences, and combining them with AI makes the possibilities even more interesting. Perfect for designers and developers who want to explore creative website design beyond traditional layouts.
The idea of using AI to build immersive 3D websites is genuinely exciting. From interactive visuals to modern web experiences, there are so many creative possibilities to explore. A valuable learning direction for anyone who wants to combine creativity, technology, and web development.
AI is changing the way websites are designed and developed, and 3D web experiences are an exciting part of that transformation. Learning these skills can open up new creative possibilities for freelancers, designers, and developers who want to build something different from ordinary websites.
The price
Everything you need to start building better websites.
Futuristic Web Design Using AI
Bundle value
₹13,839$183.70
Regular price
₹2,999$69
Festival of Lights price
₹899$29
Back to the regular price in
Sunday 8 November, 11:59 pm IST. Everyone pays this, waitlist included.
Bundle value
₹13,839$183.70
You pay
₹2,999$69
If you were on the waitlist
₹2,249$51
The value is two real prices added up: the course at its own price (₹2,999$69), plus the 30 studio prompts at what they sell for in the store (₹10,840$114.70). The guides, the prompt pack, the discount codes and the draw come on top and are not counted.
- 49 lessons in 12 modules, 1 hr 55 min
- English and Hindi audio on every lesson
- 30 studio prompts (₹10,840$114.70 in the store)
- The course prompt pack: 44 prompts
- 7 PDF guides, including the workbook
- 30% off Yearly and 50% off Lifetime at brandmotion.dev
- Entry to the Claude Pro draw: 100 winners
70%57%
off · 7 days only
78%62%
less than the parts cost
Drop your email
That's the whole form. No account, no password.
Pay your way
Rupees through Razorpay in India. Dollars by card everywhere else.
Start watching
Enter your email, type the code we send you, and press play.
New · The cheapest way in
The whole course. As a book.
₹249$9
+ GST
about ₹5 a lessonone payment
under 19¢ a lesson
- All 49 lessons, written out in a 97-page PDF
- 86 prompts ready to copy, plus 6 guides
- Read it, search it, keep it open while you build
Why is the price lower right now?
It's our Festival of Lights sale: ₹899 in India and $29 everywhere else, until Sunday 8 November, 11:59 pm IST. After that it goes back to ₹2,999 and $69. It isn't added to the waitlist price or a coupon: you pay whichever is lowest, and until then that is the Festival of Lights price. You get exactly the same course either way.
What is included?
49 recorded lessons in 12 modules (1 hr 55 min in all), each with English and Hindi audio. With them come 30 studio prompts, the course's own pack of 44 prompts, 7 PDF guides including a workbook, two discount codes for the Brand Motion store, and entry to the Claude Pro draw.
Is it in Hindi and English?
Yes, both, in one purchase. Every lesson carries an English and a Hindi audio track, and you choose which to hear in the player. The on-screen text, the prompts and the PDF guides are in English.
Do I need to know how to code?
No coding experience is assumed. Module 1 starts from installing the tools, and you build by describing what you want to an AI, then reading and correcting what it makes. You will use a terminal and see code along the way.
Which AI tools does the course use?
Claude (in its Code mode) to build, the Antigravity editor to see your project, and Google Flow to generate images and video. GitHub, Supabase and Vercel are used to save, store form entries and go live.
Do I need paid subscriptions to those tools?
Two. The course is taught on a paid Claude plan, and Google Flow needs a Google AI plan for the month you make your images and video. GitHub, Supabase and Vercel are used on their free plans. The welcome lesson walks through what it costs.
What are the 30 prompts?
Prompt packs the studio sells in its own store, at brandmotion.dev: fifteen full website packs and fifteen from the 3D collection. They are the real files, unchanged. The prompts are written for AI coding tools; the course uses Claude.
What are the PDF guides?
A setup checklist, the prompt pack, a CLAUDE.md template, a ready-made skill, a design vocabulary, a launch checklist, and a workbook with one short task for every lesson. Each also comes as plain text to copy into your project.
Is the source code of those websites included?
No. You get the prompts that build them. The finished source packs are sold separately in the store, and are part of its All-Access plans, which your discount codes apply to.
How do the store discounts work?
After you buy, the course's Resources page shows two codes: 30% off All-Access Yearly and 50% off All-Access Lifetime at brandmotion.dev. Each works on its own plan only and comes off the regular price. If the store is already running a sale, you pay whichever price is lower.
Does everyone get Claude Pro?
No. 100 users, picked at random, will receive one month of Claude Pro as a gift, sent to their registered email. It is a draw, not a guarantee, and this course is not affiliated with Anthropic.
How does the 25% waitlist price work?
If your email joined the waitlist, check out with that same email and the lower price is applied automatically. There is no coupon code.
Do I have to create an account?
No. Checkout is your email and a payment. To watch, you enter that email and we send a six-digit code: no password. Buyers in India pay in rupees through Razorpay; everyone else pays in dollars by card.
What can I watch it on?
Any phone, tablet or computer with a modern browser. You can be signed in on up to three devices at once.
What is the refund policy?
The studio's refund policy is published at brandmotion.dev/legal/refunds, linked in the footer. Read it before you buy; if anything is unclear, write to us first.
Your next great website starts here.
49 lessons in Hindi and English, 30 studio prompts, 7 guides and the extras. Your email and one payment.