There’s no point in having an awesome website and an awesome product if your product comparison table is crap. It will throw people right off, and believe me I have seen some bad tables. Anyway here is a collection of the best product comparison tables handpicked by WebDesignDev. We think we have picked the top 25 comparison tables based on creative design and how clear it is to read and compare.
By all means if you think we have forgotten any tables that look stunning, drop us a nice comment.
SoftLayer
This is a simple comparison table with a very basic design. Even though the design may not look like much, the information is very well structured and easy to read.
BigCartel
Big Cartel’s pricing table has a very beautiful design. Also, the watercolored background is a very nice touch.
SquareSpace
SquareSpace’s table is unique and has some nice, large icons for each column. The prices are very visible and also, each package has a brief description.
FormSpring
FormSpring has a simple, modern design. the Professional column is marked as being the most popular choice. Green is a great color for this design.
Wufoo
Wufoo’s bright colored pricing table is fun and friendly! The fonts look handmade and a bit childish.
ConceptShare has a professional pricing table with a basic design. The accent color in this case is dark green.
Mind Meister
This pricing table has some nice 3D icons with glossy effects. Also the bright pink accents are a nice touch.
CrazyEgg
CrazyEgg’s pricing table features the Basic Package. Green is again the best color for accents in pricing tables.
Are My Sites Up
This pricing table uses icons to let the visitor know what the packages are about.
Eleven2
This modern pricing table uses both dark orange and green as accent colors. The background greys are a good, neutral choice.
123-reg
Pink and blues go great together. This pricing table emphasizes the Business pro premium hosting package.
Income Diary
Income Diary has a nice pastel blue and green colored table with a pretty basic, easy-to-understand layout.
Invoice Machine
This lovely pricing table belongs to Invoice Machine. The blacks and greys with green accents are a great color palette choice.
Media Temple
This unique hosting pricing table has large icns for each package. Also it has some large blue buttons to click on if you want to buy the packages.
Traffik
Traffik’s awesome dark themed pricing table shows the pros and cons of each one of the 5 packages.
The Resumator
Kaki green is an unusual color choice for featuring a product in a pricing table. The reds and blues are a nice choice.
Big File Box
This all-pink pricing table has a girly, feminine design. It’s small and doesn’t feature any particular product.
Action This
Greens and greys all the way! This two packages table has a very simple layout design.
Ballpark
BallPark’s table is very creative and nicely designed! It also has a great structure. The elecric blues and greens look great in this table design.
Fluxiom
The beautiful mint green goes great with the dark grey background. The Solo package is emphasized in a very subtle, elegant manner.
LinkPatch
LinkPatch emphasizes their SignUp buttons in order to grab the visitors’attention. The beige mai not be the best choice here.
Heroku
This unusual, unique design uses mostly large icons to show the packages. It’s a pretty creative idea!
Litmus
This beautiful pricing table is a great source of inspiration. The icons are cleverly designed and it looks clean and modern.
Cobble Stone
The Signup buttons are a little too small but the benefits of each package are the main elements in this pricing table design.
Rocket Theme
Rocket Theme’s small pricing table has a nice shadow effect and cool 3D elements. It has a great glossy effect and the 3rd package catches the readers’ attention.
Interesting list 🙂
I disagree with the inclusion of SquareSpace though (and then again I might just not be using your meaning of ‘clear’ ;-)).
I do not know what SquareSpace is about but when someone gives me only different prices and a short blurb on what *they* think any particular choice is capable of without giving me some facts I tend to go look for competitors instantly.
Just my 2¢
Georg
Very nice web 2.0 designs. very professional.
Hi I need to make a comparison chart for my website and for emails. can you help me with this- I need for comparing my real estate office with others thank you
Awesome List.
I adore the “FormSpring” , “CrazyEgg” and “ActionScript” they are so cool !
AMAZINGGGGGGG :B
Thanks for the compilation. I was just researching on how a client of ours could improve their table data. From this list my pick is probably the Formspring layout. Clean and Easy to read!
Beautiful designs. Very usefull as inspiration for future webdesigns too.
The list is wonderful, well designed and very creative thinking.
after watching this great post i am thinking of updating my website packages page. I love the style tables you have used in these design and the color effect is so professional
I love these style tables used in web design. I love the fact the best offer really stands out to say “Buy Me”
Nice list. Take note of the layout of the pricing as well – the smart ones know to go from High > Low, with a callout on the mid level. The other guys are missing the boat.
Great list, I really like the more minimalist comparison tables like the BigCartel one. =)
Awesome, thank you! Love the square space design.
You should add a ” Stunning Table ” on PRODUCTS Menu of FNOmantra.co.in to your List. This table has got ” Mouse-Over ” Effects Column !
Awesome post. Love comparison tables. I’m envious of the way some people just seem to present data with such beauty. 🙂
So awsome! Thanks for the collection, Great inspiration! Big cartel, formspring, media temple are my faves!
These are awesome! I wish there was a site that could allow you to input the information and than get the code/files to implement your own on your website. This is goof stuff.
Does anyone know of a program or wordpress plugin that NICE charts like these can be made in?
These are all simple, small tables.
How do you cope if you have a lot more data to display?
Nice comparision tables. This is another design of a table which I have on my site
http://www.diamond-designz.co.uk/web_design_comp.html
Wow, some of these table designs are absolutely fantastic – clear, simple & easy to read for the most part.
There’re many interesting example for intermediate user like me. Thanks for sharing.
Don’t forget!
http://basecamphq.com/signup
Great list!!! Thanks for sharing 🙂
Love the use of color and icons in some of these. Thanks for sharing, great post!
Great list –
handy tip for those showing off your price plans:
Showing the highest plan first usually results in higher sales for that plan.
really nice list !
wow ! awesome list … wondering how they make it so bful and clean with design and development …. !
Awesome! Great post.
The tables dont show up in IE8, if not in compatibility mode.
But nevertheless, thanks.
Loving BIG CARTEL mainly for the bg sexyness. Love the article. Much needed in times of “information overload and impeding creative doom”.
http://www.huddle.net/huddle-price-plans
But then I’m biased 😉
Nice and in one place. THX for this article
I think one of the best ones I’ve seen is on Shopify: https://app.shopify.com/services/signup
Omg, thats awesome!
Awesome List.
I love the “FormSpring” , “CrazyEgg” and “ActionScript” they are so cool ! 🙂
A very nice collection, these are all very clear to the user. They’re all professional and very clean looking.
Nice nice collection.. This is exactly I was looking for my SEO plans to cover…:) You provide me really helpful thing my friend..
Really nice collection of tables. All professional looking and I particularly like the Wufoo and Heroku ones. Thanks for sharing these with us.
Nice Picks. They all look professional.
They sure do!
Good picks.
I like FormSpring best it’s bright and easy on the eyes.
FormSpring
Big File Box
Ball Park
Heroku
Cobble Stone