123 Design StudioGetting web design pricing right is the single decision that separates a profitable studio from one that's always busy and always broke. There's no national rate card, but there are sane ranges and three pricing models that actually work. This guide breaks down hourly, fixed and value-based pricing, gives realistic ranges by project type, and shows you how to present a number without flinching.
The three web design pricing models
Most freelancers and studios use one of three approaches. They aren't mutually exclusive: many shops bill hourly for retainers and fixed for projects.
Hourly
You charge for time. It's simple, transparent and easy to start with, but it punishes you for getting faster and caps your income at your available hours. Typical freelance rates range widely by market and experience, roughly the equivalent of a junior generalist on the low end up to senior specialists several times higher. Hourly works best for open-ended work, audits and ongoing maintenance where scope can't be pinned down.
Fixed price
You quote one number for a defined scope. The client gets certainty; you get the upside if you work efficiently and the risk if you underestimate. This is the default for most design and build projects. The discipline it forces, a written scope, is exactly why it's better than hourly for delivery work.
Value-based
You price against the outcome the site creates for the client, not the hours it takes you. A landing page that drives qualified leads for a B2B firm is worth far more than the same page for a hobby blog. Practitioners like Chris Do (The Futur) and Jonathan Stark have written extensively on this. It demands strong positioning and a real conversation about the client's goals, but it's where the margin lives.
Web design pricing ranges by project type
The figures below are approximate ranges that vary heavily by market, designer seniority, and scope. Treat them as orientation, not data. A solo freelancer in a small market and a established studio in a major city can both be "right" at very different numbers.
| Project type | Typical range (varies by market) | Main drivers |
|---|---|---|
| Single landing page | Low hundreds to low thousands | Copy, custom design, conversion focus |
| Brochure site (5–10 pages) | Low to mid four figures | Page count, custom vs template, CMS |
| E-commerce store | Mid four figures to low five figures | Catalog size, integrations, payments |
| Custom web app / SaaS UI | Five figures and up | Complexity, states, ongoing iteration |
What drives the price up or down
- Scope clarity. Vague briefs cost more because you price in risk. A tight scope lowers your quote.
- Custom vs template. Bespoke design and bespoke code carry a premium over a configured theme.
- Content readiness. If you write copy and source images, charge for it. Waiting on client content is the top cause of stalled projects.
- Integrations. Payments (Stripe), CRMs (HubSpot), booking, and custom APIs add real engineering time.
- Client sophistication. A client who needs hand-holding and a dozen stakeholders consumes hours you must price in.
- Strategic value. The higher the revenue the site unlocks, the more value-based room you have.
How to present the price
Never email a bare number. Present price inside a short proposal that restates the client's goal, then shows the scope it buys. Three tiers (good / better / best) anchor the client and let them choose up rather than negotiate down.
Price the transformation, not the time. The client isn't buying pixels; they're buying the result the site produces.
Common pricing mistakes
- Quoting on the call before you understand the goal.
- Charging hourly for work you can do fast (you get punished for skill).
- Unlimited revisions with no cap, which destroys your margin.
- Forgetting to price discovery, project management and post-launch support.
- Competing on price against template marketplaces instead of selling outcomes and strategy.
- Failing to raise rates as your portfolio and demand grow.
When and how to raise your rates
Your prices should move with your evidence. Every strong case study, every referral, and every month you're fully booked is a signal to test a higher number on the next proposal. Raise rates on new clients first, not existing ones, and let your three-tier proposal do the negotiating. If nobody ever pushes back on price, you're almost certainly too cheap. The goal isn't to be the most expensive option; it's to be priced in line with the value you create and the demand you've earned.
Pick a model, write a real scope, take a deposit, and present price as the answer to a business problem. Do that consistently and your web design pricing stops being a guessing game and starts being a system.
Need a studio for your project?
Tell us what you're building. We'll match you with vetted web design studios — free, no obligation.