Build a website with AI in an afternoon.

You can build a good website with AI in one afternoon if you do the thinking before the building. Spend the first hour on a one-page brief: who the site is for, what visitors should do, and the real facts it must say. Then let an AI tool build from it. Replace anything it made up, check the result on your phone, and publish.

The brief is what separates a site that works from one that looks like every other AI site. Below is a template to copy, then the afternoon, hour by hour.

01Your afternoon at a glance

1. 1:00Write the one-page brief. This hour decides the quality of everything after it.
2. 2:00Choose a design direction, with two sites you admire as references.
3. 2:15Build from the brief, one page and one section at a time.
4. 3:30Replace invented content with real words, photos and proof.
5. 4:15Check it on a phone and fix the accessibility basics.
6. 4:45Publish, connect your domain and add analytics.

02Hour one: write a one-page brief

An AI fills every gap in your instructions with the most average answer it knows. A vague request gets a vague site. A brief full of real facts gets a site that could only be yours.

Fill in the template below in plain words. It doubles as your first prompt, so paste the whole thing into your AI tool when you are done.

WEBSITE BRIEF

Who it is for: [one specific kind of visitor, e.g. "parents near Leeds looking for weekend swimming lessons"]
What they should understand in five seconds: [your promise, in one sentence]
The one action I want them to take: [book a call, buy, sign up, visit]
Pages: [as few as possible, e.g. Home, About, Contact]

Real facts to use:
- Name, location and opening hours: [...]
- Services or products, with prices: [...]
- Proof: [real reviews you have permission to use, years in business, notable clients]
- Contact details: [...]

Voice: [three words, e.g. warm, plain, confident]
Sites I like, and why: [two links, one sentence each]
Avoid: [e.g. stock-photo smiles, jargon, purple gradients]

Rules:
1. Use only the facts above. If something is missing, insert a visible placeholder like [ADD PRICE]. Never invent reviews, numbers, logos or people.
2. Write short sentences in plain words.
3. Design for phones first, with strong color contrast and descriptive alt text on every meaningful image.
4. Before building, reply with the page list and the sections of the home page, one line each, and wait for my OK.

Rule four matters most. Checking a plan takes two minutes. Unpicking a finished site that went the wrong way takes an hour.

03Pick a design direction that does not look generic

Left to their defaults, AI tools tend to produce the same site. A centered headline in gradient text, a purple-to-blue background, three identical cards with icons, and a slogan like “Transform your workflow.” It looks like a template because, in effect, it is one. Our AI UI design workflow shows how to avoid that look.

Words like “modern” and “clean” do not help, because every site believes it is both. Concrete choices do:

Turn your choices into a short design prompt and send it right after the brief:

Design direction for this site:
Mood: [three words]
Colors: [background], [text], and one accent: [color]
Type: [serif or sans-serif] headlines, [style] body text
Layout: [e.g. left-aligned, lots of white space, like a printed brochure]
From [site one], borrow [the one thing you like]. From [site two], borrow [the one thing you like].
Avoid gradients, glow effects, emoji icons and rows of three feature cards unless I ask for them.

04Hour two: build a website with AI from your brief

Three kinds of tools do this well, and our AI website builders comparison covers them in detail:

• AI website and app builders build from a prompt in your browser and host the result for you.

• Visual builders with AI, such as Wix or Framer, generate a first draft that you then edit by hand.

• Coding agents write the site as files on your computer, which you own and can host anywhere.

Paste your brief, approve the plan, and build the home page first. Then work through it one section at a time. Specific feedback gets specific fixes:

Ask for one change per message. It is slower to type but faster overall, because you can see what each change did. When a version looks right, save it in your tool’s version history, so you can go back if a later change breaks it.

05Hour three: replace everything the AI made up

This step is easy to skip, and it is the one that can get you in trouble. When facts are missing, AI tools fill the space with plausible fiction: five-star reviews from people who do not exist, “trusted by 10,000 customers”, client logos, team bios and awards.

In the US, that is a legal risk as well as an honesty problem. The FTC finalized a rule in August 2024 that bans reviews and testimonials from people who do not exist, and it names AI-generated fake reviews as an example. Knowing violators can face civil penalties.

Images follow the same rule. Your own photos of your place, product and people beat anything generated. AI images work well for backgrounds, patterns and illustrations. Do not use them to show products, rooms or staff that do not exist, because visitors will expect to find them.

What about search engines? Google’s guidance does not ban AI-written content. It asks for accuracy, quality and relevance, and it treats pages mass-produced with little originality or value as spam. A small site with true, specific words is exactly what it wants.

06Hour four: check it on a phone and fix accessibility

Open the site on your own phone and try the main action with one thumb. Then check accessibility: whether people with low vision, color blindness or a screen reader can use the site. The web as a whole does badly here:

AI tools learned from that same web, so check their output instead of trusting it. The good news is that the most common failures are also the easiest to fix.

Then ask the AI to audit its own work against WCAG, the Web Content Accessibility Guidelines, which is the standard checklist:

Check this site against WCAG 2.2 level AA and fix what you find. Focus on color contrast, alt text, heading order, link text, form labels, keyboard navigation, visible focus and the page language setting. Then list each fix in one line, plus anything you could not fix.

07Publish, connect a domain and add analytics

Most AI builders publish in one click to a free web address. If your tool hands you files instead, see our guide to putting a website online for free hosting and real domain costs. To use your own name, follow the steps to connect a custom domain.

Finally, add a simple analytics tool, and mention it in your privacy note. In the first week, watch three numbers: how many people visit, where they came from, and how many click your main button. That last number tells you whether the site works. To improve it, read how to make a landing page that converts.

08FAQ

Next, compare AI website builders side by side, or read who owns AI-generated content. Building a portfolio instead? See how to build one that gets you hired.