Free Web Designer Proposal Template

A proposal template built for web designers & developers — with the sections that actually win clients, not just a blank page with subheadings.

About this template

Web design proposals are read by two people: the founder who'll champion the project and the operator who'll sign the cheque. Both want the same thing — a clear shape of what they're buying, what could go wrong, and how much it costs. Generic 'we make beautiful websites' proposals lose to ones that read like project plans: a defined scope (the pages or features being built, the platform, the stack), a phase-by-phase timeline that ties each phase to a milestone payment, a transparent line item for hosting/CMS/domain costs, and a section on what the client actually needs to provide to keep the project on schedule. The proposals that close are the ones where the client can close the document and explain it accurately to their co-founder five minutes later. This template gives web designers the structure for proposals that survive that test — scope, phasing, investment, client responsibilities, and the post-launch options that turn launch into the start of a relationship rather than the end of one.

What this proposal includes

Each section is tailored to how web designers & developers pitch and win work.

  1. 1

    Project overview and goals

  2. 2

    Scope of work (what's included and what's excluded)

  3. 3

    Project timeline with phases

  4. 4

    Investment breakdown by phase

  5. 5

    What we need from you (content, assets, approvals)

Proposal writing guide for web designers & developers

Lead with scope clarity, not your design philosophy

Web design proposals that open with 'My process starts with deep discovery' bury the information the client actually needs to decide. Open with the shape of the project: a 6-page WordPress site (Home, About, Services, Pricing, Contact, Blog) built on the Astra theme, plus contact form integration with HubSpot, plus basic on-page SEO foundations. Then your process. Clients reading the proposal need to know what they're getting before they can decide whether they trust your approach.

Tie milestone payments visibly to phases

Show the timeline and the payment schedule as parallel columns: Phase 1 (discovery, 1 week) = 30% deposit; Phase 2 (design, 2 weeks) = 30% at design approval; Phase 3 (development, 3 weeks) = 30% at QA sign-off; Phase 4 (launch, 1 week) = 10% on go-live. The visible link between progress and payment is reassuring for the client (no surprise final bill) and protective for you (each phase is funded before you start the next). Generic 'we'll invoice at the end' proposals lose to ones with a clear schedule.

Surface ongoing support as a separate option, not a question

End the proposal with a clear post-launch offering: 'Monthly maintenance retainer (security updates, plugin updates, content edits, monitoring): $X/month, optional, can start any time within 60 days of launch.' This achieves two things. First, it acknowledges that launch isn't the end of the project's life — clients appreciate that you've thought past go-live. Second, it converts a class of post-launch ad-hoc requests into a billable recurring engagement instead of a constant series of small awkward conversations.

Professional invoicing tips for web designers

  • Never give access to the production site or source files until the final invoice is paid
  • Bill hosting and domains as pass-through line items with zero markup, or as a separate monthly retainer
  • Specify your revision policy on every invoice: '2 rounds of revisions included; additional revisions at $X/hr'
  • Include your project number and contract date on every invoice for easy reference
  • Set 'payment due on receipt' for deposits and Net 14 for milestone and final invoices

What's in this proposal

  • Project overview and goals
  • Scope of work (what's included and what's excluded)
  • Project timeline with phases
  • Investment breakdown by phase
  • What we need from you (content, assets, approvals)

Send proposals that get signed

kinako lets you build proposals with pricing, deliverables, and a timeline — then send a link for a single-click approval.

Try kinako free

Also for web designers & developers

From proposal to signed contract in one tool

kinako connects your proposals, contracts, and invoices. Client approves the proposal → contract goes out automatically → invoice generated on completion.

Try kinako free

Free plan available · No credit card required