For Freelancers
Invoice Template for Web Developers and Designers (With Example)
How should a web developer or designer write an invoice? Break the project into clear line items (design, development, revisions, hosting setup), show hours or fixed fees, subtract any deposit already paid, and add a due date and payment details. Clear milestones make clients more comfortable paying quickly.
Invoice Example for a Website Project
| Description | Qty | Rate | Amount |
|---|---|---|---|
| Homepage and 4 inner pages, responsive design | 1 | $800.00 | $800.00 |
| Contact form and basic SEO setup | 1 | $150.00 | $150.00 |
| Extra revision round | 2 | $40.00 | $80.00 |
| Subtotal | $1,030.00 | ||
| Deposit already paid | -$400.00 | ||
| Balance due | $630.00 |
Tips for Developers and Designers
- Invoice by milestone: deposit, design approval, launch.
- List revisions beyond the agreed number as separate lines.
- Say what is included, such as source files or hosting setup.
- Show hosting, domain, or plugin costs separately from your fee.
- State the currency and payment details clearly.
Hourly or Fixed Price?
Hourly suits unclear scopes and maintenance. Fixed price suits well-defined projects. Whichever you choose, describe it clearly. More guidance is in how to write an invoice for services.
Frequently Asked Questions
Should I invoice before or after the website goes live?
Many freelancers take a deposit up front and invoice the balance at launch. Agree the schedule in your contract.
How do I bill for extra changes?
Add them as separate line items with hours and rate, and mention the change request so the client can match it to the conversation.
Create Your Invoice
Our free generator lets you add line items, deposits, and notes, then download a PDF. Check your invoice against common invoice mistakes before sending. If your client is abroad, read invoicing a foreign client from South Asia.