When you have multiple options for them to consider, the best way to help them make a decision is to communicate the differences between the various packages with a pricing comparison table.

Here are 20 of the best designed pricing comparison tables that will inspire you to create your own.

Aweber

Aweber has done a good job of taking a complex pricing model – with monthly, quarterly, and yearly options coupled with subscriber pricing – and communicating it in an easy to understand way. They also simplify it by giving you the only option of signing up for just $1.

Basecamp

Basecamp actually has five account options but they emphasize the three most expensive ones. When you hover over the details, they give you a more in-depth explanation so you can make an educated decision.

Crazy Egg

Crazy Egg does a nice job of subtly emphasizing the plan they’d like you to sign-up for with nifty shadows that give it depth. Notice the call-to-action for all plans is to, “Sign Up Free.”

DIYthemes

DIYthemes has a simple pricing comparison table for the Thesis WordPress theme. Obviously, they encourage you to sign-up for the Developer’s Option by putting it on the left and making everything larger.

Dropbox

Dropbox also has a very simple pricing table that complements their simple pricing strategy.

Formstack

As soon as you see the Formstack pricing table, your eye is drawn to the Professional plan. Every other option is grayed-out while their most popular plan is their signature green. Also notice how the “Sign Up” button is larger, a different color, and the bottom of the button lines up with the rest of the table.

FreshBooks

Similar to Aweber, FreshBooks has a pay-as-you-grow pricing strategy where you pay more as your business can afford it. No matter the plan you want, every customer signs up for their free trial.

HostGator

HostGator doesn’t have a particularly beautiful pricing table, but it communicates everything effectively. I like the drop-down menus that give you even more options.

LightCMS

Contrary to HostGator, LightCMS has a gorgeous pricing table. Notice how they emphasize the features by bolding and enlarging the specifications so it’s easy to compare.

PopUp Domination

PopUp Domination also has a beautiful, yet simple pricing table with images, shadows, hover-overs, fancy typography, and bold red lines through the original price as savings reminders to encourage you to pay before the price goes up. Also notice how they split their plans up based on number of websites. If I’m an organization, I know which plan is best for me right away.

PandaStream

PandaStream has a neat pricing slider to show you how much their software will cost as your business grows.

Salesforce

For a large company, Salesforce does a nice job of communicating their different packages for all of their different products.

Shopify

Shopify has, perhaps, the best designed pricing comparison table on the internet. Every option starts with a free trial which makes the decision simpler for their users and there are eight different places they can click to get started.

SlideDeck

Similar to DIYthemes, they emphasize the pro option buy putting it on the left and including copy detailing, “Why Pro is Better.” The selection option at the bottom is also flawlessly integrated.

Squarespace

The nice thing about Squarespace’s pricing table is option to choose monthly, 1 year, or 2 years and the table updates without refreshing the page.

Typekit

Similar to Basecamp, Typekit has five options and they emphasize three. And instead of offering monthly options, they require you to pay for a year upfront.

WooThemes

Which one do you think WooThemes would like you to sign-up for? Their table does a good job of communicating the differences between the various options and it’s obvious they want you to click the “Find Out More” button.

Wufoo

Wufoo has a notoriously swanky pricing comparison table. Unlike most tables, from left-to-right, they list the most expensive to the least expensive. This makes you look at the free option as the last resort rather than the starter package.

YepText

Our friend, Adam Horwitz, has done a wonderful job with his pricing comparison table at YepText. Headline, price, features, and call-to-action. Plus, they have even more pricing options if you click, “More Plans Here.”

Zendesk

Zendesk takes the “Free Trial” option one step further by only offering it to people who sign up for their “Best Value” package.

Pricing Comparison Table Commonalities and Takeaways

1. Free Trial – Get people started with a free trial or freemium pricing strategy.
2. Button at Top and Bottom – Put the call-to-action at the top and bottom of the pricing table to make it easy.
3. Best Value/Most Popular – Emphasize your best value or most popular option by making it slightly larger or adding box shadows.
4. Hover-Overs – Clarify their questions and answer their objections with hover-over detail boxes when they hover over the features.
5. Big Price – Make the different prices big.
6. Call-To-Action Colors – Use a different, outstanding color for your call-to-action buttons.
7. Pay-in-Full Pricing Options – Offer a discount to encourage them to pay for 1 or 2-year packages upfront.

What other pricing table commonalities do you see between these 20 examples?

Read more: ‘30 Great Examples of Blog Post Styling’

The post 20 Best Designed Pricing Comparison Tables appeared first on How To Make Money Online.

If you need a designer or developer who could’ve started yesterday, go to AweseomeWeb.com

To commemorate the redesign and, more importantly, provide you with an inspirational list, I present to you the 30 best designed blogs of 2011.

The Criteria for Good Blog Design

To remove as much of the subjectiveness as possible, I started with these five good blog design criteria.

• Simplicity – Is it simple?
• Web Design Standards – Does it follow web design standards like dark font on light background, clearly distinguished headlines, use of CSS sprites, consistent lines, and golden ratio compliance?
• Attention to Detail – Is there consistency within the design and otherwise pixel perfect?
• Easy to Navigate – Could I easily find and use menus, links, and other navigational components?
• Memorability – Could I remember what it looked like after exiting the site?

30 Best Designed Blogs of 2011

In no particular order, but roughly grouped by the design styles and subject matters of the corresponding blogs, here are the top 30 blog designs of 2011.

1. Freelance Switch

Big, bold headlines, subtle use of shadows, and practically impossible to see gradients, FreelanceSwitch.com is one of the best.

2. Copyblogger

Copyblogger.com is the epitome of simple, solid, straightforward blog design. You know exactly where to click as soon as you land on the page.

3. Pearsonified

Like Copyblogger, Pearsonified.com is beautiful in its simplicity and alluring with its gentle smattering of bright colors.

4. KISSmetrics Blog

The KISSmetrics Blog does a great job of combining modern design elements while maintaining a sense of professionalism for their mostly corporate target market.

5. AVC

AVC.com is super-clean and, at 16 pixels, it uses a slightly larger than average font which makes it noticeably more pleasant to read.

6. Startup Quote

StartupQuote.com is as elegant as it gets. Their dedication to uniquely depicting the quotes is what makes their site stick out.

7. The Next Web

But TNW does a great job of incorporating the ads without distracting too much from a clean, easy-to-navigate design.

8. Business Insider

If you’ve read an article on BusinessInsider.com, you’ve noticed that the site is designed to keep you hooked on their content for dozens upon dozens of pageviews.

9. Webs Blog

It looks great, but Webs Blog is also seamlessly integrated with the rest of the site despite the blog existing on a subdomain.

10. Go Media

With carefully-placed image overlays, the design simply pops off the screen and it’s hard to forget GoMediaZine.com’s design.

11. Hello Bar Blog

Hello Bar does an impressive job of integrating subtle textures into their design to give their site a vintage, but modern look. Plus, the clouds move!

12. Blogussion

The Blogussion.com design is the first awe-inspiring design I remember finding on the internet.

13. Modern Nerd

Modernerd.com’s logo is simple, the fonts are consistent, and the background image communicates what the blog is all about.

14. I Wear Your Shirt

IWearYourShirt.com does a wonderful job of cleanly packing information above the fold while emphasizing the important content below.

15. Johnny Cupcakes

Consistent with their timeless brand, almost every design element is black and white which makes Johnny Cupcakes’ photos and products stick out.

16. TheOatmeal

With its off-center sidebar and overflowing “Email” link in the footer, TheOatmeal.com’s design has its flaws. But reading between the imperfections, you’ll find that the design is perfect for Matthew Inman’s, “this is the way it is and if you don’t like it, I’ll unleash my army of chastising Facebook fans so you never forget” attitude that makes his site great.

17. DearBlankPleaseBlank

DearBlankPleaseBlank.com is a creatively designed blog with its constantly rotating header image, quaint use of opacity, and the fact that everything in the sidebar is the same exact width, even the ads.

18. Tuts+

Everything about the TutsPlus.com and Envato network is gorgeous when it comes to design (including the aforementioned FreelanceSwitch.com). They have a knack for choosing perfectly-aligned color schemes and their attention to detail is impeccable, even within their posts and tutorials.

19. Build Internet

BuildInternet.com is part of Smashing Magazine’s The Smashing Network rightly so with their uniquely-displayed feature post image and commitment to maintaining their design elements throughout the site.

20. 45royale Inc.

45royale.com is a web design studio that boasts an imagination-capturing header while effectively introducing you to and navigating you through the content within the blog below.

21. Web Designer Wall

As another member of The Smashing Network, WebDesignerWall.com is one of the most widely-recognized designs in the world, with their eye-popping headlines and unforgettable header image.

22. Web Designer Depot

Similar to Web Designer Wall, WebDesignerDepot.com hosts another one of those designs that’s impossible to forget.

23. Ilovecolors

Ilovecolors.com.ar has a similar style but stands on its own with a cleverly designed content area that’s emphasized through the strategic shadowing of the background image.

24. Tut Candy

TutCandy.com’s header makes you salivate which embodies their tagline, “Only the tastiest design tutorials.”

25. Owltastic

Owltastic.com is a beautiful representation of what you can do with different shades of blue. Yet, somehow, all of the important content still seems to stand out.

26. Vectips

Vectips.com does a nice job of maintaining an eventually sellable feel on a personal-ish branding site.

27. The Design Cubicle

The final Smashing Network blog in this list belongs to TheDesignCubicle.com. It looks like a website but feels like a chapter of a book.

28. ThemeBIG

I like the subtleness of the sprites in ThemeBIG.com’s nav menu along with that welcoming feeling you get when you first enter their site.

29. Ecoki

Ecoki.com is an Eco-Lifestyle blog with a remarkably, well-branded design that’s consistent across every nook and cranny of their site.

30. Fiked

Everything from the header, to the content area, to the comments area is custom designed and in tune with the rest of the site.

There You Have It

I would’ve liked to visit every blog in the world before I made this list, but I was starting to get hungry.

From now on, when anybody needs a web designer or developer, they go to AwesomeWeb.com

If you know of any great blog designs that I missed, please enlighten me with some of your favorites in the comments area below.

The post 30 Best Designed Blogs of 2011 appeared first on How To Make Money Online.

I’ll talk about the conversion boo-boos (yes, it’s the technical term for that) we marketers often commit. In doing so, I hope to make you become aware of the many ingenious ways we internet marketers make our prospects bounce, get turned off, not buy and cast us into complete oblivion.

But first…

Let’s Play a Game!

For any conversion boo-boo I mention here, think of a specific web page you’ve encountered that has committed the same. Then post the link or submit a screenshot in the comment section. If it’s a great example of the conversion boo-boo, we’ll use that page as a glorious illustration here in this blog post, with credits to you!

For this reason, I have deliberately included only a few images here.

Sound fun?

Let’s begin…

There are numerous factors that influence your conversion rate. However, generally speaking, when our website fail to convert your prospect (Joe is the name I’ll use to refer to “your prospect”, and for our purposes I’ll refer to Joe as a man or a woman or both), it’s because one or several of the following is/are happening:

A. Joe’s Specific Needs, Motivations and Desires are Not Met

Many sales are lost primarily because we failed to meet our prospects’ needs. We do this in various ways:

1. Not having solid market intelligence (or worse, having it but not using it).

I know I already harped on and on about this on my previous post, but it’s only because it’s the single most powerful thing you could ever have/do as a marketer. If you really want to covert, aim to develop the skill that Mel Gibson had in the movie “What Women Want”.

The lesson is clear: You may be the best looking salesperson in the world who know all sorts of fancy selling techniques, but if you don’t have a friggin’ clue who Joe is, what conversations she’s having inside her head, what she’s afraid of, what her biggest frustrations are, what his ultimate fantasies are, etc then you’d have trouble converting your visitors into customers.

2. Trying to sell to anyone.

A saying goes, “chase two rabbits and you catch none” (I’m pretty sure it was the legendary Anon who said it. Or some really old Chinese wise guy.)

For example, instead of targeting “anyone who wants to get their dream body and look good”, get clearer about WHO your niche market is and write a copy specifically for that persona. It could be:

• the skinny guy who’s got only 15 weeks to put weight on, and look big, strong and muscular on his wedding day.
• the obese 18 yr old girl who wants to stop feeling like she’s invisible, and gain self-confidence.
• the woman who just gave birth and wants to lose the fat and get her sexy, toned body back.
• the rich, successful but time-poor 53 year old business exec who wants to look leaner, get more energy, and be able to play with his grand kids without feeling like he’s going to have a heart attack.

This doesn’t mean you shouldn’t serve multiple market segments. It just means that if you want to convert more people, you need to present your offer in a way that makes certain people think, “They are speaking directly to ME! This company is solving MY problems. They made that solution especially for ME!”

3. Not appealing to both emotions and logic

Pretend you’re a 25 year old single man who is having trouble getting a pretty, fun girlfriend because you don’t know how to approach women. Which of these opening lines would grab your interest more:

# 1: “How to approach women with confidence”

versus

# 2: “A simple, works-every-time way to approach a woman in a way that makes her see you as an attractive, sexy man she must get to know but actually gets her turned on as she is talking to you (you can learn it in 30 seconds, and it works especially well on those smoking hot, snotty women who usually don’t give men their time of day)”

’nuff said.

(By the way I stole these from Craig Clemens)

4. Not being customer-centric

What’s worse than not being customer-centric? Believing that you are customer-centric when in reality, you’re not.

Not being customer-focused can take many forms, some of which are subtle.

a. You do it when you don’t implement changes based on the user feedback you get.

For example, if you keep getting asked what your returns policy is, slap on a ‘Returns Policy’ link somewhere more prominent/obvious. If you’re driving decent traffic to your free giveaways but not getting enough opt-ins, maybe the freebies are not very valuable to Joe in the first place. Get Joe’s feedback, get some clues from your competitors, then change it.

b. You’re not customer-focused when you craft your website based on how YOU think, your preferences, and your opinion, without asking for feedback from the very people you hope to serve.

(Like when you make your website mostly pink just because it’s your favourite colour; or when you insist on organising your site’s information a certain way in spite of the fact that you get many questions from visitors showing their confusion/difficulty finding information.)

c. You’re not customer-focused when you make self-aggrandizing claims that are left unsubstantiated, or when you say “we” in your copy more than “you” :

“We are the best, fastest, easiest and best-value.
We have been in business since 1808.
We are pioneers in our industry.
Our standard is superior, our service is world-class.
We have offices worldwide.
We are so good at what we do, that we published many articles and won lots and lots of awards…”

I heard someone call this as “we-we’ing”. In short, stop pissing all over your website, then wonder why it stinks

Use “you” and “your” more in your copy, and you’ll be trained to think and speak in terms of how Joe is going to have a better, happier, richer life because of your offer, instead of you talking in terms of what a God’s gift to humanity you are.

B. Joe Doesn’t Truly Understand the Benefits/Results He’ll Enjoy

Have you ever been to a web page, scanned through the entire page, and you still haven’t a clue as to what exactly the site can do for you?

Yep, we’ve all been there. Classic examples are…

5. Hiding the benefits your product/service provides.

This is often the case when you’re selling something that’s perceived as complex, new or technical, and you’re trying to sell to people who are unfamiliar with your fancy words. Your statements may make complete sense to you because you’re an expert at what you do, but be aware how they may sound like gobbledygook to another.

Take the case of “hidden benefits”, or benefits that you know your product/service provides, but your prospects may not necessarily know about. For example I saw this “stool” in a shop in Camden last weekend. Had it not been for the explanation, I wouldn’t have known it wasn’t just a weird looking thing to plant my booty on.

Time Machine with 4 speeds forward and 4 speeds back

I also found  this musical instrument called didge or didgeridoo with a very exciting “hidden benefit” :

Naturally, I bought the whole lot.

But only cos Christmas is coming soon.

C. It’s Unclear to Joe as to WHY he Should Buy YOUR Offers NOW

Noticed the caps? You could avoid this mistake by avoiding the following:

6. Unclear “Value Proposition”

I’ve explained UVP (unique value proposition) in my previous post already so please refer to it again. In todays’ marketplace where your Joe is inundated with marketing messages, it’s very important to emphasize why you are uniquely positioned to meet his particular needs, and what you’re able to provide that other vendors don’t (or don’t provide as well as you do).

7. Not utilizing the Voice of Customer (VoC)

Telling Joe that your stuff is good does not have the same impact as hearing Jill, one of your customers, say that you’re awesome and that your stuff is like Manna from heaven. So why not let your customers sell your stuff for you?

An effective use of the VOC (Voice of Customer)

Notice how all three statements talked about the same feature/benefit – could it be because the electronic ink display is the Kindle’s main UVP? (wink)

D. Joe Doesn’t Know What She Should do Next to Get What She Wants, and How

Here is where usability issues could come into play. Since usability is a broad topic, let me just hone in on one of the most common usability issues :

8. Lack of Active Guidance from You

A classic example of this is having no clear Calls to Action, or having no clear guidance on ways for Joe to “move forward”. In the words of MarketingExperiments.com :

If you don’t guide visitors to your main objective, someone else will. Use the five elements of guiding eyepath (size, shape, color, position, and motion) to clearly communicate with your visitors (1) where they are, (2) what they can do on your page, and (3) why they should do it. In seeking to answers these questions, you may find that the less (distractions) you put on your page, the higher your conversion rate will be.

Remember that just because the next step may be clear to YOU, doesn’t mean it’s clear to Joe (even if you think you’re vey much like Joe). Don’t expect them to unravel the mystery behind your cryptic copy and secret offer.

Saying that though, what most internet marketers are guilty of is having too much call to action, to the extent of being douchy and annoying (e.g., having the buy now” button inserted every 5 sentences, or having big red animated arrows pointing to the call to action buttons).

Remember that people buy not because you told them to click a button. People buy because they think you are best positioned in the marketplace to give them what they want.

9. Confusing – could be the copy, the layout, the design, the way the information is presented/organized.

For example, I found this e-commerce website in webpagesthatsuck.com :

Would you buy from this website?

This website is trying to cram too much information everywhere, that it’s difficult to decide what you should do first or what to click. Everything jumps out at you, competing for your attention, and there is no clear thought sequence to follow.

If you want to convert, think of ways how you can make your visitors’ experience easy, pleasurable and hassle-free.

E. Joe has Questions, Fears, Uncertainties and Doubts that You Hadn’t Fully Dealt With

At the heart of every failed sale are prospects’ questions, fears, uncertainties and doubts (FUDs) that were left unaddressed. A few examples are:

10. Important information is difficult to find, or buried somewhere inconspicuous.

Hands up if you’ve been to a website and the pricing is impossible to find in one or two clicks. Or how about a restaurant website with no link to their address, no map to their location, and their phone number is nowhere to be found?

Or the menu requires you to opt-in before you can view it or they require you to download it?

Frustrating, isn’t it?

11. There simply isn’t enough information.

Have you ever been to an e-commerce site before that’s selling a product you’re interested in, only to get frustrated because there is no (or very little) product description?

Have you ever been presented with the buy button, when you don’t even know yet what the product could really do for you?

One thing I noticed is that many marketers are afraid to create “long” sales copy. If you’re asking someone to make a buying decision, give them all the information they need to make a well-informed decision!

12. Short-term thinking.

I once helped create a sales page that converted at slightly above 5% when it was first launched, but we soon realized that the customers we’re getting didn’t actually understand what was included in the packages they bought, resulting to a lot of  support emails from frustrated customers with false expectations (the offer was quite technical and expensive).

We revised the page, which resulted to a much longer copy as more information needed to be presented and clarified to avoid misunderstandings. After the first revision it converted lower than 5%, but the customers we acquired were our ideal customers, there were very little complaints, and certainly no refund threats nor were there any unreasonable demands. Conversion was lower, but our net profit was higher because overheads, refund rate and stress were considerably lower, too.

I also know someone who had a similar experience during a super hyped-up launch. They had a high-converting page, but they also got a high refund rate and high levels of complaints from buyers. In the end, the marketer decided to stop using some of the selling tactics he used during the launch because his brand and reputation was more important to him.

Are you making the same mistake?  Ask yourself what’s truly important to you over the long term.

Conclusion
Making your customers the center of your marketing universe is one of the pillars of conversion rate optimization. It’s a mindset, a philosophy, and a practice that you must do daily if you truly want to be a great marketer.

Evaluate your marketing materials and ask yourself this question: “In what ways am I committing <insert conversion boo boo here>?” Then look at your website pages one by one and identify how you’re hurting your site’s conversion. Develop your testing hypothesis, then test and measure the changes you made.

Happy testing, and don’t forget to report back here with links to conversion boo-boo’s you see around the web!

About the Author

Marj Galangco is a certified Conversion Rate Optimization and Web Analytics Practitioner. She’s also the co-director of Easisell, a company offering premium web design and web development services to successful internet marketers.

The post 12 Conversion Boo-Boos That Make Your Website Stink appeared first on How To Make Money Online.