Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

Invoice Like A Pro: Examples and Best Practices

Your invoice should be prim and proper, so that you can get paid by your clients efficiently. While invoicing is not a fun task, it’s a necessary one: by keeping clients informed of your expectations, you will get paid punctually and reinforce your professionalism. After going over some best practices for creating invoices, we’ll review some great (and not so great) online invoicing tools, so that you can spend less time creating invoices and more time doing the things you love! [Content Care Dec/02/2016]

You may want to take a look at the following related posts:

So here are some general guidelines, best practices and examples that will help you make sure your invoices are up to spec.

1. Their Details and Yours Link

This is Mickey Mouse stuff, but you can’t afford to forget it. In addition to the client’s address, make sure to include the name of the client’s contact person who handles your account! A company with three employees can figure out what you’re doing; but in big companies, invoices get misplaced, especially if there’s confusion over who belongs to which project.

You’ll also need your company name, your name, address, telephone number and email address. If they have any questions about the charges, contacting you should be as easy as possible.

Design by Nancy Roy Creative | Full view5

nancy roy's invoice6

2. Itemized List of Services Link

People want to know what they’ve paid for. Most people will not pay for something described merely as “Design.” Tell them exactly what they have received: e.g. “Design of three-page static website for Sporting Goods Department.” Be as specific as possible. In five years, would both you and the client know what you meant by your description? Also, specify whether the charge is project-based or hourly.

Design by Hicks Design7 | Full view8

hicks invoice9

3. Include Your Terms Link

When do you expect the client to pay you? What happens if they miss the deadline? To be able to send follow-up or overdue notices or to charge interest, you need a rock-solid paper trail that no one can argue with.

Design by Francisco Inchauste10 | Full view11

Francisco Inchauste's invoice12

4. Let Them Know How to Pay You Link

Do you want a cheque mailed to you, a money transfer, flowers? Be explicitly clear about what you expect and in what form. It is usually best to discuss with the client beforehand their preferred method or to come to an agreement about a method you both like.

If you want a money transfer, provide all the necessary information. Foreign transfers need more than your account number: in some countries, you need your International Bank Account Number (IBAN13) or a Bank Identifier Code (BIC14). International transfers also double-charge you: the client’s bank might charge you $20, and your own bank might charge you another $15 to accept the payment. Make it clear which of you will absorb these charges, and talk it it out with them. PayPal is another option, but you still get charged a percentage of the transaction.

Design by Epic Web Agency15 | Full view16

epic invoice17

5. Numbers and Numbers and Records and Books Link

Referring to “invoice #9048,” rather than “That invoice I sent you last month, I think on a Tuesday,” is much easier to track for both you and your client.

Assign numbers to your invoices systematically, consistently and chronologically. Some people number their invoices by year (for example, 2009043 would be the 43rd invoice of 2009). You could also specify a code for the project. For example, BRAINEOS06 would be the 6th invoice for the braineos project that you’re currently working on. Having an invoice and project numbering system keeps everything in line.

Design by Graeme Duckett18 | Full view19

Graeme Duckett's invoice20

6. Thank Them, and Ask Them to Thank You Link

Money is often a touchy subject, so politeness about it is a good idea. Your clients are paying you money that they’ve earned with blood, sweat and tears, so let them know you appreciate it. You should also invite them to contact you if they have any questions and, more importantly, make it clear that you appreciate their present (and future) business.

Some people also welcome testimonials; for example, by adding, “Let us know how we did. Write a testimonial:” If you’re building your website’s testimonials page or want to complete the feedback loop, this is a great way to get clients to give feedback on your work. If they have suggestions for making the process smoother, it’s also a great opportunity for you to improve.

Design by BGG Design Studio | Full view21

bgg design invoice22

7. Don’t Forget: You’re a Designer Link

Imagine this, you’re at an expensive restaurant. Every detail is perfect: the food was fantastic, the service excellent and the atmosphere rich and plush. Then, you receive the bill, which is printed on cheap paper with low-quality ink. What would you remember about this experience?

Most people spend hours on their website design, business cards and resumes but then use a template for their invoice. The invoice is your last contact with your client, and it should share the attention to detail, branding and style of your other elements. By creating a beautiful, clear invoice, you are saying that you care about the little details.

Most importantly, make sure you have all the necessary information. Make sure there are no spelling mistakes and that your spacing is consistent. Customize your invoice as much as you can. Your logo is a must, but colors and a style that match your other branding items will make it a joy to pay (well, as much as is possible).

Design invoice23
A vintage UK design from the year 1936. In some situations it may be worth considering sending a nice vintage design to your customer. Source24.

The invoice is a boring document, and one often neglected. Andy Clarke from Stuff and Nonsense25 has had “fix up my invoice” on his to-do list for 10 years. This was a fairly typical response from many I had asked!

Jon Hicks lamented that, “The problem is that a lot of tools for invoicing make it quite hard to customize the template. I use Billings26, which is a great app, but doing basic things like getting elements to line up require a pound of flesh!”

Further Invoice Design Examples Link

Whether you’re using invoice software or designing your invoice from scratch, creating a beautiful invoice is possible. Here are a few examples.

Design by Chase (holdsnowater)27 | Full view28

Design invoice29

Design by Cameron McEfee30 | Full view31

cameron mcefee invoice32

Design by Thomas Maxson | Full view33

epic invoice34

Design by Microspective | Full view35

Microspective's invoice36

Design by Julie Fitzgerald | Full view37

julie's design invoice38

Design by Stereotypes39 | Full view40

stereo design invoice41

Design by Veerle Pieters for Devia42 | Full view43

Design invoice44

Design by Ole Martin Buene45 | Full view46

DEM's invoice47

Design by Impulse Studios48 | Full view49

Impulse Studios' invoice50

Design by Sugar Rush Creative51 | Full view52

sugar rush's invoice53

Design by Yummygum54 | Full view55

yummy gum's invoice56

Online Invoicing Roundup Link

Designing and tracking invoices yourself is a lot of work. A lot of online invoicing applications would save you much time and keep you organized (especially designers like me, who would lose their head if they forgot to attach one!). Hundred of online services are out there. Here, I’ll review seven apps based on their ease of first time use, cost, customizability of the templates, usability and more.

Quickbooks Online57 Link

quickbooks logo58

  • Cost?
    From free to $34.95 per month.
  • Free option?
    Yes, for up to 20 customers. And a free trial is available.
  • Customized invoice design?
    two stars
    Changing the logo is a convoluted process (I ended up using Help, which detailed a six-step process to get to it), and the logo ends up only 1 square-inch. You can choose between about 13 different templates, but I didn’t like any of them. You can change the font and size of various elements (such as the title), which was nice, but the placement of some of the items left a lot to be desired.
  • Time to create a customized invoice?
    The first time, I gave up in frustration. It wouldn’t let me set up a UK address, so I set up a hypothetical business, an option it allowed. The second time I pretended to have a business in Beverly Hills 90210 and managed to get in. It still took me about 20 minutes to get it together, having discarded my saved invoice a few times after trying to customize it.
  • Usability?
    one star
    The landing page is okay, but the app itself is a bit crowded and disorganized. It tries to show you where quick start items are, but I felt lost. It is inconsistent too: some pages have an ugly brown header, while others had a newer design.
  • Recurring payments/actionable late payments?
    Yes/Yes. It shows a list of overdue invoices, and an automated email service has just launched.
  • Other accounting features?
    You can track everything, I’m sure, but could I find anything? Would I even want to now?

Other pros?
It’s probably easy for people who are familiar with QuickBooks, because you can import existing books. It seems to solve every conceivable problem, so if you have very particular needs, this might be best for you.

Other cons?
This application immediately made me angry and frustrated. It also can’t be used on Firefox on the Mac (but does work with Safari) or in any country outside the US.

Simplify This59 Link

Simplify this logo60

  • Cost?
    From $9 to $29 per month.
  • Free option?
    Free trial.
  • Customized invoice design?
    one star
    You can add a logo, but I couldn’t find any options for changing color or layout or even find a preview.
  • Time to create a customized invoice?
    I gave up after 25 minutes.
  • Usability?
    one star
    The logo is okay, but the spacing isn’t super-clean or consistent, and I was confused by which items were associated with which accounts and how to actually generate an invoice.
  • Recurring payments/track late payments?
  • Other accounting features?

Other pros?
It offers a lot of interaction: e.g. each item gives you a pull-down menu, where you can edit and set as “Contacted,” “Lost” and “Change to customer,” but I’m unsure what any of these are for.

Other cons?
Maybe I’m not very good at this, but I couldn’t figure out how to do anything. It shows a “How to” page before the interface; but, of course, I didn’t read it, and then couldn’t figure out how to get back.

Curdbee61 Link

Curdbee logo62

  • Cost?
    Free, or upgrade for $5 per month.
  • Free option?
    Substantial amount of features for free.
  • Customized invoice design?
    three stars
    You can add your own logo and change the header color. The design is decent but very limited.
  • Time to create a customized invoice?
    Five minutes.
  • Usability?
    four stars
    Quite well designed and easy to use. A few things required extra clicks, but it never lost me.
  • Recurring payments/actionable late payments?
    Yes/Turns red, but is not actionable.
  • Other accounting features?

Other pros?
I was pleasantly surprised by this little app. It creates a decent invoice and does it simply. It also has strong integrations with PayPal and Google Checkout to make payments even easier! And upgrading is inexpensive.

Other cons?
You get PDF functionality only with the upgrade; but at only $5 per month, it is definitely affordable!

Freshbooks63 Link

Freshbooks logo64

  • Cost?
    From free to $149 per month.
  • Free option?
    Yes, a substantial number of features for few clients.
  • Customized invoice design?
    five stars
    Limited. You can add your logo and choose between two plain design options, which look a bit like Microsoft Word templates.
  • Time to create a customized invoice?
    Five minutes.
  • Usability?
    five stars
    Nice and clean. You can also partly customize the colors and replace the logo with your own. Easy to navigate.
  • Recurring payments/track late payments?
    Yes/Yes (can be automatically sent by email.
  • Other accounting features?
    You can track expenses and create reports.

Other pros?
It has great, brief explanations for new users. You can customize the whole application to match your brand and specify permissions on tabs for clients and employees. Seems to scale well for big businesses. It also integrates 10 popular payment gateways.

Other cons?
I couldn’t figure out how to change my currency for individual clients. I might have missed it, but it wasn’t immediately obvious to me.

Less Accounting65 Link

Less accounting logo66

  • Cost?
    From free to $24 per month.
  • Free option?
    Yes, it has some invoice and reporting features for free, and a trial offer.
  • Customized invoice design?
    four stars
    You must create a template to make an invoice. You can add a logo, choose between three different layouts and change the colors.
  • Time to create a customized invoice?
    Five to ten minutes.
  • Usability?
    four stars
    Simple and easy to use. Awkward placement of some elements, such as the permanent bar at the bottom, but you get used to it after 10 minutes.
  • Recurring payments/actionable late payments?
    Yes/Not yet.
  • Other accounting features?
    Yes, you can track your business expenses here.

Other pros?
Getting started is easy because things behave as you would expect. It also integrates with 37 Signals’ management tools, FreshBooks and more.

Other cons?
When I wanted to create my first invoice, a template wasn’t available, so I created one, but upon returning, I found all of the information I’d entered so far for that invoice was gone! I hate re-entering data in forms (even if only for a minute).

Free Agent67 Link

Free Agent logo68

  • Cost?
    $20 per month, with discounts for yearly subscription and referrals.
  • Free option?
    Free trial, but won’t let you do much until you register your bank account.
  • Customized invoice design?
    four stars
    You can add your own logo and choose between seven attractive templates. You can’t change the color, but I found a template I was happy with.
  • Time to create a customized invoice?
    Took at least 10 minutes; I couldn’t figure out how to get back into it because it required my bank details.
  • Usability?
    four stars
    Well designed and easy to use. Once I got around bank account entry problem, it was great.
  • Recurring payments/actionable late payments?
    Yes/It shows a list of overdue invoices, and an automated email service is currently in development69.
  • Other accounting features?
    You can track all business expenses and do your business accounting.

Other pros?
Clear navigation and plenty of explanation for first-time users, with pull-down help bars in case you need them. You can also upload bank statements to track your invoices and expenses against your bank account. And you can customize the front page’s appearance.

Other cons?
Because I was just testing this app, I didn’t want to enter my bank account details. It’s a great feature, but for those who don’t need it or just want to play around, it’s annoying.

Invotrak70 Link

Invotrak in Invoice Like A Pro: Examples and Best Practices71

  • Cost?
    Four options, from free to $45 per month.
  • Free option?
    Yes, but you can’t add a logo, and only 2 invoices, and two clients per month.
  • Customized invoice design?
    Two Stars in Invoice Like A Pro: Examples and Best Practices
    They have the option to add a logo if you’re upgraded and the choice between 5 different template styles. They are very plain though, and non-customizable. I personally don’t like them at all!
  • Time to create a customized invoice?
    Five minutes.
  • Usability?
    Three Stars in Invoice Like A Pro: Examples and Best Practices
    It’s okay. Most things are easy enough to figure out, but they seem to have some weird ways of getting to where you want to go. Not a bad experience but not exactly drool worthy.
  • Recurring payments/actionable late payments?
    No/Not that I can see. It turns the line red if it’s overdue, but there’s no actionable things here.
  • Other accounting features?
    It has a punch-in system for tracking time.

Other pros
They make an effort to add helper text along the way, but I didn’t notice it until 15 minutes in.

Other cons
It doesn’t auto number the invoices, so you have to remember what the last invoice number you gave a project.

Blinksale72 Link

blinksale logo73

  • Cost?
    From $6 to $24 per month.
  • Free option?
    A 30-day trial is available (a credit card is necessary).
  • Customized invoice design?
    five stars
    Nice templates, but you can also create your own CSS-based version! Yay!
  • Time to create a customized invoice?
    Five minutes.
  • Usability?
    four stars
    Very nice and easy to use.
  • Recurring payments/actionable late payments?
    Yes/Yes. It has a customizable email message for overdue notices. You can view all of your overdue invoices in one place and send each with one click. You also get history of when you sent your reminders.
  • Other accounting features?
    You can receive Blinksale invoices from other companies you purchase from.

Other pros
A lot of explanation for new users, and the input fields show examples of data, making it easy to see what to do next. It integrates with Basecamp and PayPal. And sent invoices can be linked to your client’s own Blinksale account.

Other cons
You can’t test this application without submitting your credit card details, even for the free trial. You also can’t create PDFs on the “Bronze” plan (the ideal plan for part-time freelancers). Finally, it doesn’t automate the numbering of your invoice IDs (although it tells you your last one).

You may be interested in the following related posts:


Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5 /wp-content/uploads/images/invoice-design/nancy.jpg
  6. 6 /wp-content/uploads/images/invoice-design/nancy.jpg
  7. 7
  8. 8 /wp-content/uploads/images/invoice-design/hicks.jpg
  9. 9 /wp-content/uploads/images/invoice-design/hicks.jpg
  10. 10
  11. 11 /wp-content/uploads/images/invoice-design/inc.jpg
  12. 12 /wp-content/uploads/images/invoice-design/inc.jpg
  13. 13
  14. 14
  15. 15
  16. 16 /wp-content/uploads/images/invoice-design/epic.jpg
  17. 17 /wp-content/uploads/images/invoice-design/epic.jpg
  18. 18
  19. 19 /wp-content/uploads/images/invoice-design/duckett-full.jpg
  20. 20 /wp-content/uploads/images/invoice-design/duckett-full.jpg
  21. 21 /wp-content/uploads/images/invoice-design/hello.jpg
  22. 22 /wp-content/uploads/images/invoice-design/hello.jpg
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28 /wp-content/uploads/images/invoice-design/retro.jpg
  29. 29 /wp-content/uploads/images/invoice-design/retro.jpg
  30. 30
  31. 31 /wp-content/uploads/images/invoice-design/mcfee.jpg
  32. 32 /wp-content/uploads/images/invoice-design/mcfee.jpg
  33. 33 /wp-content/uploads/images/invoice-design/tmax-big.jpg
  34. 34 /wp-content/uploads/images/invoice-design/tmax-big.jpg
  35. 35 /wp-content/uploads/images/invoice-design/micro-full.jpg
  36. 36 /wp-content/uploads/images/invoice-design/micro-full.jpg
  37. 37 /wp-content/uploads/images/invoice-design/julief.jpg
  38. 38 /wp-content/uploads/images/invoice-design/julief.jpg
  39. 39
  40. 40 /wp-content/uploads/images/invoice-design/stereo.jpg
  41. 41 /wp-content/uploads/images/invoice-design/stereo.jpg
  42. 42
  43. 43 /wp-content/uploads/images/invoice-design/devia-big.png
  44. 44 /wp-content/uploads/images/invoice-design/devia-big.png
  45. 45
  46. 46 /wp-content/uploads/images/invoice-design/dem-full.jpg
  47. 47 /wp-content/uploads/images/invoice-design/dem-full.jpg
  48. 48
  49. 49 /wp-content/uploads/images/invoice-design/imp-full.png
  50. 50 /wp-content/uploads/images/invoice-design/imp-full.png
  51. 51
  52. 52 /wp-content/uploads/images/invoice-design/sugar.jpg
  53. 53 /wp-content/uploads/images/invoice-design/sugar.jpg
  54. 54
  55. 55 /wp-content/uploads/images/invoice-design/yum.jpg
  56. 56 /wp-content/uploads/images/invoice-design/yum.jpg
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74 /2009/10/06/freelance-contracts-dos-and-donts/
  75. 75 /2009/10/01/how-to-respond-effectively-to-design-criticism/
  76. 76 /2009/10/15/identifying-and-dealing-with-different-types-of-clients/
  77. 77 /2009/10/11/how-to-persuade-your-users-boss-or-clients/

↑ Back to top Tweet itShare on Facebook


Kat Neville is a freelance Canadian web designer (living in the UK) who is constantly coming up with too many ideas for new websites. She also loves arts and crafts, gardening and going on adventures. You can find her design work at

  1. 1

    Great post guys. Lots of inspiration and tips to find in these invoices. Thanks for mentioning us too ;)

  2. 2

    No! Invoices have to be as ugly as possible = Olde and still valid knowledge of a designer.

    But if you like a well-designed invoice with a lot of wonderful details, the kerning of the figures of the total amount thus for instance, your client can study and enjoy, then go for it! Don’t forget to give a little space to the dollar-sign, so your client can realize it is real money.

  3. 4

    Hey folks, nice post but I’m missing Bamboo Invoice , a Invoicing System written in PHP built on CodeIgniter and developed by Derek Allard, an open Source System to manage your clients/invoices


    • 5

      Yes, Bamboo Invoice ROCKS! I’ve been using it now for about a year and I must say that mr. Derek Allard has done an excellent job!!!

  4. 6

    I definitely love the idea of seeing the invoice as a piece of design. Great inspirations so far – I am going review my invoice design for sure quite soon.

  5. 7

    I was looking for create ideas like those to remake my invoice!
    I’m using On The Job from Stunt Software and i recommand it to create automatically your bills..
    Keep good work!

  6. 8

    Great post and samples! Thanks for featuring my invoice! One correction though. The link to my website says BGG Design Studio. And the name is BBG Design Studio. No big deal :) Thank you so much for including my design. I’m super excited!!!!!!

    • 9

      Congrats on the feature!

    • 11

      Is it still possible to change from BGG Design Studio to BBG Design Studio? Please? Thanks :)

      • 12

        Do you use a billing program or a set template with your invoice, or do you create and send each one individually? I love the custom look of the invoice, but I wonder about manageability with multiple clients and/or a invoicing/accounting/book keeping software.

        How does that work for you/or anyone else that was featured here with these great designs?

        Currently, I do a custom designed quote as a pdf and send boring paypal invoices when it is time to collect and keep records of transactions/payments in email or in writing when I meet face to face with clients.

        I am not thoroughly thrilled with my system and would love tips, if anyone reading this post has any to offer, I’d be much obliged. Or you can reach me via email to offer suggestions if you feel so inclined!!



        & great post. I’m so inspired but a little halted on how to go about making changes!!



  7. 13

    I use Blinksale for everything.

    It’s pretty much perfect.


  8. 14

    Nice to see this. I redesigned my stale Invoice a few months back, making it less detailed and easier to read. I created mine in INDD and then sent to PDF and created a Form, so I open one, edit any info needed and Password-Protect any changes and send the PDF to the customer. Works like a charm and now my invoice matches my brand’s colors.

  9. 15

    Brian Oberkirch

    November 5, 2009 1:18 pm

    Kat: this is a fantastic write up. I do want to note that you can try Blinksale without entering any CC info. So, simpler to try it out now.

    Thanks again. Good stuff.

  10. 16

    Well rounded post full of great examples and even resources. This was super inspiring and helpful. Thanks!

  11. 17

    Eugenio Grigolon

    November 5, 2009 1:41 pm

    Beautiful words Kat, just what I needed. Thanks a lot for the effort to bring this up!

  12. 18

    that is a very very useful article, i always was wondering about how to make a sexy look invoice to give to the clients, and now i have much more ideas than i ever imagine :)

  13. 19

    You missed the one that I use Creative Pro Office.
    Its free, has excellent project management and time tracking features.
    Invoicing is basic, you can only add your logo.

    I can’t justify a monthly fee for some kind of online solution to billing. I would rather go back to running everything off Excel or stumbling through Quickbooks again.

  14. 20

    i use curdbee and love it.

  15. 21

    I use ZOHO invoice and I love it – simple simple simple

  16. 22

    Nice guys, thanks for featuring our invoice design! Also really like BBG’s invoice design! We’re using an osx app to do our invoices.

    Is it still possible to change Yummy Gum into Yummygum (1 word) ? Thanks ;-)

  17. 26

    Great article Kat! I personally use The Invoice Machine ( for my invoices.

    Clean, efficient and allows for some customisation. The monthly rate isn’t too bad, and it sends automatic reminders / thankyou’s if you want it.

    • 27

      Hi, I didn’t knew about
      Thanks – this seems great!!

      Very nice article – as usual!

  18. 28

    Frederick Luna

    November 5, 2009 2:14 pm

    If you/we are a designer, every little piece of your job needs to represent you as well. great post :D

  19. 29

    as always great post

  20. 31

    “The invoice is your last contact with your client, and it should share the attention to detail, branding and style of your other elements.”

    So true! I use a more traditional style of invoice but after seeing these beautiful examples I’m ready to make some changes, very inspiring.


↑ Back to top