One of the questions new freelance web designers get stuck on longest isn’t finding clients or building sites — it’s deciding what to charge. Set your rates too low and you attract difficult clients, work excessive hours for little return, and make it harder to raise prices later. Set them too high without the experience to back it up and you lose projects you could have won.
Pricing web design services isn’t an exact science, but there’s a logical process for arriving at rates that make sense for your situation, your market, and the type of work you want to do. This guide covers the main pricing models, how to calculate what you need to earn, and how to present pricing to clients.
Quick Answer
Most freelance web designers use one of three pricing models: hourly rates, project-based flat fees, or retainer packages. For beginners, project-based pricing is usually the best starting point — it gives clients a clear number upfront and rewards you for working efficiently. Calculate your minimum viable rate by working backwards from your monthly income target, factor in non-billable hours, then research what other designers charge for comparable work to sense-check the result.
Why Pricing Is Harder Than It Looks
Most freelancers undercharge in the early stages, and there are a few reasons for this. The first is a lack of reference points — without knowing what others charge, it’s tempting to anchor on what feels like “a lot of money” rather than what the market actually bears. The second is a lack of confidence — beginners often feel their work isn’t worth premium rates yet, even when the output is genuinely good.
The third and most practical issue is not accounting for the full picture of freelance work. When you’re employed, your employer covers taxes, benefits, tools, and paid leave. As a freelancer, all of that comes out of your revenue. An hourly rate that looks comparable to an employee salary is often significantly lower in real terms once those costs are factored in.
The Three Main Pricing Models
Hourly Rate
You charge a set amount per hour worked and track your time across the project. This model is straightforward and ensures you’re paid for every hour you spend, including unexpected revisions or scope changes.
The downside is that clients often dislike open-ended hourly billing because they can’t predict the total cost. It also penalises you for getting faster and more efficient over time — the better you get, the less you earn per project on an hourly basis. Hourly billing works best for ongoing work, support retainers, or projects with genuinely unpredictable scope.
Project-Based Flat Fee
You agree on a fixed price for a defined scope of work. The client knows exactly what they’ll pay, and you benefit if you complete the work faster than estimated. This is the most common model for web design projects and the one most clients prefer.
The risk is scope creep — clients adding requests beyond what was agreed, which eats into your margin. Managing this requires a clear written brief before work starts and a defined process for handling change requests. Any work outside the agreed scope should be quoted separately.
Monthly Retainer
The client pays a fixed monthly fee for an agreed number of hours or a set of ongoing services — maintenance, updates, content changes, SEO work. Retainers provide predictable recurring income and are worth building into your business once you have a stable client base.
Retainer pricing works best when the scope is clearly defined — a set number of update hours per month, or a specific list of maintenance tasks. Vague retainer agreements tend to lead to the client expecting unlimited access for a fixed fee. The guide on how to create a website maintenance plan covers what a structured ongoing service looks like in practice.
How to Calculate Your Minimum Rate
Step 1: Set Your Monthly Income Target
Start with the amount you need to take home each month after taxes. Be honest about this — include rent or mortgage, food, transport, insurance, tools and software subscriptions, savings, and anything else you spend regularly. This is your baseline; everything else is built on top of it.
Step 2: Account for Taxes and Business Costs
As a self-employed designer, you’ll pay income tax plus self-employment tax on your earnings. The exact rate depends on your country and income level, but a conservative estimate for most freelancers is to set aside 25–30% of gross revenue for tax. Add your business expenses on top: hosting, design tools, accounting software, professional development, marketing costs.
So if you need $3,000 per month after tax and expenses, and your tax rate is 25% with $500 in monthly business costs, your gross monthly revenue target is roughly ($3,000 + $500) ÷ 0.75 = approximately $4,667 per month.
Step 3: Calculate Your Billable Hours
Not every working hour is billable. Time spent on admin, sales calls, proposals, invoicing, marketing, and professional development is unpaid. For most freelancers, billable hours make up 50–60% of total working hours. If you work 40 hours a week, realistically 20–24 of those generate revenue.
At 22 billable hours per week and 4.3 weeks per month, that’s roughly 95 billable hours per month. Dividing your gross monthly revenue target ($4,667) by 95 gives a minimum hourly rate of around $49 per hour. That’s your floor — the rate below which you can’t sustain the business.
Step 4: Sense-Check Against the Market
Your calculated minimum rate tells you the floor, not what you should charge. Research what other freelance web designers charge for comparable work in your market. The WordPress jobs board gives a useful view of what clients are paying for WordPress work, and freelance platforms show a wide range of rates across experience levels.
If your calculated floor is well below market rates, you have room to charge more — and you should. If your floor is above typical market rates for someone at your experience level, you either need to reduce costs, position your services at the higher end of the market, or accept a lower income target while you build your portfolio.
Setting Project Prices
To price a flat-fee project, estimate how many hours the work will take and multiply by your hourly rate, then add a buffer for unexpected changes. A five-page brochure site that typically takes 20 hours at $60 per hour would be priced at $1,200 before buffer. Adding 20% for contingency gives $1,440 — you might round to $1,500 as the quoted price.
Common project types and rough ranges for new to mid-level freelancers:
- Simple brochure site (3–5 pages): $800–$2,500
- Small business website with blog: $1,500–$4,000
- WooCommerce store (basic setup): $2,000–$5,000
- Landing page or sales page: $400–$1,200
- Monthly maintenance retainer: $100–$300 per month
These are reference points, not rules. Your rates will vary based on your experience, the complexity of the project, the client’s industry, and whether the work is for a local small business or a larger organisation with a bigger budget.
How to Present Pricing to Clients
Don’t bury the price at the end of a long proposal. State it clearly, explain what it includes, and make it easy to understand. A simple breakdown — design, development, number of pages, revision rounds, what’s excluded — is more reassuring to clients than a single number with no context.
Offer two or three tiers if you want to give clients a choice: a core package, a standard package, and a premium option. Most clients choose the middle tier, which is typically the project you actually want to take on. Anchoring the premium option higher makes the standard option look like good value by comparison.
Having a dedicated pricing page on your freelance website helps pre-qualify leads. Clients who read your pricing and still reach out are more likely to be a good fit than those who contact you with no idea what you charge. The guide on setting up a freelance web design website covers how to structure that page alongside the rest of your site.
Practical Tips
Raise your rates regularly. If you’re fully booked and turning work away, your rates are too low. Increase them for each new client, not mid-project. A 10–15% increase every six to twelve months is reasonable as your skills and portfolio develop.
Charge more for rush projects. Work that needs to be completed in an unusually short timeframe disrupts your schedule and should carry a premium — typically 25–50% above standard rates.
Don’t discount — add value instead. If a client pushes back on price, offer to remove a deliverable rather than cut the rate. Discounting trains clients to always negotiate, and it undercuts your positioning.
Common Mistakes
Pricing based on what feels comfortable to say out loud. Your rate isn’t about your comfort level — it’s about what the work costs to produce and what the market will pay. Calculate first, then get used to saying the number.
Not putting pricing in writing. Verbal agreements on price lead to disputes. Every project should have a written brief and a clear statement of the agreed fee before work starts. The guide on what a WordPress website costs gives clients useful context on market pricing, which can also help anchor conversations around your rates.
Charging the same for every client. A local bakery and a national e-commerce brand have very different budgets. Value-based pricing — where the rate reflects the value the project delivers to the client — allows you to charge appropriately for larger or higher-stakes projects without lowering your rates for smaller ones.
Conclusion
Calculate your floor rate, research the market, price projects based on estimated hours plus a buffer, and present pricing clearly. Review your rates every six months and raise them as your experience grows. Pricing is something most freelancers improve at over time — getting the calculation right from the start puts you ahead of most beginners. For the full picture of building and growing a WordPress website to support your freelance business, the complete website building guide covers the foundations.
Etienne Basson works with website systems, SEO-driven site architecture, and technical implementation. He writes practical guides on building, structuring, and optimizing websites for long-term growth.