Invoice Template for Web Designers — Templates, Guides, and How-To
Get a free invoice template for web designers, plus how to bill fixed-fee vs. hourly projects, set payment terms, and handle 1099-NEC and self-employment tax.
You built the site. Now you need to get paid for it without a two-week email chase or a tax-time reconciliation nightmare. Web designers need to know what belongs on an invoice, how to structure fixed-fee versus hourly billing, and how to handle the tax mechanics that trip up most freelancers. A plain-text template you can copy and use immediately is below.
What does a web designer invoice need to include?
An invoice for web design work has to do two jobs at once: give the client everything they need to cut you a check, and give you a clean paper trail when you file Schedule C in April. The minimum fields:
- Your business name, EIN (or SSN if you're a sole prop), and contact info. The client needs this to issue you a Form 1099-NEC in January.
- Client name, project reference, and a unique invoice number. Both sides use this to reconcile at tax time.
- Specific line items. Break out discovery, wireframes, design mockups, revision rounds, development, CMS setup, and hosting handoff, not one vague "design work" row.
- Payment terms. Net 15 or Net 30, a due date, accepted payment methods, and the stated late fee.
- Any deposit or milestone already paid, plus the remaining balance owed on this invoice.
That last point is the one solo designers skip most often. If you took a 50% deposit at kickoff, your final invoice should show the original project total, subtract the deposit, and state the remaining balance. Clients pay faster when the math is already done for them.
Where can web designers get a free invoice template?
Here is a plain-text template you can copy. It handles fixed-fee, hourly, and milestone billing without rebuilding the document each time, and it has dedicated lines for the specific things web designers bill for.
INVOICE
From:
[Your Business Name / DBA]
[Street, City, State ZIP]
[Email • Phone • Portfolio URL]
EIN: [XX-XXXXXXX] (or SSN if sole prop)
Bill To:
[Client Company]
[Contact Name, Title]
[Billing Email]
Invoice #: [YYYY-####]
Issue Date: [MM/DD/YYYY]
Due Date: [MM/DD/YYYY] (Net 15 / Net 30)
Project: [Project name or SOW reference]
LINE ITEMS
--------------------------------------------------------
Description Qty Rate Amount
--------------------------------------------------------
Discovery & content audit 1 $___ $___
Wireframes (___ pages) 1 $___ $___
Design mockups: homepage 1 $___ $___
Design mockups: interior pages __ $___ $___
Revision rounds (___ included) __ $___ $___
Additional revision round (scope+) __ $___ $___
Front-end development __ h $___/h $___
CMS setup (Webflow / WordPress) 1 $___ $___
Hosting handoff & DNS transfer 1 $___ $___
Pass-through: stock, plugins, hosting 1 $___ $___
--------------------------------------------------------
Subtotal $___
Sales tax (if applicable, state: __) $___
Less: deposit paid [date, invoice #] ($___)
--------------------------------------------------------
BALANCE DUE $___
Payment methods:
ACH (preferred over $500): [routing / account]
Card: [payment link]
Wire: [instructions]
Terms: Net __. Late fee of ___% per month applies to
balances unpaid after the due date, subject to your
state's usury cap. Final deliverables (source files,
admin access, DNS) transfer on receipt of full payment.
Thank you,
[Your Name]Paste that block into ChatGPT or Claude and ask it to output a working file. A prompt that works: "Turn this invoice template into a fillable Google Sheet with formulas that auto-calculate the subtotal, sales tax at 8.25%, subtract a 50% deposit, and show balance due. Use my business name [X] and add a line for invoice number that increments." You can ask for the same thing as an Excel file, an interactive PDF with fillable fields, or a Word document.
How should web designers bill fixed-fee, hourly, and milestone projects?
Which billing structure you pick matters more than the template. Wrong structure and you either eat scope creep or spook the client with a surprise invoice.
Fixed fee works when the scope is genuinely defined, such as a 5-page marketing site with two revision rounds launched on a stock Webflow theme. You quote the number, the client signs, you deliver. Every out-of-scope request becomes a separate change-order line item.
Hourly fits ongoing maintenance retainers and projects where scope is still moving during discovery. Bill in 15-minute increments, send a time log with the invoice, and cap the monthly total if the client is nervous.
Milestone billing is the split most fixed-fee web designers land on once they've been burned once. A common split is 50% deposit upfront, 25% at design approval, and 25% on launch. Larger builds of $25K or more often move to a 33/33/33 structure across kickoff, design sign-off, and launch. Whatever split you pick, name the trigger explicitly in the contract ("25% invoiced upon client's written approval of homepage and interior mockups") so there's no argument about when the middle invoice goes out.
Two rules that apply to all three structures:
- Cap revision rounds in the contract and price additional rounds as a line item ($350–$750 per round is typical for solo designers).
- Require a signed scope of work before you send the first invoice. No SOW, no invoice, no work.
What payment terms should web designers use?
Net 15 means a client who approves the invoice on the 1st has to pay by the 16th. Net 30 pushes that to the 31st, two extra weeks you're financing their build. For projects under $10K, Net 15 is a practical default if the client agrees to it in the signed scope of work. For enterprise clients whose AP department only cuts checks on a 30-day cycle, fight for Net 15 but expect to land at Net 30.
A few payment terms help clients pay on time:
- Require a deposit before starting work. A deposit helps confirm the client is ready to commit before you reserve time on your calendar.
- Accept [ACH](/business-payments/ach) for larger invoices. ACH moves money between U.S. bank accounts under Nacha operating rules; compare your payment processor's ACH and card fees before choosing a payment method for larger invoices. On a $6,000 final invoice, the difference can add up to real money.
- State the late fee on the invoice itself. If you charge a late fee, state it on the invoice and confirm the rate complies with the applicable state interest-rate or usury limit.
- Automate reminders at 3, 7, and 14 days past due. Chasing manually is how you lose a Saturday.
How much tax do freelance web designers pay?
If you freelance, the IRS treats you as self-employed. You file Schedule C to report business income and expenses, and Schedule SE to calculate self-employment tax on your net profit.
Freelance web designers owe self-employment tax of 15.3% on net self-employment earnings, consisting of 12.4% for Social Security and 2.9% for Medicare, on top of regular federal and state income tax. The Social Security portion applies up to the annual wage base; the Medicare portion has no cap. That means a freelance web designer with $80,000 in net profit owes roughly $12,240 in SE tax before income tax enters the picture.
A business client that pays a freelance web designer $600 or more for services in a tax year generally must furnish Form 1099-NEC to the designer and file a copy with the IRS. Your invoices are how you reconcile the 1099s you receive against what you actually earned, and how you catch a client who reported the wrong number. Personal (non-business) clients generally aren't required to issue a 1099-NEC, but you still owe tax on that income.
Deductions reduce net profit and therefore both income tax and SE tax. Standard deductions for web designers:
- Figma, Webflow, Framer, and CMS subscriptions
- Hosting (your own and any pass-throughs you fronted)
- Stock photo, icon, and font licenses
- Home office (regular and exclusive use)
- Portion of internet and phone
- Business insurance
- Continuing education (courses, conferences)
The IRS recommends that self-employed web designers keep invoices, receipts, and bank statements for at least three years from the date the return was filed. Longer if you're claiming depreciation on equipment.
Do web designers need to charge sales tax?
Sales tax on web design varies by state and is administered by each state's department of revenue. There is no federal sales tax. Two named examples show the range:
- Texas taxes web design as a data processing service. The state offers a 20% exemption of the charge, so 80% of the invoice is taxable at the state's 6.25% rate (plus any local rate).
- California generally does not impose sales tax on custom web design services, because California taxes tangible personal property, and custom design labor without a transfer of tangible goods usually isn't taxable.
Two implications for solo designers:
- Check nexus rules if you have clients in multiple states. Physical nexus (you live or work there) and economic nexus (you cross a state's revenue threshold) can both create filing obligations even if your home state doesn't tax the service.
- When in doubt, ask a CPA licensed in your state. Do not assume a service is exempt because someone on a forum said so.
If you do collect sales tax, keep it earmarked separately from operating cash — for example, using Novo Reserves, a budgeting feature inside your Novo checking account — so you don't spend money you owe the state.
What are the most common web design invoicing mistakes?
Patterns that show up in almost every "I got stiffed by a client" thread:
- Starting work without a signed scope and deposit. The two biggest predictors of not getting paid at the end.
- Using vague line items like "design work" instead of "Homepage + 4 interior page designs, 2 revision rounds included." Clients dispute what they can't see clearly.
- Omitting a late fee on the invoice, so clients push your invoice to the bottom of their AP queue with no consequence.
- Running client deposits, Figma and Webflow subscriptions, and personal Venmo through one account. You will lose hours at tax time separating the hosting reimbursement from your grocery run.
- Forgetting to bill pass-through costs like stock photos, premium plugins, or a year of hosting you fronted. Those are your dollars, not the client's.
How does Novo help web designers invoice clients?
Novo is a fintech platform offering small-business banking solutions for freelancers and business owners who get paid by ACH, card, or wire. Banking services provided by Middlesex Federal Savings, F.A., Member FDIC. The specifics that matter for a freelance web designer:
- $0 monthly fee and no minimum balance. You keep more of each invoice.
- Send invoices from Novo. Clients can pay by ACH or card, and the transaction posts to your Novo account and can sync with QuickBooks so you're not re-keying it in two places.
- Free incoming wires. Useful when an enterprise or international client insists on wiring the deposit for a larger build.
- Integrations with Stripe and Shopify. If you build and manage client storefronts, the payout side of that work lands in the same account.
- Novo Reserves for tax bucketing. Earmark a percentage of each paid invoice (25–30% is a reasonable starting point) within Novo Reserves, a budgeting feature inside your Novo checking account, labeled "SE tax" so it isn't sitting in operating cash tempting you to spend it.
Honest tradeoff: Novo does not accept cash deposits. If a client hands you an envelope of twenties, Novo isn't the right account. For online-only web designers paid by ACH, card, or wire, that limitation doesn't apply.
Web designer invoice FAQ
How much deposit should a web designer require? Many fixed-fee web design projects use a 50% upfront deposit, especially for projects under $10K. Larger builds commonly split 50/25/25 (deposit, design approval, launch) or 33/33/33 across the same three triggers.
Do I charge sales tax on web design? It depends on the state. Texas taxes web design as a data processing service with a 20% exemption. California generally does not tax custom web design labor. Check your state's department of revenue site and, if you have clients in multiple states, review nexus rules. When it's ambiguous, ask a CPA licensed in your state.
Should I invoice before or after delivering the site? Deposit before you start. Milestone invoices during. Final invoice before you transfer DNS, admin access, or source code. The final deliverable is your leverage, so don't hand it over on a promise.
What if a client won't pay after launch? Withhold the final deliverable (code, DNS, admin access) until the final invoice clears. If the client is stalling in bad faith, send a formal demand letter, then escalate to small claims court. Review your state court's filing limit before you proceed.
Can I invoice international clients in USD? Yes. State USD explicitly on the invoice ("All amounts in United States Dollars — USD"), and note who covers wire fees. International wires may include intermediary bank fees, so specify on the invoice whether the client or the designer covers those fees.
Which invoicing software should a freelance web designer use? For web designers who want fewer tools, a checking account that also sends invoices can be simpler than using separate invoicing software and reconciling payments back to a bank account. That means fewer tools to check and fewer payment records to reconcile at tax time.
Disclosures
Novo Platform Inc. ("Novo") is a fintech, not a bank. Banking services provided by Middlesex Federal Savings, F.A., Member FDIC. The Novo Debit Card is issued by Middlesex Federal Savings, F.A., and the Novo Business Credit Card is issued by Continental Bank, pursuant to licenses from Mastercard International Incorporated. Mastercard is a registered trademark of Mastercard International Incorporated and can be used everywhere Mastercard is accepted. The Novo Merchant Cash Advance is offered by Novo Funding LLC. Your eligibility for Novo products and services is subject to final Novo determination.
Novo Reserves is not a separate account. Novo Reserves is a budgeting feature within the Novo checking account. All funds within Reserves remain a part of the overall balance of the Novo checking account.
Novo Platform Inc. ("Novo") strives to provide accurate information but cannot guarantee that this content is correct, complete, or up-to-date. This page is for informational purposes only and is not financial or legal advice nor an endorsement of any third-party products or services. All products and services are presented without warranty. Novo Platform Inc. does not provide any financial or legal advice, and you should consult your own financial, legal, or tax advisors.