Your first website with Claude

Steps

1. 1

   Collect the facts first

   Open the business on Google Maps. Copy: name, address, opening hours, phone, 3–5 services with prices (from photos of their menu or price list), and the best 3 reviews. Real facts make the website feel real.

2. 2

   Ask Claude for the full page

   Open claude.ai, paste the first prompt below and fill in the brackets. Claude writes the whole page and shows it live next to the chat.

3. 3

   Improve it by talking

   Look at it on your phone size. Ask for changes in plain words: “bigger Book button”, “make it feel more premium”, “add the reviews as quotes”. Change one thing at a time.

4. 4

   Optional: try design directions

   Not sure about the look? Describe the business in Google Stitch and generate a few screens. Pick the one you like, take a screenshot, and ask Claude to build the page in that style.

5. 5

   Shortcut: the FOUNDLY AI builder

   Prefer one place for everything? FOUNDLY's AI builder (free to try) runs on Claude too: fill in the business details, it builds the page live, and you change it by typing. It gives you a preview link right away.

6. 6

   Publish a preview link

   Publish the page from Claude and copy the public link. Anyone can open it without an account — this is what you send the owner: “I made this for you.”

Prompts to copy

Replace everything in [brackets] with the real details.

Build a one-page website for a local business as a single HTML file with inline CSS. It must look great on a phone first.

Business: [name], a [type of business] in [city].
Address: [address]. Phone: [phone]. WhatsApp: [number or 'same as phone'].
Opening hours: [hours].
Services and prices: [list].
Best reviews (quote them exactly): [paste 3 reviews with first names].

Sections: hero with one strong sentence and two buttons (Call, Book/WhatsApp), services with prices, reviews, opening hours, map link, contact. Style: clean and modern, lots of white space, one accent colour that fits a [type of business]. Use real text only — no lorem ipsum. Add a sticky Call button at the bottom on mobile.

Review this website as a customer on a phone who wants to book quickly. List the 5 biggest problems, then fix them all in the code.

Add a language switch EN / [language]. Translate all texts naturally, not word for word. Keep prices, phone numbers and names unchanged.