40 Fantastic Pricing Tables for Your Inspiration

Posted in Inspiration4 years ago • Written by 38 Comments

When selling a product or service online, a pricing plan is a not simply a portal the user has to click through to purchase their item. It allows you, as the merchant, do drive you’re deal home, and provide alternative deals that will secure you further purchases.

It follows then, that the pricing plan’s on your website shouldn’t be neglected, and should offer the most important information to the end-user, in an intuitive easy-to-use way. Below are 40 fantastic examples of pricing tables / plans that show how successful companies are engaging their users in their pricing plans, from simple tables, to feature lists, to make your own plan tools.

Each example briefly examines the pricing plan, so you can see for yourself what it is doing.

One Hub

Onehub goes with a common column layout with a highlighted column displaying their most popular plan.

Squarespace

Squarespace makes use of simple, yet bold icons, alongside beautiful typography to create a beautiful column style pricing table.

Bigcartel

Big cartel uses simplicity and elegance to get its pricing plans across, as well as subtly highlighting what the free plan misses out.

Shopify

Shopify uses a bold approach with a staggered gradient of color from green to blue to show the progression of their plans. Simple ticks are used to show the features of each plan.

Formstack

Formstack puts emphasis on its popular plan by giving it bright colours compared to its sister grey plans.

Online Form Builder

Notable

Notable uses a very simple and easy to read table, with a larger button, and wide stroke around their popular plan.

Mailchimp

Due to Mailchimps way of pricing, their tables appear in different formats, split into different sections.

Live Stream

Livestream keep their pricing table relatively clean, with more information available upon hovering over sections.

Wuffo

Wuffo uses its playful font and bright colours to attract you into their pricing table.

CrazyEgg

Like others, CrazyEgg focuses on their popular plan with the use of colour compared to grey columns.

Highrise

Highrise uses a simple and easy to read table, with a larger button, and wide stroke around their popular plan.

PulseApp

PulseApp uses three simple columns with very little visual graphics to emphasis the sign up buttons.

LighCMS

LightCMS has an absolutely stunning pricing table which hits you with its bright gradient of colour, but beautiful simplicity. The table is left uncluttered with common features between the plans all listed below.

Cobblestone

Cobblestone differs from some other pricing tables in highlighting its popular plan with a dark blue again grey, compared to bright colours against the light grey.

Backboard

Backboard draws its users in by highlighting plans with a 14day free trial, and driving home pricing after this.

Invoice Machine

Invoice Machine keeps to simplicity by using a simple table, and ticks to show exactly what features each plan comes with.

PlanHQ

PlanHQ’s simple table gets across simple information on the products information, and puts emphasis on the sign up buttons.

Concept Share

Like others, Concept Share puts it’s emphasis in colour on the free trial plan, to attract users into the features of the program by using it rather than tabling all the features.

Mediatemple

Mediatemple opts for less of a table approach, and more of a box approach showing three of their plans, with learn more buttons.

Mailer Mailer

Mailer Mailer emphasises its preferred plan with a “Best plan” ribbon, and a contrasting coloured button.

Litmus

Litmus uses a progression of images to emphasis where the quality is in their pricing plan with a gradual increase in screens in the heading images from left to right.

Sipgate

Sipgate emphasises its free plan with a different colour to the premium add-ons.

Yootheme

Yootheme emphasises the gold plan by using gold colours as well as brown in its larger centred popular plan box.

The Resumator

The Resumator puts emphasis on its sign-up buttons, with its featured plan receiving a border, and different coloured button for emphasis.

Poll Everywhere

Poll Everywhere uses a feature table with prominent sign up buttons to showcase it’s different poll plans.

Box

Box.net uses takes use of white and blue beautifully in its pricing table, subtly highlighting their popular plan by raising it above the rest ever so slightly.

Clicktale

Clicktale takes a different approach than other sits by ordering its most expensive plan far left, and the cheapest far right; a complete contrast to the normal.

Usabilla

Usabilla goes with a simple table with two bright colours, green and orange highlighting the price, and the sign up button.

Cannybill

CannyBill has opted to make user interaction more noticeable, with table columns zooming on mouse over.

NewsGroupDirect

This site opts to feature its most expensive plan on the left, highlighted with a bright green to instantly attract the eye.

Typekit

Typekit opts to make its popular plan stand out by subtly increasing the size of everything in the column.

Podcast people

Podcast people follows in shopify’s footsteps by using the gradient of columns from green to blue.

Vflyer

The downward arrows used by vFlyer help to draw the user’s eye down the page to the features, and beyond to the sign up buttons. Simple but effective.

PandaStream

Due to panda’s business model, they have to opt for custom pricing decided by the user. Their easy to use drag bar is beautifully implemented.

Groupsite

Groupsite uses the bright contrast of red and dark blue to attract your eyes through their pro pricing plan.

Browser Mob

Similarly to Panda, Browser Mob is more of a custom pricing plan, so with so many to offer, they’ve made it easier to choose, by allowing the user to input what they need, and the result showing their most suited plan.

Glasscubes

Glasscubes makes sure emphasis is strong on signing up, offering you the opportunity to do so at the bottom, and top of each pricing column. Their buttons aren’t too bright, so you don’t feel pushed into it.

Hellothemes

Hellothemes subtly draws focus to its featured plan with a heightened column, and beautifully done left and right shadow that add’s a bit of depth.

Varto

Varto opts for a vertical pricing table for its 3 pricing plans that render beautifully with some great imagery.

Further Discussion

This is simply a list of websites that I’ve come across, with impressive pricing tables in lets say, the last month. I’m certain there are plenty more fantastic examples out there, so if you know of some, don’t hesitate to discuss them below!

If you enjoyed this article, get email updates (it's free).

Join over 77,235 Subscribers Today.

20 Written ArticlesWebsite

Matt is an 18 year old web designer from Scotland, UK. He loves creating beautiful websites across different platforms. High on his things to learn fully are Jquery and php. He is extremely excited by css3 and html5 and can't wait to see them rolled out fully. To learn more about Matt, follow him @QwibbleDesigns, or check out his portfolio.

38 Comments Best Comments First
  • george

    Tuesday, May 25th, 2010 11:09

    10

    Hmm, Shopify and Hellothemes are exactly the same.. They do look cool though.

    +3
    • Matt Corner

      Tuesday, May 25th, 2010 12:35

      13

      They do indeed. I’m surprised shopify haven’t done something about it tbh =)

      0
  • Ritwika Ghosh Bhattacharya

    Wednesday, May 26th, 2010 08:01

    16

    Thanks alot…. I am wrking on a project where i hv to create a pricing table… This has inspired me to create a creative pricing table :)

    +1
  • Nathon

    Sunday, July 4th, 2010 16:26

    22

    I’m working on a pricing table, but it’s not a graded scale of one product. It’s four distinct products. What term do designers use for that kind of design? It’s not a pricing table or a features list.

    Thanks,
    Nathon

    +1
  • shevaa

    Tuesday, May 25th, 2010 06:31

    1

    nice collections… really helpful for me….

    0
  • Jogos Gratis

    Tuesday, May 25th, 2010 19:58

    14

    I actually used some of those to create the table for my hosting site. I spent a lot of time looking for the perfect one. However, in the end I decided to mix some of them instead of “steal” someone’s work :)

    0
  • jeprie

    Sunday, May 30th, 2010 12:29

    17

    Very nice. I never design this kind of pricing table. I personally love the Live Stream.

    0
  • mkjones

    Tuesday, May 25th, 2010 11:42

    11

    Typo on ‘LighCMS’ ;)

    I needed something like this, thanks for the inspiration.

    0
  • imran khan

    Tuesday, May 25th, 2010 10:07

    3

    very very beautiful indeed!! thanks for sharing

    0
  • Eko Setiawan

    Tuesday, May 25th, 2010 08:16

    2

    Give me some inspirations, thanks :)

    0
  • inspirationfeed

    Tuesday, May 25th, 2010 12:23

    4

    Great inspiration, thank you.

    0
  • Federica Sibella

    Tuesday, May 25th, 2010 14:32

    5

    Nice post, really some inspiring examples there, thank you.
    Maybe you would like to look at our pricing table here: http://www.festeggiano.it (click on “Quanto costa” tab). Hope you’ll like it!

    0
    • Dainis Graveris

      Tuesday, May 25th, 2010 17:08

      9

      Thanks – I couldn’t find and pricing table at your site, maybe because of language..bet how to find yours?

      0
  • Tyron Bache

    Tuesday, May 25th, 2010 10:53

    7

    My fav is the Live Stream. Thanks for the inspiration!

    0
  • nuinosis

    Tuesday, May 25th, 2010 10:25

    6

    Nice roundup Matt.
    Some of them, like Shopify are just beautiful ;),
    Thanks!

    0
  • Andrew Stolpe

    Tuesday, June 1st, 2010 07:34

    19

    I’m creating a website that will provide various packages for hosting. I stumbled upon this article and it definitely got my creative juices flowing. I think I’m going to adapt a style very similar to Shopify’s. I really like the gradients and I feel that blues and greens are great colors to get a person to sign up for something. Thanks again!

    0
    • Matt Corner

      Wednesday, June 2nd, 2010 11:59

      20

      Then again, I read a study the other day that users are something like 30% more likely to click a red button =)

      0
  • Annecy

    Saturday, November 19th, 2011 12:13

    33

    It’s a really nice set of price tables, very inspirational, thank you for this great article.

    0
  • Raj Mehta

    Tuesday, November 8th, 2011 06:23

    32

    Awesome pricing table collection

    truly inspirational

    thanks for sharing this

    :)

    0
  • Jess

    Saturday, October 22nd, 2011 00:01

    31

    Thanks heaps for posting – pricing tables are such a cool design element :)

    0
  • Greg

    Wednesday, December 14th, 2011 17:01

    34

    Best set of tables and examples I have seen, this is great thanks.

    Do you have any advice on where to get these more advanced tables?

    Thanks for this awesome work!

    0
  • Vandy

    Sunday, February 12th, 2012 22:13

    35

    Hy Matthew,
    what pricing tables for wordpress do you recommend? Any free ones that are real good?

    0
  • shopify

    Tuesday, May 15th, 2012 06:57

    38

    Shopify is a great example, I love it.

    0
  • Arjun Rk

    Thursday, April 12th, 2012 03:02

    37

    Great inspiration, thank you.

    0
  • Mike

    Sunday, March 4th, 2012 22:32

    36

    thanks for putting all these resources together. I am working on a project and wanted the pricing table to stick out, but want it to be familiar enough that customers will know how to navigate it. Using the above, I wireframed some ideas together.

    Thanks again!

    0
  • Novin

    Friday, August 26th, 2011 17:58

    30

    It’ll be good if you provide some information about how to make such tables for our pricing tables!
    with appreciate
    Novin

    0
  • Chris Quinn

    Tuesday, April 19th, 2011 07:02

    26

    Great article! I love the pricing tables. It’s nice to have everything in one place when looking for inspiration. That way you can look at all the available elements, then create your design based on your favorite features. Thank you!

    0
  • Gerson

    Friday, August 5th, 2011 23:10

    29

    I’ve seen a similar pricing tables for WordPress but this one is sleekier than the example shown on the main post as this one uses HTML5 table format, when you hover the tables it pops like liquid, it’s very cool actually. It’s called WP Tables.

    0
  • Kaleb Klein

    Monday, June 21st, 2010 18:29

    21

    good inspiration to create my own designs. I hope I can become a professional designer to have some of my work featured in your website :)

    0
  • Bryce Wisekal

    Wednesday, October 27th, 2010 16:16

    25

    Awesome collection! Very helpful, thanks for sharing!

    0
  • Sharon

    Tuesday, July 5th, 2011 14:07

    27

    Very inspirational, thanks for taking the time out to share.

    0
  • Clare

    Thursday, July 28th, 2011 15:22

    28

    Podcast people seems cool, would anyone have experience with it or reference to a review please?

    0
  • Sergei Tatarinov

    Tuesday, May 25th, 2010 12:04

    12

    Coockoo.. Webexpedition18 did this like 2 weeks ago and did it much better, plus they dug further and showcased not only “pricing tables” so that their post has more value and is more interesting than this here, and their post also includes a compilation of very useful tuts, which is greatly appreciated by everyone.

    http://webexpedition18.com/articles/tables-in-web-design-beautiful-examples-and-best-practices/

    It seems like 1stwd marches to the bottom.. I mean, seriously, guys do you think “fantastic pricing tables” isn’t a silly post? Not to mention its uselessness as source of “inspiration”.

    1stwd has always been in my top of design blogs, but a few weeks ago it started to dissapoint me as a reader..

    Although the above might sound too harsh and stuff, I wish you guys stick to the top-notch articles and care more about your loyal readers.

    Regards,
    Sergei

    -1
    • Dainis Graveris

      Tuesday, May 25th, 2010 17:07

      8

      Hello, I strongly disagree your mentioned post is better since there are just plain links, no comments and thoughts included.

      Sorry to hear your disappointment, I wasn’t able to spare a lot of time to 1stwd articles and content for latest time, since I was going through exams and now I am doing our site redesign.

      But don’t worry it soon will be over and we will try to improve quality of posts as well as whole look of 1stwd :) Be patient and enjoy what’s available already. :)

      0
    • jeprie

      Sunday, May 30th, 2010 12:33

      18

      Yes, you’re right some of the example is very similar. But I think the author did more by commenting on each item.

      I think this is a goog post.

      0
    • Saad Bassi

      Tuesday, May 25th, 2010 15:46

      15

      Hey Sergie, I was also thinking the same before publishing the article. The fact is, I had this article pending in my queue before that article went live. But because of so many scheduled articles, I was unable to publish it first. Thanks for your feedback. We will try our best to increase the quality.

      0
  • Giammarco

    Wednesday, September 8th, 2010 23:01

    23

    We are working on our pricing, and this page was extremely helpful. Thank you for sharing!

    -1
  • MarionSmith

    Thursday, September 30th, 2010 17:06

    24

    This is fantastic!!! I am actually looking to use the wuffo. :)

    -1
  • shopify

    Tuesday, May 15th, 2012 06:57

    38

    Shopify is a great example, I love it.

    0
  • Arjun Rk

    Thursday, April 12th, 2012 03:02

    37

    Great inspiration, thank you.

    0
  • Mike

    Sunday, March 4th, 2012 22:32

    36

    thanks for putting all these resources together. I am working on a project and wanted the pricing table to stick out, but want it to be familiar enough that customers will know how to navigate it. Using the above, I wireframed some ideas together.

    Thanks again!

    0
  • Vandy

    Sunday, February 12th, 2012 22:13

    35

    Hy Matthew,
    what pricing tables for wordpress do you recommend? Any free ones that are real good?

    0
  • Greg

    Wednesday, December 14th, 2011 17:01

    34

    Best set of tables and examples I have seen, this is great thanks.

    Do you have any advice on where to get these more advanced tables?

    Thanks for this awesome work!

    0
  • Annecy

    Saturday, November 19th, 2011 12:13

    33

    It’s a really nice set of price tables, very inspirational, thank you for this great article.

    0
  • Raj Mehta

    Tuesday, November 8th, 2011 06:23

    32

    Awesome pricing table collection

    truly inspirational

    thanks for sharing this

    :)

    0
  • Jess

    Saturday, October 22nd, 2011 00:01

    31

    Thanks heaps for posting – pricing tables are such a cool design element :)

    0
  • Novin

    Friday, August 26th, 2011 17:58

    30

    It’ll be good if you provide some information about how to make such tables for our pricing tables!
    with appreciate
    Novin

    0
  • Gerson

    Friday, August 5th, 2011 23:10

    29

    I’ve seen a similar pricing tables for WordPress but this one is sleekier than the example shown on the main post as this one uses HTML5 table format, when you hover the tables it pops like liquid, it’s very cool actually. It’s called WP Tables.

    0
  • Clare

    Thursday, July 28th, 2011 15:22

    28

    Podcast people seems cool, would anyone have experience with it or reference to a review please?

    0
  • Sharon

    Tuesday, July 5th, 2011 14:07

    27

    Very inspirational, thanks for taking the time out to share.

    0
  • Chris Quinn

    Tuesday, April 19th, 2011 07:02

    26

    Great article! I love the pricing tables. It’s nice to have everything in one place when looking for inspiration. That way you can look at all the available elements, then create your design based on your favorite features. Thank you!

    0
  • Bryce Wisekal

    Wednesday, October 27th, 2010 16:16

    25

    Awesome collection! Very helpful, thanks for sharing!

    0
  • MarionSmith

    Thursday, September 30th, 2010 17:06

    24

    This is fantastic!!! I am actually looking to use the wuffo. :)

    -1
  • Giammarco

    Wednesday, September 8th, 2010 23:01

    23

    We are working on our pricing, and this page was extremely helpful. Thank you for sharing!

    -1
  • Nathon

    Sunday, July 4th, 2010 16:26

    22

    I’m working on a pricing table, but it’s not a graded scale of one product. It’s four distinct products. What term do designers use for that kind of design? It’s not a pricing table or a features list.

    Thanks,
    Nathon

    +1
  • Kaleb Klein

    Monday, June 21st, 2010 18:29

    21

    good inspiration to create my own designs. I hope I can become a professional designer to have some of my work featured in your website :)

    0
  • Andrew Stolpe

    Tuesday, June 1st, 2010 07:34

    19

    I’m creating a website that will provide various packages for hosting. I stumbled upon this article and it definitely got my creative juices flowing. I think I’m going to adapt a style very similar to Shopify’s. I really like the gradients and I feel that blues and greens are great colors to get a person to sign up for something. Thanks again!

    0
    • Matt Corner

      Wednesday, June 2nd, 2010 11:59

      20

      Then again, I read a study the other day that users are something like 30% more likely to click a red button =)

      0
  • jeprie

    Sunday, May 30th, 2010 12:29

    17

    Very nice. I never design this kind of pricing table. I personally love the Live Stream.

    0
  • Ritwika Ghosh Bhattacharya

    Wednesday, May 26th, 2010 08:01

    16

    Thanks alot…. I am wrking on a project where i hv to create a pricing table… This has inspired me to create a creative pricing table :)

    +1
  • Jogos Gratis

    Tuesday, May 25th, 2010 19:58

    14

    I actually used some of those to create the table for my hosting site. I spent a lot of time looking for the perfect one. However, in the end I decided to mix some of them instead of “steal” someone’s work :)

    0
  • Sergei Tatarinov

    Tuesday, May 25th, 2010 12:04

    12

    Coockoo.. Webexpedition18 did this like 2 weeks ago and did it much better, plus they dug further and showcased not only “pricing tables” so that their post has more value and is more interesting than this here, and their post also includes a compilation of very useful tuts, which is greatly appreciated by everyone.

    http://webexpedition18.com/articles/tables-in-web-design-beautiful-examples-and-best-practices/

    It seems like 1stwd marches to the bottom.. I mean, seriously, guys do you think “fantastic pricing tables” isn’t a silly post? Not to mention its uselessness as source of “inspiration”.

    1stwd has always been in my top of design blogs, but a few weeks ago it started to dissapoint me as a reader..

    Although the above might sound too harsh and stuff, I wish you guys stick to the top-notch articles and care more about your loyal readers.

    Regards,
    Sergei

    -1
    • Dainis Graveris

      Tuesday, May 25th, 2010 17:07

      8

      Hello, I strongly disagree your mentioned post is better since there are just plain links, no comments and thoughts included.

      Sorry to hear your disappointment, I wasn’t able to spare a lot of time to 1stwd articles and content for latest time, since I was going through exams and now I am doing our site redesign.

      But don’t worry it soon will be over and we will try to improve quality of posts as well as whole look of 1stwd :) Be patient and enjoy what’s available already. :)

      0
    • Saad Bassi

      Tuesday, May 25th, 2010 15:46

      15

      Hey Sergie, I was also thinking the same before publishing the article. The fact is, I had this article pending in my queue before that article went live. But because of so many scheduled articles, I was unable to publish it first. Thanks for your feedback. We will try our best to increase the quality.

      0
    • jeprie

      Sunday, May 30th, 2010 12:33

      18

      Yes, you’re right some of the example is very similar. But I think the author did more by commenting on each item.

      I think this is a goog post.

      0
  • mkjones

    Tuesday, May 25th, 2010 11:42

    11

    Typo on ‘LighCMS’ ;)

    I needed something like this, thanks for the inspiration.

    0
  • george

    Tuesday, May 25th, 2010 11:09

    10

    Hmm, Shopify and Hellothemes are exactly the same.. They do look cool though.

    +3
    • Matt Corner

      Tuesday, May 25th, 2010 12:35

      13

      They do indeed. I’m surprised shopify haven’t done something about it tbh =)

      0
  • Tyron Bache

    Tuesday, May 25th, 2010 10:53

    7

    My fav is the Live Stream. Thanks for the inspiration!

    0
  • nuinosis

    Tuesday, May 25th, 2010 10:25

    6

    Nice roundup Matt.
    Some of them, like Shopify are just beautiful ;),
    Thanks!

    0
  • Federica Sibella

    Tuesday, May 25th, 2010 14:32

    5

    Nice post, really some inspiring examples there, thank you.
    Maybe you would like to look at our pricing table here: http://www.festeggiano.it (click on “Quanto costa” tab). Hope you’ll like it!

    0
    • Dainis Graveris

      Tuesday, May 25th, 2010 17:08

      9

      Thanks – I couldn’t find and pricing table at your site, maybe because of language..bet how to find yours?

      0
  • inspirationfeed

    Tuesday, May 25th, 2010 12:23

    4

    Great inspiration, thank you.

    0
  • imran khan

    Tuesday, May 25th, 2010 10:07

    3

    very very beautiful indeed!! thanks for sharing

    0
  • Eko Setiawan

    Tuesday, May 25th, 2010 08:16

    2

    Give me some inspirations, thanks :)

    0
  • shevaa

    Tuesday, May 25th, 2010 06:31

    1

    nice collections… really helpful for me….

    0

Comments are closed.

67.202.56.112 - unknown - unknown - US