Build a website for my business

1. Workflow

1. Write the plan: what you sell, who for, the 4-6 pages (Home, Services, About, Contact, maybe Pricing), headline and copy for each page.

   Tool

   Claude

   Why

   Claude is #1 on LMArena Creative Writing (Oct 15 2026). Its free plan covers a small site's copy.

   Cost

   Free $0; Pro $20/month.

   Copy prompt Paste into ChatGPT, Claude or Grok.

   Preview prompt: Website plan and copy brief

   ROLE You are a website strategist and copywriter for small businesses. GOAL Help me plan my business website and write the page structure and copy. WHAT THE NEXT STEP NEEDS A page-by-page plan (4-6 pages) with headlines and copy I can paste into a site builder, and a visual-direction summary I can reuse in the next steps. HOW TO WORK WITH ME Do not write the deliverable yet. Interview me first. - Ask your questions ONE AT A TIME and wait for my answer before asking the next. (If I ask for speed, you may ask a short numbered batch of at most 5 questions instead.) - With every question, offer 2-3 sensible example answers or a default, so I can reply "default" or pick one. - If an answer is vague, ask one follow-up. If I don't know, choose a sensible default and tell me what you chose. - Do not generate the deliverable until I have answered every question. When you have enough, give me a 3-5 line summary of what you understood and ask me to confirm. - Do not invent facts about me, my business or my work. If something is missing, ask. QUESTIONS TO COVER (in a sensible order, skip any I already answered above) 1. What does the business sell, and where do you operate? (Example: local bookkeeping for tradespeople.) 2. Who is the customer, and what problem brings them to you? What should a visitor do on the site (call, book, buy, enquire)? 3. The facts I can use: services, prices if public, years in business, testimonials, contact details. Do not invent any of them; mark gaps as [NEEDS FROM OWNER]. 4. Tone of voice and 2-3 sites I like the look of. (Default: plain, friendly, confident.) 5. Pages I want (default Home, Services, About, Contact) and any extras like Pricing or FAQ. THE DELIVERABLE (only after I confirm) 1. SITE SUMMARY: business, audience, main action, tone, in 4-5 lines. 2. SITEMAP: the pages in order with each page's job. 3. PAGE COPY: for each page, a headline, subheadline, section-by-section copy with a heading per section, and a call-to-action button label. Include a page title (under about 60 characters) and a meta description (under about 160 characters) for each page. 4. VISUAL DIRECTION: palette, type feel, image style, and a list of the images needed per page. Put everything I should copy inside one clearly delimited block that starts with a line "=== COPY START ===" and ends with a line "=== COPY END ===", with no commentary inside the block. Put any notes outside it. AFTER THE DELIVERABLE Ask me: "Anything to tweak?" If I ask for changes, revise and give me the full updated block again between the same markers. Repeat until I say it is good. FINISH When I'm happy, end with one line telling me what to do next: keep this as your source copy: use the image list in Step 2 and paste the site summary and sitemap into Framer in Step 3.

2. Collect brand assets: logo ideas, hero and section images; use your own photos wherever you have them.

   Tool

   ChatGPT image or Grok Imagine (Midjourney optional)

   Why

   Real photos usually beat generated ones for a local business; generated images fill gaps.

   Cost

   Grok API $0.02/image; GPT Image ≈$0.21/image (AA).

   Copy prompt Paste into ChatGPT, Claude or Grok.

   Preview prompt: Brand image prompts

   ROLE You are an art director who writes image prompts for small-business websites. GOAL Help me write prompts for the hero and section images and logo ideas for my site. WHAT THE NEXT STEP NEEDS Copy-ready prompts for an image generator (ChatGPT image, Grok Imagine or Midjourney), consistent in style, for each image my site needs. HOW TO WORK WITH ME Do not write the deliverable yet. Interview me first. - Ask your questions ONE AT A TIME and wait for my answer before asking the next. (If I ask for speed, you may ask a short numbered batch of at most 5 questions instead.) - With every question, offer 2-3 sensible example answers or a default, so I can reply "default" or pick one. - If an answer is vague, ask one follow-up. If I don't know, choose a sensible default and tell me what you chose. - Do not generate the deliverable until I have answered every question. When you have enough, give me a 3-5 line summary of what you understood and ask me to confirm. - Do not invent facts about me, my business or my work. If something is missing, ask. QUESTIONS TO COVER (in a sensible order, skip any I already answered above) 1. Paste the image list and visual direction from my website plan, or describe the business and style. 2. Which images can I replace with my own photos? Skip those. (Real photos of people, premises and work are better where I have them.) 3. Realistic photography, illustration, or abstract? Palette and mood. Offer 3 examples. 4. Aspect ratio per image (default: hero 16:9, sections 3:2 or 1:1) and which tool I'll use. THE DELIVERABLE (only after I confirm) A STYLE LINE (1-2 sentences to append to every prompt), then a numbered list: image name, where it goes on the site, aspect ratio, and the prompt. Avoid text, logos with lettering, and identifiable real people or brands in images. For logo ideas, give 4 simple concept prompts and say plainly that an AI-generated logo should be checked and cleaned up before use. If I chose Midjourney, end prompts with parameters like --ar 16:9 (only ones you are sure exist). Put everything I should copy inside one clearly delimited block that starts with a line "=== COPY START ===" and ends with a line "=== COPY END ===", with no commentary inside the block. Put any notes outside it. AFTER THE DELIVERABLE Ask me: "Anything to tweak?" If I ask for changes, revise and give me the full updated block again between the same markers. Repeat until I say it is good. FINISH When I'm happy, end with one line telling me what to do next: paste the prompts into your image tool, save the best, and bring the images to Framer in Step 3 or 4.

3. Generate the first draft of the site from a prompt: describe the business, pages, content and visual direction.

   Tool

   Framer (non-site tool, needed because none of our six tools sells a website plan)

   Why

   Framer's Agent builds editable pages, navigation, CMS and responsive breakpoints from a prompt (Framer Academy, Sep 2026). Alternative for people who code: ChatGPT Codex or Claude Code, then host elsewhere (hosting not priced).

   Cost

   Free plan $0 (500 AI credits); Basic $10/month billed yearly.

   Copy prompt Paste into ChatGPT, Claude or Grok.

   Preview prompt: Framer site-generation prompt

   ROLE You are a web designer who writes briefs for AI site builders. GOAL Help me write one prompt that describes my business, pages, content and visual direction, to generate a first draft of my site in Framer. WHAT THE NEXT STEP NEEDS A single self-contained prompt for Framer's site generator, with the page structure and key copy, that I can paste in without editing. HOW TO WORK WITH ME Do not write the deliverable yet. Interview me first. - Ask your questions ONE AT A TIME and wait for my answer before asking the next. (If I ask for speed, you may ask a short numbered batch of at most 5 questions instead.) - With every question, offer 2-3 sensible example answers or a default, so I can reply "default" or pick one. - If an answer is vague, ask one follow-up. If I don't know, choose a sensible default and tell me what you chose. - Do not generate the deliverable until I have answered every question. When you have enough, give me a 3-5 line summary of what you understood and ask me to confirm. - Do not invent facts about me, my business or my work. If something is missing, ask. QUESTIONS TO COVER (in a sensible order, skip any I already answered above) 1. Paste your website plan and copy if you have it, or describe the business in 2-3 sentences. 2. The pages, in order, and the main action on each (default: Home, Services, About, Contact). 3. Visual direction: palette (hex codes if known), type feel (modern, serif, playful), image style, light or dark. 4. Sections you want on the Home page, such as hero, services, proof, FAQ, contact form or booking link. 5. Anything the draft must not do: stock-photo clichés, long pages, pop-ups. THE DELIVERABLE (only after I confirm) One block, written as direct instructions to a site generator: business description, audience, pages and their sections in order, the headline and call-to-action text for each key section, tone, visual direction, and a note that the layout must work on desktop, tablet and phone. Keep it under about 500 words so it is easy to edit. Do not state features you are not sure Framer has. Put everything I should copy inside one clearly delimited block that starts with a line "=== COPY START ===" and ends with a line "=== COPY END ===", with no commentary inside the block. Put any notes outside it. AFTER THE DELIVERABLE Ask me: "Anything to tweak?" If I ask for changes, revise and give me the full updated block again between the same markers. Repeat until I say it is good. FINISH When I'm happy, end with one line telling me what to do next: paste it into Framer's generate-a-site prompt, then edit on the canvas (Step 4).

4. Edit on the canvas: swap in your copy and photos, check Desktop, Tablet and Phone layouts, add the contact form or booking link.

   Tool

   Framer

   Why

   Text, colour and layout edits on the canvas don't use AI credits (Framer Academy).

   Cost

   Included in plan.

5. Connect your own domain and publish.

   Tool

   Framer

   Why

   Framer's Free plan publishes to a Framer-branded domain; Basic adds a custom domain, and the pricing page lists a complimentary domain on yearly billing.

   Cost

   Basic $10/month × 12 = $120/year (our arithmetic).

6. Run the checks: page titles and descriptions, broken links, mobile speed, analytics, privacy/contact details.

   Tool

   Framer Agent (audit) + Claude (review of copy)

   Why

   Framer's Agent can audit links and SEO details (Framer Academy).

   Cost

   Uses Framer AI credits (Basic: 1,000/month).

7. Launch, then update monthly: new offers, testimonials, one new page or post.

   Tool

   Claude + Framer

   Why

   Keeping content current is the maintenance cost.

   Cost

   Plan fee only.

2. Recommended tool chain

1. Claude
2. ChatGPT image or Grok Imagine (Midjourney optional)
3. Framer (non-site tool, needed because none of our six tools sells a website plan)
4. Framer
5. Framer
6. Framer Agent (audit) + Claude (review of copy)
7. Claude + Framer

3. Total cost

Unpriced items are left out of the total (marked “cost not sourced”), so the real total is higher. All totals are our arithmetic from sourced unit prices.

4. Current promos

• Framer Basic/Pro: 2× AI credits in the first month

  Framer's pricing page lists '2× credits first month' on Basic and Pro.

  Applies to: Framer step of the website playbook

  Found by us on the live pricing page; not in deals.json or past-deals-research.json; terms and any end date not stated.

  Source: Framer: Pricing (fetched 2026-10-15), checked Oct 15, 2026

• Claude Pro annual billing: $17/month vs $20 monthly

  Anthropic's pricing page lists Pro at $17/month with annual billing ($200 up front) versus $20/month billed monthly. This is a standing discount, not a limited-time sale.

  Applies to: Claude Pro on the best-quality route ($17/month billed annually vs $20 monthly)

  Start = first archive snapshot where the pricing text is readable (earlier snapshots are not readable, so the discount may be older). Standing, no end date.

  Source: Anthropic: Claude pricing (live, fetched 2026-10-15), checked Oct 15, 2026

• Codex: $100 credits for US/Canada university students

  Verified university students in the US and Canada can claim $100 (2,500 credits) of ChatGPT credits for Codex via SheerID. Credits expire 12 months after the grant.

  Applies to: Code-based website route with Codex, for verified US/Canada university students

  Start = first archive snapshot; the offer may have started earlier. Page states no end date. Credits are for Codex usage, not a plan price cut.

  Source: OpenAI Help Center: Codex credits for Students - Terms of Service (live, fetched 2026-10-15), checked Oct 15, 2026

• ChatGPT Plus: 4 free months for US college students (Back to School 2026) (ends Oct 31, 2026)

  Eligible US college and graduate students get four free monthly billing periods of ChatGPT Plus if they claim by October 31, 2026. It renews at $20/month unless cancelled.

  Applies to: Only if you use ChatGPT plans and qualify as a US college student; claim by Oct 31, 2026

  Start = first archive snapshot of the 2026 offer page; the offer may have opened earlier. End date is the claim-by deadline (the free months run after claiming).

  Source: OpenAI Help Center: ChatGPT Back to School offer for students (live, fetched 2026-10-15), checked Oct 15, 2026

• The X Subscription: Grok, Cursor and X Premium in one plan

  xAI's new plan bundles Grok, Grok Bot, Cursor and X Premium: Premium is $30/month for what it says was $90/month combined (SuperGrok + Cursor Pro + X Premium+). Existing subscribers can keep their plan or switch, with limited-time switching offers shown in billing settings.

  Applies to: Only if you use Grok through a consumer plan; our routes use the xAI API unit prices

  The xAI page shows no visible date; the 2026-10-13 start comes from the TechCrunch URL date. The switching offers' terms are not public.

  Source: xAI: Introducing The X Subscription (live, fetched 2026-10-15), checked Oct 15, 2026

5. Learn it

Last verified Oct 15, 2026. Items older than 30 days are marked.

6. Caveats and assumptions

• No sourced quality benchmark for website builders (LMArena WebDev board was not retrievable), so we make no quality claim for any builder.
• Framer's monthly-billing price is not shown in the page text we read; all Framer prices here are yearly billing.
• Wix's cheapest plan includes GST in its displayed price, so it's not comparable and not used.
• Domain renewal, hosting for code-based routes (Codex/Claude Code) and email hosting are not priced.
• Playbook costs are our arithmetic from sourced unit prices, not quotes; prices change. Subscription lines are one month unless stated.
• Video and post relevance was judged from titles and descriptions; we confirmed title, creator and publish date on the live page, not the full content.

Last verified Oct 15, 2026.