Need the #1 website developer in Brisbane?Click here →

Design Costs

8 min readLast reviewed: June 2025

What design costs — templates vs custom, hourly rates, project pricing, and what drives the number.

Free Themes and Template Builders

The real cost of free themes isn't money—it's limitations, customization frustration, and ongoing maintenance. Free Squarespace templates, Wix themes, and WordPress themes look okay out of the box but constrain you significantly.

If you choose a free theme and want to customize it meaningfully (change colors, add custom sections, improve branding), you'll hire someone. Customization often costs more than a paid theme would have.

Free is only good if you're comfortable with stock appearance and limited customization.

Premium Themes and Template Marketplaces

Premium WordPress themes: $30-$200 one-time. Includes more design options, better code quality, ongoing support, and sometimes free updates. ThemeForest, Elegant Themes, StudioPress are popular marketplaces.

Squarespace/Wix templates: Usually free with your plan, or premium templates for $20-$50. Limited customization but less technical complexity.

Webflow templates: $0-$50 one-time. You get the Webflow editor for customization. More powerful than typical templates.

A premium theme gives you a professional starting point without hiring a designer. You can customize it yourself using the page builder, or hire a designer to customize it further. This is the sweet spot for many small businesses.

Custom Web Design: The Full Process

Discovery phase: Understanding your business, goals, audience, and requirements. Often includes questionnaires, competitor analysis, and strategy sessions.

Strategy/wireframing: Creating wireframes (low-fidelity layouts) showing page structure without final design.

Visual design: Creating high-fidelity mockups in Figma or Adobe XD showing the final look.

Development: Building the actual website from the designs.

Revisions and refinement: Feedback loops and adjustments.

A professional designer will charge for these phases separately, or bundle them into a project fee.

Design Hourly Rates

Freelance designers (US): $40-$80/hour for junior, $80-$150/hour for mid-level, $150-$250+/hour for senior.

Design agencies: $100-$250/hour or $5,000-$20,000 per project.

Offshore designers: $10-$30/hour. Lower cost, quality varies, communication challenges.

Hourly rates are hard to estimate total project cost (how many hours will it take?). Project-based pricing is better for budgeting.

What Drives Design Costs

Complexity: A 5-page brochure site is cheaper than a 50-page e-commerce platform with custom functionality.

Customization level: Using a template with minor changes = cheap. Custom design from scratch = expensive.

Number of unique page layouts: 3 unique designs = cheap. 20 unique layouts = expensive.

Revision cycles: Unlimited revisions cost more than 2 rounds of feedback.

Timeline: Rush projects cost 20-50% more.

Designer experience: Senior designers cost more but work faster and make better decisions.

Design Systems vs Page-by-Page Design

Page-by-page design: Each page is designed individually. Good for small sites. Every page starts from scratch. Inconsistency across pages.

Design system: You build reusable components (header, card, button, form, hero section) once. Then assemble pages from these components. Pages are consistent. New pages are faster to build.

Design systems cost more upfront (you're designing components, not just pages) but pay off when you have many pages or will keep adding pages. Good for companies that plan long-term growth.

Responsive Design and Mobile

Responsive design (site adapts to different screen sizes) is mandatory now. All modern platforms include it by default. You're not paying extra for responsive design—it's standard.

What costs extra: designing custom responsive behavior, mobile-specific experiences, or complex layouts that need special handling on mobile. Most sites don't need this level of customization.

Accessibility and Design Costs

Accessibility (making your site usable for people with disabilities) is often an afterthought. Build it in from the start, and it costs almost nothing. Add it later, and it costs a lot.

A designer who knows accessibility (color contrast, heading hierarchy, focus states, alt text) will naturally design accessibly. A designer who doesn't care will need expensive remediation later.

Design Cost Ranges by Approach

Free template + DIY

Typical: $50
$0
$200

Using built-in templates with zero customization. Only cost: domain and hosting.

Premium theme + minor customization

Typical: $250
$100
$500

Premium theme ($50-100) + 5-10 hours DIY customization ($0-400)

Theme customization by freelancer

Typical: $1,500
$500
$3,000

Premium theme + 10-30 hours customization at $80-100/hour

Full custom design by freelancer

Typical: $4,000
$2,000
$8,000

Full process: discovery, wireframes, design, development. 40-80 hours at $80-100/hour

Full custom design by agency

Typical: $15,000
$5,000
$30,000

Professional team, brand strategy, multiple rounds of revision, project management

Design system (reusable components)

Typical: $50,000
$15,000
$100,000

Invest in reusable component library for future scalability. Pays off over time.

Template as Starting Point
Don't choose between template and custom. Start with a premium template. Customize it yourself, or hire someone to customize it. You get 80% of custom design quality at 20% of the cost.
Design Tool Costs
Figma (design tool): $0-80/month. Sketch: $99 one-time. Adobe XD: $10-20/month. Most designers use Figma now. As a client, you don't directly pay for design tools—they're included in the designer's rate.