There is a moment, somewhere around midnight, when a business owner discovers that they can describe a website to Claude or ChatGPT and have something functional in front of them by morning. The realisation hits like a switch being flipped: this is actually possible. And they're right. It is.
AI tools have made website creation more accessible than it has ever been. You don't need to know how to code. You don't need a design degree. And the results, when approached correctly, can be genuinely impressive. We use these tools in our own studio, and what they can produce in a fraction of the time it would have taken five years ago is remarkable.
But after building websites professionally and reviewing plenty of AI-built ones, there's a gap I see consistently. It's not a gap in the tools. The gap is in what happens before you open them. The businesses that end up with a site that actually converts are almost always the ones who did five things before they wrote a single prompt.
Here they are.
Step 01
Write a brand brief before you write your first prompt
The single biggest mistake is opening a new chat and typing: "Build me a website for my cleaning company." Claude will do it. It'll generate something functional, something that looks like a website. But it will look like every other AI-generated cleaning company website, because without specific input, you get a generic output.
Before you write a single prompt, answer these questions honestly:
- What is your business name and exactly what do you do?
- Who is your ideal client? (Be specific. "Small business owners in Johannesburg who've outgrown their current supplier" is better than "companies.")
- What do you do differently from your competitors?
- How do you want someone to feel when they land on your site: trusted, inspired, reassured, or energised?
- What are your brand colours? Do you have a logo?
- What is the one action you want every visitor to take?
This brief takes twenty minutes to write. It changes the output of every prompt that follows. Give Claude context and it gives you something specific. Give it nothing and you get the generic version: the one that sounds like everyone and means nothing to anyone.
Step 02
Map your page structure before you touch the tool
Most small businesses need at minimum: a Home page, an About page, a Services or Products page, and a Contact page. Some need a Portfolio or a Blog. Before you build anything, decide what pages you need and write them down.
More importantly, assign each page a job. Your Home page's job is to make someone interested enough to explore. Your About page's job is to build trust. Your Services page's job is to turn interest into enquiry. Your Contact page's job is to remove every barrier to reaching out.
The other thing to map is the path: how does a first-time visitor move from landing on your homepage to making contact with you? That journey needs to be obvious, friction-free, and deliberate. If you don't design it before you build, it won't be there after you build. And a website with no clear path is just a brochure that nobody picks up.
Step 03
Feed it your real content, not placeholders
This is where most AI-built websites quietly fail.
AI will write your About page, your service descriptions, even your brand story if you ask it to. And the result will be technically correct, professionally formatted, and completely hollow. "We are a passionate team dedicated to delivering exceptional results for our valued clients" is AI copy. Nobody believes it. Google doesn't reward it. And your competitor probably has something almost identical.
Before you ask Claude to write anything about your business, give it raw material to work with. Your actual origin story (why you started, what problem you set out to solve). Real client results, even described in general terms. Your actual process. The specific types of clients you do your best work for and why.
Claude is a brilliant copywriter when you give it something real to work with. It is not able to invent the substance of your business from scratch. That substance is your competitive advantage. Bring it to every session.
Step 04
Test on a real mobile device before you call it done
AI-generated code is typically well-structured and functional on a desktop browser. Responsive design is where things quietly unravel. How your site behaves on a smartphone is the part that most AI-generated code gets wrong. And in 2026, roughly 70% of South African web traffic arrives via mobile. A site that breaks on a phone is a site that breaks your business.
Before you consider anything live-ready, open it on an actual phone. Not browser DevTools. A real phone, held by a real person.
Ask yourself: Does the navigation work? Can you tap the buttons without mis-hitting them? (The minimum recommended tap target is 44 x 44 pixels.) Is the text readable without zooming? Do images load at a sensible size or do they blow out the page? Does the contact form actually submit?
Then, ideally, hand your phone to someone who has never seen the site before and watch them try to use it. The places they hesitate or get confused are the places you need to fix. You've already become blind to your own site's friction. A new visitor notices every bit of it.
Step 05
Plan your SEO as a separate project, not an afterthought
A website Claude builds will not automatically rank on Google. The structure may be there. The signals that Google uses to decide who to show in search results are not put in place automatically. They require deliberate work.
Before you go live, treat SEO as its own project and work through each of these:
- Meta titles and descriptions: every page needs a unique, keyword-relevant title and description that tells Google (and users) what the page is about.
- Heading hierarchy: one H1 per page, H2s for your main sections. This is how Google understands your page structure.
- Schema markup: structured data that tells Google what your business is, where it's located, and how to contact you. This is especially important for local businesses.
- Google Business Profile: if you're a local South African business and you're not on Google Business, you're invisible to the most important local search channel available to you.
- Page speed: compress every image before you upload it. An unoptimised site can take eight seconds to load on mobile. That's a visit that never happens.
If you want to understand how AI tools and search engines are converging, and what that means for how customers find your business in 2026, our article on Answer Engine Optimisation for South African businesses covers it in depth.
None of this is beyond reach. But none of it happens by default. It needs to be a planned project, not something you get to later.
What a professional AI-assisted build actually looks like
To give you a sense of what's possible when these principles are applied with proper craft behind them, here are two recent builds from the LMP studio, both completed with AI assistance alongside professional front-end development, SEO architecture, and brand design.
Lifting equipment, steel fabrication, and rigging services across Gauteng. AI-assisted build with clean structure, fast load times, and SEO-ready architecture.
Gel blaster, laser tag, and birthday party experiences for kids at Huddle Park, Johannesburg. Mobile-first, conversion-focused, with a custom enquiry system built in.
In both cases, the AI did the heavy lifting on structure and code. The preparation is what made the outcome genuinely effective: the brief, the real content, the SEO architecture, and the mobile testing. You can see more of the work on our portfolio page.
If you're about to build and you want to know what mistakes to avoid along the way, our companion piece on what most business owners get wrong when building with AI covers the five pitfalls that show up most often.
"The tools have arrived. Anyone can use them. The question is whether you know what good looks like — because the tool will give you exactly what you ask for, and nothing more." — Lebo Mathopa, Founder, Lets Make Progress
The honest answer is that AI has made the technical side of website creation genuinely accessible. That's good news. The preparation remains your responsibility: the brief, the content, the testing, and the SEO., and it always will be. Do those five things before you open the tool, and the tool will serve you well. Skip them, and you'll spend months wondering why the site isn't doing what you hoped.