Menu Search
Jump to the content X X
SmashingConf London Avatar

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf London, dedicated to all things web performance.

Invoice Like A Pro: Design 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: info@example.com.” 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?
    Undetermined/Undetermined.
  • Other accounting features?
    Undetermined.

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?
    None.

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:

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2010/04/dealing-with-clients-who-refuse-to-pay/
  2. 2 https://www.smashingmagazine.com/2009/10/freelance-contracts-dos-and-donts/
  3. 3 https://www.smashingmagazine.com/2010/07/renegotiating-the-contract-and-other-tales-of-horror/
  4. 4 https://www.smashingmagazine.com/2013/01/guarantee-income-with-agile-billing/
  5. 5 /wp-content/uploads/images/invoice-design/nancy.jpg
  6. 6 /wp-content/uploads/images/invoice-design/nancy.jpg
  7. 7 http://www.hicksdesign.co.uk/
  8. 8 /wp-content/uploads/images/invoice-design/hicks.jpg
  9. 9 /wp-content/uploads/images/invoice-design/hicks.jpg
  10. 10 http://www.getfinch.com/
  11. 11 /wp-content/uploads/images/invoice-design/inc.jpg
  12. 12 /wp-content/uploads/images/invoice-design/inc.jpg
  13. 13 http://en.wikipedia.org/wiki/IBAN
  14. 14 http://en.wikipedia.org/wiki/ISO_9362
  15. 15 http://epicwebagency.com/
  16. 16 /wp-content/uploads/images/invoice-design/epic.jpg
  17. 17 /wp-content/uploads/images/invoice-design/epic.jpg
  18. 18 http://www.graemeduckett.com
  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 http://www.flickr.com/photos/alistairhall/4011087069/sizes/l/
  24. 24 http://www.flickr.com/photos/alistairhall/4011087069/
  25. 25 http://stuffandnonsense.co.uk/
  26. 26 http://www.billingsapp.com/
  27. 27 http://www.flickr.com/photos/73094372@N00/3506992799/
  28. 28 /wp-content/uploads/images/invoice-design/retro.jpg
  29. 29 /wp-content/uploads/images/invoice-design/retro.jpg
  30. 30 http://cameronmcefee.com/
  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 http://stereotypes.de/
  40. 40 /wp-content/uploads/images/invoice-design/stereo.jpg
  41. 41 /wp-content/uploads/images/invoice-design/stereo.jpg
  42. 42 http://www.flickr.com/photos/lesagestefaan/3702265624/
  43. 43 /wp-content/uploads/images/invoice-design/devia-big.png
  44. 44 /wp-content/uploads/images/invoice-design/devia-big.png
  45. 45 http://www.olem.se
  46. 46 /wp-content/uploads/images/invoice-design/dem-full.jpg
  47. 47 /wp-content/uploads/images/invoice-design/dem-full.jpg
  48. 48 http://www.impulsestudios.ca
  49. 49 /wp-content/uploads/images/invoice-design/imp-full.png
  50. 50 /wp-content/uploads/images/invoice-design/imp-full.png
  51. 51 http://sugar-rush-creative.com/
  52. 52 /wp-content/uploads/images/invoice-design/sugar.jpg
  53. 53 /wp-content/uploads/images/invoice-design/sugar.jpg
  54. 54 http://www.yummygum.nl/
  55. 55 /wp-content/uploads/images/invoice-design/yum.jpg
  56. 56 /wp-content/uploads/images/invoice-design/yum.jpg
  57. 57 http://oe.quickbooks.com/
  58. 58 http://oe.quickbooks.com/
  59. 59 http://www.simplifythis.com/
  60. 60 http://www.simplifythis.com/
  61. 61 http://curdbee.com/
  62. 62 http://curdbee.com/
  63. 63 http://www.freshbooks.com/
  64. 64 http://www.freshbooks.com/
  65. 65 http://lessaccounting.com/
  66. 66 http://lessaccounting.com/
  67. 67 http://www.freeagentcentral.com/
  68. 68 http://www.freeagentcentral.com/
  69. 69 http://community.freeagentcentral.com/freeagentcentral/topics/feature_request_send_automated_payment_reminders_overdue_reminders
  70. 70 http://invotrak.com/
  71. 71 http://invotrak.com/
  72. 72 http://blinksale.com/
  73. 73 http://www.blinksale.com/
  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 safetygoat.co.uk.

  1. 1

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

    2
  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
  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

    Regards.

    0
    • 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!!!

      0
  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.

    0
  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!

    0
  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!!!!!!

    0
    • 9

      Congrats on the feature!

      0
    • 11

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

      0
      • 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!!

        ladylola25(at)gmail(dot)com

        Thanks!!

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

        :-)

        Lola

        1
  7. 13

    I use Blinksale for everything.

    It’s pretty much perfect.

    <3

    0
  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.

    1
  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.

    0
  10. 16

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

    1
  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!

    0
  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 :)

    0
  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.

    0
  14. 20

    i use curdbee and love it.

    0
  15. 21

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

    0
  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 ;-)

    0
  17. 26

    Great article Kat! I personally use The Invoice Machine (www.invoicemachine.com) 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.

    0
    • 27

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

      Very nice article – as usual!

      0
  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

    0
  19. 29

    as always great post

    0
  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.

    0
  21. 32

    Thanks…This post is amazing… It’ll be great if you guys can have a post for proposals…cause that is actually the main core thing from which a client analysis you and get to know your actual worth…

    0
  22. 33

    Ronnie Morales

    November 5, 2009 2:34 pm

    Thanks for a great post. Now I’ll have to update my invoice.

    0
  23. 34

    Hey folks as it was mentioned before it would be nice to additionally add open source solutions. Bamboo-Invoice for example is one of these solutions. Anyone knows another nice open source solution?
    KR Bijan :)

    0
  24. 35

    Max Quattromani

    November 5, 2009 4:26 pm

    Got to give a mad shout-out to On The Job from Stunt Software. You will be hard pressed to find a more intuitive time-tracking software program, and the customer service I have received from them was amazing.

    0
  25. 36

    Thanks for this great post. These impressive invoice designs will make me redo my own templates soon!

    0
  26. 37

    sick to see nice invoices !!!!!!!

    0
  27. 38

    I was searching for same kind of article and once again i found it on SM ..
    u rock people .. very inspiring article. I am planning to change my stationary soon ..
    this will really help me !

    0
  28. 39

    Great post – insightful, appreciate the ‘Round Up’…

    0
  29. 40

    Tip: Make sure to check your invoice for adequate language and proper spelling.

    Quote (from Stereotypes sample): “Wir bedanken uns über die Zusammenarbeit mit Ihnen und freuen uns auf eine weitere erfolgreiche Geschäfte mit ihnen.”

    Wuhaa!

    0
  30. 41

    Very nice examples :) I have to create a design for my invoices, this is a good inspiration.

    0
  31. 42

    Great post! I am just missing some software links to offline solutions. I haven’t found anything useful so far.
    You really picked up beautiful samples.

    0
  32. 43

    Don’t forget to putall the legal requirements on the invoice, in Europe this is especially your VAT identification. Your accountant knows the details.

    0
  33. 44

    Very funny: I just redesigned my invoice template two days ago. And now to come right on cue, you publish such a great article on invoicing. I’ll add or change some details again :-)

    0
  34. 45

    great post! I always use paypal but this one of mine is an exception. I’ve been looking for samples but none of them are good. This post is very useful for my reference :D Thank u!

    0
  35. 46

    Simon [billomat]

    November 6, 2009 12:13 am

    Great examples! Love them.
    Just want to mention our online billing service: Billomat (http:://www.billomat.com/), wich sadly is currently only available in german (We’re working on an english version).
    But most of the above examples could be created with the new Word-based template engine of Billomat 2.0

    0
  36. 47

    Lukasz Bachur

    November 6, 2009 1:05 am

    It’s lovely :). The most freaky invoices I’ve ever seen!

    0
  37. 48

    I’ve been exposed to FreshBooks which restricts to 3 clients for their free option, while I’ve discovered CurdBee which enables 20 clients on their free option. Their premium option is still way too cheap compared to the others. I’m hooked…thank you Kat for sharing such vital resources.

    0
  38. 49

    Andy Butterworth

    November 6, 2009 1:27 am

    Very interesting. Is nice to see how other designers do their invoices. The budget/finance/marketing areas of design are an area that are not covered that much on SM and I may address this with an article shortly.

    0
  39. 50

    Awesome, I’m a beginner in all of this and I was just looking for an invoice system and it seems that some of you put real prices, cool:D

    0
  40. 51

    This is a great post. Nice examples. Great inspiration. Would like to see more posts/articles like that.

    0
  41. 52

    I think that invoices should look like invoices. Remember that they are handled by accountants and managers and they’re not necessarily fans of elaborate designs.

    Impress the client with the quality of your work, not with the design of your invoice, which should be clear, readable and look like an invoice and not an ad flier. What if someone discards an invoice because she didn’t even figure it was an invoice in the first place?

    0
  42. 53

    Thanks for featuring FreeAgent.

    Just to clarify, FreeAgent does have more invoice customisation capabilities and you can even add your own CSS . In fact one of the invoices you’ve showcased above is a modified version of one of our templates.

    You don’t need to add your full bank details, but because FreeAgent is an accounting system, we do encourage you to start using that side of it also. Perhaps we need to make that process a bit clearer.

    Thanks anyway!

    0
  43. 54

    Fantastic that you got to show some of the great designs and styles top designers are using, really nice open door into the area with the reviews. Great post!

    0
  44. 55

    Some will print and post invoices to clients but a majority will favour the pace and ease of firing their invoices off electronically. I use an online system called Woosabi.com to send and track all my billing.

    Essential Considerations…
    When designing your invoice, consider the impact of it being printed. Does your design demand too much ink? Does you design force multiple page invoices?

    0
  45. 56

    Probably the best article here to date. Excellent pieces of advices.

    0
  46. 57

    Callum Chapman

    November 6, 2009 3:07 am

    Very nice article! I need to design an invoice – I’m currently using a stock one from Adobe.com haha! Where does all the time go?

    0
  47. 58

    Maicon Sobczak

    November 6, 2009 4:14 am

    Very useful post! Help me to make my stuff most professional. Thank you.

    0
  48. 59

    I’d also like to name On The Job. Great program for time tracking and generating invoice, but I’m missing the possibility to print the invoice on your own designed invoice. At least in version 2, haven’t tried v3 though. Other than that, great support and they’re friendly too.

    0
  49. 60

    One word… AWESOME!!! Great inspiration… thanks!!!

    0
  50. 61

    MoshPitPrayer

    November 6, 2009 7:04 am

    Love it! Thanks for sharing ur ideas!

    0
  51. 62

    I use invoicemachine.com. Blinksale invoices look terrible in gmail.

    0
  52. 63

    Great roundup of designs. I would also add: be sure to itemize even the items that you through in gratis, if any, and then deduct their cost. This lets clients know the exact value of things that you might not always charge for.

    0
  53. 64

    Mr. Hicks is too much of a gentleman to point out that his company is called hicksdesign — all one word, rather than two. I’d imagine he’d very much like you to update it, also.

    There you go, Jon – I’ll do your dirty work for you ;)

    0
  54. 65

    Oops, meant to say also that this is an excellent article – an invoice is all part of the work you produce for your client, so is worth taking the time over – it represents you and your company, just like your work does.

    Really great source of inspiration, good job Kat

    0
  55. 66
  56. 67

    wow, thanks for this!

    0
  57. 68

    Excellent post!

    Dan

    0
  58. 69

    £90 for a Scotch Egg. Wow, Pricey

    Great post. ;-)

    0
  59. 70

    Superb and Very Useful post specially if one is looking to set up their own business.

    0
  60. 71

    If someone told me, “There’s a new article on effective, beautiful invoices for Web developers,” I would immediately know that it was from Smashing Magazine.

    In the short time that I’ve been a reader, I have quickly become familiar with this publication’s style. You own your brand so well, that even the subjects are a part of it. Thank you for continuing to be a consistent comfort and inspiration in my workday.

    0
  61. 72

    Thank you very much. Very resourceful. I remember searching for such articles long ago and did not find anything. But now here is it.

    When we have Smashing Magazine, why we need to go to school? Much Much better and its free. ;D

    0
  62. 73

    I totally agree – I’ve been using Harvest for a few months now and love it. The ability to track you’re time via you’re iPhone or a desktop widget is very, very handy. Well worth the $10 per month!!!!

    0
  63. 74

    Yeah I’m surprised, no mention of Billings? It’s an excellent program, if only because I don’t see the purpose in paying $10, $15, $20 a month or more when you can buy a great desktop application for $40, one time cost.

    0
  64. 75

    Wow, it had never occured to me, until viewing all of these great examples, to put “THANK YOU” on my invoices, but now I feel like an ass for not having it! I just went into my invoice template and added a “thanks stamp”. I feel better now.

    Great article.

    A also use the Billings app for Mac and highly recommend it. Their template designer isn’t the most user-friendly thing, but the templates are infinitely customizable.

    0
  65. 76

    I’m curious to know what programs people use to design their own invoices? I am using a sleek but generic invoice through Word… I would like to design a custom one but I’m not sure how to do it while still keeping it easy to edit text!

    0
  66. 77

    Joshua Sortino

    November 6, 2009 3:34 pm

    This is a beautiful roundup of invoices! The best part is that I’m redesigning my company’s invoices this week. The article could not have been timed better!

    0
  67. 78

    Looks like Blinksale’s website doesn’t work?

    0
  68. 79

    This is yet another great artice SM! I feel the need to update my invoice design. I have been procrastanating setting up a proper invoice system (rather than manually) for some time also as I couldn’t be bothered trial and error-ing across the recommended ones. But you have done it for me. Thanks!

    0
  69. 80

    xero.com

    0
  70. 81

    Another amazing article from the Smashing team. Always finding obscure graphic design needs and bringing it back to the forefront. I will be updating my invoice design this weekend!

    0
  71. 82

    Excellent article, to be honest Smashing Magazine is excellent too!

    0
  72. 83

    Carlo Rizzante

    November 7, 2009 6:56 am

    Ehi guys, that’s very inspiring.
    Thank you, definitely I’m going to think about a deep restyling ot my invoces.

    0
  73. 84

    Imad Mouaddine

    November 7, 2009 11:01 am

    Thank you great post!

    0
  74. 85

    I’d like to know what software is used by these talented designers to create these lovely invoices and what the usage is. How do you populate the fields? Do you import vector files into invoicing software?

    I’d love to know if there is an invoicing application that will allow the import of a vector or bitmap background? MS Money Home and Business (which I use, great software–shame they discontinued) does not.

    @Vivian: I love your invoice!!!

    -1
  75. 87

    Keep up the good work.
    Smashingmagazine is great, in addition to my diploma in graphic design, i m always learning and learning from you guys. per example this article.
    Best regards

    0
  76. 88

    I need a invoice system that i can run/install on my own machine/webserver. Smth. like bamboo invoice. Is there anything similar?

    0
  77. 89

    Gotta love the Scotch Egg (expense) in the second one.

    Thanks for the article Kat Neville

    1
  78. 90

    sugarrushcreative

    November 9, 2009 7:53 pm

    Thanks for featuring me! I’m so excited!

    0
  79. 91

    I worked in finance at a big company for a while. Here’s something that you may find useful: when designing your invoices, don’t put any crucial information too close to the edge of the page, and make sure you use dark or bold colors for any text on the page. Big companies will sometimes xerox and scan your invoices numerous times, and if information fades or gets cut off, this could cause a delay in payment (as they’ll have request another invoice from you).

    5
  80. 92

    Nicely done. I was just scouring the net for a good online option. At the moment, I’ve settled with Intuit’s BillingManager.

    Pros: There are a handful of templates which are a snap to customize. Totally free service! Unlimited clients and emails. PDF attachments and CC to one email address is available. Very easy to create line-items for invoices.

    Cons: No advanced template customization. No integration with Paypal or Google Checkout. Using their payment service is expensive.

    0
  81. 93

    You missed to add ZOHO Invoice to the list.

    Believe me….it is the best out there.

    -1
  82. 94

    For those looking for a great invoicing system you should totally check xero.com –

    0
  83. 95

    Francis Thibault

    November 19, 2009 6:28 am

    I’ve started using Bamboo Invoice, I love it! really easy to setup, use and it’s free.

    1
  84. 96

    I like these beautiful collections, thank you

    0
  85. 97

    Stefaan Lesage

    November 28, 2009 6:43 am

    Hi guys,

    I just found this post when checking some stats on our Flickr page, and I’m delighted to see that our Devia Invoice is being featured here ! The design was actually done by Veerle Pieters from Duoh! (www.duoh.com).

    What I did was create a Billings invoice template based on the design supplied by Veerle. I have to say I couldn’t do everything she designed, but the result is pretty close to the original design. It did take me a while to get it right though :-)

    Regards,

    Stefaan

    0
  86. 98

    Some v cool designs here. Very inspiring. Thanks.

    0
  87. 99

    A very nice detailed post regarding invoicing. I am a web developer and not much of a designer but after reading this article I will surely improve the look and feel of my invoice :) Thank you!

    1
  88. 100

    Thank you – great article! You’ve made me look at invoicing in a whole new light ~ will take some of your great suggestions and put them to good use!

    0
  89. 101

    REALLY nice designs… On the back of mine I make sure to add the Graphic Artist guild seal as well as my terms and conditions.

    gee, looking at all these invoices and hourly rates I can help but feel bad for all the designers who get ripped off by crowd sourcing companies like “Genius Rocket” and “crowdSPRING” who never get to send their invoices because they were lured into the guise of a con-test…

    0
  90. 102

    Hello,

    very interesting..and also funny…the right mix. As a translation agency, we have sometimes quite wired invoice coming from ours translators…I will make a post concerning your article so relevant!

    0
  91. 103

    This is a great post. I would love a follow-up article on the best invoicing software mentioned in the comments.

    0
  92. 104

    i am agree, one of Best Invoicing application in The Invoice Machine , simple and Maximum User-friendly as same like Apple Mac OSX system ;)

    0
  93. 105

    Design Earth

    April 9, 2010 11:39 am

    I’m totally inspired. Thanks for nice post

    0
  94. 106

    Since a year I’m with Freshbooks, and I like it. It possible to keep track of my time managment, add staff. And it even tells me what other company’s are doing in the same profession.

    Sad thing about Freshbooks, it’s not possible to customize your invoice (so it’s not possible to upload a HTML template) but it seems no invoice tool can do that..

    0
  95. 107

    Great job guys, keep up the good work!

    0
  96. 108

    Great article…thanks for all the attractive examples, especially.

    The bit about numbering caught my eye, as I’ve come up with a really workable invoice numbering system. I give each client a two- or three-letter code, based on their name. For example. John Smith Publications Inc. would be JS. The number part of the number is the date of the invoice expressed yearmonthday in numerals. Today’s invoice to John Smith would be JS100803. In the rare case that I send more than one invoice to the same client on the same day, I simply add an A, B, C etc. to the end of the number.

    Sorting invoices in the Finder on my Mac then becomes a really efficient system. I keep all invoices together in one folder. Invoices automatically sort themselves by client and then by date because of the file naming convention I’ve used. Once an invoice is paid, I simply label it with a colour, and that way I have an at-a-glance way to see how I’m doing with payments. I’ve even started adding the value of the invoice to each filename after I’ve emailed it to the client…that can be helpful too.

    3
  97. 109

    ohhh…god still exists…i can’t even begin to explain the relief i got cos of this post..
    i have driven myself insane day after day to find good invoice examples…for my boyfriend’s new solo projects….i didn’t come across any sample which was remotely interesting..i was about to give up thinking maybe there was no such thing as a creative and impressive invoice example..

    And then I stumbled upon this post just by chance..just don’t know how I came across this
    page..but thank heavens I did…I could have cried with happiness and relief at that moment…this is such a blessing for me..it probably looks like i’m going overboard over this…but i dont care cos i’m just so relieved and super thrilled…
    I’m definitely gonna tell all my friends to visit this site once and lay a bet with them that they’ll never visit or look for other site after they visit this page…

    Thanks so much for this article…its absolutely brilliant..
    :)

    0
  98. 110

    “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?”

    I’d remember the food, the service and the atmosphere, like everyone else.

    “Oh, it was a lovely restaurant, the food was sublime and the service was truly magnificent”,
    “The atmosphere? Exquisite darling!, although when the waiter brought me the bill I couldn’t believe my eyes, it was printed on cheap paper with low quality ink, I shant be dining in that establishment again, I can tell you”

    Get a grip.

    3
  99. 111

    Just what I was looking for. Thank you very much

    0
  100. 112

    hyyee i need a BOUTIQUE INVOICE can any body help me how can i make it……???

    0
  101. 113

    Just the post I was looking for, I appreciate the great list of invoicing tools and breakdowns by price, usability and custom features. Thanks!

    0
  102. 114

    this is really great stuff overall, just wanted to say thanks

    0
  103. 115

    Anthony Everette

    July 4, 2011 7:13 pm

    Great article and some fantastic designs. For a minute I thought they were just a tease and I wouldn’t be able to create anything near as stunning. Thankfully though I got far enough down to the recommendations and tried curdbee. The only problem I have is that the free version sends your invoice laden with advertising. Ah well, you get what you pay for (or dont).

    Thanks again.

    1
  104. 116

    Georgina Nibbet

    July 18, 2011 1:27 pm

    Great looking invoice form guidelines to help small businesses manage their finances. I referenced these before moving onto the templates that I found here.

    0
  105. 117

    I’m a designer and just started using tallyzip.com. I used to use freshbooks, but they were missing the accounting functionality. Tallyzip brings is all together, which is rather nice.

    1
  106. 118

    great guide, made a fab invoice. do we have a page where we can upload our invoices and rate? would be nice for feedback!

    0
  107. 119

    Wow! What a helpful page – I’ve bookmarked it. The sample invoices are FANTASTIC!!! Thanks.

    0
  108. 120

    Lucas Degen

    June 6, 2012 10:00 am

    This is one of my favorite Smashing Magazine articles. It’s try, an invoice could be your last contact with a client. Thank them for working together. And work on your branding.

    I used to work with freshbooks, now I work with paymo.biz

    0
  109. 121

    Not only have you listed a few invoicing applications, but gave design examples that can be used as templates for invoicing. Nice work!

    I’d like to add our own invoice creator to your list: BeachCandy (beachcandynow.com). We’re all about simplicity, and might appeal to freelancers who want simple invoicing.

    Thanks!

    0
  110. 122

    This was very useful, even 3 years later, thank you!

    I hope Cameron McEffee found his typo–misspelled received–because that is a gorgeous type job he’s got going on.

    Stereotypes is my No. 1 favorite in this post, absolutely sublime.

    0
  111. 123

    Jack Avetisyan

    June 8, 2013 5:14 pm

    Nice article but in all honesty no one cares what your invoice design looks like. Just make it clean, simple and easy to follow. No one is going to frame this. I use freshbooks for all my invoices and it does the job.

    0
    • 124

      True, but specially as a designer it IS part of your corporate design and should imho be an example of your abilities, like every piece of business communication.

      0
  112. 125

    Great roundup & examples!

    But to me it’s funny to see how a lot of the things recommended as “best practices” here are actually legally mandatory to be on an Invoice in my country (that is Austria). :D

    1
  113. 126

    Just the kind of advice I was looking for, thank you!

    0
  114. 127

    Thanks a million for this! Love that it’s dense with value and visuals. Rare to come upon a post so relevant and charming.

    0

↑ Back to top