Invoice Template for Designers: The Complete Guide for Graphic, Web & UI/UX Freelancers (2026)
A Complete Guide to Creating Invoices for Graphic Designers in 2026. Simple Examples, Common Mistakes, and Quick Reference Charts.
Whether you're wrapping up a brand identity project, delivering a new website, or handing off Figma screens to a dev team — sending a professional invoice is the moment your creative work becomes real income. This guide walks you through everything: what goes on a design invoice, how to structure your fees, when to ask for deposits, and free templates you can use right now.
Why Invoicing Matters More Than You Think
You've spent hours — maybe weeks — crafting the perfect logo, wireframing a user flow, or building a website from scratch. The last thing you want is a payment dispute or a client who "forgot" to pay because your invoice was unclear.
A well-structured invoice does four things at once:
- Gets you paid faster. Clear payment terms reduce back-and-forth and confusion.
- Looks professional. Clients trust freelancers who have their business admin together.
- Protects you legally. An invoice creates a paper trail that documents what was agreed and delivered.
- Simplifies your taxes. Good records make your annual filing far less painful.
Think of your invoice as the final deliverable — as polished as your design work itself.
What Every Design Invoice Must Include
Regardless of your design specialty, every invoice needs the same core elements. Missing even one can delay payment or create legal ambiguity.
Required Fields
Your Business Information
- Full legal name or business name
- Business address (or registered address)
- Email address and phone number
- VAT/GST/Tax ID number (if registered — more on this below)
Client Information
- Client's full legal name or company name
- Billing address
- Contact name and email (especially useful for larger companies with accounts payable departments)
Invoice Details
- A unique invoice number (e.g., INV-2026-047)
- Invoice date (when you issued it)
- Due date (e.g., "Net 15" = due 15 days after invoice date)
Itemized List of Services
- Description of each service or deliverable
- Quantity or hours
- Unit rate (hourly rate, day rate, or per-project price)
- Line total
Financial Summary
- Subtotal
- Any applicable taxes (VAT, GST, sales tax)
- Discounts, if any
- Total amount due
Payment Instructions
- Accepted payment methods (bank transfer, PayPal, Stripe, Wise, etc.)
- Bank details or payment link
- Currency
Notes (Optional but Useful)
- Late payment terms (e.g., "A 2% monthly fee applies to overdue balances")
- Thank-you note or project reference
Invoice Template for Graphic Design
Graphic design projects vary enormously — from a quick social media post to a full brand identity system spanning months. Your invoice structure should reflect that variety.
Common Graphic Design Services to Invoice
| Service | How Typically Priced |
|---|---|
| Logo design | Fixed project fee |
| Brand identity system | Fixed fee, often milestone-based |
| Social media graphics (package) | Fixed monthly retainer or per-pack |
| Print design (brochures, flyers, etc.) | Per piece or hourly |
| Packaging design | Fixed fee + revision rounds |
| Illustration | Per illustration or hourly |
| Pitch deck / presentations | Fixed fee or hourly |
Sample Invoice for Graphic Design
INVOICE
From: Studio Nova Design / Jane Müller Address: Musterstraße 12, 10115 Berlin, Germany Email: jane@studianova.de VAT ID: DE123456789
To: Bright Spark GmbH Billing Address: Friedrichstraße 50, 10117 Berlin Contact: Lukas Bauer, lukas@brightspark.de
Invoice Number: INV-2026-032 Invoice Date: May 15, 2026 Due Date: May 30, 2026 (Net 15)
| # | Description | Qty | Rate | Total |
|---|---|---|---|---|
| 1 | Brand Identity Design — Initial concept (3 directions) | 1 | €2,500.00 | €2,500.00 |
| 2 | Brand Identity Design — Final refinement & delivery | 1 | €1,500.00 | €1,500.00 |
| 3 | Brand Style Guide (PDF, 20 pages) | 1 | €800.00 | €800.00 |
| 4 | Additional revision round (beyond agreed 2 rounds) | 1 | €300.00 | €300.00 |
Subtotal: €5,100.00 VAT (19%): €969.00 Total Due: €6,069.00
Payment: Bank transfer to IBAN DE89 3704 0044 0532 0130 00, BIC: COBADEFFXXX Late Payment: 2% monthly interest on overdue balances after 30 days.
Thank you for choosing Studio Nova — it was a pleasure working on your brand.
Tips for Graphic Design Invoices
Be specific about revision rounds. One of the most common disputes in graphic design is over "unlimited revisions" misunderstandings. Spell out exactly how many revision rounds were included in your quote, and invoice separately for anything extra — as shown in the example above.
Reference your contract or proposal. Adding a line like "This invoice corresponds to the proposal accepted on April 2, 2026 (Ref: PROP-2026-014)" creates a clear paper trail.
Include file format delivery notes. If you delivered AI, PDF, PNG, and SVG files, mention it. This helps if a client later claims they didn't receive what was agreed.
Invoice for Web Design & Website Design
Web design invoices have a few unique quirks. Projects often span multiple months, involve third-party costs (hosting, stock images, premium plugins), and may include ongoing maintenance after launch.
Common Web Design Services to Invoice
| Service | How Typically Priced |
|---|---|
| Discovery & research phase | Hourly or fixed |
| Wireframing | Hourly or fixed per page count |
| Visual/UI design | Fixed fee or hourly |
| Responsive design (mobile/tablet) | Included or as add-on |
| CMS setup (WordPress, Webflow, etc.) | Fixed or hourly |
| Content population | Hourly |
| Post-launch revisions | Hourly |
| Website maintenance retainer | Monthly fixed |
| Domain & hosting (pass-through costs) | At cost + markup |
Sample Invoice for Website Design
INVOICE
From: Pixel Craft Studio / Marcus Webb Email: hello@pixelcraft.io Business Number: 87654321
To: Rosewood Café Ltd. Project: New Website — rosewoodcafe.co.uk
Invoice Number: INV-2026-008 Invoice Date: May 19, 2026 Due Date: June 3, 2026
| # | Description | Qty | Rate | Total |
|---|---|---|---|---|
| 1 | Discovery session & sitemap planning | 4 hrs | £95/hr | £380.00 |
| 2 | Wireframes — 6 pages | 1 | £600.00 | £600.00 |
| 3 | Visual design — 6 page templates | 1 | £2,200.00 | £2,200.00 |
| 4 | Webflow build & CMS setup | 18 hrs | £95/hr | £1,710.00 |
| 5 | Mobile responsiveness & cross-browser testing | 6 hrs | £95/hr | £570.00 |
| 6 | Webflow hosting setup (annual, pass-through) | 1 | £180.00 | £180.00 |
| 7 | Training session (1 hour, recorded) | 1 | £150.00 | £150.00 |
Subtotal: £5,790.00 VAT (20%): £1,158.00 Total Due: £6,948.00
Deposit of £2,500.00 received on March 10, 2026. Balance due: £4,448.00.
Payment: Bank transfer or Stripe payment link: pay.pixelcraft.io/inv-008
Tips for Web Design Invoices
Always separate pass-through costs. Hosting fees, stock photos, premium plugins, and domain registrations that you're paying on the client's behalf should be listed as line items at cost (or cost + a handling markup, if agreed). Never bury them in your project fee — it causes confusion and can look like you're overcharging.
Use milestone invoicing for large projects. A typical structure for a £5,000+ website:
- 30–40% deposit before work begins
- 30% at wireframe/design approval
- 30–40% on launch
This protects your cash flow and reduces the risk of a client disappearing mid-project.
Specify what "launch" means. Define in your invoice notes whether your project fee includes post-launch support, and if so, for how many days.
Invoice for UI/UX Design Services
UI/UX designers often work on complex, multi-phase engagements — user research, information architecture, prototyping, handoff to developers — each of which can be invoiced separately or bundled.
Common UI/UX Services to Invoice
| Service | How Typically Priced |
|---|---|
| UX audit of existing product | Fixed or daily rate |
| User research (interviews, surveys) | Hourly or per-phase |
| Persona development | Fixed |
| User journey mapping | Fixed or hourly |
| Information architecture | Fixed or hourly |
| Low-fidelity wireframes | Fixed per screen count |
| High-fidelity mockups | Fixed or hourly |
| Interactive Figma/Protopie prototype | Fixed |
| Design system creation | Fixed (often high-ticket) |
| Developer handoff & annotation | Included or hourly |
| Usability testing facilitation | Per session |
Sample Invoice for UI/UX Design
INVOICE
From: Aria Fontaine, UX Consultant Email: aria@ariafontaine.design EIN / Tax ID: 47-1234567
To: Launchpad App Inc. Project: Onboarding Flow Redesign — Phase 2
Invoice Number: INV-2026-019 Invoice Date: May 19, 2026 Payment Terms: Net 14
| # | Description | Qty | Rate | Total |
|---|---|---|---|---|
| 1 | UX audit — existing onboarding (heuristic review + report) | 1 | $1,800.00 | $1,800.00 |
| 2 | User journey mapping & revised information architecture | 1 | $1,200.00 | $1,200.00 |
| 3 | High-fidelity Figma mockups — 12 screens | 12 | $220.00 | $2,640.00 |
| 4 | Interactive prototype (Figma, 3 user flows) | 1 | $900.00 | $900.00 |
| 5 | Developer handoff documentation & Q&A session | 3 hrs | $180/hr | $540.00 |
Subtotal: $7,080.00 Tax (0% — B2B service, reverse charge): $0.00 Total Due: $7,080.00
Payment: Wire transfer or ACH. Bank details on file. Ref: INV-2026-019.
Tips for UI/UX Invoices
Invoice per phase, not just at the end. UX projects can drag on. Billing after each phase (research complete, wireframes approved, prototype delivered) keeps you financially protected and keeps clients engaged.
Specify screen counts. "UI design" is vague. "High-fidelity mockups — 12 screens, 3 states each" is precise. This protects you if a client tries to add more screens for free.
Include handoff and communication time. Developer Q&A sessions, Slack consultations, and handoff reviews are real work. Either include them in your project fee (and say so) or bill them at your hourly rate.
Invoice for Software Development (Design-Adjacent)
Many designers also do front-end development — or work alongside developers where the invoice needs to capture both design and code deliverables.
Common Software Development Services to Invoice
| Service | How Typically Priced |
|---|---|
| Front-end development (HTML/CSS/JS) | Hourly or fixed |
| Component library / design system implementation | Fixed |
| CMS theming (WordPress, Shopify) | Fixed or hourly |
| API integration | Hourly |
| Performance optimization | Hourly or fixed |
| Code review | Hourly |
| Bug fixes post-launch | Hourly |
Tips for Software Development Invoices
Separate design from development fees. Even if you do both, list them as separate line items. This matters for contracts, scope disputes, and — in some countries — for tax purposes (some jurisdictions tax software development differently than creative services).
Log your hours accurately. Tools like Toggl, Harvest, or Clockify make this painless. If billing hourly for dev work, most clients expect to see a detailed time log either in the invoice or attached to it.
Be clear about what's in scope vs. what's not. "Front-end development of agreed pages (see spec doc v3.2)" is better than just "web development." It protects you when the client asks why their new feature isn't included.
Invoice for Interior Design Services
Interior design invoicing has its own nuances: procurement fees, contractor coordination, project management time, and often a mix of flat fees and hourly billing.
Common Interior Design Services to Invoice
| Service | How Typically Priced |
|---|---|
| Initial consultation | Fixed fee or free |
| Space planning & concept design | Fixed or hourly |
| Full design development | Hourly or % of project budget |
| Furniture & materials specification | Included or hourly |
| Procurement / purchasing service | Cost + markup (typically 15–30%) |
| Contractor coordination | Hourly or monthly retainer |
| Site visits | Per visit or hourly |
| Project management | % of total project or hourly |
| Styling / staging | Fixed or hourly |
Sample Invoice for Interior Design
INVOICE
From: Emilia Rojas Interiors License: CA Interior Designer #12345 Email: emilia@emiliarojasinteriors.com
To: The Hartmann Family Project: Main Residence — Living Room & Kitchen Redesign
Invoice Number: INV-2026-005 Invoice Date: May 19, 2026 Due Date: June 2, 2026
| # | Description | Qty | Rate | Total |
|---|---|---|---|---|
| 1 | Design development — concept, mood boards, specifications | 22 hrs | $195/hr | $4,290.00 |
| 2 | Site visits (3 visits × 2 hours travel + on-site) | 3 | $390.00 | $1,170.00 |
| 3 | Furniture procurement — Neri&Hu dining table (at cost + 25% markup) | 1 | $3,750.00 | $3,750.00 |
| 4 | Contractor coordination — kitchen renovation (April–May) | 12 hrs | $195/hr | $2,340.00 |
| 5 | Final styling session | 4 hrs | $195/hr | $780.00 |
Subtotal: $12,330.00 Sales Tax (CA, 10.25% on goods only — line 3): $384.38 Total Due: $12,714.38
Retainer of $3,000 received on February 20, 2026. Balance due: $9,714.38.
Or try InVault, a free invoicing service. With it, you’re even less likely to make a mistake!
Tips for Interior Design Invoices
Disclose your procurement markup upfront. State your markup percentage in your contract and reference it on every invoice where you're purchasing goods. Transparency here prevents disputes and builds trust.
Separate goods from services. In many jurisdictions, tangible goods (furniture, materials) are subject to sales tax, while design services are not. Know your local rules and line items accordingly.
Keep receipts for everything you procure. Clients may ask for proof of cost, especially on large purchases. Always be able to show what you paid before your markup.
How to Price Your Design Services
Pricing is personal and market-specific, but here are the main models designers use — and when each makes sense.
Hourly Rate
Best for: Undefined scope, ongoing work, consultation, revisions beyond agreed rounds.
Your hourly rate should account for your skill level, market, overhead costs, non-billable time (marketing, admin, taxes), and desired profit. A rough formula:
Annual target income ÷ billable hours per year = minimum hourly rate
If you want to earn €80,000/year and realistically bill 1,000 hours (about 20 hours/week after admin and downtime), your floor is €80/hour — and you should charge more to account for slow periods.
Typical ranges (2026, varies heavily by market and experience):
| Designer Type | Junior | Mid-Level | Senior/Expert |
|---|---|---|---|
| Graphic designer | $25–60/hr | $60–110/hr | $110–200+/hr |
| Web designer | $35–70/hr | $70–120/hr | $120–200+/hr |
| UI/UX designer | $50–90/hr | $90–150/hr | $150–250+/hr |
| Interior designer | $75–125/hr | $125–200/hr | $200–400+/hr |
Fixed Project Fee
Best for: Well-defined deliverables, when scope is clear, creative work where you want to be rewarded for efficiency.
Project pricing feels riskier but often earns more per hour than hourly billing — especially as you get faster. The key is scoping carefully upfront.
Always define: what's included (deliverables, revision rounds, formats), what's not included, and what extra work costs.
Retainer
Best for: Ongoing client relationships, steady work, agencies or businesses with recurring design needs.
Monthly retainers give you stability. They typically lock in a set number of hours or deliverables per month at a slightly discounted rate versus your standard hourly rate. Unused hours generally don't roll over (specify this in your contract).
Value-Based Pricing
Best for: High-impact projects where your work directly affects revenue (e-commerce redesigns, conversion-focused landing pages, product launches).
Pricing based on the value you deliver — rather than time spent — is the highest-leverage model. A landing page that generates €500,000/year in sales is worth far more than the 40 hours it took to design.
Deposits, Milestones & Payment Schedules
Why You Should Always Charge a Deposit
A deposit (also called a retainer or advance payment) protects you from two painful scenarios: a client disappearing mid-project, and you spending weeks on work that never gets paid for.
The standard deposit range is 30–50% of the total project fee, paid before any work begins. For smaller projects under $500–1,000, some designers require full payment upfront.
Milestone-Based Payment Schedules
For larger projects, break payment into milestones tied to deliverables. This keeps clients invested in the project and keeps your cash flow healthy.
Example structure for a $10,000 website project:
| Milestone | When | Amount |
|---|---|---|
| Deposit | Before work starts | $3,500 (35%) |
| Design approval | Mockups signed off | $3,000 (30%) |
| Launch | Site goes live | $3,500 (35%) |
Payment Terms (Net 15, Net 30, etc.)
Net 15 means payment is due 15 days after the invoice date. Net 30 means 30 days. For freelancers, shorter terms are almost always better — there's no benefit to giving your clients 30 days unless they specifically require it.
Best practice: Use Net 15 for most invoices. Reserve Net 30 for established, reliable clients who request it.
Late Payment Fees
Include a late payment clause in your contracts and reference it on your invoices. A common structure is 1.5–2% monthly interest on overdue balances, or a flat late fee (e.g., $50 after 15 days past due).
Some designers also offer an early payment discount (e.g., 2% off if paid within 5 days) to incentivize prompt payment.
Tax Considerations for Design Freelancers
Tax rules vary dramatically by country. Here are general principles that apply in most jurisdictions — always consult an accountant for advice specific to your situation.
VAT / GST / Sales Tax
Many countries require freelancers to register for and collect value-added tax (VAT), goods and services tax (GST), or sales tax once they exceed a revenue threshold.
- EU: VAT registration thresholds vary by country. In Germany, for example, the Kleinunternehmer rule (§ 19 UStG) was updated as of January 1, 2025: you can opt out of charging VAT if your net revenue in the previous year was under €25,000 and your projected revenue for the current year is under €100,000. If you cross €100,000 mid-year, you must start charging VAT immediately — there's no grace period. Above the threshold, the standard rate is 19% (or 7% reduced for certain services).
- UK: VAT registration threshold is currently £90,000/year. Standard rate is 20%.
- US: Sales tax rules vary by state and are complex for services. Many states do not tax design services, but some do. Check your state's specific rules.
- Australia: GST applies at 10% once you earn AUD 75,000+ per year.
- Canada: GST/HST registration required at CAD 30,000+/year.
For international clients: If you're EU-based and invoicing a business in another EU country, the "reverse charge" mechanism typically applies — you don't charge VAT, but you note on the invoice: "VAT reverse charge — customer to account for VAT." For non-EU clients (US, UK, etc.), VAT typically does not apply if services are exported.
Self-Employment Tax
As a freelancer, you're typically responsible for both the employee and employer portions of social security/pension contributions. In the US, this is 15.3% self-employment tax on net income (in addition to income tax). Set aside 25–35% of every invoice for taxes if you're US-based; the exact amount depends on your total income and deductions.
Deductible Expenses
Keep records of all business expenses — these reduce your taxable income:
- Software subscriptions (Adobe Creative Cloud, Figma, etc.)
- Hardware (computer, monitor, drawing tablet)
- Professional development (courses, books, conferences)
- Home office (portion of rent and utilities, if applicable)
- Business insurance
- Accountant fees
Common Invoicing Mistakes (And How to Avoid Them)
1. Vague Service Descriptions
"Design work" tells your client nothing and makes disputes more likely. Be specific: "Brand identity design — logo (3 initial concepts, 2 revision rounds), color palette, typography system, business card template."
2. No Invoice Number
Every invoice needs a unique identifier. Without one, your accountant can't track it, your client's accounts payable can't file it, and you have no clean audit trail. Use a sequential system: INV-2026-001, INV-2026-002, etc.
3. Wrong or Missing Payment Details
Double-check your IBAN, sort code, routing number, or payment link before sending. A payment to the wrong account — or an invoice with no payment details — can delay you by weeks.
4. Sending Invoices Too Late
Invoice immediately upon completing a milestone or delivering work. The longer you wait, the longer you wait to get paid. If you finished the project on Friday, send the invoice Friday.
5. Not Following Up on Overdue Invoices
Clients get busy. A polite follow-up email two days after a due date is normal and expected. Have a template ready. Most late payments are just forgotten, not malicious.
Sample follow-up:
"Hi [Name], just following up on Invoice INV-2026-032 for €6,069, which was due on May 30. Please let me know if you have any questions or if you need the payment details resent. Thank you!"
6. Ignoring Currency and Exchange Rates
If you're invoicing in a foreign currency, specify the exact currency code (USD, EUR, GBP, CHF) — not just a "$" or "€" symbol. For large international payments, also consider who bears exchange rate risk.
7. No Written Contract Before Starting Work
An invoice is not a substitute for a contract. Always have a written agreement (even a simple one-page email confirmation) before you begin any paid work. Your invoice should reference that agreement.
Tools & Software for Design Invoices
You don’t need complex software to create professional invoices, but the right tools can save you time and reduce errors. For example, the free InVault service lets you create a professional, clean invoice in just a few seconds.
Design-Specific Considerations
Some designers create beautifully designed invoice PDFs using InDesign, Affinity Publisher, or Canva templates — especially if their brand identity is strong and they want every touchpoint to look premium. This works well for high-end clients but adds friction to the sending process. Use invoicing software for the functional side; add design flair if it serves your brand.
Invoice Template Checklist
Before you hit send, run through this list:
Your Information
- Full legal name or business name
- Address and contact details
- Tax/VAT ID (if applicable)
Client Information
- Full client name and billing address
- Correct contact person
Invoice Basics
- Unique invoice number
- Issue date
- Clear due date (not just "30 days" — write the actual date)
Services Listed
- Each deliverable or service described specifically
- Quantities and rates clear
- Line totals calculated correctly
- Revision rounds or scope notes included where relevant
Financial Details
- Subtotal correct
- Tax calculated correctly (or noted as $0 with reason)
- Any deposit/previous payments clearly deducted
- Grand total is unambiguous
Payment Information
- Payment method(s) listed
- Bank details, payment link, or instructions included
- Currency specified
- Late payment policy noted
Final Check
- Proofread (client name spelled correctly, dates make sense)
- Saved as PDF before sending
- Sent from your professional email address
Final Thoughts
Invoicing doesn't have to be painful. A clean, detailed invoice — sent promptly, with clear payment terms — is one of the simplest ways to signal that you're a professional worth hiring again.
Build a template that works for your services, stick to a consistent numbering system, and follow up without embarrassment when payments are late. The admin side of freelancing is just part of the job — and when you get it right, it frees you up to focus on the creative work you actually love.
Got questions about a specific invoicing scenario — international clients, split fees with another designer, or handling a disputed invoice? Those situations all have clear best practices, and a little extra knowledge goes a long way.