# How do you pitch a website to a client?

- URL: https://getroomi.com/guides/how-to-pitch-a-website-to-a-client
- Updated: 2026-10-12

Show the client their own website, working and improved, instead of describing it. Build the few pages that matter, on content like theirs, and walk them through what changes for their customers. Then send a link they can open on a phone and pass to colleagues. Afterwards, follow up on the pages they spent time on.

This guide covers what to put in a website pitch and the ways to show a site before it is built. Then how to walk the client through it, send the proposal with it, and follow up. If you pitch for an agency, [agencies](https://getroomi.com/use-cases/agencies) shows the same loop for a whole panel. [How to pitch an idea to a client](https://getroomi.com/guides/how-to-pitch-an-idea-to-a-client) sets out the structure underneath it, and [the agency pitch guide](https://getroomi.com/guides/agency-pitch-working-prototype-not-just-a-deck) says when a prototype beats a deck.

## What should a website pitch include?

Include the two or three pages their customers use most, shown before and after, and say what changes for those customers in the client’s own words. A home page and the page that earns them money usually make the case. Everything else in the site map can wait until they have said yes.

- **The pages that matter.** The home page, and the page their customers come for: booking, buying, asking for a quote.
- **Before and after.** Their current page beside the new one, so the change is obvious without a word from you.
- **The change, in their words.** “Customers find the price without calling”, not “improved information architecture”.
- **A phone view.** Their customers may well meet the site on a phone first, so show it there.

Use the client’s own logo and words only with their permission. Otherwise, use invented content shaped like theirs.

## How do you show a website before it is built?

Show it working, at a link the client can open on a phone and pass on, rather than as pictures in a deck. A clickable mock-up or a staging site gets you most of the way. A room adds a tour, a phone frame, and a record of who opened each page and for how long.

| How you show it | What the client sees | On their phone | Easy to pass to colleagues | What you learn |
|---|---|---|---|---|
| Screenshots in a deck | Pictures of pages | As a file | As an attachment | Opened, at best |
| A Figma prototype link | Clickable frames, with a password on paid plans | Yes | By link | Not described by Figma |
| A staging site on a host, such as Vercel | The site, at one address | Yes | By link, to anyone with it | Totals across all visitors |
| The pages in a Roomi room (ours) | The site in a phone or laptop frame, with a tour | Yes, or by QR code | Each new person is asked who they are | Each person, page by page |

On Figma: Figma can put a password on a design file or a prototype on any of its paid plans. Its help page names sharing with external clients, and with people who don’t have a Figma account, as uses for it. Figma’s help page on password protection says nothing about a record of who opened a protected file or prototype.

On a staging site: Vercel’s Hobby plan is free, and Vercel says it is for personal, non-commercial use. A Vercel shareable link lets anyone who has it open a protected deployment, through a query string in its address. Shareable links are on every plan. Vercel’s Web Analytics tells visitors apart by a hash that resets every day, without cookies. It reports pages, referrers, countries, operating systems and browsers across all visitors. Vercel’s shareable links against a room goes further.

We make Roomi, so weigh its row knowing that. A site that builds to plain files runs as a static demo on every plan, Free included.

## Walk them through it with a tour

A tour of three to six steps tells the pitch for you when you are not on the call. Each step opens the right page, says in a line or two what to notice, and rings the part that matters. Order the steps the way a customer would move through the site.

1. Start on the page their customers land on, not on your favourite feature.
2. Give each step a short title and one or two sentences on what changed.
3. Show the same page again in a phone frame, so they see what their customers will see.
4. End on the page that earns them money, and the change that matters most there.

A viewer can leave the tour at any point, explore on their own, and pick it up again at any step. **On your phone** shows a QR code that opens the same room on their own phone, as the same person. [Writing the tour](https://getroomi.com/docs/story) has the rules, and [pages](https://getroomi.com/docs/pages) covers the briefing beside it. [The demo tour script template](https://getroomi.com/guides/demo-tour-script-template) gives you each step to fill in.

## Send the proposal with it

Put the proposal where the pages are, so nobody has to find a second attachment. Add it to the room as a PDF, where it opens in the room’s own reader, a page at a time, and you see which pages were read. Or offer it as a next step: the room’s “Yes — send the proposal” answer tells you they want it.

Keep prices out of the demo pages themselves. The figures belong in the proposal, where you can change them without deploying again. [Brand and next steps](https://getroomi.com/docs/brand) lists the answers a room can offer.

When you send each link, tell the person who you are, that the room records what they do in it, and how to reach you about that. Roomi’s [terms](https://getroomi.com/terms) ask you to, and a line in your covering message is enough.

## How do you follow up?

Follow up on the pages they spent time on. The room counts the seconds each person spends on each page while the tab is visible. So you see whether the booking page held them or the home page lost them. Then send a short note about that page, with one next step.

- **They read the proposal twice.** Ask whether they have questions about scope or timing.
- **They went back to one page.** Ask what they would change on it.
- **A new name appeared on the link.** Offer to walk that person through it.
- **They pinned a comment.** Answer it in the room, then by email.

How to follow up after a demo says what to send for each thing a viewer did.

## Questions people ask

### Should I build pages before they have said yes?

Kaz’s view: build the few pages that make the case, and no more. A home page and the page their customers use most are usually enough to show the change. The rest can wait for the yes.

### Can I use the client’s own logo and words?

Only with the client’s permission, and only on a private link made for them. Never put a client’s logo or words on a public community listing. Without permission, use invented content shaped like theirs.

### Will they see it on their phone?

Yes. A tour step can draw a page in a phone frame, and “On your phone” shows a QR code that opens the same room on their own phone.

### Do they need an account?

No. Their link opens the room in a browser, with nothing to sign up for or install. The room asks who they are, and records what they say.

### What if they want changes?

They pin comments to the page they mean, with a picture of the screen. You make the change and deploy again, and their same link shows the new version on its next load.

## Sources

- Figma: [help.figma.com/hc/en-us/articles/5726720100247-Add-password-protection-to-files-and-prototypes](https://help.figma.com/hc/en-us/articles/5726720100247-Add-password-protection-to-files-and-prototypes), checked 12 October 2026

- Vercel: [vercel.com/pricing](https://vercel.com/pricing), checked 12 October 2026

- Vercel: [vercel.com/docs/deployment-protection/methods-to-bypass-deployment-protection/sharable-links](https://vercel.com/docs/deployment-protection/methods-to-bypass-deployment-protection/sharable-links), checked 12 October 2026

- Vercel: [vercel.com/docs/analytics](https://vercel.com/docs/analytics), checked 12 October 2026

## About the author

**[Kaz Kato](https://getroomi.com/about)**, Co-founder & CTO, Roomi. Kaz co-founded Roomi with Tesh, whom he has built with since 2017: two startups that failed, one venture studio that didn’t, and an exit.

## Related guides

- [How do you pitch an idea to a client?](https://getroomi.com/guides/how-to-pitch-an-idea-to-a-client)

- [Should an agency bring a working prototype to a pitch, not just a deck?](https://getroomi.com/guides/agency-pitch-working-prototype-not-just-a-deck)

- [What should a demo tour script say? A template](https://getroomi.com/guides/demo-tour-script-template)