Web design quote template
Last updated
A web design quote template is a one-page price for a defined job: what you'll build, what it costs, and how long the price holds. It's shorter than a proposal. A proposal sells the whole idea, while a quote prices a job the client has already asked for.
What goes in a web design quote template?
A web design quote template lists the job, the price and the terms on one page. Keep each line short, so the client can say yes in one read.
| Line on the quote | What it says |
|---|---|
| Your details | Your agency's name, contact details and logo |
| The client | The business and the person the quote is for |
| Quote number and date | A number you won't reuse, and the day you sent it |
| Valid until | The last day the price holds |
| The job in one line | What you'll build, such as a new site or a rebuild of an old one |
| What's included | The pages, features and rounds of changes the price covers |
| What's not included | Work the price leaves out, such as content writing or hosting, if it does |
| The price | One total, or a price for each stage |
| Payment terms | What's due up front, at each stage, and at the end |
| What you need from the client | Content, photos, logins and the dates you need them by |
| How to accept | A signature, a reply or an online yes, and what happens next |
A quote and a proposal can use the same lines for the job, the price and the terms. The quote drops the pitch and keeps the price. For the full proposal, see the web design proposal template.
If you'd like to talk through how the jobs you quote get built, DeskTeam360 offers a short call that ties you to nothing.
How do you work out the numbers on a web design quote?
You work them out from your own costs: the hours the job takes, what each hour costs you, the tools and accounts it needs, and the margin you want on top. A calculator can do the sums, but the inputs have to come from your own records.
- List every task. Break the job into the work it takes, from the first call to the launch.
- Put hours on each task. Use the hours that past jobs like it took you.
- Price each hour at what it costs you. Use your own pay costs or what you pay a partner.
- Add the costs that aren't hours. Paid themes, plugins, tools or accounts the job needs.
- Add time for changes and reviews. Rounds of changes and calls with the client take hours too.
- Add your margin. Decide what to earn on top of the cost.
- Check it against the scope. If the total feels off, look again at the task list before you change the price.
If someone else builds part of the job, use what they charge you as that part's cost. Each way of getting a site built buys something different, so set the figures side by side with what each one buys. For one client site costed out each way, see What does one client site cost to deliver, each way, in California?.
Once the quote is accepted and the work is done, the bill comes next. For the invoice that follows the work, see the web design invoice template.
A quote is only as good as the hours behind it, so if you'd like to talk through who could take on those hours under your brand, DeskTeam360 offers a short call that won't commit you to anything.
More on Proposals and invoices
- Web design proposal template: what to put in one
- Web design invoice template: what to put on it
- How to write a web design invoice
- All guides
Sources
- DeskTeam360, booking page, deskteam360.com/book-a-call, read October 14, 2026
What changed
- : Page first published.