---
title: "Web design proposal mistakes: the 7 mistakes that cost you clients"
description: "The web design proposal mistakes that lose the pitch before the project starts, grouped by where clients lose interest, with a before and after audit you can copy."
canonical: "https://pr-102.preview.formlio.com/blog/web-design-proposal-mistakes"
locale: "en"
type: "post"
date: "2025-02-02"
category: "Strategy & Growth"
alternates:
  fr: "https://pr-102.preview.formlio.com/fr/blog/7-erreurs-proposition-commerciale-web-design.md"
---

# Web design proposal mistakes: the 7 mistakes that cost you clients

![](https://cdn.formlio.com/content/9bc36c6dd670e2248fe3821a4a587866f05cfba2-3840x2160.jpg)

Every guide to web design mistakes is about websites, yet plenty of studios lose the client earlier, in the proposal. The same failures apply there, and they cluster in the words, the format and the close.

SAY IT CLEARLY

## Open with the client's goal and outcome, not your process

The five golden rules of web designing (clarity, hierarchy, an obvious next step, mobile first and speed) apply to the proposal too. Open with the client's goal and the outcome in a sentence they can read at a glance, then make every section skimmable, and keep the whole document short enough to finish in a sitting.

### Mistake: opening with your credentials and process

Search for web design mistakes and you get pages about websites: confusing navigation, slow pages, weak calls to action. Useful, but they skip the moment you lose the project before it starts. The proposal makes the same mistakes, and a client judges it with the same impatience they bring to a slow homepage.

The first and costliest is the opening. Many proposals start with the studio: when it was founded, its philosophy, its process diagram. The client has a different question in mind. Do you understand what I need, and what will I get? If the first screen does not answer that, the rest of the document is read with suspicion, if it is read at all.

Write an outcome summary instead. It names the client, the audience they want to reach and the result the site should produce. "A new site for Harbour Physio that turns local search traffic into booked first appointments, live before the spring campaign." That sentence does more than a page of credentials, because it shows you heard the brief and turned it into a goal you can both measure.

### Mistake: walls of text with no hierarchy

The second mistake is the wall of text. Long paragraphs, no headings, scope buried in the middle of a sentence. On a website, a visitor leaves. In a proposal, the client skims, misses the scope and comes back with questions you already answered, or simply forwards it to a colleague with "thoughts?" and moves on.

Apply the same hierarchy you would give a landing page. A heading per section that says what the section decides. Short paragraphs. Scope as a list of deliverables. Price in a table. The client should be able to scroll the document once and tell you what is included, how long it takes and what it costs.

Cut generic phrases while you are there. "We will bring your vision to life" and "a modern, responsive website" could sit in any proposal from any studio. Replace them with specifics: the pages, the audience, the content you will write or migrate, the CMS and the training.

**A length guide for each section**

Enough to decide on, and no more.

| Section | What it does | Keep it to |
| --- | --- | --- |
| Outcome summary | States the goal, audience and result | A short paragraph |
| Scope | Lists deliverables and what is excluded | A list, grouped by phase |
| Timeline | Shows phases and the client's decision points | A simple timeline, not a Gantt chart |
| Proof | Shows a relevant past project and a client quote | A couple of case studies at most |
| Price | Breaks the fee into options and line items | A table |
| Next step | Asks for a specific action by a date | A sentence and a button |

SHOW IT WELL

## Make the proposal look like your work and open cleanly on a phone

Send the proposal in a format that opens instantly on any device and looks like the work you are selling. A heavy, desktop-only attachment with stock imagery tells a client the opposite of what a web designer wants to say, so use your own case studies and your own branding.

### Mistake: a heavy attachment that falls apart on a phone

Think about where your proposal lands: an inbox, usually, opened between other things, often on a phone. A large attachment has to download first. Then it opens at desktop width, so the client pinches and scrolls sideways through your scope. Someone who sells responsive websites has just sent a document that is not responsive.

- **86%** of the sales interactions Gong analyzed were emails ([Gong, 3 costly seller mistakes to avoid](https://www.gong.io/blog/data-shows-these-3-seller-mistakes-are-costing-you-time-and-money))

Your proposal competes in that inbox with everything else the client receives. A link to a web page avoids the download, opens at the right size on any screen and stays current: when you fix a typo or adjust the scope, the client sees the latest version instead of hunting through attachments named final, final-final and final-revised.

Speed matters for the same reason it matters on a website. Compress images, avoid autoplaying video and keep the first screen light, so the outcome summary appears before the client loses interest.

### Mistake: generic templates and visuals that do not match your portfolio

The fourth mistake is visual. A proposal built on a stock template, with stock photos of people shaking hands, looks like every other proposal the client has seen. For a web designer that is worse than neutral. The document is a sample of your taste, and the client reads it that way.

Use your own type, colour and layout. Show real screens from past projects that match the client's situation: a booking flow for a clinic, a product page for a shop, a menu and reservations page for a restaurant. A couple of relevant case studies, each with the problem, what you did and what changed, are proof of fit. A gallery of unrelated work is decoration.

**Show your own work, not stock imagery**

**Check it on a phone first**

![A phone and a laptop on a desk, both showing the same web page layout](https://cdn.formlio.com/content/pexels-8279007)

*Photo: RDNE Stock project*

**Show how you think**

![Printed website wireframes and sticky notes spread on a desk](https://cdn.formlio.com/content/pexels-196644)

*Photo: picjumbo.com*

**Show finished screens**

![Several screens of different sizes displaying a responsive website](https://cdn.formlio.com/content/pexels-6625658)

*Photo: Firmbee.com*

CLOSE IT

## Price in options and end with a dated next step

Break the price into a few clear options with line items, put proof next to the price, and end with a single dated next step. Then follow up while the proposal is fresh, ideally when you can see the client is reading it, rather than waiting a week and hoping.

### Mistake: a single lump-sum price

A single total with no breakdown turns the decision into yes or no, and it hides what the money buys. The client cannot see where to trim if the budget is tight, or what they would gain by spending more. They compare your total with a cheaper quote and the cheaper quote looks like the same thing.

Show the fee as line items: strategy, design, build, CMS setup, content, training, support. Then offer options. A core version that solves the problem, a recommended version with the extras you would advise, and an extended version for clients who want more. Each option should differ in what it delivers, not just in the number of revisions.

There is a limit. Too many options create the decision paralysis a cluttered navigation creates on a website. A handful of clearly different choices helps the client decide; a long list of add-ons and variants does the opposite.

Clients who stall rarely do so because they prefer doing nothing. More often, the proposal has not given them an easy way to decide. A short set of clearly different options, with your recommendation named, gives them that way and turns a yes or no into a choice between good outcomes.

**Make the price easy to decide on**

- **Lead with the recommended option**: Say which option you would choose for this client and why, in a sentence above the table.
- **Tie every line to a deliverable**: Each line item names what the client receives, so the total reads as a list of outcomes.
- **Keep optional extras optional**: List add-ons such as copywriting or photography separately, so the client can include or drop them.
- **Put proof beside the price**: A short client quote or a relevant result next to the table answers the doubt the price creates.

### Mistakes: a weak close and no proof near the decision

The sixth mistake is the close. "Let me know if you have any questions" leaves the client to work out what happens next, and many simply do nothing. End with a specific action and a date: book a kickoff call this week, approve the recommended option by Friday to hold the start date. Name who they should talk to.

The seventh is missing proof at the moment of decision. Testimonials often sit on a separate page at the end, after the price. Move a short quote from a past client next to the price and the next step. It answers the question the price raises: is this studio worth it?

Then follow up while the proposal is still fresh in the client's mind. Some teams go further and book the follow-up before the proposal is even sent.

> When traveling to meet a client, we've found it works great to request a follow-up meeting within 24 hours of the first one (schedule both at the same time upfront), sometimes even the same day.
>
> — [Chopra-McGowan, General Assembly](https://review.firstround.com/the-most-surefire-way-ive-found-to-win-enterprise-deals)

The follow-up email itself deserves care, because it has to get opened before it can do anything. Write a subject line that names the client and the project, not "Following up". Ask a single question, such as which option they are leaning towards, and repeat the date in your next step.

WORKED EXAMPLE

## Audit a weak proposal and rewrite it with seven changes

Here is an illustrative audit of an invented studio's proposal for a small-business website. The before version makes every mistake above; the after version fixes each in turn, with an outcome summary, a priced set of options, proof beside the price and a dated next step.

Illustrative example: an invented studio, Fold, is pitching a 12-page website to Harbour Physio, an invented clinic with three practitioners. Fold's first draft opens with its own history, describes the scope in a paragraph, quotes a single total of £9,800 and ends with "Let us know what you think." It goes out as a heavy attachment built on a stock template.

The rewrite keeps the same work and the same studio, and changes how it is presented.

**Illustrative example: three priced options for the Harbour Physio site**

Example figures only, for an invented studio and client.

| Line item | Core | Recommended | Extended |
| --- | --- | --- | --- |
| Strategy and sitemap | £1,200 | £1,200 | £1,200 |
| Design | £2,800, 8 pages | £3,600, 12 pages | £4,400, 12 pages plus blog |
| Build and CMS | £2,600 | £3,200 | £3,900 |
| Online booking integration | Not included | £900 | £900 |
| Copywriting | Not included | £900 | £1,500 |
| Training and launch support | £400 | £600 | £800 |
| Total | £7,000 | £10,400 | £12,700 |

**Illustrative example: each change mapped to a mistake**

| Mistake | Before | After |
| --- | --- | --- |
| Opening with credentials | Studio history and process | Outcome summary: more booked first appointments from local search, live before the spring campaign |
| Walls of text | Scope in a long paragraph | Scope as a list of pages and deliverables, grouped by phase |
| Heavy, desktop-only format | Large attachment | A link that opens quickly on a phone |
| Generic visuals | Stock template and photos | Fold's own type and a booking flow from a past clinic project |
| Lump-sum price | A single total | Three options with line items, Recommended marked |
| Weak close | Let us know what you think | Approve an option by Friday to hold the start date |
| No proof near the decision | Testimonials at the very end | A past client's quote beside the price table |

Notice that none of the changes asks Fold to do more work on the project itself. The scope is the same. What changed is that the client can now see the goal, scan the scope, compare options and act, all without asking a question.

This is the kind of proposal Formlio is built for. You assemble it from blocks: an outcome summary, a gallery of past screens, a timeline of phases and an interactive quote where the client toggles optional extras like copywriting and watches the total update. It opens as a link on any device, in your own fonts and colours, and the client can approve with Slide-to-Approve or sign with an e-signature inside the document.

A PDF goes into a black box. A Formlio document reports back: who opened it, what they read, when they signed. You get a notification when the client opens it and can see which sections held their attention. If they keep returning to the price table, follow up about the options. If they have not opened it, the problem is the email, not the proposal.

**Audit your own proposal before you send it**

1. **Read the first screen only**: Does it name the client's goal and the outcome, or your studio's history?
2. **Skim it in under a minute**: Can you tell what is included, how long it takes and what it costs from the headings and tables alone?
3. **Open it on your phone**: Does it load quickly and read without zooming or scrolling sideways?
4. **Compare it with your portfolio**: Does it look like work you would put your name to, with real screens from relevant projects?
5. **Check the price and the close**: Are there clear options with line items, proof beside them and a dated next step?

## FAQ

### What should a web design proposal include?

An outcome summary, the scope as a list of deliverables and exclusions, a timeline with the client's decision points, a relevant case study, priced options with line items, short terms and a dated next step.

### How long should a web design proposal be?

Long enough to decide on and no longer. A short outcome summary, a scope list, a simple timeline, a couple of case studies at most, a price table and a sentence for the next step is usually enough.

### Should a web design proposal show prices up front?

Show them clearly, after the outcome summary and scope, so the client understands what the price buys. Hiding the price at the end or behind a call makes the client assume the worst.

### How do you follow up on a web design proposal with no reply?

Follow up soon, with a subject line naming the client and project and a single question, such as which option they prefer. With Formlio you can see whether the proposal was opened and which sections they read, and time the follow-up to match.

### Should a web design proposal be an attachment or a web page?

A web-based proposal suits web design well: it opens quickly on any device, always shows the latest version and demonstrates your design thinking in the format you sell.

### How do you write a web design proposal for a client who has no clear brief?

Run a short discovery call first and write the outcome summary from it. If the goal is still unclear, propose a paid discovery phase as the first option, with design and build priced after it.

## Send a web design proposal that reads like your work

Build it from blocks, let clients pick options in an interactive quote, and see when they open it and what they read.

[Start free](https://pr-102.preview.formlio.com/templates)

## Sources

1. [Gong, 3 costly seller mistakes to avoid](https://www.gong.io/blog/data-shows-these-3-seller-mistakes-are-costing-you-time-and-money)
2. [Chopra-McGowan](https://review.firstround.com/the-most-surefire-way-ive-found-to-win-enterprise-deals)

## Related

- [Why your next proposal shouldn't be a PDF](https://pr-102.preview.formlio.com/blog/why-web-proposals-beat-pdfs)
- [Ten essential tips for creating engaging proposals that convert](https://pr-102.preview.formlio.com/blog/tips-creating-engaging-proposals-convert)
- [Brand design proposal: what brand designers need to show to win new clients](https://pr-102.preview.formlio.com/blog/brand-designers-proposal-win-new-clients)
- [Four actionable strategies for proposals that win clients](https://pr-102.preview.formlio.com/blog/actionable-proposal-strategies-win-clients)
- [5 ways to present a proposal that builds client confidence](https://pr-102.preview.formlio.com/blog/present-proposal-client-confidence)
- [Interior design proposal: from moodboard to signed contract](https://pr-102.preview.formlio.com/blog/interior-design-proposal-guide)