Web Design Proposal Template: Sections and Example Wording
A web design proposal template you can copy: the ten sections to include, example wording for each, and the mistakes that cost studios projects.
Most proposals fail for the same reason: they are either a one-line price in an email or a 30 page document nobody reads. This website proposal template sits in the middle. It is short enough to read in five minutes and specific enough to prevent arguments later.
What a Website Design Proposal Template Needs
A proposal is a sales document that also sets expectations. It is not the legal contract, though the two can be combined. If you need the legal terms, see our web design contract template.
Three jobs it has to do:
- Show the client you understood their problem.
- State exactly what they get, for how much, and by when.
- Make saying yes easy.
Everything else is decoration.
The Web Design Proposal Template: 10 Sections
Copy the headings, then adapt the example wording. Anything in [brackets] is a blank to fill in.
1. Overview
Open with the client's situation in two or three sentences, in their language, not yours.
[Client name] needs a website that [does what they said on the call]. Today, [the problem: the site is slow, outdated, hard to update, or does not bring in leads]. This proposal covers a new [number] page site built on [platform] that [outcome].
2. Goals
List the two or three results the site must produce. Measurable goals are best.
- Bring in more booking requests through the contact form.
- Let the team update pages without calling a developer.
- Load fast on phones.
Do not promise rankings or revenue. Promise the work you control.
3. Scope of Work
Say what you will do, in plain steps. This is the section that protects you from scope creep.
- Discovery call and sitemap approval.
- Design of [number] unique page layouts (desktop and mobile).
- Build on [WordPress, Webflow, Shopify, or custom code on Vercel].
- Content entry for up to [number] pages.
- Forms, analytics setup, and basic on-page SEO.
- Testing across major browsers and devices.
- Launch and DNS cutover.
Then add a short "Not included" list: copywriting, photography, logo design, migration of more than [number] posts, anything not named above.
4. Deliverables
Deliverables are the things the client can point at when you are done.
| Deliverable | Detail |
|---|---|
| Sitemap | Approved before design starts |
| Page designs | [Number] unique layouts, two rounds of revisions |
| Live website | [Number] pages, mobile friendly |
| Contact and lead forms | [Number] forms with email notifications |
| Training | One 45 minute walkthrough on updating the site |
| Handoff | Logins and a short how-to guide |
5. Timeline
Give phases with dates, not "6 to 8 weeks."
| Phase | Duration | Client action |
|---|---|---|
| Discovery and sitemap | Week 1 | Join a call, send brand files |
| Design | Weeks 2 to 3 | Review and give feedback within 3 business days |
| Build | Weeks 4 to 6 | Send final content by end of week 3 |
| Review and launch | Week 7 | Final approval |
State the dependency: if feedback or content arrives late, the dates move.
6. Investment
Show one price for the defined scope. List line items if it helps the client see the value, but do not hide the total.
Total investment: $[amount]. This covers everything listed under Scope of Work. Premium plugins and licenses are included. Hosting and ongoing care are quoted separately below.
Not sure what number to use? Read how much to charge for a website. Keep this a single price for the defined scope. Offering several client-facing price levels invites haggling over the cheapest one.
7. Payment Terms
50% deposit ($[amount]) due on signing, 50% ($[amount]) due on launch. Invoices are due within 14 days. Work begins when the deposit is received.
For bigger projects, split it three ways: signing, design approval, and launch. Our web design invoice template has the wording for each invoice.
8. What We Need From You
A short list of client responsibilities keeps the project moving.
- A single point of contact who can approve work.
- Logo, brand files, and written content by [date].
- Feedback within [number] business days.
- Access to the domain and any existing hosting.
9. Terms
Summarize the key points in plain English: number of revision rounds, what counts as a change request, who owns the final files after payment, and what happens if the project pauses. Then refer to the contract for the full terms.
10. Acceptance
To accept this proposal, sign below. Your signature confirms the scope, price, and payment terms above. This proposal is valid until [date].
Add the date the offer expires. A deadline nudges a decision and protects you if your costs change.
Optional Sections That Win Work
Add these when the project is big enough or the client is comparing studios.
- About us: two short paragraphs and two relevant examples of past work.
- Process: a simple graphic of how a project runs.
- Care plan: the monthly option for hosting, updates, backups, and monitoring. Explain it here, then link to the details. Our guide to WordPress care plans shows how to package it.
- Add-ons: things the client might want later, such as extra pages or a blog setup, with prices.
Mistakes That Lose the Project
- Burying the price on page nine.
- Writing about yourself for three pages before mentioning the client.
- Vague scope like "a modern, responsive website."
- No expiry date on the offer.
- Sending a PDF with no easy way to say yes.
- Waiting a week to follow up.
How to Send a Website Proposal and Get It Signed
A proposal that is hard to sign gets ignored. Use a link the client can open on a phone, read, ask questions about, and sign on the spot. In the United States, the federal E-SIGN Act says a signature or contract cannot be denied legal effect only because it is electronic, so an online signature is generally fine. Check your local rules for anything unusual.
Follow up two business days after you send it. A short message works: "Any questions on the proposal? Happy to jump on a call."
- One page of overview and goals.
- A price that matches a written scope.
- Dates the client can plan around.
- A signature step that takes 30 seconds.
Speed Beats a Perfect Proposal
A good proposal sent the same day as the call beats a perfect one sent after a week. Build your template once, then reuse it. At Stack Mode, a web design and marketing studio founded in 2012, we send proposals from the same estimate we used to price the job, so the numbers never drift between documents.
Frequently Asked Questions
What should a web design proposal template include?
A web design proposal template should include an overview, goals, scope of work, deliverables, timeline, price, payment terms, client responsibilities, key terms, and an acceptance section with a signature. Add an expiry date for the offer. Everything else, such as case studies or a care plan option, is optional and depends on the project size.
How long should a website design proposal template be?
Two to five pages is enough for most projects. A $3,000 site does not need 20 pages. Use clear headings, short paragraphs, and tables for the timeline and deliverables. If the client has to hunt for the price or the scope, the document is too long.
Is a website proposal template the same as a contract?
No. A proposal sells the project and describes the work. A contract sets the legal terms. Many studios send both, or add a signature block and a link to the terms inside the proposal. Do not rely on a casual email as a contract. See our web design contract template for the legal side.
How do I price a web design proposal?
Estimate hours for each task at your hourly rate, add a buffer of 15% to 25%, then add hard costs. Present one total for the defined scope. For detailed ranges and a worked example, read our guide on how much to charge for a website.
Should I include more than one price in a website design proposal template?
Usually no. Offer one price for the defined scope, and list optional add-ons separately with their own prices. Several price levels shown to the client can lead to haggling over the cheapest option. If a client wants less, reduce the scope and adjust the price.
How soon should I follow up on a web design proposal?
Follow up two business days after sending, then again after a week. Keep it short and offer a call. Include an expiry date in the proposal so there is a natural reason to reach out. Tracking whether the client opened it helps you time the message.
Do I need a different website proposal template for each platform?
No. The sections stay the same for WordPress, Webflow, Shopify, or custom code on Vercel. Only the scope and deliverables change, such as theme setup versus component builds. Keep one master template and swap those two sections for each project.