Web design proposal generator

A clear proposal closes more projects than a slick PDF. Fill in scope, deliverables, timeline, and pricing. Copy the markdown and paste into your doc tool of choice or print it directly.

One paragraph: the problem and what you propose.

Naming this prevents the most common scope creep.

Markdown preview
# <project name>

**Date:** May 5, 2026

## Scope
- Discovery & strategy
- Information architecture
- Visual design
- Frontend build
- QA & launch

## Out of scope
- Content writing
- Third-party integrations
- Hosting & domain

## Deliverables
- Figma design files
- Production website
- 30-day post-launch support

## Timeline
- Week 1–2: Discovery
- Week 3–6: Design
- Week 7–10: Build
- Week 11: Launch

## Pricing
- Discovery: $X,XXX
- Design: $X,XXX
- Build: $X,XXX
- **Total: $XX,XXX**

## Payment terms
50% on signing, 50% on launch. Net 14.

## Next steps
Reply to confirm and we'll send the contract. Project starts within 1 week.

How to use this tool

  1. 1Fill in your details and the client's: agency name, client name, project name.
  2. 2Add scope items, deliverables, and a timeline. The markdown updates as you type.
  3. 3Copy the proposal and paste into Notion, Google Docs, or your proposal tool.

About this tool

Most rejected proposals fail on clarity, not price. The client cannot tell what they are buying, when they will get it, or what happens if scope changes. This generator forces the structure that wins work: a one-paragraph summary, scope as a bulleted list, deliverables tied to phases, a timeline, and pricing with terms.

Related tools

FAQ

Frequently asked questions

Short answers to what people ask most.

Reviewing work with your team?

Pin comments directly on a live website or design — no extension, no setup.

Annotate live sites and screenshotsCapture browser, viewport, and CSS contextFree for your first project