Build a website quote from the work it really takes. Choose the number of pages and layouts, the design level and features such as a CMS, e-commerce, SEO and integrations; the calculator estimates hours line by line and turns them into a price range, deposit, timeline and monthly care plan.
Last updated:
Rate & scope
$/ h
Home, about, service, contact…
h
h
Features
CRM, booking, newsletter, payments…
Project terms
% of hours
% below
% above
$
Premium theme, plugins, fonts, stock photos
%
h
h
$
Enter your values to see the result.
Advertisement
Advertisement
How to use the Web Design Pricing Calculator
Enter your hourly rate and choose the design approach.
Set the pages and unique layouts, and adjust hours per layout and per page if you know your speed.
Tick the features the client needs: CMS, e-commerce, SEO, copywriting and more.
Set revisions, project management, range and deposit.
Press Calculate website quote and copy the line items into your proposal.
How the website estimate is built
Planning = 4 h + 0.25 h per page (discovery, sitemap, setup)
Build = pages × build hours per page, plus fixed blocks for CMS (10 h), blog (6 h) and forms (3 h)
Features: e-commerce 30 h + 0.2 h per product, integrations 8 h each, members area 20 h, extra languages 6 h + 0.5 h per page each
Content & marketing: copywriting 2 h per page, SEO setup 6 h + 0.5 h per page, logo 12 h
QA 12% of the work, each extra revision round 8%, then project management as a % of all hours
The hour figures are editable starting points rather than industry standards. After a few projects, compare your actual timesheets with the estimate and adjust the hours per layout and per page.
What drives the price of a website
Factor
Low-cost end
High-cost end
Design
Customized theme
Fully custom layouts with animation
Pages & layouts
1–5 pages, 1–2 layouts
Dozens of pages, many unique templates
Content
Client supplies text and photos
Copywriting, photography, product data entry
Features
Contact form
Store, members area, bookings, integrations
Process
One revision round, quick feedback
Many stakeholders and revision rounds
Tips for quoting web projects
Write the scope down: number of pages, layouts, features, revision rounds and who supplies content.
Quote a range early, then a fixed price once content and features are confirmed.
Bill in milestones (deposit, design approval, launch) on larger projects.
Offer a care plan at launch, when the client most clearly sees the value of ongoing support.
Frequently asked questions
How much should I charge to build a website?
Estimate the hours for each part of the project (planning, design, page building, features, content, testing and project management), multiply by your hourly rate, add third-party costs such as premium themes or plugins, and quote a range to cover uncertainty. The more custom the design and features, the more hours it takes.
Should I charge hourly or a fixed price for web design?
Most clients prefer a fixed price because it makes budgeting easier. Use an hourly estimate like this one to set the fixed price, define the scope and the number of revision rounds in writing, and bill extra work outside that scope hourly.
Why does e-commerce cost so much more?
An online store needs product templates, cart and checkout, payment gateways, shipping and tax rules, order emails, product data entry and much more testing. That is why e-commerce adds a large block of hours and grows with the number of products to load.
What is a contingency in a website quote?
A contingency is a buffer, often 10% to 25%, for work that is hard to predict: late content, extra feedback, plugin conflicts or technical surprises. This calculator shows it as the high end of the price range.
How much deposit should a web designer take?
Many web designers ask for 30% to 50% upfront before starting, with the rest at launch or split across milestones. A deposit protects you if the client delays or cancels the project.
Should I offer a monthly maintenance plan?
A care plan for updates, backups, security, small edits and hosting gives the client peace of mind and gives you recurring income. Price it from the hours you expect to spend each month plus hosting and licence costs.
Are all the tools on FreeToolCabin tested for quality and accuracy?
Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.