Web Designer Invoice Template
A free invoice template built for how design projects actually get billed — by phase, with revisions, hosting setup, and maintenance retainers as their own line items instead of one vague number.
Wren & Co. Web Design
Invoice #WD-0142 · Marigold Bakery — website redesign
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Design phase — wireframes & 2 homepage concepts | 1 | $850.00 | $850.00 |
| Build phase — front-end dev, 6 pages | 1 | $1,400.00 | $1,400.00 |
| CMS & hosting setup | 1 | $220.00 | $220.00 |
| Monthly maintenance — July 2026 | 1 | $95.00 | $95.00 |
| Subtotal | $2,565.00 | ||
| Deposit paid at kickoff | −$750.00 | ||
| Balance due | $1,815.00 | ||
Source files and full site ownership transfer to the client on receipt of final payment. Two rounds of design revisions are included in the quoted price; further rounds are billed separately.
No signup needed to build and preview it — download as a PDF when you’re done.
What to include on a web designer invoice
A web design invoice does more work than a typical service invoice — it has to make sense of a multi-phase project, not just one flat fee. These are the details that keep a client from emailing back with questions.
Which project phase this invoice covers
State plainly whether this bill is for the design phase, the build phase, launch, or a maintenance period — a client comparing it to the proposal shouldn't have to guess what stage they're paying for.
Revision rounds included vs. billed extra
Note how many rounds of design revisions were included in the quoted price, and list any extra rounds the client requested beyond that as their own line item at your hourly or per-round rate.
Hosting, domain, and CMS setup costs
Separate one-time setup work (installing and configuring WordPress, Webflow, or Shopify, connecting a domain, initial hosting configuration) from any hosting fees you're passing through or marking up.
Ongoing maintenance terms
If this invoice is for a maintenance retainer, state the billing period it covers (e.g. "July 2026") and what's included — updates, backups, uptime checks — so it reads as a subscription, not a mystery charge.
Source files and IP transfer terms
Note when design files, source code, and site ownership transfer to the client — typically on receipt of final payment — so there's no ambiguity about who owns what if payment stalls.
Deposit already paid, if any
If you collected a deposit before starting the design phase, show it as a credit against this invoice so the balance due reflects what's actually still owed, not the full project fee again.
Sample line items for a web design invoice
A website redesign, itemized the way a client actually expects to see it — design phase, build phase, CMS and hosting setup, and a recurring maintenance fee, each on its own line.
| Line item | Typically billed as | Example rate |
|---|---|---|
| Design phase (wireframes, mockups, style guide) | Flat project fee, 50% deposit | $600–$1,500 |
| Build phase (front-end/back-end development) | Flat fee or hourly | $75–$150/hr |
| CMS & hosting setup (WordPress, Webflow, Shopify) | One-time setup fee | $150–$400 |
| Monthly maintenance (updates, backups, uptime checks) | Recurring retainer | $50–$200/mo |
| Extra revision round beyond what was quoted | Hourly or flat per round | $75–$150/hr |
| Stock imagery / premium font licensing | Passed-through cost | At cost |
Rates above are examples only — set your own on each invoice.
Web designer invoicing tips
Take a deposit before the design phase starts
A 30–50% deposit before you open a design tool protects your time if a client stalls after seeing the first mockups. Bill the remainder at design approval, and the rest at launch — three milestones instead of one invoice at the very end.
Bill maintenance retainers on a recurring schedule
If you maintain a site after launch, invoice the retainer monthly on a fixed date rather than folding it into project invoices — it reads as a predictable subscription to the client and keeps your recurring income visible to you.
Check sales tax rules on digital design services
Whether web design and development work is taxable varies by state and country — some tax design services, some only tax hosting or software resold to the client. Confirm the rule where your client is billed before you add tax to the invoice, and keep a W-9 or equivalent on file for contract work.
Looking for templates for other trades? Browse the full invoice templates hub, or see everything SendBilling does on the features page.
Web designer invoice questions
Is this web designer invoice template really free?
Yes. There's no signup or payment required to preview or build one. Fill in your project details on the free invoice generator and download the finished invoice as a PDF whenever you're ready.
Can I bill design, build, and maintenance separately?
Yes — that's the point of splitting a web design invoice by phase. Send one invoice per phase (design, build, launch) as you complete each, or bill everything on one invoice with each phase as its own line item. Both are common depending on how the project was scoped.
Does this download as a Word or Excel file?
No. SendBilling doesn't offer Word, Excel, or Google Docs template files. You fill in your invoice online using the free invoice generator, and it downloads as a finished PDF — no template file to reformat or fight with.
Bill your next design project by phase, not one lump sum.
Free to start, no credit card required. Compare plans on the pricing page.
Updated July 2026