Website Design Invoice Template

A website invoice should tie every charge to a milestone the client has already approved, so paying it is a formality rather than a negotiation. This template bills the design and development milestone of a site project, groups the work the way your proposal did, and credits the deposit taken at kickoff.

  • Design (approved)
  • Development
  • Credits
  • Online payment by card or bank transfer
Free, no account needed to start. Not legal advice.

Use it when a site project reaches a milestone in your proposal, such as design approval or launch.

The full template

Every line, price, and note is yours to change when you use the template in Clientary, and your client's details fill in from their record.

In the editor, the totals add up as you type. Once you send it, your client pays online by card or bank transfer. Edit this template online

Website Design and Development, Milestone 2

Thank you for approving the final designs. This invoice covers milestone 2 of your website project: the approved designs and the development work completed since kickoff. The kickoff deposit is credited below.

Design (approved)
Homepage design$2,400.00
Interior page templates (4)$2,400.00
Mobile and tablet layouts$900.00
Development
Content management system setup$1,800.00
Page template build and integration (5)$2,250.00
Contact form and email notifications$350.00
Credits
Deposit received at kickoff-$3,000.00
Total$7,100.00

Notes

Payment is due within 15 days. You can pay online by card or bank transfer from this invoice.

The final milestone, launch and training, is invoiced when the site goes live. Hosting and ongoing maintenance are billed separately each month.

Questions about any line? Reply to this email and we'll walk through it.

How to use this template in Clientary

  1. Edit it online. Change any line item, price, or note, or add your own. No account needed.
  2. Preview it as your client will see it. Fill in who it's for and pick a design.
  3. Start your free trial to send it. Confirm you'll have it reviewed, since templates aren't legal advice, and your invoice is waiting in your new account with your client's details filled in.
  4. Send it to be paid. Your client pays online, and you can see when it's viewed and paid.

Learn more about invoicing in Clientary.

Frequently asked questions

How should a web designer invoice a website project?

Most studios take a deposit when the proposal is signed, then invoice at agreed milestones such as design approval and launch. Tie each line to a milestone the client signed off, and show the deposit as a credit so the balance is clear.

Should hosting go on the same invoice as the website?

Setup and the first term can. Ongoing hosting and maintenance are clearer as their own recurring invoice, so the project invoice closes when the site launches.

Is this website design invoice template free?

Yes. Read and copy the full text on this page, or edit it online and see it as your client will. When it's ready, start a free Clientary trial to send it or download it as a PDF.

Has a lawyer reviewed this template?

No. It's a general starting point written by Clientary, not legal advice, and it hasn't been reviewed by a lawyer for your situation or the laws where you and your client work. Have your own counsel review it before you use or sign it.

More templates for web designers and developers

Proposal · Web design and development

Web App Development Proposal Template

Use it when a business or founder wants a custom web application, customer portal, or internal tool built, and is choosing a development partner.

Proposal · Web design and development

Website Design Proposal Template

Use it after a discovery call, when a business is choosing a web designer or agency for a new site.

Contract · Web design and development

Website Development Agreement Template

Use it alongside a website proposal, once a client has chosen a package and is ready to start.

Contract · Web design and development

Website Maintenance Agreement Template

Use it when a site you built launches, or when a client asks you to take over the care of an existing site.

Estimate · Web design and development

Website Redesign Estimate Template

Use it when a client asks what a redesign would cost before they're ready for a full proposal.