How to write a web design proposal
If you're running a web design agency and you're still building proposals from scratch for every client, you're leaving money on the table. A strong web design proposal template sets expectations, reduces scope creep, and closes deals faster. The best agencies don't reinvent the wheel—they use a proven structure that covers discovery through post-launch support, with clear pricing tied to deliverables.
This guide walks you through a complete, production-ready website proposal template that you can adapt for your next pitch. We'll cover the sections that actually matter, how to structure milestone-based pricing, and how to protect your margins without coming across as rigid.
Why Your Web Design Proposals Need a Template
Before we dig into the template itself, let's be clear about why this matters. A disorganized proposal does three things:
- Looks unprofessional. Clients expect to see a cohesive structure. Rambling proposals signal that your process is equally chaotic.
- Wastes your time. Without a template, you're writing the same sections over and over. That's time you could spend on actual design work or selling more projects.
- Creates scope creep. Vague deliverables = vague expectations = endless revision rounds. A clear website design proposal example prevents this by spelling out exactly what's included.
A solid template also acts as a sales tool. It educates the client about your process, justifies your pricing, and makes them feel confident about working with you.
The fastest way to close more web design deals is to stop negotiating about scope and start selling your process. A clear proposal does that for you.
The Core Sections of a Web Design Proposal
1. Overview & Discovery
Start here. This section should answer one question: What problem are we solving?
You're not just rebuilding their site—you're addressing why they came to you. Maybe their current site has a 3% conversion rate. Maybe it's mobile-unfriendly and losing search traffic. Maybe their CMS is outdated and they can't update content themselves.
Include:
- A brief recap of your discovery call findings (2-3 sentences max)
- Their current situation and pain points
- The outcome they're expecting
- A timeline estimate
Example language:
"During our discovery call, we identified that your current site architecture doesn't support your content marketing roadmap. The homepage hierarchy is unclear, product pages lack comparison features, and the mobile experience is dropping conversions by 40% compared to desktop. Our redesign will address these issues through a customer-first information architecture and a responsive design system."
This grounds the proposal in their business, not your design portfolio.
2. Deliverables: The Milestone Breakdown
This is where your web development proposal earns its weight. Break the project into phases with specific deliverables at each stage. Clients want to know what they're getting and when.
Phase 1: Discovery & Research (Week 1-2)
- Stakeholder interviews (internal team, customers, sales team)
- Competitive analysis (5-7 direct competitors)
- SEO audit of current site
- User research summary (personas, journey map)
- Technical audit (CMS requirements, hosting, integrations)
Phase 2: Strategy & Information Architecture (Week 2-3)
- Sitemap (page hierarchy and structure)
- Content audit (what stays, what's updated, what's new)
- Wire frames for key templates (homepage, product/service page, interior pages)
- User flow diagrams (conversion paths)
- Technology stack recommendation
Phase 3: Visual Design (Week 3-5)
- Style guide (color palette, typography, component library)
- Desktop mockups (5-7 key pages)
- Mobile mockups (responsive variations)
- Interactive prototype for key user flows
- 2 rounds of revisions included
Phase 4: Development (Week 6-10)
- Front-end development (HTML, CSS, JavaScript)
- Back-end development (CMS setup, database, integrations)
- API integrations (payment processing, email, analytics, CRM)
- Content migration from old site
- Internal testing and bug fixes
Phase 5: QA & Testing (Week 10-11)
- Cross-browser testing (Chrome, Safari, Firefox, Edge)
- Mobile device testing (iOS and Android)
- Performance optimization (page load time under 3 seconds)
- Security audit and SSL implementation
- Client review period (5 business days)
Phase 6: Launch & Post-Launch Support (Week 12)
- Final deployment and DNS changes
- SEO setup (sitemaps, redirects, robots.txt)
- Analytics and tracking implementation
- 30-day post-launch support (bug fixes, performance monitoring)
Why this structure works: Each phase has a clear start and end. Clients see the work happening in stages, not as one black box labeled "design and development." And you're protected—if they want changes after QA, that's out of scope.
How to Price a Web Design Proposal
Avoid hourly rates. They incentivize you to work slowly, and clients hate the uncertainty.
Instead, use milestone-based pricing. You charge a fixed amount for each phase. This gives you predictability and the client clarity.
Pricing Structure Example
For a typical small-to-mid-market website proposal template, here's a realistic breakdown:
| Phase | Deliverables | Investment |
|---|---|---|
| Discovery & Research | Audit, personas, tech stack | $2,500 |
| Information Architecture | Sitemap, wireframes, flows | $3,000 |
| Visual Design | Style guide, mockups, prototype | $4,500 |
| Development | Front-end, back-end, integrations | $8,000 |
| QA & Testing | Cross-browser, performance, security | $2,000 |
| Launch Support | Deployment, analytics, 30-day support | $1,500 |
| Total | $21,500 |
This pricing assumes:
- 8-10 weeks of work
- A 5-7 person site with moderate complexity
- No custom software or unusual integrations
- Standard CMS (WordPress, Statamic, Webflow, etc.)
Adjustments for complexity:
- Simple brochure site (3-5 pages, standard design): $12,000-$16,000
- E-commerce site with product database: +$3,000-$5,000
- Third-party API integrations (Shopify, HubSpot, Zapier): +$1,500-$2,500 per integration
- Content migration from legacy system: +$1,000-$2,000
- Multi-language support: +20%
Price is a conversation, not a number. But having a clear breakdown shows the client you know the cost of your work. They're less likely to negotiate when they see the thinking behind each phase.
Building Revision Limits Into Your Proposal
This is critical. Without revision caps, a $21,500 project can balloon to 200 hours.
Standard revision structure:
- Visual Design phase: 2 rounds of unlimited revisions per page, then $150/hour for additional rounds
- Development phase: Revisions addressing bugs or missed specs are free. New features or scope changes are billed at $150/hour
- QA phase: One round of client-requested changes included. Additional requests are $100/hour
Example language for your website design proposal example:
"The visual design deliverables include two comprehensive rounds of revisions. These might include color adjustments, layout tweaks, or typography changes. Additional revision rounds beyond the two included are available at $150/hour. New features or sections requested after design approval are treated as scope additions and will be quoted separately."
This protects you without sounding adversarial. Clients understand that endless revisions cost them too.
The Technology Stack Section
Clients increasingly care about the tools and platforms you use. This section builds confidence in your choices.
For a typical web design proposal, include:
CMS & Platform:
- WordPress with custom theme development
- Statamic (if they need flexibility and don't want vendor lock-in)
- Webflow (if design-driven flexibility is the priority)
- Shopify (if e-commerce is the focus)
Front-End Stack:
- HTML5, CSS3, JavaScript (vanilla or modern framework like React, Alpine.js)
- Responsive design framework (Tailwind CSS, Bootstrap)
- Version control (Git, GitHub)
Back-End & Database:
- PHP 8.1+ / Laravel (for custom WordPress work) or Node.js
- MySQL or PostgreSQL database
- RESTful APIs for third-party integrations
Performance & Security:
- Content delivery network (Cloudflare or AWS CloudFront)
- SSL/TLS encryption
- Security headers (CSP, X-Frame-Options, etc.)
- Automated backups and disaster recovery
Analytics & Monitoring:
- Google Analytics 4
- Search Console integration
- Error tracking (Sentry or similar)
- Uptime monitoring
Why include this? Enterprise clients and technically-minded decision-makers want to know you're using proven, maintainable tools. It also shows you're thinking about long-term maintainability, not just shipping the project.
Hosting & Maintenance Add-Ons
Don't leave money on the table. A lot of agencies give away hosting and support when they should be selling it.
Structure it like this:
Managed Hosting & Security (Optional, Monthly):
- Shared or dedicated hosting on industry-standard platform (WP Engine, Kinsta, etc.)
- Automatic daily backups with 30-day retention
- SSL certificate management
- Firewall and DDoS protection
- Monthly security scans
- Price: $120-300/month (depending on traffic and scale)
Monthly Maintenance & Support (Optional, Monthly):
- Up to 5 hours of monthly maintenance (plugin updates, performance optimization, small changes)
- Priority email/Slack support (24-hour response time)
- Monthly performance report
- Security monitoring and patches
- Price: $300-500/month (depending on site complexity)
Hourly Support (After Launch):
- Additional hours beyond the monthly plan
- Price: $100-150/hour
This turns a one-time project into recurring revenue. A $21,500 site with a $300/month retainer generates $3,600/year—a 17% uplift on annual revenue from that single client.
Structure Your Proposal for Better Conversion
The template above covers the content, but presentation matters too.
Use this visual hierarchy:
- Cover page — Client name, project title, date, your logo
- Executive summary — 1 page. The business case. Why this project matters.
- Scope & deliverables — The detailed breakdown we covered above
- Timeline — A Gantt chart showing phases and their duration
- Investment — The pricing section with payment terms
- Team — Who's doing the work (with photos and brief bios)
- Next steps — How to move forward
Design it to match your brand. If you're a web design agency and your proposal looks generic, you've just proven you don't have taste. Make it visually interesting without being flashy.
Tools like Wintura can generate a complete proposal from a brief in under 5 minutes—including all these sections structured for your brand. That means you spend less time formatting and more time on the actual sales conversation.
Payment Terms & Timeline
Spell this out clearly.
Standard payment structure for a $21,500 project:
- 50% deposit upon proposal acceptance ($10,750)
- 25% due at start of development phase ($5,375)
- 25% due upon launch ($5,375)
Why this split? It covers your upfront costs (research, design, initial development). You're not financing the whole project out of pocket.
Timeline language:
"The project timeline assumes regular communication, timely feedback from your team, and content delivery by agreed dates. Delays in client feedback may extend the timeline proportionally. We'll send weekly status updates every Friday."
This sets expectations and protects you if the client drags their feet on approvals.
Red Flags to Catch Early
Some clients will try to squeeze more scope into your proposal. Your template should help you spot and prevent this.
Watch for:
- "Can you also just..." (add a feature, redesign another section, integrate another tool)
- Vague approval processes (no clear decision-maker defined)
- Extended revisions in the design phase (sign of misaligned vision)
- Requests for "before we start" work (free discovery, free concepts, free strategy)
When you see these, you don't negotiate your price down—you clarify the scope in writing. A clear web development proposal does this by listing exactly what's included and what costs extra.
Using a Proposal Template to Sell Faster
Here's the thing about templates: they're not supposed to be rigid. They're a skeleton. You customize them for each client by changing:
- The problem statement (unique to their situation)
- The sitemap and page list (based on their content)
- The timeline (based on your capacity)
- The investment (based on complexity)
But the structure stays consistent. This consistency is what builds confidence.
If you're tired of spending hours on proposals, try Wintura free. Paste your client brief—discovery notes, page list, integrations needed—and you'll have a branded proposal ready to send in under 5 minutes. No credit card required, and you get three free proposals every month to test it out.
The real time savings come from not starting from a blank page. You're filling in your template, not building one every time.
Templates You Can Use Today
We've covered the structure and strategy. Now download a free web design proposal template you can use immediately. It includes:
- All the sections above, fully written
- Customizable milestone descriptions
- Pricing calculator
- Payment terms language
- Technology stack options
- Revision limit clauses
You can also check out real proposal examples from agencies using similar structures. See how they position their pricing, how they write deliverables, and how they close the deal.
If you want to dig deeper into pricing models, read our guide to pricing web design services. And if you're also sending branding or marketing proposals, our branding proposal template and marketing proposal template follow the same logic—clear phases, milestone pricing, revision limits.
Final Checklist
Before you send your next website proposal template, confirm:
- ✓ The scope is specific (page count, feature list, integrations named)
- ✓ The timeline is realistic for your team (don't over-promise to close deals)
- ✓ Revision limits are spelled out (no unlimited changes clause)
- ✓ Hosting and support are listed as add-ons (don't give these away)
- ✓ Payment terms are clear (deposits, milestones, due dates)
- ✓ The proposal is branded (matches your agency aesthetic)
- ✓ It addresses their specific problem (not generic language)
A tight proposal closes faster, protects your margins, and reduces friction during the project. You'll also spend less time managing scope creep and more time doing great work.