Web Design Invoice Template - UK

Break your invoice into distinct deliverables to help clients understand what they're paying for. Common line items include website design and UI/UX, front-end development, CMS configuration, logo design, testing and quality assurance, and domain or hosting setup. This granular approach demonstrates the scope of work and makes it easier for clients to see the value in each component. Avoid lumping everything under one generic 'web design' charge, as it obscures the effort involved in different project phases.

Apply the standard 20% VAT rate to your web design services if you're registered with HMRC. Calculate VAT on the subtotal of all services before adding it to reach the final invoice amount. If your client is another UK business, you must include VAT separately on the invoice. However, if you're invoicing a non-UK business outside the EU, VAT rules may differ—check current HMRC guidance for reverse charge procedures. Always clearly show VAT calculations on your template for transparency.

Yes—domain registration and hosting configuration are separate services from design and development. Clients often need clarity on what's included versus what incurs additional costs. You can charge a one-time setup fee for domain registration and initial hosting configuration, then offer optional ongoing hosting management fees. Some designers include basic setup as part of the project, while others bill it separately. Be explicit on your invoice about which services are included and which are add-ons to avoid disputes.

Define your revision policy clearly before invoicing—specify how many revision rounds are included in your base fee, and charge separately for additional changes. On the invoice, you can list 'website testing and quality assurance' as a line item, but changes beyond the original scope warrant separate charges. Document all agreed-upon changes before billing to prevent disputes. Many agencies specify revision limits in their terms and track overages as additional billable hours or flat fees added to subsequent invoices.

Fixed project fees are often clearer for clients and simpler for invoicing, as the total cost is agreed upfront. Hourly rates give you flexibility for undefined or complex projects, but require detailed time tracking to invoice accurately. Many designers use fixed fees for defined projects—like a five-page website with three revision rounds—and hourly rates for ongoing support or undefined work. Your invoice template should accommodate both approaches; fixed fees show as line items with single quantities, while hourly work shows hours multiplied by your daily or hourly rate.

Include your business name, address, and UK business details on the invoice. Capture the client's company name, contact address, and their business entity type if invoicing a company. Clearly state the project scope, invoice number, invoice date, and payment deadline to ensure clarity. Add your payment methods accepted—bank transfer, card payment, etc.—and include your VAT registration number if applicable. Reference the project name or website URL being invoiced so both parties can easily identify which work the invoice covers.

Most web design projects benefit from milestone-based invoicing rather than a single invoice at completion. You might invoice upfront for a deposit—typically 30–50% of the total project cost—upon project start, a second invoice at design approval, and a final invoice upon launch. This approach provides cash flow predictability and reduces the risk of non-payment for completed work. Clearly communicate your payment schedule to the client before work begins, and reference milestones on each invoice so the client understands which project stage they're paying for.

Yes—many web design invoices include ongoing support and maintenance fees separate from the initial project cost. These might cover monthly hosting management, security updates, content revisions, or performance monitoring charged as a recurring monthly retainer. Clearly separate project-based fees from retainer charges on your invoice template so clients distinguish between one-time deliverables and continuous services. Specify the scope of your retainer agreement and the exact amount due each month to avoid confusion about what ongoing support includes.