Typical line items on a web development invoice
A web development invoice can combine several kinds of work: professional fees, recurring maintenance, and third-party costs paid for the client. Clearly named, separate lines make those charges easier to compare with the quote or statement of work. Use only the lines that match the engagement.
- Discovery and planning
- Initial scoping, requirements gathering, sitemap, and technical planning, billed either as a fixed fee or as hours up front.
- Design
- UI and UX design, wireframes, mockups, and revision rounds, shown as a fixed amount or as the design hours worked.
- Development hours
- Front-end and back-end build time, integrations, and bug fixing, listed with the hours worked and your hourly rate.
- Maintenance retainer
- Ongoing updates, security patches, backups, and support, billed as a fixed recurring amount each month.
- Hosting
- Server or hosting costs you arrange for the client, listed as a separate pass-through line with the period it covers.
- Domains and third-party licences
- Domain renewals, plugins, themes, APIs, and software licences bought for the project, passed through on their own lines.
How web developers bill: hourly, fixed-price, milestones, retainers
How you price the project determines how the invoice reads. Hourly billing shows time worked multiplied by the agreed rate. A referenced timesheet can help the client check the total. A fixed-price project bills an agreed amount for a defined scope, with approved change requests shown separately.
Milestone billing splits a larger project into staged payments linked to agreed events or acceptance criteria. A monthly maintenance retainer bills a recurring amount for the defined period and scope, such as updates, backups, or a block of support time. Agree the model before work starts and make the invoice match the quote, statement of work, contract, and any required purchase order.
Pass-through costs and tax
Web work can involve pass-through costs such as hosting, domains, plugins, stock assets, or paid APIs. Keep these separate from professional fees and agree whether they are billed at cost or with a margin. Check whether each licence can be transferred or requires the client to hold its own account. A client-owned account can make control and renewal responsibility clearer.
VAT, GST, and sales-tax treatment depends on the place of supply, the parties, registration, and what is supplied. Cross-border B2B work may use a reverse charge, but it is not automatic. Pass-through costs can also receive different treatment. Verify the required rate, tax numbers, and invoice wording before configuring the document.
Payment terms and getting paid
Agree payment terms before work starts. State an explicit due date, the accepted payment method, and any purchase-order or billing-contact requirement. A larger project may use a deposit and milestones, subject to the contract and any consumer-law limits. Define the event that makes each milestone billable and how acceptance is recorded.
Use a documented numbering system and send the invoice promptly after the agreed billing event. A PDF keeps the intended layout, but it does not replace the contract, acceptance record, or licence terms. For recurring maintenance, name the billing period and invoice on the agreed schedule. State late-payment interest only where the agreement and applicable law allow it.
Web development invoice questions
What should a web development invoice include?
Common fields include the document label and number, supplier and client details, issue and due dates, project or purchase-order references, and clearly named line items such as discovery, design, development, and maintenance. Show pass-through costs separately, then the subtotal, any required tax, the total due, and the agreed payment terms. Add any fields or wording required for the transaction.
How do I invoice for a fixed-price project versus hourly?
For fixed-price work, identify the defined project or milestone and agreed amount. For hourly work, show billable time and rate and reference a timesheet when the agreement requires one. If the engagement combines models, distinguish the original scope from separately approved changes.
How do I bill hosting, domains, and third-party licences?
List each pass-through cost separately from your labour, with the period it covers, and agree whether you bill it at cost or with a disclosed margin. Reference supporting records where the agreement requires them. Another option is for the client to hold its own hosting and licence accounts, subject to the provider terms.
How do I invoice a monthly maintenance retainer?
Bill on the schedule in the agreement, with a line naming the retainer and period, for example "Website maintenance - June 2026". If it includes a capped block of support hours, track usage and show any agreed overage separately.
Should I take a deposit before starting a project?
A larger build may use a deposit and milestone payments. Agree the amounts, acceptance criteria, refund or cancellation terms, and any consumer-law limits in writing before work starts. Show earlier payments clearly on later balance invoices.