Three web pages

Three web pages your business needs. Built in ten minutes.

A price calculator a customer can actually use, an intake form that briefs you before a new client walks in, and a service sheet you can text. Those three pages are the front desk of a service business, and a web agency will bill you $300 an hour to build them. Below are the exact prompts I used on screen, and the two ways to put each page in front of a customer.

Pages: 3 Built with: Claude Artifacts Time: about 10 minutes

The front desk of a service business

If you quote services for a living, grooming, cleaning, tutoring, detailing, repairs, this is your video.

Before a customer ever cares about your website, they hit three moments: what will this cost me, what do you need from me, and what exactly do you sell. Most service businesses answer all three by text message, one customer at a time, forever.

These three pages answer them once. I built all of them in a single Claude chat, for a one-person dog grooming studio I called Rosa's. Swap the trade and the prices, and the same three prompts work for yours.

A quote calculator

The customer picks their options and sees the price. No back and forth, no quoting the same job twice.

A client intake form

One link that tells you everything you need before the job starts.

A service sheet

A one-page visual storefront you can text to anyone who asks what you do.

What an Artifact is

A live page Claude builds right next to the chat, with buttons that work and a link you can hand to a customer.

The three pages, in the order I built them

Copy each prompt, swap in your own trade and prices, and follow along.

1
The quote

A price a customer can work out alone

Page one is the calculator. The customer picks the breed, and the size sets itself. They say whether the coat is matted, and whether they want this once or every month, and the total moves as they click, with a small itemized breakdown underneath so they can see how the number was built. That is the whole point: a real number, without waiting on you to answer a text.

Build the quote calculator

Build me a price calculator for a dog grooming studio. The customer picks their dog's breed from a dropdown first, then size (small, medium, large), then a toggle for whether the coat is matted, then one-time or monthly. Group the breeds by size and include the common ones, plus a 'mixed or not listed' option. When they pick a breed, set the size for them automatically, but leave the size buttons clickable so they can override it. If the breed is one that mats easily or sheds heavily, show a short friendly note about it. Pricing: small 55 dollars, medium 75, large 95, matted coat adds 20, monthly takes 10 percent off each visit. Show the total big and update it live as I click, with a small itemized breakdown underneath so the customer can see exactly how the number was built. Warm and clean, readable on a phone, clean enough to sit on my website.

The move: give it your real prices in the prompt. The page is only useful if the number at the end is the number you would have charged.

2
The intake

Everything you need before they walk in

A new client says yes. The next step should be one link that tells you the dog's name, breed, age, anything you should know, which days work, and how they found you. All of it before the dog is standing in front of you.

Build the client intake form

Build me a client intake form for a dog grooming studio, for people who have never been to me before. Fields in this order: owner name, dog's name, breed and age side by side, anything I should know about health or behavior, what they want their dog to look and feel like in their own words, which days usually work as checkboxes, and how they found me. Put the health and behavior question before the grooming question, and write the hint underneath it so people feel safe telling me their dog is nervous or bites. For the grooming question, make it clear I want their words, not a style name. Only the two names are required, everything else optional. One column, friendly labels, clean enough to send to a stranger. End with a button that gathers their answers into one tidy summary they can copy and email back to me, laid out the way a groomer would want to read it before a first appointment. Tell people up front that nothing sends automatically.

Yes, you could use a Google Form. True. The difference is that this one is a file you own. You can edit it any time, wire automation into it, and keep it for yourself.

3
The storefront

The page you text to anyone who asks

Until last year, a page like this meant days of work, $3,000, or a template you did not like. Page three is the service sheet: three packages priced by dog size, what is included in each, the matted coat policy written as a policy and not a fee, and a phone number at the bottom big enough to tap. Someone should be able to scroll it in fifteen seconds standing in a parking lot.

Build the one-page service sheet

Build me a one-page services sheet for a dog grooming studio, the page I text to someone who asks what I charge. Three packages: a bath-only tidy-up between grooms, a standard full groom with a haircut, and a longer spa version for heavy shedders and senior dogs. Price every package by dog size, small, medium and large, in that order, because that's how I actually charge. The full groom is 55, 75 and 95, and it's the one most people book, so mark it. List what's included in each, and put one human detail in the middle package that isn't just a task. One short line about who I am, no bio, just enough to sound like a person. A note that matted coats add 20 dollars, written as a policy rather than a fee. My phone number at the bottom, big, tappable, with a line saying text is fastest. Clean, warm, readable on a phone. Someone should be able to scroll it in fifteen seconds standing in a parking lot.

None of this is locked down. The first version of mine looked flat, so I asked for two changes in one line and got a new version back with photos and a phone number you can actually read.

Change what you do not like

Change the phone number and add some dog pictures.

The move: say what bothers you in plain language, the way you would tell a designer. Make the phone number bigger. Rename the package. Add photos.

Two ways to put it in front of a customer

Both take about fifteen seconds, and you can do both with the same page.

Download it as an HTML file. This is the one to use if you already have a website and want the page to live on it.

Click the arrow in the top corner of the Artifact.

Choose Download as HTML file. It lands on your computer and opens exactly as it did in Claude.

Upload that file to your website, or hand it to whoever runs your site.

Or publish it as an Artifact. This is the one to use if you just want a link to send, today, with no website involved.

Click Publish on the Artifact.

Claude gives you a link. Anyone you send it to can open it, your team or your client.

Paste that link in a text message, an email, or your Instagram bio.

Worth saying: what you end up with is three working pages a customer can use today, and a high-fidelity prototype you can hand to a developer if you want to be fancy about it later.

Which page does your business need first?

Do not build all three tonight. Start with the one you are missing most. This saves in your browser, so you can close the tab and come back.

0 of 7 done Download the PDF guide

If you remember one thing from this video: open Claude, start with the web page your business is missing the most, and ask Claude to build it for you as an Artifact.

Not sure which page you are missing?

The free AI Audit is nine questions about how your business runs, and it tells you the first thing you should build. Two minutes, no call, no pitch, just the readout.

Take the free 2-minute AI Audit →