How to Build a Website with AI in 30 Minutes

A real, functioning website — text, design, images, and publishing included — can be assembled by AI models in 30 minutes without a designer, developer, or budget. The workflow is simple: Claude creates the structure, copy, and complete HTML code in a single file, Gemini (the Nano Banana 2 model) generates images in the required style, and free static hosting (Netlify, Vercel, Cloudflare Pages) publishes everything via a link in just a couple of minutes. Below are specific prompts, a minute-by-minute timeline, and common mistakes. One important point right away: this kind of website is a fast packaging of real business activity, not a way to invent a business that does not exist. For a bank, partner, or client, it shows what already exists — it just had not been properly presented before.

Situations where it really makes sense to build a website with AI

• A bank or payment service requested proof of business activity. In the AML checks section, this is a standard requirement — alongside invoices and statements (we covered this in the article about Wise Business). You have real clients, services, and income — you just didn’t have a website that shows it.
• A partner or client asked you to “send over the website” before signing a contract or making an advance payment.
• You need an MVP landing page for a new business line to test demand while a full website is still not ready.
• An outdated or broken website needs to be temporarily replaced with a working version.

In all cases, the logic is the same: the content must be truthful. A neural network saves hours on layout and copy selection, rather than inventing a business from scratch.

30-Minute Timeline

Time	What you do
0–5 min	Prepare the basics: what you do, services and prices, real contact details, tone
5–15 min	Claude generates the structure, copy, and HTML/CSS code
15–20 min	Gemini generates 3–5 images for the website
20–25 min	Insert the images into the code and check everything on your phone
25–30 min	Publish to hosting and get a working link

Step 0: Prepare the basics (5 minutes)

Before writing the prompt, note down:

• Company/sole proprietor name and exactly what you do (specifically, not “a wide range of services”).
• 3–5 services with prices or a price range.
• Real contact details: email, phone, messenger, legal address if needed.
• Who your clients are and how to find them (this is the answer to “where do you get clients from” — word of mouth, social media, marketplace, partners).
• Tone: official, friendly, expert — tailored to the audience.
• If you have real case studies or reviews, keep them handy — this greatly increases trust in the website.

Step 1: Prompt for Claude — structure, copy, and code

Open claude.ai (even the free plan will work) and provide a detailed prompt in one go — the more specific your input, the fewer edits you’ll need later. Example:

You are a professional web copywriter and frontend developer.
Create a one-page landing page for [business niche, for example
“a private accounting practice for sole proprietors”].

Input data:
- Name: [name]
- What we do: [specific description in 2–3 sentences]
- Services and pricing: [list]
- Audience: [who the clients are]
- How people find us: [real channel — social media, word of mouth, marketplace]
- Contacts: [email, phone, messenger, address if needed]
- Tone: [businesslike without bureaucratic wording / friendly and expert]

Website structure:
1. Hero section with a headline, short description, and contact button
2. About the company — brief and to the point, without fluff or clichés
3. Services — presented as cards, with prices
4. Why choose us (3–4 points, without banalities like “individual approach”)
5. FAQ — 4–5 real client questions
6. Contacts and a contact form/button
7. Footer with company details

Technical requirements: one HTML file with embedded CSS, without external dependencies except Google Fonts. Responsive layout optimized for mobile devices. Do not use lorem ipsum and do not invent facts I did not provide — if some data is missing, mark it with a placeholder in square brackets, and I will fill it in myself.

Claude will assemble a ready-made HTML file directly in the interface (in the Artifacts panel) — the code is visible, a preview appears immediately, and it can be downloaded with one click. The artifact publishing feature (the Publish button) makes the preview available via an Anthropic link — this is convenient for quickly showing a draft and getting feedback, but for a company’s “official” website it’s better not to rely on that link. Instead, take the finished code and deploy it on your own hosting and domain — that way the site looks like an independent business resource rather than a draft on someone else’s service.

Important about the text itself: separately ask Claude not to write in a typical “AI style” — with excessive epithets, bureaucratic wording, and phrases like “in the modern world” or “an individual approach to every client.” A good second prompt after the first draft is:

Rewrite the texts in a simpler and more specific way. Remove all generic phrases that could appear on the website of any company in this niche. Every sentence should contain concrete information — a number, a fact, or a service. The tone should sound as if the business owner is personally explaining what they do, not a marketer.

Step 2: Prompt for Gemini — Images

In Gemini (gemini.google.com or the app), images are generated by the model referred to in the interface as Nano Banana 2 — this is Gemini’s current image engine, which has replaced the Imagen brand inside the chat interface (Imagen itself has not gone anywhere, but is now a separate product for developers). Access is free: click the “+” next to the input field → “Create image,” then describe what you need.

What is worth generating for the website:

• Hero image — an abstract or conceptual illustration related to the business theme, not a literal scene.
• Icons for the services block — simple, in a consistent style.
• Background textures/patterns — to break up the white space.

Example prompt for a hero image:

Create a minimalist hero illustration for an accounting practice website.
Style: flat vector illustration, muted color palette (dark blue, light gray, and one green accent color), plenty of whitespace, no text in the image.
Aspect ratio: 16:9.

For a set of service icons — all at once in a single prompt, so the style is consistent:

Create a set of 4 simple flat icons for a website:
documents, calculator, growth chart, handshake.
Use a consistent minimalist style, a single accent color palette, a transparent background, and no outlines of varying thickness.

An important principle, not just a style tip: do not generate “team photos” or “office photos” as if they were real images — this is not a mood image, but a falsification of a non-existent fact (imaginary employees, an imaginary office), not an illustration of a service. Moreover, from a design perspective, this is also a bad idea: generic AI-generated “happy employees in an open-plan office” are immediately recognizable as stock-like visuals and are more likely to reduce trust than increase it. If there are no real photos, an honest illustration or abstract visual works better and does not create false expectations.

Gemini marks every image with an invisible SynthID watermark (this is normal, not a technical issue, but an “AI-generated” label used by all similar services).

Step 3: assemble and publish

1. Download the HTML file from Claude (or copy the code from the Artifacts panel).
2. Insert the images. The fastest option for a one-page site is to upload the images to the same hosting alongside the HTML and use relative paths (<img src="hero.png">), or ask Claude to insert placeholders for the required file names right away.
3. Publishing without a domain (the fastest route):
   • Netlify Drop (app.netlify.com/drop) — drag the folder with the files into the browser, and within a few seconds you get a working link.
   • Vercel or Cloudflare Pages — similar process, with a few more steps during the initial setup, but it makes connecting your own domain easier later.
   • GitHub Pages — if you already have a GitHub account, this is also an option that takes just a few minutes.
4. If you already have a domain, connect it in your hosting settings (usually by adding a couple of DNS records). The connection itself takes minutes, but full DNS propagation worldwide can sometimes take hours — if you have a hard 30-minute deadline, use the hosting provider’s temporary link (something like name.netlify.app) and finish configuring the domain in parallel.
5. If the site is already on WordPress or another hosting provider, there’s no need to set up separate hosting — you can simply upload the HTML file as a new page via FTP or the file manager, which also takes just a few minutes.

SEO and trust — 5 more minutes, but don’t skip them

• Title and description. Ask Claude to generate the <title> right away (up to 60 characters) and a meta description (up to 160 characters) with the company name and type of business.
• Essential trust sections, especially if you plan to show the site to a bank or partner: a clear description of the business, real contact details (not a vague “contact us” leading nowhere), and the company/sole proprietor details, if appropriate for the niche.
• Indexing. Add the site to Google Search Console and request indexing manually — this will help it appear in search results faster than if you simply wait.
• robots.txt and sitemap are optional for a one-page site with a tight deadline, but if you have time left, you can simply ask Claude for them too.

Common mistakes

• The text “smells” like it was written by AI — generic phrases without specifics. This can be fixed with a second prompt to simplify it (see above).
• Generic “stock” AI photos of people instead of an honest illustration — it looks cheaper than having no photo at all.
• Broken image links — the most common technical mistake during the first build; check after publishing, not before.
• They forgot about the mobile version — check the site on a phone before sending the link.
• Nonexistent contact details — a form with no real email behind it instantly undermines trust if someone tries to write.
• Made-up facts about the company. If you ask a neural network to “come up with a company history” without any background information, it will invent a plausible but false story. Always provide real facts and explicitly ask it not to make up what’s missing.

FAQ

Can you really build a website from scratch in 30 minutes? Yes, if you already have the basic inputs prepared (name, services, contact details) — generating the text, code, and images takes 15–20 minutes, and the rest is assembly and publishing.

Do you need money for hosting and a domain? No, for quick publishing via a temporary link, free options like Netlify, Vercel, or Cloudflare Pages are enough. You only need to pay for your own domain if it matters to you — and that does not have to be done within the first 30 minutes.

Which neural network in Gemini generates images? The model is called Nano Banana 2 (based on Gemini 3.1 Flash Image), and it is available for free in the app and on the Gemini website via the “Create image” button. A higher-quality version, Nano Banana Pro, is available on paid plans.

Can you use a published Claude artifact as a company website? Technically, yes — the link works and can be sent to anyone. But it is hosted on an Anthropic domain rather than an independent business domain, so for an official business presence it is more reliable to download the code and host it yourself.

What if the business does not actually have clients or revenue? A website built in 30 minutes solves the problem of having no presentation for a real business activity. It does not replace actual turnover, invoices, and transaction history — a bank or partner will still look at the full set of documents, not just the website.