Web Design Pricing 2026: How Much Does a Website Cost?
Web design pricing in 2026: how much a website costs by type, freelance web developer rates, ongoing fees, and a worked quote for a 5-page business site.
Quick answer: Web design pricing in 2026 depends on scope. A simple small-business site from a freelancer often costs around $1,500 to $5,000, a custom design $5,000 to $15,000, and ecommerce or complex builds more. How much a website costs is mostly hours times rate: many freelance web developers charge $60 to $150 an hour, plus yearly running costs.
This guide breaks web design pricing into the parts clients actually pay for, so you can quote with confidence or understand a quote you have received. You will find typical project ranges, freelance web developer rates, ongoing costs, a worked quote for a five-page site and a payment schedule you can invoice using our invoice generator. For invoice layout specifics, see the web development invoice template guide.
How much does a website cost in 2026?
The honest answer is that a website costs whatever its scope requires. Two sites with five pages can differ in price by several thousand dollars because one uses a ready template with the client's own text and the other has custom design, copywriting and booking integration. The table below gives typical freelance price ranges calculated from usual hours and a $60 to $150 hourly band. They are illustrations of the pricing method, not survey results.
| Website type | Typical hours | Freelance build price |
|---|---|---|
| One-page or landing page | 10-25 | $600-$3,750 |
| Template-based small business site (5 pages) | 25-40 | $1,500-$6,000 |
| Custom-designed business site (5-10 pages) | 50-100 | $3,000-$15,000 |
| Small online store (up to 50 products) | 60-120 | $3,600-$18,000 |
| Custom web app or complex integrations | 150+ | $9,000 and up |
Benchmark: freelance web developer rates
For a data anchor, the BLS Occupational Outlook Handbook for web developers and digital designers reports median pay of $99,520 a year, or $47.85 an hour, in May 2025. That is employee pay. Freelancers cover their own self-employment tax, software, hardware and the many hours spent on sales and admin, so freelance web developer rates typically sit well above the employee median. If you are still setting yours, start with our guide to setting freelance rates.
What drives web design pricing
- Design approach: adapting a theme is far faster than designing every page from scratch.
- Page count and page complexity: a home page with several custom sections takes much longer than a privacy page.
- Content: writing copy, sourcing photos and loading content can add 20% or more to the build.
- Functionality: bookings, memberships, multilingual content, forms connected to a CRM and online payments each add hours.
- Ecommerce: product setup, shipping rules, tax settings and payment testing all take time.
- Accessibility and performance: careful testing for keyboard navigation, contrast and speed is real work worth pricing in.
- Revisions and stakeholders: more decision-makers usually means more rounds of feedback.
Questions to ask before quoting a website
Most web design pricing mistakes happen before the quote is written, because the designer guessed at scope. A short, structured discovery call fixes that. Ask every client the same core questions and write the answers into your proposal:
- What is the site for? Leads, bookings, sales, credibility or information. The goal shapes the structure and features.
- Which pages are needed at launch? Get a named list, not a number. "About five pages" becomes eight once services are split out.
- Who provides the content? If the client is writing copy and supplying photos, agree a deadline, because late content is the most common cause of delayed launches.
- Which features are essential? Contact forms, booking calendars, newsletter sign-up, payments, member areas, multiple languages.
- What platform will the client manage? A builder the owner can edit, or a content management system with more flexibility.
- Who signs off? One decision-maker keeps revisions under control; a committee needs more time in the quote.
- What is the deadline and budget range? A budget range lets you shape the scope to fit rather than writing a quote that is rejected outright.
If the client cannot answer these yet, sell a small paid discovery or strategy phase first. It produces a sitemap, feature list and content plan, and gives both sides a reliable basis for the full build price. Many designers credit part of the discovery fee against the build if the client goes ahead.
Ongoing website costs clients must budget for
A website quote that only covers the build sets the client up for surprises. Explain the running costs in your proposal so the client can compare options fairly. Exact prices change often, so point the client to each provider's pricing page rather than quoting a number that may be out of date.
| Cost | How it is billed | Who usually pays |
|---|---|---|
| Domain name | Yearly renewal | Client, in their own name |
| Hosting or website builder plan | Monthly or yearly subscription | Client |
| Premium theme or plugins | One-off or yearly licence | Client, or passed through on your invoice |
| Email hosting | Per user, monthly or yearly | Client |
| Payment processing (online stores) | Percentage plus fixed fee per transaction | Client |
| Maintenance and updates | Monthly retainer or hourly | Client, invoiced by you |
Put a one-line summary of these costs in every proposal, for example "Ongoing costs paid directly by you: domain, builder plan, email hosting." It shows the client you are being straight with them and stops the build price being compared unfairly with an all-in quote from someone else. If you manage renewals on the client's behalf, invoice them as pass-through costs with a clear description.
If the client will take payments online, transaction fees matter for their margins. Our sibling guide to Stripe fees explains how card processing is typically priced.
How to price a website project step by step
- Run a discovery call. Ask about goals, pages, features, content readiness, deadline and budget range.
- Write a page and feature list. Every page and integration goes on the list, which becomes your scope.
- Estimate hours by phase. Discovery, design, build, content, SEO basics, testing and launch.
- Multiply by your rate and add a buffer. A 10% to 15% buffer covers communication and small surprises.
- Set milestones. Tie each payment to an outcome the client can see.
- Define what is out of scope. Copywriting, photography, extra pages and post-launch changes should be listed as extras with prices.
- Send a written proposal. A statement of work keeps both sides aligned.
Worked example: quoting a five-page business website
A local accounting firm wants a five-page site (home, about, services, blog, contact) on a website builder, using its own text, with a contact form and basic on-page SEO. The freelancer charges $85 an hour.
| Phase | Hours | At $85/hour |
|---|---|---|
| Discovery, sitemap and wireframes | 4 | $340 |
| Visual design (home page plus inner page style) | 14 | $1,190 |
| Build and responsive layout | 20 | $1,700 |
| Content loading and image optimisation | 6 | $510 |
| On-page SEO basics and analytics setup | 4 | $340 |
| Testing, fixes and launch | 4 | $340 |
| Total | 52 | $4,420 |
The freelancer quotes a fixed fee of $4,420 and splits it into three milestone payments:
- Deposit, 40%: $4,420 x 0.40 = $1,768
- Design approval, 30%: $4,420 x 0.30 = $1,326
- Before launch, 30%: $4,420 x 0.30 = $1,326
- Check: $1,768 + $1,326 + $1,326 = $4,420
After launch, the firm adds a maintenance plan at 3 hours a month: 3 x $85 = $255 a month, or $3,060 a year. That recurring income is often worth as much over time as the original build.
Pricing optional extras in the same quote
Offer add-ons as priced options rather than leaving them out. The client sees the full picture and can choose, and you avoid awkward mid-project conversations. Using the same $85 rate:
- Copywriting for five pages, 10 hours: 10 x $85 = $850
- Online booking integration, 5 hours: 5 x $85 = $425
- Two extra service pages, 6 hours: 6 x $85 = $510
If the firm takes all three, the build rises from $4,420 to $4,420 + $850 + $425 + $510 = $6,205. Recalculate the milestone split on the new total before sending the deposit invoice, so each payment stays in proportion.
Hourly vs fixed price vs value pricing for web projects
Fixed price
Most small-business clients want a fixed price. It works when scope is tight and written down. Protect it with a clear change process: our guide on scope creep and change orders shows how to price additions without friction.
Hourly
Hourly billing suits ongoing development, debugging legacy sites and projects where the client cannot define requirements yet. It is also the fairest model when you inherit a site built by someone else, because you cannot know how tangled the code or setup is until you look. Send weekly or fortnightly invoices with a time summary so the client can track spend. Our walkthrough on invoicing hourly work shows the format.
Value-based
When a site directly drives revenue, such as an online store or lead-generation site, the outcome can be worth far more than your hours. Value-based pricing lets you price against that outcome while keeping your hourly floor as a minimum.
Website maintenance and retainer pricing
Maintenance plans turn one-off projects into steady income. Price them from the hours each tier really needs, and list what each tier includes so clients know what they are paying for.
| Plan | Included each month | Hours | At $85/hour |
|---|---|---|---|
| Basic | Updates, backups, uptime check | 1 | $85 |
| Standard | Basic plus 2 hours of content edits | 3 | $255 |
| Growth | Standard plus monthly SEO and speed report | 6 | $510 |
Be specific about what maintenance does not include. New pages, redesigns and new features are projects, not maintenance, and should be quoted separately. Unused hours in a month usually do not roll over; say so in the agreement so clients do not expect a bank of saved time. Review each plan every six months and move clients up a tier if they regularly use more hours than they pay for.
Invoice maintenance on the same day each month with a retainer invoice, and bill extra work at your standard hourly rate.
Invoicing web design work the right way
Each milestone invoice should name the project, the milestone reached, the amount due now, amounts paid so far and the remaining balance. Number every invoice in sequence; the invoice number generator keeps that tidy. If you bill clients abroad, use the right regional layout, for example the UK invoice generator for British clients. For a clean, technical look, try the minimal invoice template or the startup invoice template.
Finding clients is part of the job too. If you use freelance platforms to fill gaps, compare their fees and audiences in our sibling roundup of the best freelance websites before you list your services.
Create your web design invoice
Web design pricing becomes simple once you break the project into phases, estimate hours honestly and tie payments to milestones. Clients understand exactly how much their website costs, and you protect your margin with a clear scope. When the proposal is signed, send the deposit invoice right away using our free invoice generator: add your milestones, payment terms and logo, then download a PDF in minutes.
Frequently asked questions
How much does a website cost for a small business in 2026?
A small business website built by a freelancer commonly costs from about $1,500 for a simple template-based site to $10,000 or more for a custom design with many pages, integrations or online selling. The final figure depends on page count, custom design, content creation and functionality. On top of the build, budget for yearly costs such as the domain, hosting or a builder subscription, premium plugins and maintenance.
What do freelance web developers charge per hour?
The US Bureau of Labor Statistics put the median wage for employed web developers and digital designers at $47.85 an hour in May 2025. Freelancers usually charge more than that because they cover their own taxes, tools and unbillable time. Many independent web designers and developers charge somewhere between $60 and $150 an hour, with specialists in complex development, ecommerce or accessibility at the upper end.
Should I charge per page for web design?
Per-page pricing is easy for clients to understand, but it can mislead because pages vary a lot in effort. A home page with custom sections can take five times longer than a simple contact page. A better approach is to price the project from estimated hours for each phase: discovery, design, build, content, testing and launch, and then show the total as a fixed fee with a clear page list.
How much should I charge for website maintenance?
Price maintenance from the hours it really needs each month: updates, backups, security checks, small content edits and uptime monitoring. A small brochure site might need two to four hours a month, so at $75 an hour that is $150 to $300. Put it on a monthly retainer with a defined list of tasks and an hourly rate for anything extra, and invoice it on the same date each month.
Who pays for hosting and the domain, the client or the designer?
Best practice is for the client to own and pay for the domain and hosting accounts in their own name, with you given access. This avoids disputes if the relationship ends. If you resell hosting as part of a package, say so clearly in the contract, show it as a separate invoice line, and explain what happens to the site and domain if the client leaves.
How should a web designer structure payments?
Milestone payments are standard for websites. A common split is 40% to 50% as a deposit before work begins, 25% to 30% when the design is approved, and the balance before launch or before transferring the site. Launching only after the final payment clears protects you from unpaid balances. Each milestone should have its own invoice that references the proposal.
Is a website builder cheaper than hiring a web designer?
A builder subscription is cheaper in direct cost, often tens of dollars a month, but the owner pays with their time and the result depends on their design and content skills. Hiring a designer costs more up front but usually produces a faster, clearer site with better structure. Many freelancers now build on website builders for small clients, which gives the client easy editing at a lower build cost.
How do I handle extra pages or features the client adds mid-project?
Treat them as a change order. Write down what is being added, the extra hours or fixed price, and any change to the timeline, and get the client's written approval before starting. Then add the change order as a separate line item on the next invoice. Without this step, small additions can quietly eat your profit on a fixed-price website project.
What should be on a web design invoice?
Include your business name and contact details, the client's details, a unique invoice number, issue and due dates, a description of the milestone or deliverables, the amount for this milestone, amounts already paid, the balance remaining on the project and your payment methods. Also reference the proposal or contract number. For recurring maintenance, list the month covered and the tasks completed.
Invoice Creator Editorial Team
Guides on invoicing, cash flow and small-business finance from Invoice Creator, operated by Next Software Development Company. Content is reviewed for accuracy against the fields our own invoice generator produces.
Try the invoice generator