Free Web Design Quote Template & Generator
A web design quote has to say what the client is buying before a single artboard opens: how many unique page templates get designed, how many finished pages get built on them, how many revision rounds are included in each design line, who writes the copy and supplies photography, and which third-party costs sit outside your fixed price. It also carries the deposit, the validity date, and the launch assumptions, so an approval in September still means the same thing in November.
PDF downloads cost $4.99 per document, or are included with Unlimited at $9/month.
One-time payment · No subscription
Create & preview free. Watermark-free PDF: $4.99 USD. No subscription required.
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Discovery and sitemap | 1 | $450.00 | $450.00 |
| Responsive page design | 5 | $325.00 | $1,625.00 |
| CMS setup and launch | 1 | $700.00 | $700.00 |
One-time payment · No subscription
Use-case checklist
What to include in a web design quote
Web projects rarely die on price. They die on the two questions this quote answers. The first is revisions: if the design line says "revisions until approved," round five is free work, and on a five-template site that is easily two unbilled weeks. The second is content. A studio that quotes a launch date while assuming the client will deliver copy and product photos, without writing that assumption down, ends up holding a half-built site for three months with the deposit already spent and the calendar slot gone. Naming page counts, revision rounds, and the content handoff turns both into a line the client approved rather than an argument you have after the fact.
- number of pages or templates
- included revision rounds
- copy and asset responsibilities
- integrations and third-party costs
- deposit, validity date, and launch assumptions
Example starting lines
| Description | Qty | Rate |
|---|---|---|
| Discovery and sitemap | 1 | $450 |
| Responsive page design | 5 | $325 |
| CMS setup and launch | 1 | $700 |
Complete it cleanly
Tie each line item to an output the client can approve. State the number of pages and revision rounds, identify who supplies copy and images, and put third-party software or hosting outside the fixed price unless included.
How to make a web design quote in 6 steps
Open the quote generator
Start from this page so the quote opens with fields and sample lines already set up for freelance web designers and small studios. No account is needed to create or preview.
Enter both parties
Add your business name, address and contact details, then the customer name and address exactly as they should appear on the record.
Add the web design lines
Replace each sample line with the real work or goods. Make sure the document shows number of pages or templates, included revision rounds, copy and asset responsibilities.
Check the figures
Totals calculate as you type. Confirm quantities, rates, any tax line and the final total against your own records before you send anything.
Set the reference and dates
Give the quote a unique number and the correct date so it can be traced later and matched to related documents.
Review and download the PDF
Tie each line item to an output the client can approve. State the number of pages and revision rounds, identify who supplies copy and images, and put third-party software or hosting outside the fixed price unless included. Preview is free; a PDF download costs $4.99, or is included with Unlimited.
Worked example
A 9-page practice site rebuilt on 5 templates, quoted before design starts
Fieldrow Studio quotes Bantry Orthodontics on Sept 16, 2026 for a rebuild of their nine-page site. Bantry's office manager supplies all copy and existing patient photography; Fieldrow designs five unique templates and builds the nine pages on them, then hands off.
- Discovery: one 2-hour stakeholder workshop, sitemap, and approved page inventory (fixed)
- $1,200.00
- Design: 5 unique page templates at $850.00 each, two revision rounds included per template
- $4,250.00
- Build: 9 pages assembled on the 5 approved templates, responsive down to 375px (fixed)
- $3,600.00
- Integration: appointment request form posting to Bantry's existing scheduling inbox, with spam filtering
- $950.00
- Content migration: 14 existing blog posts moved and reformatted at $35.00 each
- $490.00
- Launch support: 10 business days after go-live, 4 hours of fixes included
- $600.00
- Quoted fixed price, Fieldrow Studio scope only
- $11,090.00
- Outside this price, contracted and paid by Bantry directly: hosting $32.00/month, premium font license $99.00/year
- $0.00
- Deposit due to reserve the Oct 5 start (40% of the quoted price)
- $4,436.00
- Balance due at go-live; a third revision round on any template bills at $95.00/hour
- $6,654.00
The line most often left off is the content deadline. This quote holds the Oct 5 start and the quoted price only if Bantry delivers final copy for all nine pages by Sept 30; after that the schedule moves and the quote's Oct 16 expiry applies to the price too.
When this document is the right choice
Use this quote to present a fixed proposed price before work begins. A quote is best when scope and price are defined. Use an estimate instead when hidden conditions or an unfinished scope can materially change the final cost.
Frequently asked questions
How many revision rounds should a web design quote include?
Pick a number, write it on the design line, and price what comes after. Two rounds per template is a common working default: one round of substantive direction and one round of refinement. What matters more than the number is that the line reads "two revision rounds included per template" rather than "revisions included," and that the quote names the hourly rate for a third round, $95.00 in the example above, so the conversation about round three is about scheduling rather than whether you get paid.
The client has not written the copy yet. How do I quote around that?
Either quote copywriting as its own priced line, or state in writing that the client supplies it and put a date on the handoff. Do not leave it unmentioned. The example quote assumes Bantry's office manager delivers final copy for all nine pages by Sept 30, and says so, so the build line is scoped against real text rather than placeholder blocks. If you are designing around lorem ipsum, say which pages that applies to and expect a revision round when the real copy lands.
Should hosting, plugin licenses, and stock photos be inside my fixed price?
Usually outside, and named. Recurring costs like hosting and font or plugin licenses renew long after your engagement closes, so putting them inside a one-time fixed price means you are quietly funding year two. The example lists $32.00 a month of hosting and a $99.00 annual font license at $0.00 on the quote, contracted and paid by the client directly. The client still sees the real numbers and knows they exist, which is the point.
What happens if the client adds a tenth page after approving the quote?
If the tenth page uses a template you already designed, it is a build add, and the fairest way to price it is against the per-page math the quote already shows. If it needs a sixth unique template, it is a design add at the template rate, $850.00 in the example, plus its build. Issue it as a separate change quote referencing the original quote number rather than editing the approved document, so both sides can see what changed and when.
What should the launch support window actually cover, and what falls outside it?
Name the window, the hours, and the kind of work it covers, because "launch support" means two different things to the two people reading it. The example includes 10 business days after go-live and 4 hours of fixes: a broken link, a form that stops posting, a layout that breaks on a phone nobody tested. It does not cover new sections, copy rewrites, or a page the client decided they wanted once the site was live. Say which one you mean on the line, and say who holds the hosting and domain logins at cutover, because a support window you cannot get access to is not support.
More quote templates
Start with the closest business workflow and adjust the details.