How to price a web design project: the cost floor, the market range, the client's budget, where to land, how to price revision rounds, and how to present it
Most web design quotes start and end with the hours. Estimate 60 hours, multiply by the hourly rate, send the number. It feels rigorous, and it answers only one question: what the work costs you.
It says nothing about what the website is worth, or what the client can pay. Two studios can estimate the same hours and quote $5,000 and $10,000, and both can win work. A client with a $10,000 budget who receives a $6,000 quote will often say yes on the spot, and the studio never finds out it left $4,000 on the table.
So we price every project from three numbers, and only then pick one.
Production cost is what the project costs you to make, with no profit in it. It is your estimated hours at your break-even rate, plus the costs you pay on the client's behalf (stock, fonts, plugins, hosting) and your markup on them.
The break-even rate is the lowest hourly rate that pays you and every business bill with nothing left over. Work it out from what you need in a year divided by the hours you can actually bill. Take a freelancer who wants $75,000 a year, has $12,000 of business costs, works 40 hours a week with six weeks off, and bills 60% of those hours. That is 1,104 billable hours, and a break-even rate of $79. With a 25% profit on top, the hourly rate is $100.
Use the $79, not the $100, for production cost. The hourly rate already has profit in it. Use it here and you add profit twice, then price yourself out of projects you could have won. The profit comes later, from where you choose to price.
Now the hours. Estimate them round by round: the first presentation, each revision round, the build, the final files and the calls. A 60-hour website at $79 is $4,740 of labor. Add $500 of plugins and stock with a 15% markup, and the production cost is $5,315. Quote below that and you are paying to do the work.
The agency and freelance rate calculator works out the break-even rate for a freelancer or a team, and its "Price a project from your break-even rate" link carries the number into the price calculator.
The market range is what clients usually pay for this kind of website from someone at your level. Enter it as a low and a high figure, because that is how it shows up: one studio quotes $6,000 for a site, another $10,000.
Build it from three places, in this order:
If one figure is all you have, use one figure. The point is to have a number that is not your cost, so you can see the gap between the two.
The budget is often the most useful of the three numbers, and the one most people never ask for. Clients hold it back because they think it will be used against them. In practice it tells you which version of the website to propose.
Try these in order, and stop when you get an answer:
Whatever number you hear, react the same way. Surprise at a small budget or delight at a big one costs you either way.
Once you have the three numbers, the quote goes somewhere between them, and where depends on how full your calendar is and who the client is. Never below production cost.
Using the example above (production cost $5,315, market $6,000 to $10,000, budget $9,000), here is where the project price calculator lands:
| Your situation | Where to price | Quote |
|---|---|---|
| Quiet, you need the work | Cost plus about 30%, under the budget | $6,900 |
| Steady | A little under the budget | $8,700 |
| Competing with other bids | About 10% under the budget | $8,100 |
| Busy, take it or leave it | Top of the market, or the budget if higher | $10,000 |
| Tricky client | About 10% above the top of the market | $11,000 |
Three things sit behind that table.
The profit comes from the position, not the hours. At $8,700 the same 60 hours earn $3,385 above cost. At $6,900 they earn $1,585. The work is identical.
Watch for money left on the table. If the budget and the market both sit well above your cost and you quote near cost, you have given the difference away. Unless you are quiet and need the win, move toward the budget.
When the budget is below your cost, the project as described loses money. Cut the scope until it fits, or decline politely. A losing project does not fix a quiet month.
Round the result to a clean number. Prices ending in 9 read like a retail sticker. Landing just under a round budget, $8,700 against $9,000, gives the client a small win and puts you under anyone who bid the full amount.
Every quote assumes a number of revision rounds, and every round beyond that comes off your profit unless it is priced in. Put two things in the proposal: how many rounds are included, and what an extra round costs.
Price an extra round from the hours a round really takes, including the call, the project management and the checking, at your hourly rate. Five hours at $100 is $500. Write it next to the included rounds. A price agreed at the start is a line item. A price raised in round four is an argument.
The unpriced round is expensive. Quote 40 hours at $100, give away two five-hour rounds, and you have earned $4,000 for 50 hours. Your real rate is $80, 20% below the one you quoted.
Then define what a round is: one set of consolidated feedback from one person, answered in one go. And say what closes it. We learned that one the hard way. On round three of a brochure, our project coordinator received an email that said "Looks good", and 10,000 trifold brochures were printed. The client meant the new photo looked good. The prices still had not been updated. Nobody was careless; the round simply had no clear end, and two words in an email were standing in for an approval.
A round needs an explicit finish and, at the end of a phase, an explicit sign-off on the complete work. Our client sign-off sheet template is a one-page version of that record.
How you show the number matters as much as the number.
HopBack is the part that keeps the price you quoted. Set the number of rounds when you create the review, and the client sees "Round 2 of 3" when they open the link. Comments are pinned to the page, the design or the PDF instead of spread across emails, unresolved ones carry into the next round, and Compare shows two rounds side by side. When the included rounds are used, adding round four is a visible step, so the extra round you priced is easy to bill. At the end, the client hits Approve, and HopBack records who approved and when.
Enough to sit above your production cost, inside the market range for work at your level, and as close to the client's budget as your situation allows. Work out the cost from your break-even rate and honest hours, ask for the budget, then use the project price calculator to see where to land.
Estimate in hours, quote a fixed price by phase. The hours tell you the cost; the fixed price lets you charge for the value and the risk, and gives the client a number they can plan around. Bill hourly only for work you cannot scope, such as open-ended changes after launch.
Two or three for design is normal, and one or two after the build. The exact number matters less than writing it down, defining what a round is, and pricing the extra one.
Time a real round, including the call and the checking, and multiply by your hourly rate. Put that price in the proposal next to the number of rounds included. The rate calculator works it out.
Reduce the scope until the price fits, or move part of the work into a later phase. If neither works, decline politely. Pricing below cost to win the project means paying to do it.
Many agencies add 10 to 20% for sourcing and fronting the cost. Whatever you choose, say it in the proposal.
Short, practical, about client feedback and running an agency. Unsubscribe in one click.