Web design proposal template

Web Design Proposal Template

A complete web design proposal you can adapt in under an hour. Built around the seven sections clients actually read before signing. Below the template you can copy the whole thing as Markdown.

What most template pages don't tell you

A great template gets the proposal out the door. What you do next decides whether it closes. Send this template through Proposal Tracker and you'll see exactly which sections each prospect read — and which ones they skipped.

Section-level read depth
See if they actually reached the pricing page.
Pricing dwell time
Long re-reads of pricing = ready to negotiate.
Hot-lead score
One number telling you who to call first.
Free template — copy, paste, customize for your client.

1. Executive summary

[Client Company]'s current site looks dated, converts poorly, and is hard for your team to update. This proposal outlines a [N]-week redesign and rebuild that fixes all three — with a fixed scope, fixed price, and a launch date you can put on the calendar today. Headline numbers: - Project duration: [N] weeks from kickoff to launch - Total investment: $[ABC] (fixed) - Pages in scope: [N] unique templates, [N] total pages - Target launch: [date] No hourly billing, no scope creep, no "we'll figure it out as we go".

2. Discovery findings

Before writing this proposal we audited [client domain] and reviewed [N] of your direct competitors. The headline gaps: 1. Conversion - Primary CTA is below the fold on [N]% of key pages - No clear value proposition above the fold on the homepage - Contact form has [N] fields — industry benchmark is 3–5 2. Brand & design - Visual system is inconsistent across [N] templates - Typography stack loads [N] families (slow + visually noisy) - Mobile experience drops key sections from the desktop layout 3. Tech & maintenance - Current CMS requires a developer for every content change - Page speed: [X]/100 mobile (target: 90+) - No structured analytics — you can't tell what's working The full audit (with annotated screenshots) is delivered in week 1.

3. Scope of work

The engagement is split into four phases: Phase 1 — Discovery & strategy (week 1) - Stakeholder interviews ([N] sessions) - Competitor & analytics review - Sitemap and content inventory - Conversion goals + success metrics Phase 2 — Design (weeks 2–4) - Brand direction (1 round, 2 concepts) - Wireframes for [N] core templates - High-fidelity design for every in-scope page - Mobile and tablet layouts - Component library handed off in Figma Phase 3 — Build (weeks 5–[N]) - Front-end build on [Next.js / Astro / Webflow / WordPress] - CMS configured so non-technical editors can update every section - Core Web Vitals optimization - Accessibility: WCAG 2.1 AA - Analytics + conversion tracking wired Phase 4 — Launch & handover (final week) - QA across browsers and devices - Content migration from current site - 301 redirect map - DNS cutover with zero downtime - Recorded training for your team

4. Deliverables & timeline

Week 1 — Discovery - Audit deck - Sitemap + content plan - Approved goals & success metrics Weeks 2–4 — Design - Brand direction approved - All wireframes approved - All hi-fi designs approved - Figma file handed over Weeks 5–[N-1] — Build - Staging site live at the end of week [N] - Weekly demo every Friday - CMS training docs delivered Week [N] — Launch - Final QA sign-off - Production cutover on [day/time] - 30-day post-launch support included

5. What we need from you

A redesign hits the timeline above only if the feedback loop stays tight. To make that work we'll need: - A single point of contact empowered to sign off on design rounds - Feedback within 3 business days of each milestone (otherwise the timeline shifts) - Final copy delivered by end of week 3 (we can provide a copywriter if needed — out of scope) - Logo, brand assets, and any existing photography in source format - CMS / hosting access (or we'll spin up new infra and bill at cost) Revision rounds included: - Brand direction: 1 round - Wireframes: 2 rounds per template - Hi-fi design: 2 rounds per template - Build: unlimited bug fixes; new features quoted separately

6. Investment

Project total: $[ABC] (fixed) Payment schedule: - 40% on signature — kicks off discovery - 30% on design approval — kicks off build - 30% on launch Included: - Everything in the four phases above - Figma source files - 30 days of post-launch bug fixes - One round of light copy edits on the homepage Not included (quoted separately if needed): - Original photography or illustration - Copywriting beyond light edits - Ongoing retainer / new features after launch - Third-party software licenses (CMS, fonts, stock) This proposal is valid for 30 days from [date].

7. Next steps

If this looks like a fit: 1. Reply to confirm scope and target launch date 2. We'll send the MSA + first invoice (40%) 3. Discovery kickoff call within 5 business days of signature Questions or want to adjust scope — fewer templates, different CMS, phased launch? Reply to this proposal. We'd rather shape it together than lose a good project to a fixable detail. — [Your name] [Your studio] [Email] · [Phone]

Frequently asked questions

Is this web design proposal template actually free?+

Yes. Copy the Markdown, paste into your tool of choice, customize for your client. No email gate, no watermark.

Fixed price or hourly — which should a web design proposal use?+

Fixed. Hourly proposals signal risk to the buyer because they can't predict the total. The template above is structured for a fixed-fee engagement with clearly bounded revision rounds, which is what wins most mid-market projects.

How many revision rounds should I include?+

One round on brand direction, two on wireframes, two on hi-fi design. More than that and the project never ships; fewer and the client feels boxed in. Put the limits in writing in the Scope section — it's the single biggest predictor of whether the project stays profitable.

Should I include the timeline before the price?+

Yes. Buyers anchor on the launch date emotionally before they anchor on the number. The template puts deliverables and timeline ahead of investment for that reason.

How do I know if my prospect actually read the proposal?+

That's exactly what Proposal Tracker is built for. Send this template through a tracked link and you'll see which sections each recipient scrolled through, how long they spent on pricing, whether they came back for a second read, and a single hot-lead score per recipient.

Send this template through Proposal Tracker

One tracked link per recipient. Section-level read depth. Hot-lead scoring. Private branded deployment on your domain — $3,000 one-time.