Web design and web development quote template

A free website quote template for designers, developers and small agencies. Load an example, change the lines to match your project and download a PDF. It prices the work by milestone and says in plain words how many revisions are included, who supplies the content and what happens when the scope changes.

Load an example website quote
Free PDF downloadNo signupTax and discount linesValidity date

Updated 28 October 2026

Start from an example:
Your details
PNG or JPG under 500 KB. Shown in the preview; added to the PDF with Pro.
Client details
Quote details
Line items
Subtotal0.00
Total0.00
Notes & terms
Accent colour
Live previewUpdates as you type

Pro, $9 one-time: no “Made with GetQuotationMaker” line, your logo on the PDF, and one-click invoice from any quote.

Get Pro

What a website quote includes

A client reading a website quote wants to know what they will get, when, and what it will cost if something changes. These are the parts that answer those questions:

Example website quote: a five-page business site

A fixed-fee quote for a small business website, built from the milestones above. Prices are examples only, not market rates.

DescriptionQtyRateAmount
Discovery workshop and sitemap1$600$600
Design: 5 page templates, 2 rounds of revisions1$2,400$2,400
Development and CMS setup1$3,200$3,200
Content upload (client supplies copy and images)1$450$450
Launch and 1 hour training1$250$250
Total$6,900

Payment in this example: 50% deposit ($3,450), 25% on design sign-off ($1,725) and 25% before launch ($1,725). Domain, hosting, paid plugins, copywriting and stock images are listed as not included.

How to price a website project

Pick one pricing method and show it on the quote. The line items should still list the work, so the client can see what each part of the fee covers.

MethodHow it worksGood for
Fixed fee per milestoneA set price for discovery, design, build and launch, each paid when it is doneBrochure sites and small shops with a clear scope
Time and materialsHours worked × your rate, usually with an estimate and a cap the client must approve before it is passedProjects where the scope will change as you learn more
Monthly retainerA set monthly fee for a set number of hours or tasksMaintenance, content updates and continuing work after launch

To build a fixed fee, estimate the hours for each milestone, multiply by your hourly rate and add a buffer for revision rounds and client delays. For example, 80 hours at $75 is $6,000; a 15% buffer brings it to $6,900. Round to a clean figure and write the milestones next to it. Quote by milestone rather than by the hour for design work: clients compare the total, and open hours invite scope creep.

Web development quote: custom builds and web apps

Custom development carries more unknowns than a template site, so a development quote leans on written assumptions. Split the work into phases that can each be accepted on their own:

  1. Discovery and specification: requirements, user flows, data model and a written spec. Price it separately so the client can stop after it.
  2. Design: wireframes and screens, with a stated number of screens and revision rounds.
  3. Front-end build: responsive layouts and the browsers and devices you test on.
  4. Back-end: database, admin area, accounts and any API work.
  5. Integrations: payments, email, analytics and other third-party services, with their fees billed at cost.
  6. Testing, deployment and handover: the test pass, the launch, documentation and a short support window for fixes.

State the assumptions that the price depends on, for example that the client supplies content and API access, that the spec is signed off before design starts, and that anything outside the spec is a change request. Load the development example to see the phases as quote lines.

Website quote wording to copy

Replace everything in square brackets. This is general wording, not legal advice; have a solicitor check terms for larger projects.

Scope and deliverables

Scope: design and build of a [5]-page website on [WordPress] for [client name], with [a contact form and a booking page]. Pages: [Home, About, Services, Pricing, Contact].

Deliverables: the finished website on the client's hosting, [a short training session], and login details for every account set up for the project.

Not included: domain registration, hosting, paid plugins and themes, copywriting, stock photography and search engine optimisation. We can quote any of these separately.

Content, revisions and changes

Content: you supply all text, images and logos by [date]. If content arrives more than [10] working days late, the launch date moves by the same number of days.

Revisions: each design stage includes [two] rounds of changes. Further rounds are billed at [$75] an hour.

Changes: any work not described in this quotation is a change request. We will price it in writing and agree it with you before we start.

Payment, ownership and validity

Payment: [50]% deposit to book the start date, [25]% when the design is approved and [25]% before launch. Invoices are due within [7] days.

Ownership: the copyright in the finished design and code passes to you when the final invoice is paid. Themes, plugins and fonts licensed from third parties stay under their own licences.

Validity: this quotation is valid until [date]. To accept, reply to the email it came with or sign and return it.

Hosting and maintenance after launch

Quote what happens after launch as separate, optional lines so the project price stays comparable. Typical lines are hosting (at cost or with a stated markup), a monthly maintenance plan for updates and backups, and an hourly rate for changes outside the plan. The maintenance example shows how a retainer can be written.

Once the quote is ready, send it with one of our quote email templates, give the client acceptance wording, and see how to write a professional quote for the order the parts should go in.

Frequently asked questions

What should a web design quote include?

The project summary, the number of pages and features, the platform, who supplies the content, the number of design revision rounds, milestones and payments, a timeline, what is not included (domain, hosting, paid plugins, copywriting, stock photos), any ongoing costs, when ownership passes to the client and a valid-until date.

What is the difference between a web design quote and a web development quote?

A web design quote prices layouts, visuals and page templates. A web development quote prices building the site or app: front-end code, back-end, databases and integrations. Many projects are quoted together, with design and development as separate milestones.

Should I quote a website as a fixed price or by the hour?

A fixed fee per milestone suits projects with a clear scope, and clients can compare it easily. Time and materials suits projects whose scope is likely to change; give an estimate and ask the client to approve any increase before it happens.

How do I work out what to charge for a website?

Estimate the hours for each milestone, multiply by your hourly rate and add a buffer for revisions and delays. Then check the total against the value to the client and what similar projects cost you to deliver. The example prices on this page are illustrations, not market rates.

How many revision rounds should a website quote include?

Two rounds per design stage is a common choice. Put the number on the quote and your rate for extra rounds, so a request for a third round is a priced change and not an argument.

Should hosting and the domain be in the website quote?

List them even when they are not included, so the client knows they are separate costs. If you set them up for the client, say whether the accounts are in the client's name and whether you bill them at cost.

How do I handle extra work after the client accepts the quote?

Write a change-request clause into the quote: work outside the described scope is priced in writing and agreed before you start. Send the price and the effect on the launch date each time.

Is this website quote template free?

Yes. Fill it in online and download a PDF with no signup. The example website, development and maintenance quotes load in one click, and you can change every line.