Design Costs
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: $50Using built-in templates with zero customization. Only cost: domain and hosting.
Premium theme + minor customization
Typical: $250Premium theme ($50-100) + 5-10 hours DIY customization ($0-400)
Theme customization by freelancer
Typical: $1,500Premium theme + 10-30 hours customization at $80-100/hour
Full custom design by freelancer
Typical: $4,000Full process: discovery, wireframes, design, development. 40-80 hours at $80-100/hour
Full custom design by agency
Typical: $15,000Professional team, brand strategy, multiple rounds of revision, project management
Design system (reusable components)
Typical: $50,000Invest in reusable component library for future scalability. Pays off over time.