How can I estimate what my website will cost?
You can estimate what your website will cost by answering five questions about scope and mapping the answers to a fixed price. Most online calculators skip the second step and return a wide range you can't use. This website budget calculator ends with a number, because our packages are published and fixed.
It takes about five minutes. Work through the inputs below, write your answers down, then use the formula in the next section. For context on where your answer sits in the market, our startup website cost guide lists typical ranges by platform and scope.
What inputs does a website cost calculator need?
A website cost calculator needs five inputs: page count, unique layouts, copy, CMS and integrations, and platform. Everything else, like motion and team location, changes the price inside a range rather than setting it. Answer each one honestly, including the pages you're not sure about.
Count your pages
List every page a visitor can reach: home, product or features, pricing, about, contact or demo, blog index, a case study template, legal pages. Write the total.
Count unique layouts
Mark which pages need their own design and which reuse a template. Five use-case pages on one template count as one layout plus four pages.
Decide who writes the copy
Final copy ready, rough drafts, or nothing yet. If nothing is ready, copy must be in the price or in a separate budget.
List CMS and integrations
Blog, case studies, changelog, careers, plus CRM, forms, scheduling, analytics. Note anything that pulls product data or needs sign-in.
Pick a platform, or leave it open
Framer, Webflow or custom code. If you're not sure, leave it open. The right choice depends on who edits the site.
Note the extras
Brand work needed first, a migration from an existing site, multiple languages, or ongoing updates after launch.
How do you turn your inputs into a price?
You turn your inputs into a price by matching your page count to a package and adding the extras. With our fixed prices the maths is simple, and it includes copy, custom design, a Next.js build, CMS and animation.
- One page: a landing page at $6,000.
- Two to six pages: a website at $8,000.
- Seven or more pages: $8,000 plus $500 for each page beyond six.
- Brand not ready: add a $3,000 brand and design sprint first, design only.
- Ongoing work after launch: a $6,000-a-month retainer for a design and development team.
- Not sure about us yet: a $1,000 trial week before committing.
Your scope | Package | Estimated price |
|---|---|---|
One conversion page for a launch | Landing page | $6,000 |
Five-page seed-stage site with a blog | Website | $8,000 |
Six pages plus brand refresh first | Sprint + website | $3,000 + $8,000 |
Ten-page site with case studies | Website + 4 pages | $10,000 |
Fifteen-page site | Website + 9 pages | $12,500 |
Site plus ongoing pages and tests | Website + retainer | $8,000, then $6,000 a month |
Migrations, localization and heavy integrations are scoped on the intro call, because they depend on your current setup. We include redirects and SEO checks in any migration we take on. For why we price extra pages at $500 rather than a large jump, see website cost per page.
How to estimate if you're comparing other agencies
If you're getting quotes from teams without published prices, use your inputs as a brief instead of a formula. Send the page list, the layout count, the copy status and the integrations to each agency, and ask for a fixed price with written exclusions.
Then place each quote against the platform ranges in our research: about $3,000 to $28,000 for agency Framer builds, $5,000 to $80,000+ for Webflow and $20,000 to $120,000 for custom Next.js. A quote far below the range usually leaves out copy or custom design. A quote far above it usually includes workshops, large teams or complex integrations. Our guide to website pricing factors explains each driver.
What should you add for year-one running costs?
For year-one running costs, add your platform or hosting plan, domain and tools, and a budget for changes after launch. These are small next to the build for most marketing sites, but leaving them out makes your budget look lower than it is.
Running cost | What to check | Where to look |
|---|---|---|
Platform or hosting | Plan tier for your CMS and traffic | The provider's current pricing page |
Domain and email | Renewal price, not first-year promo | Your registrar |
Tools | Forms, scheduling, analytics, CRM, fonts | Each tool's plan page |
Updates and new pages | Who makes them and at what cost | Your agency, freelancer or retainer |
Accessibility and QA | Periodic checks after changes | An audit or your agency |
Our guides to website hosting cost and website maintenance cost cover the two biggest lines. For a full year-one checklist, see hidden website costs, and if accessibility is a requirement, accessibility audit cost explains what an audit involves.
How accurate is a website cost estimate?
A website cost estimate is accurate when the scope is standard and you've counted every page. It becomes less reliable when the project includes unknowns: a migration from a large site, product data on the marketing site, custom sign-in or many languages. Those need a conversation, not a formula.
Pros
- Gives you a real number to bring to a budget meeting
- Forces you to count pages and layouts, which sharpens the brief
- Makes agency quotes easier to compare because you share the same scope
Cons
- Can't price integrations or migrations it doesn't know about
- Assumes your copy status is accurate, which founders often overestimate
- Doesn't capture the cost of changing scope mid-project
The last point matters most. Scope that grows after design approval is one of the most common reasons websites cost more than estimated. Our guide to scope creep in web design explains how to set a change rule before you start.
What should you do with your website budget estimate?
Use your website budget estimate to do three things: get approval, brief agencies and check quotes. A number with a page list behind it is far more convincing to a CEO or investor than a range from a generic calculator.
- Write the estimate and inputs on one page. Pages, layouts, copy status, integrations and the price.
- Add year-one running costs so the approval covers the full first year.
- Send the same inputs to every agency you're considering, and ask for fixed prices.
- Book a call to confirm anything the formula couldn't price, like a migration or an integration.
