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.
# <project name> **Date:** September 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
- 1Fill in your details and the client's: agency name, client name, project name.
- 2Add scope items, deliverables, and a timeline. The markdown updates as you type.
- 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
Freelance hourly rate calculator
Calculate the hourly rate you need to charge based on your target income, working hours, billable percentage, expenses, and taxes.
Web project estimate calculator
Break a website project into phases, set hours and rate, and get a total estimate with built-in contingency. Copy as markdown for proposals.
Frequently asked questions
Is this enough for a real client proposal?
Yes. The structure covers what a client actually needs to make a decision. For larger engagements, attach case studies and a more detailed timeline. For small projects, this is often more proposal than required.
Can I export to PDF?
Copy the markdown into Google Docs, Notion, or any markdown editor and export to PDF from there. We avoid generating PDFs in-browser to keep the tool fast and the output editable.
How do I price the project?
Use the project estimate calculator in this collection: input phases and hours, set your hourly rate, and pull the total into this proposal.
Should I include payment terms?
Yes. The standard for design work is 50% upfront, 50% on delivery, or thirds for longer engagements. State payment terms (net 14, net 30) and what happens on late payment.
Reviewing work with your team?
Pin comments directly on a live website or design — no extension, no setup.