Tips
Invoices for Web Designers: How to Bill Projects, Hosting, and Maintenance
How web designers should write professional invoices: From project packages to hosting fees to maintenance contracts. With sample invoice and practical tips.
As a web designer, you juggle different billing models: One-time projects, ongoing maintenance, hosting costs, and sometimes third-party licenses. A professional invoice documents all these services clearly and comprehensibly.
The Specifics of Web Designer Invoices
Web design projects have unique requirements:
- Project phases: Concept, design, development, launch
- Recurring services: Hosting, maintenance, updates
- Third-party costs: Domains, stock photos, premium plugins
- Usage rights: Designs, code, concepts
Billing Models for Web Designers
1. Project Package (Fixed Price)
The classic for website projects. A fixed price for the entire project.
Advantages:
- Clear budget planning for the client
- Rewards efficient work
- Professional impression
Typical Project Prices:
| Project Type | Price Range |
|---|---|
| One-Pager | €800-2,000 |
| Small Business Website (5-10 pages) | €2,500-5,000 |
| Medium Website with CMS | €5,000-12,000 |
| E-Commerce Shop | €8,000-25,000 |
| Complex Web Application | €15,000-50,000+ |
Important: Define exactly what's included in the price (number of pages, revision rounds, responsive design, etc.).
2. Hourly Rate
More flexible, but more documentation required.
When appropriate:
- Unclear project scope
- Ongoing optimizations
- Support and bug fixes
Typical Hourly Rates:
| Experience | Hourly Rate |
|---|---|
| Junior (0-2 years) | €50-70 |
| Mid-Level (2-5 years) | €70-100 |
| Senior (5+ years) | €100-150 |
| Specialist/Agency | €120-200+ |
3. Monthly Maintenance Package
For ongoing support and updates.
Typically included:
- WordPress/CMS updates
- Plugin updates
- Security monitoring
- Small adjustments (e.g., 2 hours/month)
- Backup management
Prices:
| Package | Monthly Price |
|---|---|
| Basic (Updates, Backups) | €50-100 |
| Standard (+ small changes) | €100-200 |
| Premium (+ support, priority) | €200-500 |
4. Hosting Billing
When you pass on hosting costs:
Options:
- Pass-through: Original costs + markup (10-30%)
- Flat rate: Fixed monthly price including hosting
- Separate contract: Client pays host directly
Required Information on Web Designer Invoices
Every invoice must contain:
- Your complete details
- Name/company, address - Tax ID or VAT number - Bank details
- Client data
- Full company name - Address - Contact person (optional)
- Invoice details
- Sequential invoice number - Invoice date - Service period
- Service description
- Type of service (design, development, etc.) - Project name/reference - Detailed breakdown
- Amounts
- Net amounts - VAT (19% or 7% for e-books) - Gross amount
Sample Invoice for a Website Project
INVOICE No. 2025-042
Project: Website Relaunch Example Ltd
Service Period: Sep 1, 2025 - Oct 15, 2025
Item 1: Concept & Wireframes
- Kick-off workshop
- Sitemap development
- Wireframes for 8 page types
Fixed: €1,200.00
Item 2: UI/UX Design
- Design concept (Desktop + Mobile)
- 3 revision rounds
- Style guide & assets
Fixed: €2,800.00
Item 3: Development (WordPress)
- Custom theme development
- Responsive implementation
- Plugin configuration
- Contact form with GDPR
Fixed: €3,500.00
Item 4: Content Entry
- 8 pages text content
- Image optimization
- Basic SEO setup
Fixed: €800.00
Item 5: Launch & Handover
- Server setup
- DNS configuration
- SSL certificate
- Training (2 hrs)
Fixed: €500.00
Item 6: Third-Party Costs (passed through)
- Premium theme license €79.00
- Stock photos (5 pieces) €125.00
─────────────────────────────────────────────────
Subtotal: €9,004.00
plus 19% VAT: €1,710.76
─────────────────────────────────────────────────
Total: €10,714.76
Billing Third-Party Costs Correctly
Pass-through with markup
Third-Party Costs (acquired on client's behalf):
- Domain registration (1 year) €15.00
- Premium WooCommerce plugin €199.00
- Stock photo package €89.00
─────────────────────────────────────────────────
Subtotal Third-Party Costs: €303.00
plus handling fee (10%): €30.30
─────────────────────────────────────────────────
Third-Party Costs Total: €333.30
Important for third-party costs:
- Keep receipts
- Clearly mark as "passed-through costs"
- Consider VAT (for non-EU providers)
Granting Usage Rights
As a web designer, you transfer usage rights to your work. Document this:
Usage Rights:
Upon full payment of this invoice, the following
usage rights transfer to the client:
- Unlimited usage rights for the created website
- Right to modify and further develop
- No transfer to third parties without consent
Source code remains with the designer. Reuse for
other projects only permitted with written consent.
Billing Maintenance Contracts
Monthly Maintenance Invoice
INVOICE No. 2025-WM-10
Maintenance Package "Professional" - October 2025
Website: www.example.com
Included Services:
- WordPress Core Update (6.3 → 6.4)
- Plugin updates (12 plugins)
- Theme update
- Security scan
- Backup creation (4x)
- Load time monitoring
Included time budget: 2 hrs small adjustments
Used: 1.5 hrs
- Header adjustment (0.5 hrs)
- New blog post added (1.0 hrs)
─────────────────────────────────────────────────
Monthly fee: €150.00
plus 19% VAT: €28.50
─────────────────────────────────────────────────
Total: €178.50
Avoiding Common Mistakes
1. Unclear service description
Wrong: "Website creation" Right: "Conception, design and development of an 8-page business website on WordPress basis including responsive design"
2. Missing revision rounds
Always define how many change rounds are included. Bill additional rounds separately.
3. No project reference
Always include the project name or URL. Makes assignment easier for the client.
4. Third-party costs not separated
Don't mix your own services with passed-through costs. It confuses and can be tax-problematic.
5. No payment deadlines
Define clear deadlines: "Payable within 14 days of invoice date."
Payment Terms for Large Projects
Recommended structure:
- At order confirmation: 30% deposit
- After design approval: 30%
- At launch: 40% final invoice
For very large projects:
- Monthly progress invoices
- Milestone-based payments
- Escrow services for international clients
Conclusion
A professional invoice is your calling card after project completion. It documents the value of your work and secures your claims.
Key points:
- Clear breakdown - What exactly was delivered?
- Third-party costs separate - Transparent and traceable
- Regulate usage rights - What can the client do with the design?
- Structure maintenance - Bill monthly
- Require deposits - Secure large projects
With Clever Invoice, you create professional web designer invoices in minutes - including project phases, maintenance packages, and automatic third-party cost calculation.
Frequently asked questions
Should I use fixed price or hourly rate?
For clearly defined projects, fixed price is better - you are rewarded for efficiency. Hourly rate makes sense for unclear scope or ongoing support. Many web designers combine both: Fixed price for the project, hourly rate for extras.
How do I pass on hosting costs?
Three options: Original costs + 10-30% markup, flat hosting package (e.g., €25/month all-inclusive), or the client pays the host directly. The latter is simplest, but you lose the customer relationship.
Do I need to mention usage rights on the invoice?
Not on the invoice itself, but in the contract or terms. Mentioning it on the invoice doesn't hurt and clarifies: With payment, the agreed rights transfer. Without payment: no usage rights.
How do I handle scope creep?
Document the original scope in the quote. Get written confirmation for additional requests with cost notice. Best approach: "I can implement that. This is outside the project scope and costs an additional €X."
When should I send the final invoice?
As soon as the project is live and the client has accepted. Don't wait! The longer you wait, the more likely payment delays become. Ideally on launch day.