How to Invoice as a Web Designer (Templates + Tips)

Web design projects are uniquely messy to bill for. The scope changes mid-project. Clients add pages. Revisions pile up. A 5-page website quote turns into a 12-page build plus an e-commerce integration nobody mentioned in the initial call. If you don't have a billing structure that accounts for this, you end up eating the extra work, or worse, having an awkward conversation about money after the client already expected a certain final number. This guide covers exactly how to structure invoices for web design work so you get paid fairly for everything you actually do.

Deposits First: The Non-Negotiable Rule

Never start a web design project without a deposit. This is not about trust or pessimism. It's about cash flow and client commitment. The moment someone puts money down, they're invested. Tire-kickers and scope-changing nightmares disproportionately come from clients who got started for free.

The industry standard for web design is 50 percent upfront. On a $4,000 website project, that's $2,000 before you open Figma or write a single line of code. The remaining $2,000 comes on delivery or at the final milestone before launch.

Some designers use a three-part structure for larger projects: 40 percent upfront, 30 percent at design approval, 30 percent on launch. This makes sense for projects over about $8,000, because the milestones give clients checkpoints to review progress before paying more.

Deposit amount and schedule should be in your contract, signed before you do anything. Never rely on a verbal agreement or email chain for this.

Milestone Invoicing vs. a Single Final Invoice

For projects over a few thousand dollars, milestone invoicing is smarter than waiting until the end. Here's why: by the time you finish a three-month website build, a lot can change. The client's budget got cut. They changed marketing agencies. They decided to rebuild the whole thing in WordPress after you were halfway through a Webflow build. Milestone invoicing protects you by tying payments to deliverables, not to the finish line.

A Common Milestone Structure

• Milestone 1 (Invoice on signing): 50% deposit to begin discovery and design phase
• Milestone 2 (Invoice on design approval): 25% upon client sign-off on all wireframes and visual design
• Milestone 3 (Invoice before launch): remaining 25% once site is built, tested, and ready to go live

When you send each milestone invoice, include a brief description of what was completed to reach that milestone. Don't just say "Milestone 2 - $1,500." Say "Design phase completion: homepage, 4 inner pages, mobile layouts, and brand style guide delivered and approved April 14." That documentation is your paper trail if a dispute ever comes up.

What to Put on a Web Design Invoice

A freelance web designer's invoice needs to be specific. Clients who don't understand what they're paying for delay payment or push back on it. Here's what every invoice should include:

• Your name or studio name, email, and contact info. Include a link to your portfolio if you want - it reinforces your professionalism.
• Client name and the specific billing contact, not just your day-to-day project contact.
• Invoice number (sequential, like 2026-018).
• Invoice date and due date written as real calendar dates, not just "Net 30."
• Project name. Especially important if you have multiple active projects with the same client.
• Line items with descriptions (see below).
• Deposit paid shown as a credit if this is the final invoice.
• Total amount due, prominent and impossible to miss.
• Payment method details. A direct payment link is faster than bank transfer instructions.

How to Write Strong Line Items

The goal is specificity without writing a novel. Here's an example for a final invoice on a mid-size project:

• UX wireframing - 8 pages: $800
• Visual design (desktop + mobile), 8 pages: $2,400
• Webflow development and CMS setup: $1,800
• Contact form + email integration (Mailchimp): $300
• On-page SEO setup (meta titles, descriptions, alt text): $250
• 2 rounds of revisions per contract: included
• 3rd revision round (approved via email April 22): $350
• Subtotal: $5,900
• Less deposit paid March 1 (invoice 2026-011): -$2,950
• Balance due: $2,950

Notice how the extra revision round is called out with when it was approved. That reference prevents the classic "but I thought revisions were included" conversation. You can build this kind of invoice quickly with the free invoice generator without setting up a template from scratch.

Handling Scope Creep on Your Invoices

Scope creep is the web designer's biggest income leak. A client asks for "just one more page," then a blog, then an e-commerce section, then wants the whole thing in a different color palette. Each request is small individually. Together they can double your project hours.

The fix is a change order, or at minimum, written approval for anything outside the original scope. When a client asks for something extra, reply with: "Happy to add that. It's not in the original scope, so I'd bill it at $X. Want me to add it to the project?" When they say yes in writing, that confirmation is your billing authorization.

On your invoice, create a separate section for out-of-scope additions with each one itemized. Show the original contracted scope, then additions below it. Clients can see exactly what drove the final number, and the conversation shifts from "why is this so expensive" to "oh right, we did add all that."

This also connects directly to the broader question of payment terms - the more scope can shift, the more important it is to get milestone payments tied to deliverables rather than waiting for a lump sum at the end.

Recurring Maintenance Clients: Billing Differently

A lot of web designers end up managing client sites after launch - updates, plugin maintenance, content edits, security monitoring. This is recurring work that deserves a retainer, not a series of one-off invoices.

A typical maintenance retainer might be $200 to $500 per month depending on the site complexity and how much work is included. Bill it on the 1st of each month, in advance. Include a clear scope: "up to 2 hours of content edits, plugin updates, and monthly backup verification. Additional hours billed at $95/hour."

Recurring invoicing software handles this automatically. Set it up once and it goes out every month without you touching it. At WaffleInvoice, recurring invoices are included in the Pro plan, which means you stop manually sending the same invoice twelve times a year.

When to Use an Invoice Template vs. Invoicing Software

A Word or Figma invoice template works fine if you have two or three clients and invoice once a month. It breaks down when you're juggling multiple projects at different stages, have milestone invoices for some clients and retainers for others, and need to track what's been paid across a dozen projects simultaneously.

For a Word-based starting point, the free Word invoice template is a clean baseline you can customize with your branding in about 10 minutes. When you outgrow it, the jump to invoicing software mostly pays for itself in the time you get back from tracking payments manually in a spreadsheet.

The Tax Reality of Web Design Income

If you're freelancing, you owe self-employment tax on top of regular income tax. That's roughly 15.3 percent on net earnings, on top of whatever bracket you're in. The practical rule: set aside 25 to 30 percent of every invoice payment in a separate account immediately. Don't spend it. The IRS expects quarterly estimated payments once you're earning consistently, so this isn't a once-a-year problem.

Whether web design services are subject to sales tax depends entirely on your state. Most states don't tax design services, but some states tax software development, digital products, or website-related services differently. Check with your state's revenue department or ask an accountant for an hour of their time rather than guessing and owing back taxes you never collected.