How I Build & Sell $5,000 Animated Websites With Gemini AI for FREE 2026
Building a Professional Website for Free Using AI Tools
Introduction to the Project
- The speaker introduces a fully animated and professional football news website called Pitch Side News, created without any design tools or coding knowledge, and at no cost.
Step 1: Finding Visual References
- The first step involves using Pinterest to find high-quality images relevant to the website's theme. The speaker suggests searching for "football" to discover impactful visuals.
- After browsing, the speaker selects an image of the FIFA World Cup trophy as the base for their website background. This image is downloaded for further editing.
Step 2: Editing Images with ChatGPT
- The downloaded image needs preparation; thus, ChatGPT is used to edit it by resizing it to a 16:9 aspect ratio and removing distractions from the background.
- A second prompt is sent to ChatGPT requesting additional modifications like flipping the trophy and changing the background color, resulting in two impressive versions of the image.
Step 3: Creating Animated Video with Google Flow
- The static image is transformed into an animated video using Google Flow, which allows users to create cinematic videos for free. Users must set up a new project and upload their edited image.
- A specific prompt instructing Google Flow on how to animate the video results in a smooth animation of the trophy rotating against a gold background. This video will serve as part of the website's hero section.
Step 4: Hosting Video Online
- Since Google AI Studio requires a URL link for videos instead of direct uploads, Cloudinary is recommended as a free hosting service where users can upload their animated video and obtain a public URL link.
- After uploading, users can copy this URL link from Cloudinary’s media library for use in building their website later on.
Step 5: Building the Website with Google AI Studio
- Users are directed to Google AI Studio where they select Gemini 3.1 Pro preview model for optimal results when generating websites based on prompts provided by users. Simple prompts yield basic results; therefore, detailed instructions are crucial for better outcomes.
- An example prompt includes specifics about layout elements such as sections for news articles and calls-to-action while incorporating the previously uploaded video as part of its design aesthetic. Upon submission, Gemini generates complete code automatically within minutes instead of days or weeks typically required by developers.
Final Steps: Refining Design & Deployment
- Further refinements are made through additional prompts that adjust content alignment and ensure consistency across multiple pages before finalizing designs suitable across devices (desktop, tablet, smartphone).
- Once satisfied with design adjustments, users export all generated code as a zip file ready for deployment via Netlify—a platform allowing free hosting services where files can be dragged-and-dropped directly into deployment areas leading to live site creation within seconds!
Conclusion & Recap
- In summary, every step taken—from finding images on Pinterest through deploying on Netlify—was executed without incurring costs while utilizing various AI tools effectively throughout each phase of development leading up to launching Pitch Side News online successfully!