Kno2gether kno2gether.com ↗ Try Knotie free
Build & Ship Playbook + Prompt Pack

Sell the Website Before You Build It: Ship a Client Site With AI the Same Day

A no-code play for non-developers: use one reusable brief to make Claude build a bespoke, conversion-ready website, preview it, and deploy it to a live URL the same day — the exact prompt + the deploy steps inside.

Start free with Knotie
01

The opportunity hiding in plain sight

Walk down any high street and you'll find it: the plumber whose only web presence is a Facebook page, the cafe whose site hasn't been touched since 2019, the electrician with no site at all. Plenty of small businesses still have no real website — or one that quietly loses them customers every week. Estimates of exactly how many vary a lot by source and year (recent surveys land anywhere from roughly a sixth to nearly half of small businesses without a dedicated site), so don't quote a hard number — but the gap is real and it's everywhere.

Here's what changed. You no longer have to be a developer to fix that gap. The slow, expensive part used to be the build. Now an AI like Claude does the building, and a clean, modern site comes together in an afternoon. That flips the whole economics of the work: because the build is fast, you can sell the website before you've built it — pitch the business, agree the job, then deliver a live URL the same day. This guide is the exact play, end to end.
02

The one rule that keeps it bespoke (not a template)

The single biggest mistake beginners make is letting the AI run with a vague prompt — and getting back a generic, stock-photo site that looks like every other AI website. The fix is a reusable brief that makes the AI interrogate the business first. Before it designs anything, it should know the trade, the brand colours, the exact services, who the customer is, and the one action you want a visitor to take. Feed it that, and the output is genuinely theirs. Treat the brief below as a fill-in-the-blanks template you reuse for every client.
03

The reusable 'build me a premium website' brief

Paste this into Claude, filling the brackets for the specific business. It front-loads the questions a good designer would ask, so the first draft already fits the client — not a template.
  • Role + goal: "You are a senior web designer + front-end developer. Build a modern, single-page marketing website for a local business. Goal: get visitors to request a quote or call."
  • The business: "Business: [name], a [trade] in [town]. Services: [list 3–5]. Customers: [who they are]. Tone: [e.g. trustworthy, friendly, premium]."
  • Brand: "Brand colours: [two hex or named colours]. If none, pick a tasteful palette that fits the trade and tell me why."
  • Build spec: "Use React + Tailwind CSS. Sections: hero with one clear call-to-action, services, why-choose-us, simple gallery placeholder, a working contact / 'get a quote' form, and a footer with a tap-to-call phone number. Mobile-first and fast."
  • Conversion: "One bright primary button repeated top and bottom. Click-to-call on the phone number. Keep the quote form short (name, phone, message)."
  • Before you build: "Ask me up to 5 clarifying questions first if anything is unclear, then show me the plan before writing all the code."
04

The 4 steps to hand over a live site (often the same day)

Once the AI has the brief and you've approved its plan, this is the flow from first draft to a URL you can hand the client. None of it needs you to be a developer.
  • 1. Build it with a contact form that actually works. Have Claude wire the 'get a quote' form to a free form service (e.g. a service like Formspree or Web3Forms) so a real enquiry lands straight in the client's inbox — no backend to run. Ask it to include the exact setup snippet.
  • 2. Preview it locally, and check it on a phone. Run the site on your own computer first (Claude will give you the one or two commands). Open it, click everything, then check it on a phone screen — most of their customers are on mobile, so mobile has to look right.
  • 3. Optimise for conversion. One bright, obvious button ('Get a quote'). A tap-to-call phone number. The quote form near the top so nobody has to scroll to act. Cut anything that distracts from those.
  • 4. Deploy it to a live URL. Push the project to a free GitHub repo, then connect it to a free host like Vercel — it builds and gives you a live web address in about a minute. Hand that URL to the client the same day.
05

The deploy steps, spelled out

If you've never deployed a site, this is the part that sounds scary and isn't. Ask Claude to walk you through each line for your specific project; here's the shape of it.
  • Put it on GitHub: create a free GitHub account, make a new (private) repository, and push the project. Claude will give you the handful of git commands — copy, paste, done.
  • Connect Vercel: sign in to Vercel with your GitHub account, click 'Import Project', pick the repo. Vercel auto-detects React/Tailwind, builds it, and gives you a live your-project.vercel.app URL.
  • Custom domain (optional): if the client owns a domain, you can point it at the site in Vercel's dashboard. If they don't, the free URL is enough to show them it's live today; buy the domain as part of the package.
06

One honest caveat about 'free' hosting

This matters, so don't skip it. Vercel's free Hobby tier is genuinely free to deploy — but its terms restrict it to non-commercial, personal use. A website you build and charge a client for is commercial use, which means the correct path is either Vercel's paid Pro plan (around $20/month per the current published pricing) or deploying it on the client's own account. The clean reseller move: set the client up with their own Vercel account (so they own their site), or fold a Pro seat into your quote — it's a small, passable cost, not a blocker. The free tier is perfect for learning and for your own demos; for paid client work, use a paid plan or the client's account. (Always check Vercel's current plan terms before you rely on this — pricing and limits change.)
07

What to charge — and why 'sell first' works

Because the build is now fast, the value you sell isn't hours — it's the outcome: a local business that was invisible online now has a clean site that books enquiries. Price the outcome, not the afternoon. Build-time and pricing figures vary enormously by market and client, so treat any number as illustrative, not a promise — there's no income guarantee here. The structural point is simpler: when you can deliver a live site the same day, you can confidently agree the job before you build, take a deposit, and never sink hours into spec work you might not get paid for. (That deposit-first conversation is the next guide.)

Get the website brief + the next 'sell-first' guide

I'll send the reusable build brief, the deploy checklist, and new build-and-sell guides. No spam, unsubscribe anytime.

By submitting you agree to our Privacy Policy & Terms. Unsubscribe anytime.

Frequently asked questions

Do I really not need to know how to code?
Correct — you don't write the code, Claude does. What you do need is to give a good brief, review what it produces, click through the site, and follow the deploy steps (which are copy-paste). The skill you're selling is judgement and delivery, not hand-coding. That said, the more you understand what's happening, the better your results — so read what Claude explains as it goes.
Why React + Tailwind and not a website builder like Wix?
Either can work. The brief here uses React + Tailwind because the AI handles the code for you, it's fast and free to host on Vercel, and you're not paying a builder's monthly platform fee or fighting its templates. If a client prefers a hosted builder, that's a fine alternative — the 'interrogate first, optimise for conversion' principle is the same.
Is the contact form really going to work?
Yes, if you wire it to a form service. A plain HTML form does nothing on its own. Ask Claude to connect it to a free service (Formspree, Web3Forms, or similar) so submissions email straight to the client. Test it yourself before handover by sending a real enquiry through it.
So is the hosting free or not?
Free for your own personal/demo projects on Vercel's Hobby tier. For a paying client's site that's commercial use, so you need Vercel Pro (about $20/month at current pricing) or deploy on the client's own account. Build that small cost into your quote — it's not a dealbreaker. Always confirm Vercel's current terms before you rely on them.
How long does this actually take?
With a good brief and the steps above, a simple single-page small-business site can come together in an afternoon — but that's illustrative, not a guarantee. Your first one will take longer while you learn the flow; after a few, same-day is realistic for a straightforward site.

Want this running under YOUR brand?

Knotie is a white-label AI platform — resell voice agents, chat agents, and automations under your own brand, your domain, your prices. Built-in credit billing means you keep the margin. Start free.

Start free with Knotie