Web design quote template
Phase-based pricing for designers and agencies
Solo web designers, design agencies, and full-stack development shops all sell projects in phases. Each phase, the revision cap, the milestones and any care-plan add-on can go on one quote.
Create your web design quoteWhat web quotes need
Phased project pricing
Discovery → Design → Build → Launch as discrete line items so clients see the structure of the work.
Care plan tiers
Optional monthly maintenance retainers (Essentials/Pro/Premier) with included support hours.
Revision caps per phase
State revision rounds per phase; additional rounds at hourly rate. When the client asks for a fourth round, the quote already says what it costs.
Who uses it
- Freelance web designers
- Solo designers building 4-12 sites per year for small business and creative clients.
- Web design agencies
- Multi-designer agencies with strategist + designer + developer roles itemized.
- Full-stack dev shops
- Custom web app proposals with backend complexity, integrations, and scope-managed phases.
- Niche specialists
- WordPress, Shopify, Webflow, Squarespace specialists with platform-specific scope.
- E-commerce builds
- Shopify and WooCommerce store builds with product catalog setup, payment integration, and training.
Web design quote FAQ
- How should I structure a web design quote?
- Phase-based: Discovery (research, sitemap, content audit), Design (wireframes, visual design, prototyping), Build (development, CMS setup, integrations), QA + Launch (testing, training, deploy), and an optional Care Plan (post-launch support retainer). Each phase has a fixed fee or a not-to-exceed range. Total is the sum, not a single mystery number.
- Fixed price or time-and-materials?
- Fixed price for well-defined scope ("5-page marketing site, no e-commerce, contact form"); T&M with a not-to-exceed cap for exploratory work or projects where requirements are still firming. Many designers quote phases as fixed and a separate hourly bucket for revisions/changes outside the agreed scope. Clients prefer fixed; designers protect margins with T&M caps and revision limits.
- How many revision rounds should the quote include?
- Most designers include two rounds per phase: one round of major direction changes after first concepts, one round of refinements before sign-off. State explicitly: "Includes 2 rounds of revisions per phase; additional rounds at $X/hr." Without a cap, extra rounds eat into your margin.
- Should I quote hosting and maintenance separately?
- Yes, always. Hosting is a recurring cost (sometimes pass-through, sometimes marked-up via your own managed hosting offer); maintenance is its own service (security updates, plugin maintenance, content edits, analytics). State as a Care Plan with monthly tiers (Essentials/Pro/Premier) so the client can opt in. Many designers find the Care Plan eventually exceeds project revenue from the same client.
- Should I require a deposit?
- Yes: 30-50% upfront for new clients on any project over $1,500. State the retainer + milestone payments + final due on launch. The retainer protects you from clients who disappear after kickoff (very common); the milestone schedule keeps your cash flow ahead of your costs. Most agencies bill 50% on signing, 25% on design approval, 25% on launch.
- Who owns the design files and source code?
- State explicitly. Standard pattern: client owns the final delivered work (design, code, copy) on full payment; designer retains rights to display the work in portfolios and case studies. Source files (PSD, Figma, Sketch, project files) sometimes transfer with full payment, sometimes are an upcharge. Be explicit in the quote terms; ambiguity here causes contractual disputes.
- How long should the quote stay valid?
- 30 days is common. State the validity window explicitly ("This quote is valid through 2026-05-28") so you can re-price if the client comes back six months later. Web designer rates and capacity change quarterly; locking in a price for an indefinite future booking is how you end up underpriced relative to your current rate.
- Should I include hosting fees as pass-through or marked-up?
- Either works; pick a model and stick with it. Pass-through (at-cost) builds trust but no margin. Marked-up (your managed-hosting offer with support included) is a recurring revenue line. Many designers do pass-through hosting for first-year then transition to managed hosting at year-2 renewal. State which on the quote so the client knows what they're signing up for.
Quoting a web project in phases
Clients comparing web design quotes don't actually compare totals; they compare what each quote tells them about the designer's process. A quote with discovery, design, build, and launch as discrete phases (with prices) signals that you've thought through the work. A flat "Website: $8,500" quote signals that you might be guessing.
When the backend complexity outgrows a typical website build, the software development quote template handles phased engineering with T&M caps and SLA tiers. Once the project is complete, the freelancer invoice covers final billing.
Related guides
Show the phases before work starts
Add the phases, revisions, milestones, and care plan options, then preview the PDF before paying.
Create quote now