Step-by-Step Guide

From Idea to a Live Site With AI, Step by Step

Published June 2026

By Mark Reeves · Field Guide Sites

Most people start building their website in the wrong place. They open a website builder, pick a template, and then stall because they don't know what to put on it.

The actual sequence, when you use AI tools, is the reverse of that. Start with the words. The structure follows. The site follows that.

Here is the sequence that works, with the specific steps in order.

Before you touch any builder

Step 1: Write your business brief (20 minutes)

This is the most important step and almost nobody does it. The business brief is the document you will paste into AI tools throughout this process. It gives the AI something specific to work from. Without it, you get generic output. With it, you get something usable.

Write down the following:

Business name:
What we do (one sentence, plain language):
Who our customers are (be specific: not "homeowners" -- "homeowners
with older homes who've already tried the DIY fix and it didn't work"):
What problem we solve for them:
What makes us different from the three closest competitors:
What action we want visitors to take on our site (call, fill a form,
book online, come in):
Our service area or location:
Tone (how we talk: direct, warm, technical, plain-spoken -- pick the
words that match how you actually talk to customers):

This takes 20 minutes to write well. It saves hours on everything that comes after.

Step 2: Decide your pages (15 minutes)

For most small businesses, five pages cover everything:

If you are unsure, ask an AI: paste your brief and say "What pages should a website for this business have? List them in order of how much they matter to getting a new customer to contact us." The answer will confirm what you already know or raise one thing you hadn't thought of.

Step 3: Pick your builder

Do this before you write copy, not after. The builder determines how much flexibility you have on layout, so knowing it upfront lets you write copy that fits the format.

For most businesses doing this for the first time, the choice is between Squarespace and Framer. Both have strong templates and reasonable learning curves. Squarespace is more guided. Framer gives you more design control if you want it.

Pick one. Don't spend more than an hour on this decision. You can move later if you need to.

Writing the copy with AI

Step 4: Write the homepage copy first (30-60 minutes)

Open a new session in ChatGPT or Claude. Paste your business brief. Then work through the homepage sections one at a time:

Start with the headline:

Using this brief, write five short headline options for my homepage.
Each should be under 10 words. No filler words like "quality" or
"trusted." Make each one specific to what we actually do and who
we serve.

Then the subheadline:

Pick the strongest headline from the five above. Write three
subheadline options that complete the thought and say what the
customer gets. One sentence each.

Then the services overview:

Write a two-sentence description for each of the following services:
[list your services]. Keep each one specific. Tell me what the
customer gets, not just what we do.

Then the trust section (reviews, credentials, results):

Write three placeholder sentences for a "Why clients choose us"
section. Base them on these facts: [give two or three real facts
about your business: how long you've been operating, a specific
result you've delivered, something you guarantee]. I will replace
the placeholders with real quotes and specifics.

Then the FAQ:

Write four FAQ questions and answers for my website. Base them on
the most common questions a new customer would have before contacting
us. Keep each answer under three sentences. Plain language only.

Work through these sections in one session while the context is warm. You'll have a full homepage draft in under an hour.

Step 5: Write the remaining pages (1-2 hours)

Follow the same pattern for each remaining page. Keep your business brief loaded in the session. For each page, tell the AI what the page is for and what the visitor needs to feel confident by the end of it.

About page prompt:

Write a 150-word About section for our website. Focus on who we
serve, what we do differently, and what we won't do that others in
our space do. No talk about passion or commitment. End with one
sentence about how to get started with us. Tone: [from your brief].

Contact page is simple: your phone number, a short form (name, email, message), and one line about response time. AI can write the one line. The rest is technical setup.

Building and launching

Step 6: Build in the template (2-4 hours)

Open your chosen builder. Pick the cleanest template that matches your business type. Don't spend more than 30 minutes on template selection. Clean and readable beats clever and distinctive for a first site.

Paste your AI-written copy into each section. Adjust to fit the template's structure. You will need to cut some things and rearrange others. That's normal.

Add your real contact information. Add your real service area. If you have photos of your work, team, or location, add those now. If you don't, leave the photo slots empty or use a clean placeholder color. Launching without photos is better than launching without the site.

Step 7: Edit for specificity before you publish

Before you hit publish, read every page once and do the specificity check: find every sentence that could describe any business in your category and replace it with something that's true only of yours.

"We care about your satisfaction" becomes "we call within 24 hours if there's any problem."

"Experienced team" becomes "11 years working in residential construction, mostly pre-1980 homes."

These edits take 30 minutes and they are the difference between a site that reads like AI-generated filler and one that reads like a real business.

Step 8: Set up the basics, then publish

Before you go live, confirm these are in place:

When those five things are true, publish. You can improve everything else later. A live, imperfect site generates calls. A perfect site that never launches generates nothing.

The week after launch

Submit your site to Google Search Console. It's free. It tells Google your site exists and lets you see if anyone is finding you. Add the basic setup in the first week.

Then make a list of three things you know the site is missing: a specific service page, a photo section, a reviews section. Fix one per week. The site gets better over time. That's the correct way to do this.

Want someone else to handle the building?

Field Guide Sites builds and manages websites for small businesses. You supply the business; we handle the site. Starting from $750 for a full launch.

Get the site built for you → More on website strategy

Related reading