Web design quote template with a start-by date.

A web design quote template should give the client a fixed total built from lines they can check, say what that total assumes, price the additions most likely to come up, and carry two dates: the last day to accept and the last day the work can start at that price. The quote below is filled in for Ashgrove Eye Care, an optometry practice with two locations in Boise, Idaho, at $18,270 for a nine-page site, and you can copy it or take it as a Word file or PDF.

What should a web design quote include?

It has to let a client say yes to one number and still know exactly what that number buys, which means every line carries a quantity and a price, and every condition the price depends on is written next to it. A quote that does that also tells the client what the ninth page costs and what happens if their text arrives late, so the first awkward conversation of the project has already been had on paper.

The published versions put most of their effort into presentation. Better Proposals' simple web design quote template has seven parts, running from a cover page and a pre-written services introduction through a pricing table that handles hourly, percentage and optional lines, a next-steps page for signing, boilerplate terms and online payment. Qwilr's web development agency quote lists seven as well, from the introduction and project goals to success metrics, the investment, a scope of work that names what's out of scope, a timeline and a contact page. Quotient's example is the most concrete of the three, a $10,400 build split into strategy at $2,400, copywriting at $3,600 and development at $4,400, plus hosting at $149 a month, with an expiry date about five weeks after the issue date.

None of the three we read says how long an accepted price lasts. Section 5 of the quote below does that, and sections 3 and 4 do the other quiet work: the assumptions about the client's text, photos and feedback, and a price for each addition a nine-page site usually picks up along the way.

Why does a quote need a start-by date as well as an expiry?

Because the expiry only covers the gap between sending the quote and hearing yes, while the price you wrote depends just as much on when the work actually happens. The $18,270 above assumes an agency charging $140 an hour, with December and January kept clear for this project. Once the practice accepts, an expiry date has done its job and says nothing more, so a quote without a start-by date is a fixed price for work that can be scheduled whenever the client likes.

Section 5 splits the problem in two. Section 5.2 holds the total for any start up to January 11, five weeks past the planned date, because a practice that slips a week for a staff holiday shouldn't be re-quoted over it. Section 5.3 re-prices nothing except the rate, so the same eleven lines come back at whatever the agency charges on the day work begins, and the client can check every one against the line they already accepted.

A start date is also the thing your client depends on least and you depend on most. The practice can move it with one email, while the agency has usually turned other work away to keep those weeks open, which is the same imbalance behind the dates a client owes you during a project, only arriving before the project has started.

What happens when the practice asks to start in February?

The quote re-prices itself at the agency's February rate and the first payment carries over, so the move costs a few lines of email rather than an argument. Ashgrove accepts on November 2 and pays the $9,135 that reserves December 7. On November 30 the practice manager writes that new scheduling software goes live across both locations in January, and asks to start the website on February 1 instead.

February 1 is past January 11, so section 5.3 applies. The agency's rate rises from $140 to $148 an hour on January 1, and the eleven lines add up to 130.5 hours, so the same quote at the new rate comes to $19,314, which is $1,044 more. The agency sends the re-quote with every line beside its old price, the practice accepts it, and the $1,044 is added to the launch payment, which becomes $4,698 while the first two stay at $9,135 and $5,481. The prices in section 4 move the same way, so when the practice asks in week three for a page about the frame gallery at its downtown location, another page from an existing layout costs $444 rather than $420 and the total becomes $19,758.

Without section 5 the accepted $18,270 travels to February intact, and the agency builds at a rate it stopped charging a month earlier. The empty December is a separate loss that no clause here recovers, and a forfeitable booking fee is one answer if your calendar is full enough to need one.

Should a web design quote show hours, or only prices?

Show quantities and prices, and keep the hours behind them. Every price in section 2 is hours multiplied by $140, so a layout at $1,680 is twelve hours and a built page at $420 is three, but the client sees four layouts and nine pages, which are things they can picture, count and add to. A quote that prints twelve hours a layout invites a debate about whether it should take ten, and a quote that prints one lump sum invites the client to compare it against a lump sum from someone who left half the work out.

That second comparison is where lines 2.5 to 2.11 earn their place. Discovery, copy editing, content entry, testing, redirects, launch fixes and project management add up to $5,670, a little over 31% of the total, and they're the lines that disappear first from a quote written in a hurry. Working out those hours in the first place is the subject of pricing a website from every hour it takes. The quote's job is to make each one visible, so a client holding a cheaper number can see which lines it's missing.

How do you price changes after the client accepts?

Price them from section 4, which already uses the unit prices in section 2, and put the price in front of the approver before the work starts. Section 4 covers the four additions a site like this usually picks up, and 4.5 gives everything else an hourly rate, so section 7.1 never needs a new negotiation, only a lookup and a yes.

Those additions are also the line between a quote and a document that turns a number into a boundary, which is the argument behind what a quote commits you to once it's accepted. If the client is still choosing between options, the same prices sit more comfortably in a web design proposal with a rate card, where they read as choices, and the change itself is best captured on a change request form the client fills in rather than in an email thread.

A quoted price is a promise about a particular stretch of months

The single line worth copying from the quote above is 5.3: a start after January 11, 2027 is re-quoted with the same lines and quantities at the agency's rates on the new start date. It turns a client's change of calendar into arithmetic both sides can check, and it's the one sentence that lets you keep a fixed price fixed without promising it forever.

After the quote is accepted, the work still needs terms the quote doesn't try to carry, such as ownership of the design, what happens if the project stops halfway and who pays for what at launch, which belong in the web design contract that follows the quote. And if the client asks why the number isn't a range, the difference is laid out in an estimate versus a quote.

Frequently asked questions