Professional Documents
Culture Documents
How To Build Websites That Sell The Scientific Approach To Websites PDF
How To Build Websites That Sell The Scientific Approach To Websites PDF
How To Build Websites That Sell The Scientific Approach To Websites PDF
Marketing
Marketing With No Budget: Things That Work
What You Need To Know About Marketing and Strategy
How To Set Internet Marketing Goals and Objectives
3 Ways to Increase Online Sales
The Key to Customer Loyalty
How and When to Use Sex to Sell More
II.
Conversion Optimization 101
What You Have to Know About Conversion Optimization
The Ultimate Guide to Increasing E-Commerce Conversion Rates
Ridiculously Effective Technique for Online Lead Generation
How To Increase Sales Online: The Checklist
How Images Can Boost Your Conversion Rate
How to Use Video to Increase Conversions
How To Build A High Converting Landing Page
3 Hard Truths About A/B Testing
53 Ways to Increase Conversion Rate
Table of Contents
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Table of Contents
Table of Contents
Table of Contents
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
11
III.
Design
Design Like Jagger
Eight Universal Web Design Principles You Should Know
First Impressions Matter: The Importance of Great Visual Design
How To Design A Homepage That Converts
Website Credibility Checklist Factors
How To Design User Flow
Intuitive Web Design: How To Make Your Website Intuitive To Use
IV.
Understanding Users
How To Use Behavioral Design For Boosting Converstions Using the Fogg Behavior Model
People Comparison Shop, Stupid
10 Useful Findings About How People View Websites
Mobile Internet Users And Their Shopping Behavior
Why You Shouldnt Assume How Users Feel About Your Site
Great User Experience UX Leads to Conversions
How To Identify Your Online Target Audience and Sell More
Are You Providing Answers to Magic Questions?
V.
Email Marketing
How To Creative Effectvive Email Drip Campaigns
How To Generate More Sales From Your Email Marketing Campaigns
7 Mistakes That Hurt Your Email Relationship Building Efforts
Lead Magnets: Email List Building On Steroids
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Table of Contents
Table of Contents
Table of Contents
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
22
VI.
Writing Copy
Writing Homepage Headlines For The Modern World:3 Formulas That Work
How To Get People To Believe What You Write
What To Call Your Call To Action
Value Proposition Examples
7 Principles of Effective Sales Copy
Copywriting Based on the Science of Persuasion
Click Fear and How to Avoid It
VII.
Pricing
10 Principles of Effective Pricing Pages
Invent A New Category, Charge More
Pricing Experiments You Might Not Know But Can Learn From
Product Pricing Strategies and Techniques
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Table of Contents
Table of Contents
Table of Contents
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
33
I.
Marketing
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
44
Marketing with no budgeta familiar story for most small businesses and startups. When
theres no money, theres usually time. Time is unfortunately also limited, so the question
ishow to convert that time into money most effectively (get the biggest bang for the
hour)?
You could come up with hundreds of free online marketing ideas, but in order to get
results, you should focus on the few that really make a difference.
Note that these methods aint quick fixes, but will make a significant impact if you stick
with it.
Blog
Blogging is one of the most effective marketing tools out there. It wont do much in the
short-term, but youre probably in it for the long run. A great blog builds an audience that
is looking forward to your messages, and that is invaluable. A year from now youll wish
you had started today.
If your website does not have any content besides your product information pages, you
will never have large amount of free traffic via search engines. The more content you
have on your blog, the more natural traffic you get. A large amount of the people who
get to your blog via search are your target market. Thats pull marketing at work. A study
of 2,300 HubSpot customers revealed that businesses that blog witness their monthly
leads rise by 126 percent more than those who dont.
Search engine optimized posts
Your blog can be your most effective SEO provider. In order to make your posts rank on
Google and Bing, make sure to do these three things:
The title of your post has to be worded in a way someone might use while doing a
search. Do your research first on Google Keyword Tool.
Marketing With No Budget: Things
That Work
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
55
Mention the same phrase as you have in your title one or two times in the body copy,
toodepending on the length of the post.
Have clean URLs: http://bla.com/title-of-your-post is better than http://bla.com?
id=123.
What to blog about?
Instead of trying to out-spend, out-sell, or out-sponsor competitors, try to out-teach
them," say the guys over at 37Signals (see the video here), and theyre right. This
captures the essenceuse your blog to teach and educate your prospects and
customers.
Use a casual tone in your blog. Nobody wants to read boring academic texts. If theres a
sentence you wouldnt say while talking to your friend, dont use it.
Goes without saying, but Ill say it anywaythere is no substitution to great content and
writing, so make it good. Further reading: 5 Ways to Make Your Blog Posts Outstanding.
Getting success through a blog takes time, so make sure you have persistence and
patience.
A great way to speed things up is guest blogging on popular blogs. Check out a few
insightful videos about guest blogging on guestblogging.com. Any post you write, submit
them on social bookmarking/news sites like Digg, Reddit, Stumbleupon, Sphinn, or Hacker
News. Where to submit depends on your field and target audience.
Create an online tool
You might not have money, but perhaps you have programmers in your company or your
best friend can code. If thats the case you can create a useful or fun tool to drive traffic
and generate leads.
Hubspot, an internet marketing company, created a free tool that assesses your website.
The tool claims to have assessed close to three million sites, and your score on the 1-100
scale represents the percentage of those sites that your site tops. Now thats a pretty
cool tool, and its free. It has gotten Hubspot a ton of fame, inbound links, and leads.
Online tests are tools, too
You dont necessarily need to create a sophisticated tool. It can be as simple as a test
and people love tests.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
66
The One Question, a website helping people find their purpose has created a simple life
purpose test, which helps people reflect. They get around 100 people per day joining their
mailing list through that test.
Gemstone Shoppers has created a test where people find out what their gemstone is.
Once they get their result, they can embed a banner with their personal gemstone onto
their blog or website. The banner links back to the shopgemstones.com website and so
the test serves also as a link building tool.
Note: Make sure your tool can capture users emails or generate leads in some way,
dont waste the traffic.
So thinkwhat useful tool can you create that would benefit your prospects?
Participate in relevant forums
Its likely that people in your target audience are already talking about your field in some
sort of forums. It might be an old school bulletin board or a group on some social media
network such as Facebook or LinkedIn.
Your job is to join in on the conversation and start adding value. This will help you build
relationships and show off your expertise and position yourself as an authority in the field.
Dont ever spam your product or trash the competitionthats the quickest way to turn
the community against you. You have to become a member of your community, and you
can do that by acting like one. What goes around, comes around. You can have a link to
your website in your profile and signature, but dont go around posting your link on
random forums.
If youre a hosting company, you might want to participate in Web Hosting Talk. Sell
infoproducts? Check out WarriorForum.
Go to Google now and find all the relevant forums and discussion groups.
Join Twitter and/or Facebook
Get on the social media bandwagon. Create your Facebook page and sign up for Twitter.
Depending on your field, LinkedIn and YouTube might be great matches, too.
Remembersocial media is for building relationships, not selling. You should only rarely
shout buy my product on Twitter or Facebook (unless its a special campaign and its
between a lot of great content). Make friends, follow great people (your prospects), and
re-tweet their stuff. This helps to boost the relationship.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
77
Relationship bank account
If you ever read Stephen Coveys 7 Habits of Highly Effective People," you might
remember the term emotional bank accountsimilar to a bank account, you can make
deposits or withdrawals from each of your relationships. This principle applies on social
media, too. I called it the relationship bank account, and its the key principle to
understand if youre ever to get success on social media.
Every time you share something useful, entertaining, or in other ways value-adding on
Twitter or Facebook, you make a deposit on to your relationship with the followers. Every
time you ask for a sale or issue any other kind of self-oriented request, you withdraw
from the relationship.
Make sure you deposit enough before making a withdrawal: share useful content (can be
links to your blog), link to great articles out there, give tips on how to use your products.
Its okay to ask for a sale every now and then, but share at least 10 pieces of great
content for every time you ask for something. Nobody wants to talk to people who only
want to sell them something.
How to market on social media? Theres a ton of great content out there. Check Social
Media Examiner as one of the best resources out there.
Pitch your story
If you have a great product unlike any other (or slightly different), you can try to pitch it
to the media and popular blogs/websites.
Ive compiled a list of more than 36 places you can submit your startup for some
coverage.
There are also online press release distributors such as prlog.org, www.24-
7pressrelease.com, www.1888pressrelease.com, and many others like thatbut these
wont actually get anyone to read your press release. They are useful for link building
though.
What you can do is try to identify journalists that write on the field of your product and
shoot them an e-mail. Dont pitch your product, but the story of why it matters.
Have an affiliate program
Help others help you. Somebody might come across your product and see that its a
perfect for their audience (blog readers, newsletter subscribers, existing clients, etc).
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
88
They might recommend it anyway, but theyll push it harder if theres something in it for
them. Hence its a good idea to have an affiliate program where you pay commission per
every client referred.
Dont be stingyif its a digital product, a commission under 30 percent isnt gonna cut it.
Have it at least 50 percentmost likely your margins will allow this. Its money you
wouldnt otherwise earn at allbetter half than nothing. Think long termhow much
money you might make off of a client in the long run. The hardest sale is always the first
one.
So there you have itif you were looking for a silver bullet, sorry to disappoint you. You
better hear it from meit doesnt exist. There are no shortcuts and there is no substitute
for hard work (and some luck).
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
99
Anyone can create a product. That is not the hard part. The hard part is selling the
product.
It is imperative that you understand key concepts of marketing before you start to
market your product, or before you even start creating your product. The way you
market it needs to be integrated to the product itselfit sets the tone for the whole thing.
The business world is full of competition. Theres a good chance that the market you
want to enter already has some players in it, and you need to take that into account.
Here are the most important things you need to know about marketing and strategy.
Understand Your Customer
Success starts with understanding who your clients are and what they need. This is crucial
for two main reasons:
1. In order to create a product that truly delivers, it needs to address the needs of the
buyer.
2. To sell your product successfully, you need to know your client demographics, their
values, aspirations, and reflections of themselves.
When you know who your customers are, you will be able to better leverage your time,
energy, and resources to pursuing the right customers. You can focus your advertising
efforts. Especially if you are a one-person business owner, you need to reevaluate your
customer relationships and make choices about how to maximize and effectively use
your limited time and resources.
To cater better to the needs of your clients, ask yourself the following questions:
1. What does your client need and want?
This is the basis of everything. Your product needs to really address the needs and wants
of the customer. If the needs are not met, everything else is meaningless.
What You Need To Know About
Marketing and Strategy
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
10 10
2. Why does your customer buy from you?
It is important that you know what customers consider most valuable about your products
or services. Ask and talk to your customers to find out. Once you have a list, ask them
again if you are indeed delivering what they want. These two questionswhat does the
customer value with regards to your products and services; and how well do you provide
that valuewill determine the relationship that you will have with the customer.
3. What does the customer expect after the sale?
The hardest part of the sale is after the sale is made. It is the make or break period: the
customers expectations will either be realized or failed. It is the time where you will know
whether the level of activity, delivery, customer service, and commitment to promises
made all supported the sales effort.
Do you know what is the emotional value they are looking for? What is the emotion in
them when they are using your product?
When people buy a Volvo, they buy safety. When people buy Versace, they buy glamour
and wealth. Ask yourself what is the emotional need your clients seek, and communicate
that in your sales copy and advertising messages.
Another thing is that you need to understand their demographics. If your buyers are
women between ages of 20 and 30, it would be a very bad idea to show pictures of old
men on your website. Show a picture of a person that is representative your of desired
customer, and it helps others customers to connect with your business. People in
different stages in their lives have different needs. Men and women have different needs.
You might think that as you know a lot about your business, you know the needs and
motivation of your clients anyway, and you dont need to ask. But heres the thing: all
people make decisions differently from one another. And the thing that persuades you is
unlikely to be the thing that persuades the next guy. Our personal outlook is a lousy
indicator of what works for anyone else.
When thinking of what your clients want, here are things you can count on:
They want you to really listen to them and not go on and on about yourself or your
product.
They want to know you really care about helping them solve their problems.
They want you to be a knowledgeable resource so you can guide them through the
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
11 11
They want you to be a knowledgeable resource so you can guide them through the
process.
They want to know you will charge a fair price for a product.
They want to know you will stand behind what you sell.
They want to know you wont fade away as soon as theyve made the purchase.
More than anything else, prospects and customers watch what you do more than they
listen to what you say.
Offer a unique high value product
You want your product to stand out from the crowd, and you want people to really benefit
from what youre doing. If you cant do it, save your time and dont go into business. The
best things you can do for yourself is to create something that is both of high value to
customers and that few others are doing.
Lets look at this graph below. Its a matrix, with two parameters: value to the customer
and uniqueness. This will teach you the most important things about marketing and
product design.
Your business can be in one of the four quadrants. Lets start in the bottom left corner:
this is when you provide a product or service that offers very low value, and theres a ton
of other companies doing the same stuff.
The quadrant in the bottom right corner is when you provide something of great value
to the customer, but so are 10 other companies. When there is almost nothing different
about you and your competitors, or the differences are very subtle, you always compete
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
12 12
on the price. Customers will usually buy the cheapest product.
The upper left corner is a place you will most definitely want to avoid. Its where you
provide something totally unique, but it offers no value to the customer and thus nobody
wants it. You are the only one doing this pointless thing, and soon there wont be any as
youll go bankrupt.
The place you want to be is in the top right corner, where you provide a unique product
that delivers great value to the Customer. Now that sounds easier than it really isso
many businesses fail to do that. The uniqueness can be a multitude of things: features,
design, price, location, business model, you name it. Figuring this out might not be easy,
but it sure as hell is worth your time investment.
Be remarkable and worth recommending
When you look at most of the internet businesses out there, then it seems that almost
everybodys strategy is to be a little bit better than the other guy while being mostly the
same. Sameness is the predominant strategy. And thats stupid. Mediocre things will not
get you anywhere, but will crush your business instead.
Create products that people will want to buy by building the marketing into the product
experience itself, not by trying to come up with marketing after the product is done. If
you fail to do so, you will struggle to find the time or money it takes to make your offering
successful. If you make average products, youre going to fail.
The most reliable way to succeed today is to stay away from the average and the
mediocre. Your product should raise eyebrows and get people talking about it (which is
what being remarkable is). You want it to be so different in some way, that it will make
people want to tell their friends about it.
This is the best way you can do advertising for yourself as the time of conventional
advertising is over.
People are becoming more and more resistant to advertising. Unless youre Coca-Cola or
Procter and Gamble, who can throw a gazillion dollars at advertising, this is not the game
you want to play.
So how to build this remarkability into your product?
A good way is to go to the extreme with an aspect of your product.
Cost. Give everything you know away for free. And charge for support or live
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
13 13
seminars. Princethe singergave his new albums away for free. Every concert that
followed sold out to the max for a very high price. Or do the opposite: price is so much
higher than anything else on the market that it will intrigue people.
Design. Make it look ultracool, or go out of your way to have no design at all. Being
just average or good enough wont cut it.
Service. Go out of your way to provide excellent service to your customer. Or treat
the VIP customers significantly better than others, so that the desire to become one
increases.
Go beyond core features. Whatever your product does, it has a set of core
features. These are things people expect a product to do. What if you would do much
more? A training company could offer personalized coaching for participants.
Change your target customer. Repackage your product/service and target a non-
conventional target group. Handbags for men. A chiropractor who offers his services
to companies instead of individuals. Construction tools for women.
If you can figure out a way to make your business so unusual, different, and unexpected
that people cant help but say something (good or bad, doesnt matter!), you have made
it and saved yourself so much money. Youre either remarkable or invisible.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
14 14
One of the hardest things for any internet marketer is to figure out what to focus on.
Marketing is overwhelmingly broad, and you could pretty much do 10,000 different
things. How to set internet marketing goals and objectives? Whats most important?
Answer: building marketing assets.
What are marketing assets? The terminology was created by Seth Godin, who talks about
marketing assets here. In his words:
For a marketer, an asset is a tool or a platform, something you can use over and over
without using it up. In fact, its something that gets better the more you invest.
Running an ad is an expense. Building a brand people trust is an asset.
Buying a trade show booth is an expense. Having a permission-based marketing list of
people who want to get anticipated, personal, and relevant emails from you is an asset.
The answer is right there. Your marketing goals and objectives should focus on building
the following:
building your reputation and brand,
building your (permission-based) mailing list and building the relationship with the
people on that list,
building your blog/Twitter/Facebook/etc. audience, both in quality and quantity.
Now every time you ask, what should I be doing?", you can take action based on
whether an activity helps you build a marketing asset or not.
How To Set Internet Marketing
Goals and Objectives
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
15 15
There are three ways to grow salesonline and offline both. Only three. However, most
companies focus only on oneand are missing out on revenue opportunities.
So what are these 3 ways to increase online sales?
increase the number of customers,
increase the average order size,
increase the number of repeat purchases.
#1: Increase the number of customers
This is what most businesses do and try to get better at.
You do this by solving a real problem, being remarkable, driving relevant traffic (free and
paid), boosting conversions, using referral programs and so on. Its the most expensive
part of increasing sales.
#2: Increase the average order size
They say the most profitable question of all times is Would you like fries with that? And
that captures the essence of this point.
When you get people to that stage when theyre ready to buy from youyou can ask
them to buy more things, and theres much less friction. The reason being that getting
customers to that buying point is the hardest part of the sales process. They need to trust
you and believe in the value theyre getting, they need to convince themselves they need
or want it, and that its the right thing to buy at this moment.
Once theyve reached that step and made a conscious decision to give you money
theyre also giving you their trust. So in that moment you are able to sell them more.
Upsell a product that costs ~60% less
Question: When somebody buys a shirt, should you upsell them a tie, or the whole suit?
The right answer is tieits (usually) cheaper and hence seems like a small thing to
3 Ways to Increase Online Sales
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
16 16
The right answer is tieits (usually) cheaper and hence seems like a small thing to
add. If youd try to upsell something more expensive, youd counter the same kind of
friction as you did with the initial product (doesnt mean it cant work, its just harder).
The time-tested 6060 rule says that your customers will buy an upsell 60 percent of the
time for up to 60% of the original purchase price. Any upsell you offer must be congruent
with the original purchase. This means that when they buy shoes, you offer to buy shoe
care products, not a key chain.
Ever registered a domain name through GoDaddy? Lets see how many things theyll try
to upsell you:
Heres the list:
1. different extensions (.net, .info etc),
2. domains you searched previously,
3. variations you might consider,
4. premium domains,
5. country/region specific domains,
6. add 5 more domains and get bulk pricing
7. popup banner with get 3 or get 5 additional extensions for a deal,
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
17 17
8. email plan.
Yes, thats 8 attempts to upsell you! I agree that GoDaddy is excessive, but its been
working for them. You should at least try to upsell 1 thing.
Quantity discount
Buy more, save more!
Vistaprint does this:
Offer an upgrade
Remind people that for just a little more $$$ they can get a fancier product.
Most people wont need more than 16 GB in their iPad, but just in case and its just
$100 more helps Apple make more money.
Bundling
Offering something to go with the initial product for a special price is a great way of
increasing the average order size.
Amazon frequently recommends you get a bundle:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
18 18
Notice how in addition to offering the bundle, theyre also pitching the Amazon credit
card (upsell!).
I throw marketing seminars each time I go to Europeand whenever I offer an online
marketing course to go with the seminar fee (for some extra $$$but a very good deal),
around half the people take the offer. Bundling ftw!
Complementary product
Do you need batteries? Sometimes you can get the extra sale by reminding them of a
new need they will have because of buying the product they have already decided on.
This can be an easy sale because it is rational, makes sense.
This is how the Phoenix Pendant does it, on the page that appears after the customer has
clicked the buy button:
One interesting thing they do here is tell you not to buy it if you dont need it. This can
reduce frictionif a customer is expecting to go straight to checkout and then they get
smacked with an upsell suggestion, its nice to word it in a way that makes them feel
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
19 19
under less pressure and more in control. The people at the Phoenix Pendant tell me that
60% of customers take the upsell.
Longer commitment
Charge monthly? Get them to sign up for a longer time period. GetResponse lures with a
18% annual discount:
Extended warranty
If youve ever bought a gadget, youve been probably offer an extended warranty for a
price. Even though statistically speaking its a bad deal for the buyer, it provides peace of
mind.
Amazon example:
Add-on services
Ever go to Chipotle? You can get a good burrito for a decent price, but they offer to add
tasty guacamole (right in front of your eyes) for $1.80 more.
Get customers to add small things to their order for a small fee. They might just add up if
you know what I mean.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
20 20
Heres how PSD2HTML does it:
Expedited delivery
If you sell physical products or do custom work (be it software development or engraving
jewelry), you can get people to pay more for faster service.
HP ships your purchases faster if you pony up additional $39:
#3: Increase the number of repeat purchases
Its much easier to sell to an existing customer than to get a new one. Youre spending a
ton to acquire themits much cheaper to keep them than to go off finding new ones all
the time.
You dont want to keep all of themjust the profitable ones. So you need to be able to
identify which ones are costing you, and which ones are bringing you bacon. (Some you
might want to offload because of the emotional cost of servicing them, i.e. difficult
customers that you spend a lot of support hours on).
Here are some ways to keep the existing customer buying:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
21 21
Offering promotions and reminding customers of what you offer
Send targeted follow-up emails to customers offering them a related product or service
(you can do this automatically with a good email autoresponder and shopping cart).
Notifying them of deals is also great.
Wine Library is constantly sending me wine offers over emails (cause Ive bought
before). Every now and then Ill take it:
Companies do this with email marketing, but also all social media (Facebook, Twitter,
etc.)get customers to follow you on one of these and offer special deals for just the
followers.
Heres an example from Modcloth Facebook page:
Free shiping for a year (locking customers in)
Do you use Amazon Prime? Its when you pay a fee to get free 2-day shipping for a year
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
22 22
(+ some other benefits). Free 2-day delivery is nice, and so are free streaming movies.
Appearently more people used the 2-day shipping now than their free Super Saver
Shipping. People like it.
However, by giving you this deal theyre essentially locking you in. Why buy from anyone
else if Amazon ships it for free (get it in 2 days)?
Wine.com does the same thing:
If your customers buy frequently the kind of products you sell, come up with an incentive
to keep buying only from you.
Offer coupons with the order
Do you know whats the open rate of transactional emails? Three times higher than
commercial email!
According to Experians Transactional Email Benchmark Report
The average revenue per transactional email is 2-5 times higher than standard bulk
mail
Transaction rates are 8x higher than bulk mailings for order confirmations and 4x
higher for shipping and returns/exchanges
Customers tend to open transactional emails repeatedly
So when customers place an order with you and receive the Thank you for your
purchase emailmake sure you include some marketing in that email, such as a coupon
code.
They just completed an order, so they probably wont buy immediatelyhence a coupon
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
23 23
code with an expiry date is a better idea than offering an additional product (you should
have offered that as an upsell before completing the purchase).
I bought a gift for a friend, and the confirmation email had a coupon in it:
Save credit card details
I shop on Amazon all the time. The few times when I dont buy something from Amazon is
when Im after something specific and Amazon doesnt have it.
Of all the reasons I prefer Amazon, the biggest one for me is that my credit card details
are already stored there. If Id go buy from an online store Ive never visited, Id have to
enter all the payment and shipping detailsall over again! No, thank youAmazon it is!
No it is not just me talkingdata shows a sharp jump in per account spending (and the
trend is upward):
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
24 24
(Note: dont copy Amazon blindly. What works for them, will not necessarily work for you.
They can get away with a lot of crap.)
People are inherently lazy. Your job is to make buying from you as easy and convenient
as possible.
Customer experience
People remember experiences. If the experience your website provided sucked, they
wont come back. Investment in user experience pays off.
Somebody on Quora suggests that play.com provides a great experience. I did a search
on Twitter and it could be true:
Service is the new selling
This is directly related to the last point. Once you get the customers in, provide a superior
support and service experience. You can always impress people with excellent service
since the average is very low.
Once you provide excellent service, people not only recruit new customers for you, but
theyll be sure to repeat the experience.
Release a new, better model every year
iPhone, anyone?
Conclusion
When trying to increase your online sales, dont forget the other two ways besides getting
new customers. Optimize for all three ways and enjoy growth thanks to untapped
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
25 25
opportunities.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
26 26
If you want to double your results, you can either double the number of visitors (very
expensive), double the conversion rate (possible, but increasingly harder as theres a max
limit to your conversion rate) or double repeat purchasesloyalty.
Jakob Nielsen has mentioned that 20102020 will be the loyalty decade. Investing in
loyalty is as important as investing in usability and conversion optimization.
If you plan to be around with your business, you have to plan for loyalty.
Shared values before interactions
A common narrative shared online is that you build loyalty by interacting with customers
(sending them emails, social media, etc). It is only true when a critical criteria has been
met first: shared values.
If you dont form relationships, your customers will just want discounts. If consumers
share values with your brand, you can spend less on messaging, less on discounting, and
youre less affected by the turbulent economy.
In a study of 7,000 consumers in the U.S., the UK, and Australia those who said they have
a brand relationship, 64% cited shared values as the primary reason. Thats by far the
largest driver.
Do you stand for something?
In order to have shared values with your customers, they need to know what your values
are. If youre running a vanilla company trying to please everybody, youre not touching
anyones heart.
In 1983, Harley-Davidson was almost going out of business. By 2008 the company was
valued at $7.8 billion, being one of the top brands in the world. Central to the companys
turnaround and success was Harleys commitment to building a brand that stands for
something. Its customers organize around the lifestyle, activities, and ethos of the brand.
Shared values lead to loyalty
The Key to Customer Loyalty
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
27 27
What are consumers really loyal to? People at Corporate Executive Board were looking
into this for over a year.
Long story short, what they found out was that people are not loyal to companies.
Theyre loyal to what the companies stand for.
We saw that emotional attachments to brands certainly do exist, but that connection
typically starts with a shared value that consumers believe they hold in common with
the brand.
Aaron Lotton
Real thing, not stick-on emotions
If youre successful and/or original, your products, prices, and marketing messages will
be copied. Those things are not your unique competitive advantage, nor will they create
loyalty.
The companies who focus on values, community building, and relationships are building
assets that cant be easily replicated. The best and most sustainable way to create
emotion and build relationships: mean it.
You show hot women in your ads or feature happy families on your website, but those are
merely stick-on emotions. The real thing is something intrinsic about your business.
A great example: Toms Shoes. You buy a pair of shoes, they give a pair to a child in need.
The company has been around only a few years, but has become a known brand people
lovebecause theyre the real thing.
Patagonia has a following. As does Harley-Davidson and Whole Foods. They stand for
something real.
Heres a good article on the real thing vs stick-on emotions.
People will buy from you if who you are aligns with who they are. So make it known who
you are and what you stand for.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
28 28
Sex sellseverybody knows. Or does it?
A fifth of all ads use sex
According to the book Sex in Advertising: Perspectives on the Erotic Appeal, around 20%
of all ads use sex (a good collection here). Of course you already knew this.
Open any magazine and sexy ladies (and men) will sell you anything from shampoo to
chainsaws. Some say that fitness marketing is almost soft porn these days. Most big
companies have used sex to advertise. Even Appleeven though it doesnt allow sexual
apps on their appstore.
Why are there so many ads using sex? Is it cause its really boosting sales? Heres the real
explanation for this.
If you look at most of the Fortune 500 companies, who are they run by? Men. So, youre
their advertising agency and youre pitching these ideas to these men. Well, men have a
very specific idea of whats beautiful.
University of Florida advertising professor Robyn Goodman (source)
Perhaps sex doesnt sell, after all
According to one study an overwhelming 61 percent of the respondents say that sexual
imagery in a products ad makes them less likely to buy it. Interestingly, 53 percent of
respondents surveyed said they are more likely to buy a product that is advertised using
the imagery of love.
Another study made by AdWeek and Harris poll showed that more than half of Americans
(56%) say they are bothered by sexual imagery in ads they are exposed to, a quarter are
very bothered and the rest are somewhat bothered.
Of course, these surveys were asking people how they would behave. People rarely know.
How and When to Use Sex to Sell
More
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
29 29
Sex doesnt sell movies
A study on sex in the moviesthat examined more than 900 films released between 2001
and 2005concluded that nudity and explicit sex scenes dont translate to success for
major motion pictures.
Contrary to popular belief, sex and nudity failed to positively affect a films popularity
among viewers or critics and did not guarantee big box office receipts. The top-grossing
films in the study contained mostly minor to mild sex and/or nudity.
Women turned off by sexual ads?
There are these two studies which show that women are bored by ads using sexeven
when they were made for and appeared in fashion magazines aimed specifically and
uniquely at female consumers, including Vogue, Cosmopolitan, and Allure.
The studies dont reveal exactly what the women dont like about these ads. When I
shared the study about women disliking sexy ads in magazines with a lady friend, she
suggested it might be because of envy. The goal of those ads in those magazines is not to
make people relate to them, in fact the opposite is true. Theyre aspirational.
Sex reduces brand recall
MediaAnalyzer Software & Research explored how men and women look at sexually
themed ads and what effect that visual behavior might have on the ads effectiveness.
Long story short, mens brand recall was worse for the sexual ads than for the nonsexual
ones. An average of 19.8 percent recalled the correct brand/product for the nonsexual
ads; for the sexual ads, 9.8 percent did. Strong, sexual visuals reduced the attention a
brand was getting by 50%.
Men liked the sexual ads, but couldnt really remember what company was advertised.
Women did not like the sexual ads, and interestingly their brand recall was more than
50% worse.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
30 30
I think Reebok Easytone is a good example where sex is being sold way more than the
product itself. The shoes are completely overshadowed by ass. In the end, you want sex,
not the shoes.
And its not just about the brand recall, its about noticing the brand to begin with. A
viewing observation study revealed that men hardly pay any attention to the ad copy or
products on sexy ads.
So when does sex sell?
Sex has a proven track record. The Wonderbra Hello Boys campaign is a great example.
Its billboards stopped traffic and aroused the attentions of men, but it put women in the
driving seat. Seven units were sold every second in its 1994 heyday1.6m in that year
alone.
An interesting tidbit: 73% of sexual ads in magazines contain a sex-related brand benefit.
Common themes follow the Buy this, get this formula. If you buy our product: (1) Youll
be more sexually attractive, (2) have more or better sex, or (3) just feel sexier for your
own sake.
Axe and Old Spice body sprays make a lot of money, and theyre positioned as sexual-
attractant enhancers. For over 30 years, sex in one form or another has been a mainstay
in Calvin Klein ads. Their annual revenue in 2010 was $2.5 billion, up from $1 billion in
2005. Ads continue to be as edgy as ever.
Victorias Secret is all about sex. The company has grown from three boutiques in San
Francisco to the most successful intimates brand in the world. So clearly, being all about
sex can be good business.
So Id suggest you use sex in your branding if your brand is about sex. It seems to work.
Sex makes us impulsive and focus on the short-term
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
31 31
Scientists claim they have discovered exactly why sex sells. Researchers found seeing an
attractive man or woman in an advert excites the areas of the brain that make us buy on
impulse, bypassing the sections which control rational thought.
These results suggest that the lower levels of brain activity from ads employing NI (non-
rational influence) images could lead to less behavioral inhibition, which could translate to
less restraint when it comes to buying products depicted in the NI advertisements.
Dr. Ian Cook, a professor of psychiatry at the Semel Institute for Neuroscience and
Human Behavior at UCLA
Basically this means that seducing consumers can be a more effective way to sell
products than persuading consumers. Even better, combine both.
Similar findings were confirmed by other studies.
Belgian researchers conducted a series of tests on 358 young men, showing some of
them sexual images or objects, and showing the others non-sexual images or objects.
The sexy imagery did not work on all men all the time, but as a group, men with sex on
their brains were more impulsive and valued immediate gratification more than the
controls.
I observed in my studies that men are more likely to pick a smaller immediate reward
over a larger later reward. Hence I do think that men might spend money on something
they might otherwise not purchase. Men would become more impulsive in any domain
after exposure to sexual cues.
Bram van den Bergh, the studys lead author
Another study received similar results. They found that men who viewed photos of
women judged to be attractive became more attracted by short-term rewards.
Add here the research by George Loewenstein of Carnegie Mellon University and Dan
Ariely of MIT, who found that sexually aroused men would do all sorts of things they might
not otherwise do.
When aroused, more men (compared to non-aroused) found womens shoes sexy and
wanted to take part in a threesome. Aroused men narrow their view of the world. When
theyre thinking about sex, thats all they think about and that leads to impulsive,
irrational behavior.
So what does this all mean?
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
32 32
If you want your customers to think short-term and go for immediate satisfaction
(impulse purchases), using sexual imagery is a good idea.
I would think a time-related scarcity would boost any sexy offer even moretaking
advantage of their irrationality while theyre turned on.
Using sex to sell more online
Offline advertising is one thing (even though a racy ad can be a fantastic link
building tool), what about using sex onlinebanners ads, landing pages, websites and so
on? (Im talking about non-adult industries).
There was a successful auction on eBay where a guitar was sold using sex. Unfortunately
we wont know what the result would have been without the sexy photo.
And Shoemoney conducted an experiment on Facebook and discovered that ads with
boobs get the most clicks (and lower CPC thanks to higher CTR) and they even convert.
This was his winning image:
Of course, you have to be careful when using such imageryit will surely attract tons of
clicks (and more cost) from people who have no intention of buying your stuff.
Virtual cleavage works (for men)
How would you increase conversions when targeting hardcore social gamers, male, ages
18-40? With breasts, of course.
Ion Interactive was testing a landing page for a video game. Two variations of a female
vampire image were be tested to determine whether a head shot or body shot is more
effective at driving game sign ups.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
33 33
Image source
Results: Version C kicked butt! For PPC traffic, landing page C resulted in a 95% increase
in sign ups over landing page A and a 35% increase in sign ups over landing page B. For
Affiliate Marketing traffic, landing page C resulted in a 39% increase in sign ups over
landing page A and a 30% increase in sign ups over landing page B.
However, this doesnt mean that sex sells more video games. In fact, less sex sells better.
Some say its because there are more women playing video games than ever. Even Lara
Croft has been reduced to more anatomically feasible proportions; her breasts and lips
have shrunk in recent years. Newer versions of the game have sold better than the
earlier ones.
Untapped potential
The truth is that theres little data available on using sex to boost online conversions. It
seems that its not a widely used approach. I would think that theres some untapped
potential here and some people will make good money using it.
Can sex work when selling to women?
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
34 34
Researchers followed up on earlier research that has demonstrated that women exhibit
negative reactions to explicit sexual content in advertising.
Their hypothesis was that womens attitudes toward sexually oriented advertising would
improve if ads reflected devotion and commitment.
Findings from our initial experiments were supportive of this hypothesis. Experiment one
illustrated that commitment-related cues in the ad itself (for example, positioning the
product as a gift to a woman from a man) boosted womens attitudes.
So if you want to appeal to women, show love and commitment instead of purely
recreational sex.
Maybe youre already selling sex, you just dont know it
That smartphone in your pocket? Thats for sex. So is the car you drive and the clothes
you wear. Everything you own is about sex and attracting more of it. This is what
evolutionary psychologist Geoffrey Miller says in his book Spent.
Pretty much every purchase decision and acquisition of personal goods is motivated by
the primal desire for procreation, pleasure or bothhe claims.
If thats true and you can figure out how your product or service can help buyers get
more sex, maybe it is a good idea to test using sex in your ads and website. Just bear in
mind that including sexuality in your advertising and/or web visuals will almost certainly
alienate some of your audience (but that might be okay).
Become a Hyperink reader. Get a special surprise.
Like the book? Support our author and leave a comment!
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Marketing
Marketing
Marketing
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
35 35
II.
Conversion
Optimization 101
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
36 36
This section will make you money. It will teach you about conversion optimizationhow
exactly to do it, based on all the best research and experiments.
Why do conversion optimization? It is the cheapest, quickest way to increase sales online.
Think about this: if youre currently converting at 1% (1% of your visitors buy your stuff),
but can increase that to a mere 2%, youve doubled your sales.
Conversion optimization is the method of tuning websites or landing pages with the
goal of converting more visitors into customers. The higher the conversion rate (%), the
more sales (sign ups, subscriptions, etc) you get.
Conversion optimization is about testing. Most companies are not happy with their online
conversion rate, says Econsultancy. Companies who were happy with their conversion
rates did on average 40% more tests than those companies who were dissatisfied.
Why dont you test?
3 likely reasons:
You dont really know what conversion optimization is or how to do it,
You think its too complicated,
You figure it takes too much time.
Its not that complicated nor that time-consuming. Your business exists to make money,
conversion optimization makes your business more money. If thats not worth your time,
Im not really sure you got your priorities straight.
How do you know if your conversion rate is high enough?
It depends. It depends on what action you want people to take, how much your product
costs, where the people are coming from and so on.
What You Have to Know About
Conversion Optimization
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
37 37
Send spam to 100,000 people with your offer and you conversion rate will be 0%. Send
an email to your in-house email list that has been nurtured for years, and you might sell
to more than 10%.
The average conversion rate for purchases is commonly believed to be 2%, but dont get
stuck on that. If youre doing more than 2%, it doesnt mean youve reached Nirvana and
should stop optimizing. A good conversion rate is the one thats better than your current
one!
Note: Bear in mind that overwhelming majority of people will NOT buy anything on their
first visit to your site. Hence, dont try to sell to everybody right away. Instead sell them
the idea of coming backask them to join your email list, subscribe to your rss feed,
follow you in Twitter, and so on.
A quick refresher on testing methods
Create multiple versions of a web page (such as home page, product page, landing page,
etc) or even a part of a web page (such as headline wording, call to action button size,
email capture box location, etc) and see which version converts betterwhich
version gets more people to do what you want them to do.
Customers often behave unexpectedly. This is one reason we need to test. The second
reason is that you are not your customer, hence thinking customers use your site like you
do will leave you in the dark.
You dont know what works until you test it.
A/B testing
There are 2 ways to test. A/B testing (or split testing) is when you create two versions of
a page (page A and page B). 50% of the traffic is showed page A, and the other 50% is
taken to page B. This division is done automatically by software (see the end of the
article).
If a user lands on page A, a cookie is placed on her computer, so that when she comes
back later, she will always see version A. This ensures that people wont really notice that
youre conducting any testing on your website.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
38 38
Technically you could also do A/B/C/D etc testing, but the more versions you test at the
same time, the more time it takes for you to know which one is the best. You need
statistical significance. Theres a significance calculator spreadsheet in Excel you can use.
Google recommends at least 100 conversions per page before deciding which version is
best. The exact amount actually needed is a matter of debate. I say sometimes 25
conversions is enough to spot a winner (exact conversion rate requires more time).
If you test more than two pages against each other, it will take you much more time to
find the winner. Speed of testing is also important, so I say skip the Cs and Ds.
Multivariate testing
Multivariate testing enables you to test more than 2 combinations at the same time, and
the combination of different combinations. Let me explain.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
39 39
Lets say youre testing 2 versions of a headline, 2 versions of a call to action text on a
button and 3 different images of the page at the same time (as on the picture above).
So the winning combination could be:
headline 1, button 2, image 1
headline 2, button 1, image 3
headline 1, button 1, image 2
etc, etc. Lots of possibilities, and youd need a lot of traffic to find the winning
combination.
Only do this if you have a ton of traffic. Low modest traffic websites should stick to A/B
testing.
Structured approach
According to the conversion optimization report , companies that have a structured
approach to conversion are twice as likely to have seen a large increase in sales. So dont
just throw spaghetti on the wall and see what sticks; have a structured approach.
Lets go over some frameworks you can use for your conversion optimization.
Structured Approach by RedEye
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
40 40
You can download a white paper on the structured approach advocated by RedEye and
Econsultancy (who conducted the conversion study mentioned above).
The approach they recommend is a 4-step loop (Measure-Analyze-Test-Optimize):
1. Measure. You can only improve what you can measure, so measure everything. Be
clear on your business goals, benchmark your competition for ideas, dig in your web
analytics data, conduct customer surveys, analyze search behavior on your site.
2. Analysis. Once you know your goals, its time to figure out whats working well, whats
not and why. Analyze your content for relevancy and clarity, figure out if it matches user
needs, do usability testing and analyze user paths/journeys on your site.
3. Test. A/B and multivariate testing are the two most valuable methods for companies
to improve conversion. Prioritize tests by potential value and cost.
4. Optimize. After conducting tests, implement successful design and content changes.
I suggest you download the white paper and read the whole thing.
Invesp Conversion Framework
Invesp has 8 principles in their conversion framework.
1. Build buyer personas and focus on a few select personas when designing your
layout, writing copy, and so on.
2. Build user confidence, make them trust you by using all kinds of trust elements.
3. Engagement. Entice visitors to spend a longer time, come back to visit, bookmark it,
and/or refer others to it.
4. Understand the impact of buying stages. Not everybody will buy something on
their first visit, so build appropriate sales funnels and capture leads instead, and sell them
later.
5. Deal with fears, uncertainties, and doubts (FUDs). Address user concerns,
hesitations, doubts.
6. Calm their concerns. Incentives are a great way to counter FUDs and reduce
friction.
7. Test, Test, Test.
8. Implement in an iterative manner. Build smaller blocks, make smaller changes,
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
41 41
and test them and improve their performance.
C = 4m + 3v + 2(i-f) 2a
This is not a lesson in physics, but a conversion formula developed by Marketing
Experiments.
Luckily you dont need to solve the formula above, its actually a helpful tool to keep at
arms length (like print it out and stick on your cubicle office wall). This is what the
characters mean:
C = Probability of conversion
m = Motivation of user (when)
v = Clarity of the value proposition (why)
i = Incentive to take action
f = Friction elements of process
a = Anxiety about entering information
Translation: The probability of conversion depends on the match between the offer and
visitor motivation + the clarity of the value proposition + (incentives to take action now
friction) anxiety. The numbers next to characters signify the importance of it.
Friction is defined as a psychological resistance to a given element in the sales or sign-up
process. Anxiety is a psychological concern stimulated by a given element in the sales or
sign-up process. Reduce these as much as possible and do what you can to increase the
users motivation and incentive and clarify the value position.
LIFT
An interesting framework for analyzing landing pages is LIFT, developed by WiderFunnel:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
42 42
This framework has value proposition as vehicle that provides the potential for the
conversion rate. Its the basis of it all. Relevance and clarity boost conversions, while
anxiety and distraction kill it. Urgency is what propels people to take action right away.
Ingredients of a successful test
Not all tests are equal. Heres what you need for successful conversion testing:
A hypothesis: testing is not there to prove an idea works, but to assess whether it
works.
Dont test your site by showing a different version at different time periods (e.g. one
week one design, second week another design), the results will NOT be accurate.
Dont be afraid to fail: In testing & optimization, failure is success. Too many times, I
have seen the uglier, poorer cousins convert better.
If you dont have huge amounts of traffic, dont test too many variations at once. Also,
if you do A/B testing, its worth testing one change at a timeotherwise you wont
know which thing made the difference.
Dont end the test too soon, make sure results are statistically significant.
Avoid meek tweakingin other words, making changes that are never likely to have
a significant effect. (See below)
Testing should never end. Decide what to test, test it, make a change and test again.
What are the most important things to test?
We could test everything, but lets test the 20% that makes 80% of the difference.
Now lets look at each area separately. Ill showcase some cool recent experiments you
can learn from.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
43 43
Value Proposition
Value proposition is the main reason a prospect should buy from you.
(If youre struggling with yours, heres a worksheet (pdf) to guide you through the process
of effectively communicating your value proposition.)
Can you find a value proposition here?
Didnt think so. Stating your company name as the first thing and throwing around
superlatives like finest quality dont convince much.
What about here?
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
44 44
This makeover version brought 145% increase in conversions.
Marketing Experiments recommends you test your value proposition via PPC ads first,
and only then test the winning versions on your landing page:
Images from Marketing Experiments
Headline
On the average, five times as many people read the headline as read the body copy. It
follows that unless your headline sells your product, you have wasted 90 percent of your
money. The headlines which work best are those which promise the reader a benefit.
David Ogilvy, ad guru
A good headline can make the difference. Its kind of nice when just changing the
wording of your headline increases your results by 127%.
A headline is the first thing a visitors sees and reads on your website or landing page. Its
the very first thing you say about you. If you start out with Welcome!, youve already
lost.
If the visitor came through a paid ad, the landing page headline should reinforce the
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
45 45
message from the ad; utilize persuasive momentum.
If youre split testing article headlines or email subject lines, remember the 65 character
rule. Google only displays 65 characters in its search results, email clients such as Gmail
will truncate long subject lines and Twitter doesnt allow too much for tweeting your
headline.
CityCliq: 88.9% improvement
The winning headline is the one on the right.
Offer
A confused mind always says no, goes the old direct marketing adage.
The offer is the deal youre presenting to your visitor. Make it clear and concise. Nobody
will try hard to understand what is it that youre offering.
The offer is not a call to action, that comes later.
Call to Action buttons
The most important part about CTA buttons is that theyre clearly visible, above the fold
and theres ideally just one per page. The more choice you give, the harder it is to decide.
Peoples attention span is limited. They dont want to figure out what buttons that say
submit actually do. Buttons without the word submit convert better, tests show. Steve
Krug was right: dont make me think.
The word free on the other hand seems to be quite magical. For instance Firefox
improved their conversions by 3.6% (over 500 more downloads per test) when they
changed their button text from Try Firefox 3 to Download NowFree.
What about the color of the button? Big orange buttons are all the rage these days (think
Amazon), but there are still some other colors in the world. In this test red kicked greens
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
46 46
butt and converted 21% better (orange was not tested):
Image: Hubspot
Larger sized buttons usually do better. Hubspot found that a good button size is around
225px wide and 45px high.
Oh yeah, never ever have a reset fields button. Nobody fills a form to clear the field in
the end. If they do, they wont bother to start over.
Friction
Whenever theres somebody asking for a sale, theres friction! Reducing friction produces
a disproportionately high return on invested effort.
Friction consists of two components:
Length: fatigue, irritation, or aggravation caused by forms or processes that ask for more
time or information than feels reasonable
and
Difficulty: poor usability, asking questions people dont know the answers to, insufficient
product information, etc.
Absence of trust is also frictiona visitor will not convert if he doesnt have confidence or
trust in you.
MarketingExperiments brings this case study. The original page with 3 calls to action:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
47 47
This was the treatment:
The optimized form requires only one choice, and the call-to-action is simply a
Confirmation, thereby minimizing difficulty-oriented friction.
By including the offer price on the landing page (which also removed one page in the
order process) and minimizing friction by reducing the level of decision making difficulty
on the order form, free-trial-signup conversion rose by 65%.
Another one:
Simply reducing the number of fields and dramatically reducing the perceived page
length through layout increased overall conversion by 77%.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
48 48
Here are some things that reduce friction:
Testimonials and/or customer reviews,
Case studies of previous customers,
Third-party references such as media mentions or reviews,
Easy to find company contact info, employee photos and bios,
Trust marks that communicate your site is secure and that confidential data is handled
with care,
Short forms (whenever you add an input field to your form, ask yourself, Is this
additional information worth losing sales?),
Clarity: focus on what the user gets and needs to do to get it,
Distraction removal: the offer page doesnt contain anything not related to
converting the user,
Use language that is familiar to your target audienceavoid jargon and corporate
speak,
Guarantee: offer a guarantee on their purchase such as a 90-day risk-free trial; 100%
money-back guarantee; or a 100% satisfaction guarantee,
Beautiful design: websites that are more attractive create a greater feeling of
trustworthiness and professionalism in consumers.
Unfortunately you cannot eliminate friction 100%it is a natural part of selling. If you
want to people to buy something, you must eventually ask for a credit card number,
address, and other information.
Stanford Persuasive Technology Labs web credibility guidelines is a must-read for all.
Price
The right pricing can really help you boost your conversions.
Read our article on pricing experiments.
Radical change
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
49 49
This is when you go beyond testing one element to create an all together new and
different version.
Great examples (click on the links of each case study to read the specifics):
SEOMoz: 52% improvement in sales and $1 million dollars increase in revenue
Image: Conversion Rate Experts
How they did it:
created a web page long enough to tell the story
infused the headline with curiosity rather than overt buy me language
explained precisely what customers would get at each level (plan)
showcased things customers cared about but SEOmoz had taken for granted
augmented the message with video
lowered the risk by offering free subscribers a 30-day full-featured membership for
just $1
Highrise: 2 radical changes, 37.5% and 102.5% improvement in conversions
Image: 37Signals
What they learned:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
50 50
You really need to test: A long form page had a 37.5% increase in net signups
compared to the original. The person design converted better than the original.
Then they added more info under the person design page, and it converted worse.
Big photos of smiling customers work (but the specific person didnt quite matter)
Performance Based Design book: 131.2% improvement on landing page
What they learned:
Engaging visitors through appropriate copy improved sign ups by 100%+
Sometimes you can overthink. The winning design was thrown together very, very
quickly, yet outperformed the more formally designed landing page with more than
double the conversions.
Conversion optimization tools
There are quite a lot of tools available, WhichTestWon.com lists 39. Im going to skip
expensive enterprise tools and list some of my favorites that are easy to use and easy on
the wallet.
Google Website OptimizerThe best part of GWO is that its free. Most people can do
most testing with it, but it requires you to be somewhat tech savvy. Google does
provide handy video tutorials that help, but theyre somewhat outdated, and the sound
quality on some is plain horrible.
Visual Website Optimizer and Optimizely. Great services for entrepreneursboth easy
to use. VWOs cheapest plan ($49) comes out to $0.0049 per visitor. Optimizelys
cheapest plan ($19) comes out to $0.0095 per visitor. Heres how they compare to
each other.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
51 51
ConversionDoubler seems to be in the same ballpark, but I havent used it myself.
Zentester has a forever free plan, but the catch is that your test results are public.
MaxA/B is an easy to use WordPress plugin for A/B testing. Ive had some issues with it
in the past, but for the most part seems to do the job.
What worked for them, wont necessarily work for you
Just because something worked on somebodys site, doesnt mean it will work on yours.
For instance take this case where reducing the size of call to action and removing
urgency elements actually increased the conversion rate.
No website is the same and no users are the same. The trick is to understand your users
and target them in the most appropriate manner. Customers are influenced by a range
of activities before they convert; website content, website usability, online and offline
advertising all play a role in whether or not the consumer will make a purchase. You have
to test.
Excellent libaries of case studies
There are several good conversion optimization case study resources.
WhichTestWon claims to have the worlds biggest library of A/B & multivariate testing
case studies (164 at the moment of this writing). Offers paid membership for in-depth
information on them.
MarketingExperiments blog has a ton of case studies. Not all of the posts in the link
are case studies, but a lot of them are.
Visual Website Optimizer has a user-friendly database of case studies. Free.
ABtests.com. All kinds of tests. Upload your own test results.
WiderFunnel case studies. 30 or so.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
52 52
If you run an online store, youre always trying to boost your sales. Heres how to
increase the conversion rate of your ecommerce site.
Whats the conversion rate I can be happy with?
Dont worry about average rates. A good conversion rate to strive for is better than the
one you have right now.
There are just too many variables that affect conversions, so its very difficult to have
apples to apples comparisons between different sites. Quality of the traffic is a major
contributor.
Rates around 1 percent and 2 percent are fairly common.
Quality Product images
If Id have to pick one single thing that would sell a product online, its images.
You could technically have an e-commerce site with just images, and no product
descriptions (I dont recommend it). It wouldnt work vice versa.
People want to see what theyre getting. The grandfather of boosting e-commerce
conversion rates is having high quality photos of your product. The more the better. Show
the products from different angles, in context, make them zoomable.
Ties.com gets it right:
The Ultimate Guide to Increasing
E-Commerce Conversion Rates
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
53 53
Extra credit for the view this in the dressing room feature. Check it out.
Great product copy
Product descriptions matter. The role of product copy is to give buyers enough
information, so they could convince themselves this is the right product for them. Clarity
trumps persuasion. The best sales copy is full, complete information. No hype needed.
How long? You should offer both, the concise version and the long version. The shorter
version should capture the essence: whos the product for, what will it do, and why is that
good.
The longer version should give so much information that the user will not have a single
question left. If they read the whole thing and still have questions or doubts, then you
have a problem. If theyre convinced only half way through, they can just skip and
continue to checkout.
Lets look at the same product on Home Depot and Amazon.
The Home Depot version sucks:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
54 54
They cram the text inside a stupid iframe, only provide you with three sentences of
information and a bunch of technical info in bullet points.
The Amazon version has proper text for humans, turns features into benefits and even
provides a comparison table. Technical info is provided too.
If you sell stuff you dont make, dont just repeat the manufacturers canned descriptions.
Add your personal touch and recommendationstell the customer why you personally
recommend this product and how it will help them.
Recommended reading: E-Commerce Copywriting: The Guide to Selling More
Product videos
Images are good, but everything indicates that video is the future. Photos have their
limitations; video is the next step before actually touching and feeling the product.
If youre not doing product videos yet, do them for at least part of the inventory and see
if it makes a difference.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
55 55
Zappos has videos for almost all of their products, such as this:
Customization creates ownership
People like to customize stuff. Its fun, has a game-like element to it and creates a feeling
of ownership. Once youve spent minutes configuring a product, it feels like your own.
Back in 2008, I needed a new laptop and went to dell.com. I played around for like 30
minutes customizing my laptop. At the end, of course, I bought it. It ended up being much
more expensive than any of their standard sets.
If your business is up for it, you can do mass customization, like Dell or Timbuk2using
efficient manufacturing (the labor contents of every Trimbuk2 bag is only 30 minutes).
Here what Timbuk2 bag customization looks like:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
56 56
Does customization make money? Gemvara lets women customize jewelry (I designed it
myself!), and theyre making millions. So yeah.
Charging for shipping is a conversion killer
Do you know how many merchants offer free shipping? Half of them! Some offer always
free, some have conditions. Amazon and JCPenney offer free shipping, if you buy for at
least $25 or $50 respectively. Nordstrom offers free shipping for all purchases. All of this
has gotten people used to the idea of free shipping.
An e-tailing group study revealed that unconditional free shipping is number one criteria
for making a purchase (73 percent listed it as critical). In another study, 93 percent of
respondents indicated that free shipping on orders would encourage them to purchase
more products.
High shipping costs were rated as the number one reason why consumers were not
satisfied with their online shopping experience. In fact, shipping costs are the main
reason why people prefer brick and mortar to online.
People want free shipping, no surprise there. But how attractive is it? In fact, orders with
free shipping average around 30 percent higher in value those that charge a few bucks
for transport. Makes business sense.
When 2BigFeet introduced free shipping for orders over $100, their conversions went up
50 percent.
For whatever reason, a free shipping offer that saves a customer $6.99 is more
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
57 57
For whatever reason, a free shipping offer that saves a customer $6.99 is more
appealing to many than a discount that cuts the purchase price by $10.
David Bell, Wharton
If youre afraid that offering free shipping will erode most of the profit in the order, watch
this video for a useful strategy to use.
What about charging very little instead of free?
In the book Free, author Chris Anderson shares the case of Amazon. Once Amazon
implemented the free shipping offer, sales went up in each country except for one
France. Why? France charged 20 cents instead of free. While 20 cents IS almost free, it
sure didnt seem that way to people. Once they changed it to free, sales went up also in
France.
Moral of the story: free is in a league of its own. The difference between cheap and free
is huge.
If you charge for shipping
If you decide to still charge for shipping, you have to do this one thing: mention shipping
costs up front. If you can, charge a flat fee (simple pricing is best) instead of per item.
Nothing kills conversions like a surprise shipping fee revealed at the very end. According
to this study, 47 percent of people indicated they would abandon a purchase if they got to
checkout and found that free shipping was not included.
Have a section for sales and specials
The above mentioned e-tailing group study conducted at the end of 2011 found that 47
percent of online buyers would only buy discounted products, except under exceptional
circumstances. 62 percent said they are looking for a section that identifies sales and
specials.
Endless sales, Groupon, and its clones have trained people to shop cheap. Discount
seeking behavior is set to continue, so thinking about having a dedicated sales section
on your site. Naturally do whats right for your brand, but it might be something worth
experimenting with.
Suggestion: make it clear where people can see stuff on sale.
Steve Madden has several calls to action for stuff on sale:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
58 58
While the rotating offers banner is usually not a good idea, they have the exact same
offer on each bannerso it works out.
Tackle shopping cart abandonment
Shopping cart abandonment means the loss of a customer who is going through the
check-out process of an online store. Its widespread.
In 2011, the shopping cart abandonment rate reached all-time high of 72 percent. Its
believed that this rate will continue climbing.
A Forrester study found that 89 percent of consumers had abandoned a shopping cart at
least once. Researchers attributed that high rate to user sophistication: as shoppers
become more experienced online, they are more likely to comparison shop even as they
move toward checkout.
Other industry experts offer this explanation: shoppers are shocked at high shipping
costs.
Top reasons why people abandon shopping carts (and what to do about it):
High price. If your product is the same or similar to what the competitors offer, people
will choose based on the price. If your price is the best, say it (must be true, or lose all
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
59 59
credibility). If its not the best, you have to communicate your added value.
You charge for shipping? Stop. Figure out how to offer free shipping.
Hassle: you ask for too much data/forced registration.
Doubt: Will it fit me? Can I return it? Use live chat to address buyers concerns and
answer their questions.
Your site is too slow. Speed up your site.
Follow up
A very effective way to reduce shopping cart abandonment rates is following up by
email (263 percent improvement in the linked test). Another company got
500 percent ROI with shopping cart abandonment campaign. SmileyCookie
recaptured even 29 percent of the abandoned carts.
How many companies do this? Listrak shopped Top 1000 retailer sites, added items to a
shopping cart, began the checkout process by adding first and last name, e-mail address
and phone number, and then abandoned the carts before completing a purchase. They
then tracked whether retailers responded with e-mails and analyzed the contents of any
follow-up e-mails retailers sent.
Only 14.6 percent of the top web retailers used e-mail campaigns as a way to retarget
shoppers.
So what do you do?
Collect email address firstso you are able to send follow-up emails if they do not
complete their orders.This is the screen people are taken to on Amazon when theyre
ready to check out:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
60 60
Make sure the first follow-up email goes out ASAP. If they complete the purchase
somewhere else, its over. If the purchase take place, send one or two more followup
emails (might include a coupon).
Track the effectiveness of those emails (open, clickthrough, and conversion rates).
Many ecommerce platforms such as Magento, 3DCart, and Volusion offer integrated cart
abandonment solutions. There are also several add-on software providers out there that
can do this.
Here are two to start with:
Rejoiner
SeeWhy
Persistent shopping cart
People comparison shop. A common behavior is that they add products to cart on a site,
so they could return later. If upon their return they discover that the contents of the
shopping cart have expired, they will not start from scratch (too much hassle).
The solution: persistent shopping cart. Done with a persistent cookie, this shopping cart
will be right there even a day or a week later.
Save the cart
An alternative to this is the option to save the shopping cart contents, so the user can
retrieve it later after theyre done with comparison shopping.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
61 61
Giving the option to send the cart contents to email (later retrievable through a link) is a
smart way of staying on the shoppers mind.
Show contact info, offer live chat
Its a small thing, but known to boost conversionsespecially important for small, less
known stores. Its a trust thingmaking your email and phone number clearly visible
shows youre a real business.
Icon Direct shows a real person and a prominent phone number:
Offer a live chat option for answering quick questions. 77 percent of e-retailers that use
live chat considered it a critical communication method, according to the results of a
survey.
Apple is doing it:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
62 62
A live chat service Ive used myself and can strongly recommend is Olark.
Clear progress indicators
People like to be in control and to be in the know. Are we there yet? We want to know
how much longer something is going to take. This is why numbered lists are better than
unordered lists and why you should have clear progress indicators on your site.
Crutchfield has it in the top right corner, but I think its too small and will go unnoticed by
many:
The way Crate&Barrel is doing it is better, the steps are more prominent:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
63 63
Address uncertainty
Is this safe? Can I do returns? When will I get my stuff?
If the visitor has never ordered from you, he will have several uncertainties you have to
deal with. Make a list of the most common objections and doubts, and address them on
product pages and in the shopping cart.
Asos has a tabbed box detailing shipping and returns info right on the product page:
Ace Hardware puts their phone number, privacy policy, security guarantee and returns
info on their shopping cart page.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
64 64
I like how Groupon is dealing with this (look at the sidebar):
Offer multiple payment options
Options are good. Two reasons:
Given the scandals about credit card information theft, some people are wary of using
credit cards for online payments (especially on a site theyve never used before).
A 2009 survey of 2,000 online British adults found that 50 percent of those who
regularly shop online said that if their preferred payment method is not available, they
will cancel the purchase.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
65 65
These people are not the majority, but adding payment options like PayPal or Amazon
Payments to credit card payments will help you win over some customers you would lose
otherwise.
Heres how Altrec offers two options:
Communicate your value proposition
Too many ecommerce sites forget about value propositions. When new people arrive on
your site, they have to figure out what your site is about in a matter of seconds. Yes, they
can see that you sell stuff, but how are you better or different?
For instance, Ive never heard of this store:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
66 66
They dont say ANYTHING interesting about themselves. This is costing them sales.
Heres a different example. While its far from perfect, they state what they do under the
logo and list key reasons for buying from them:
If you dont communicate your value proposition, you will lose a lot of potential buyers.
People wont invest time to figure it out.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
67 67
Better search
Search is crucial to e-commerce. People need to find products, and quick. Around half of
the visitors navigate ecommerce sites using search. For search-centric sites like Amazon,
the number is probably way higher.
Use auto-suggest search that shows products as you type. After online retailer
BrickHouse Security added an automated drop-down menu of textual results that appear
when shoppers enter terms into its site search window, it boosted conversion rates.
Wild Gems example:
Theres a really good article on e-commerce search on Smashing Magazine, read it.
More choice requires better filters
The more choice you give people, the harder it is to choose something. The way to
combat paradox of choice is by filters. The more choice you offer, the better filters you
need to provide.
Ever been to a wine store? Its one of those places where the selection knocks you
unconscious and you feel like grabbing beer instead. Retail stores dont have good filters
(usually its the salesperson).
Online, you can have great filters. The role of the filter is to make finding most suitable
products easy.
Winelibrarys filters do a good job:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
68 68
All of the filters dont fit on this screenshot, there are more. The order of the filters is by
popularity: more common options like country and variety first, bottle size and closure at
the bottom as they dont matter to most.
Wiltshire Farm Foods have filters right on the home page, starting with the top selling
categories which account for the vast majority of sales:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
69 69
Short forms
Eventually, people will add some stuff to the cart, and theyre ready to check out. Your
success in leading them through this depends a lot on the forms. The more fields they
have to fill in, the more friction there is.
This is the very reason people prefer to buy from Amazon. Their shipping and credit card
information is already there, so they will save themselves from the hassle of filling in
forms. Theyre even ready to pay a higher price just to save a couple of minutes (I know I
am!).
Ive seen stores ask for shipping address for digital downloads. Ugh! No fax, no salutation.
Just stick with the essentials.
A must-have feature: people need to be able to check the box shipping address same as
the billing address.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
70 70
Bottom line: do not ask for information you dont absolutely need.
Decode the credit card data
People from all walks of life shop online, and some are not very savvy. Some people dont
know what the CVV code is, some are even having a hard time figuring out their credit
card number.
Your job is to make it as clear as possible what data youre asking for. For instance,
Target is making it difficult:
Why on earth would you ask the type of a credit card! I bet tons of people are spending
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
71 71
minutes figuring out what card they have, and another group constantly chooses the
wrong card type. This is very bad design. Your job is to make the customers life easy, not
yours.
Another thing: sec. code. Thats not clear and easy to understand. Yes, theres a question
mark there, but it could be done so much better.
This also ask for card type (#fail), but at least explains where to find the 3 digits.
Promote shopping cart contents
Many marketers assume that once the customers click add to cart, they will make it
through the entire checkout process. Nope. Youve still got work to do.
Even when they add a product to the shopping cart, it doesnt mean theyre going to buy
it. You have to keep selling it to them.
The best solution is perpetual shopping cartdisplaying the contents of their cart at all
times while they browse.
Onlineshoes.com has it in the right sidebar:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
72 72
The key is to show the subtotal, items in the cart and photos: a constant reminder what
theyre about to buy.
Best Buy only shows 2 items." People will forget in two minutes what they added and
how much that was.
Marketing Sherpa reported that 64 percent of retailers believe perpetual shopping carts
are very effective at improving conversions.
Account registration in the background
Surely you know the $300 million dollar button story. Dont force people to register.
Instead, offer the option to register if they want, but create an account anyway for those
who opt for guest checkout. They will enter their email and name anyway. You just have
to generate a password and email it to them once they complete their order.
Sock Dreams plays nice and offers guest checkout:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
73 73
Product reviews
People use reviews, a lot. Even while theyre shopping in brick and mortar stores they
read online reviews. Probably youre doing it too. I know I am.
Nearly 60 percent of online shoppers consult reviews prior to purchasing consumer
electronics and 40 percent of online shoppers claimed that they would not even buy
electronics without seeking reviews about the product online first.
Bottom line: Start gathering and showcasing reviews on your site.
If you sell commodity products and cant get users to write many reviews, you might
want to look into pulling reviews from an external site to have more of them.
Dont delete negative reviewsthey actually help sales if there are only a few of them.
Upsell, but watch where
Upselling and cross-selling will boost your average order size. Apple knows this and
immediately after adding an iPad to your cart, it tries to upsell you:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
74 74
The rule of upselling is this: you only offer related products (Apple offers Smart Cover for
iPad, and doesnt try to sell you an iPod), and the offer must be at least 60 percent
cheaper than the product they just added to their shopping cart.
So if theyre buying pants, upsell a belt.
Brick and mortar supermarkets will try to upsell you while youre checking out (grab a
candy bar while you wait). Online, dont do it. Focus on getting them to check out.
Amazon gets it and never tries to upsell you during checkout. Placing the order is just one
click away, now is not the time to distract me:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
75 75
Clear, big calls to action
The user experience in your store needs to be smooth. Smooth in the sense that they
should never have to look for something. It should always be obvious how things work.
If people need to look for add to cart or checkout buttons, youre failing miserably.
Those two are the most important buttons in your store. You want them big, bold and
prominent. Avoid text links.
Patagonias add to cart button stands clearly out from the rest:
The wording and color of the button also matter, but you need to test it. Bigger buttons
are better.
The North Face has buttons that stand out in the checkout screen, but I think theyre
creating some confusion there. You must have hierarchy. The checkout button is more
important than the continue shopping button, hence Id make it bigger and make it
first.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
76 76
Offer back-ordering
Item out of stock? Too bad, no sale.
If you plan to re-stock the item within a predictable time or can have it custom
made/ordered, offer a backorder option.
Wild Gems does this successfully:
Dont copy Amazon (or other big brands)
What is permitted to Jupiter is not permitted to an ox.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
77 77
The big guys have a huge advantage over youtheyre known. They dont have to
wrestle with trust and security issues like most small online stores. People are super
confident that Amazon or Target will deliver the goods (and on time), have stuff in stock,
accept returns and what not.
You still need to win customers trust. Dont copy the big guys blindly. (10 more reasons
why not).
Do user testing
Usability is your best friend. I strongly recommend you conduct user testing on your
ecommerce site to find problems with your interface you might not be aware of. Give
people some tasks (e.g. find X, and buy it), and have them comment out loud while
theyre browsing your site. You either watch over their shoulder or watch the screen
recording of it.
15 people will already discover 99 percent of the problems. Even testing one target user
is better than testing none at all.
Usertesting.com and YouEye are some of the tools you can use for it.
Test this stuff
Take my advice. Then do your own testing.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
78 78
An average website has a sales conversion of 1 percent to 2 percent. So itd be fair to say
that on most sites more than 95 percent of visitors dont buy anything (especially on their
first visit). So instead of trying to sell them right away, we should capture leads (emails)
instead.
I firmly believe that the best way to sell something is to avoid it at first. You need to let
people know you first, earn their trust, and then you might try to sell to them.
Sure, this somewhat depends on the industry, but its true for most businesses.
The formula
This is not the focus of this article, but in a nutshell the formula for making tons of sales
online is this:
1. Capture emails
2. Build and develop relationships via regular communication
3. Add tons of value (way before asking for anything in return)
4. Repeat step 3 as much as possible
5. Sell great products
The technique
Nobody just wants to give you their email address. Everything starts with an attractive
value proposition, and you need to get your signup forms right.
However theres one online lead generation technique that has produced far better
results for me than anything else: tests and quizzes.
Theres something magnetic about tests, and people are almost drawn to them. Some
people are even willing to pay a fee in order to take a personality quiz.
Ridiculously Effective Technique
for Online Lead Generation
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
79 79
I think it has to do with how people like themselves. Or maybe its nostalgia (thinking back
to the teenage years and taking silly tests in magazines). Or maybe its a subconscious
hope to discover something magical.
Whatever the case, it works ridiculously well.
Examples
T1Q
T1Q is a site for people who have no idea what to do with their lives. When I launched the
site back in 2008, it had a typical email capture form on the site:
It got around five people per day to join the list, out of around 500 daily visitors. 1 percent
conversion rate. A couple of years later, I split tested it against an invite to take a test
(both forms were on the home page):
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
80 80
The results: Now I got around a hundred people per day joining the list. Overnight. Thats
a huge difference (+1,900 percent).
Todays version is converting even better.
Why it works so well
Besides being a free test and having therefore innate attractiveness, it does one key
thing: it solves a problem the visitors have (or to be exact, offers a promise to solve it).
Most visitors come via search and they are googling variations of find life purpose or
what should I do with my life." The keywords told me the problem they had, and this free
test was built exactly to address these questions.
The lesson here is: dont just build a random quiz. Your business/website solves a real
problem. The test should, too.
If you dont know what problems your customers need help solving, youre not doing it
right :) Talking to users should be one of the two key activities in your business.
Relevant to your product
I could have also built Do women find you sexy quizand Im pretty sure it would have
been popularbut it wouldnt attract my ideal customers. So Id end up with a bunch of
useless emails.
Ideally your test would only be attractive to people who are also the target group for your
products. In T1Qs case, its e-books, courses, and coaching programs related to finding
your purpose and passion.
ShopGemstones
ShopGemstones is a gemstone information site. One of the best in the world.
Their goal: build up an email list of gem nerds (my words, not theirs). Gemstone people
are often somewhat esoteric and believe in the healing properties of gems and so on.
So a test was designed to attract these people:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
81 81
11 questions in total, and email asked at the end.
We did something else that was cleverwe turned the test into a link building machine.
Once they got their results, we showed them this among other things:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
82 82
Hundreds of test takers added this to the sidebar of their blog. Once one person did it,
her friends saw it on her blog, took the test and put their results onto their blogs.
ShopGemstones got hundreds of links thanks to this.
Should I Quit
This Should I Quit My Job? test is technically a funnel to get people to sign up to courses
like Live Off My Passion.
It targets a specific user and plays on the natural curiosity (are you one of them?) of
people.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
83 83
They ask for the email at the end. A score is given right away, but for the explanation you
need to confirm your email (double opt-in).
Im not in a position to disclose exact figures, but I can tell you that this went live early
April and has gotten thousands of opt-ins plus nice sales down the funnel.
Cant build a test? Build a tool
In B2B settings its more difficult to come up with a good idea for a test, but a tool could
be easy (although harder to put together).
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
84 84
HubSpot is killing it with MarketingGrader. Every business owner is interested in how their
website is doing, how they stack up against the competition, and giving your email for
useful insights seems a small price to pay.
TweetCharts does something similar, only it lets you dig into Twitter data:
The main idea is the same: help your prospects solve a problem, and ask for their email.
Email up front or later?
Theres two ways of thinking here.
Ask for the email before the test. Users see the test value proposition and they want
the benefits. There is no other way to get to the goodies, but to give your email. So
they do it. Also, a significant amount of users do not actually complete testsso if they
dont reach the end, you also lost their email.
Ask for the email at the end. Less friction up frontite easier to get going. At the end
you state that they will get the results by email (can reveal partial results right away),
so theyre motivated to give it to you.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
85 85
You have to choose which scenario is more likely to work in your case. Better yet, test it!
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
86 86
What if there was a methoda processthat you could apply to (pretty much) any
website to increase sales? Wouldnt that be swell? Well, there is.
This method works across all categories, it doesnt really matter what business youre in.
Ive turned it into a checklist. So the way to use it is you take your website, compare it to
any item on the list, make improvements, and your online sales will increase.
Start with measurable goals
Before we get started on the checklist, make sure you have actual, measurable goals in
place (e.g. sell boots, get subscribers).
If you dont have a single focus for your site, its very difficult to achieve results
You cannot systematically improve what you cannot measure (or wont notice when it
happens)
So start with specific goals and make sure your web analytics software is tracking those
goals.
Personal opinions do not matter (much)
Theres no shortage of opinions in this world. Sadly, most of them are misguided and
even incompetent. People see the world as they are, and think everybody else is like
then. But I never click on ads!," Nobody shares their email!," I think it should be
blue and so on.
You are not the world. You are not your customer. Hence you cannot make conclusions
about user behavior based on your personal preferences. Its very natural to want to, but
try to resist.
Instead, focus on evidence based marketing.
The internet is not in its infancy anymore. We (humankind) have had many, many years
How To Increase Sales Online: The
Checklist
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
87 87
to test, try and see what works online. There are all kind of frameworks out there that
explain where conversions come from. Theres research. Theres testing.
The following checklist is a summary of key elements that help you get more sales (or
whatever youre after).
Increasing sales online: the checklist
Here it is:
Create buyer personas
Drive relevant traffic and create relevant messages (for personas)
Make your design good
Create compelling value propositions
Understand buying phases
Reduce friction
Focus on clarity
Eliminate noise and distraction
Engage visitors
Add urgency
Follow usability standards
Now lets look at each item individually.
1. Buyer personas
The more people feel that an offer is right for them, the more likely they are to take it.
Let me prove it to you. Lets say you want to buy new running shoes. First, answer these
questions:
Your gender?
Age?
Weight?
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
88 88
Where do you normally run?
Now, would you rather buy running shoes that are suitable for all or the one that is
specifically designed for your gender, age group, weight and type of use? Thats a no
brainer.
Your goal is to identify main types of customer groupstheir needs, wants, requirements,
and use cases. Buyer personas are essentially a specific group of potential customers, an
archetypal person whom you want your marketing to reach.
Optimizing your site for buyer personas gets you away from an egotistical point of view
and gets you to talk to users about their needs and wants. What people care about are
themselves and answers to their problems, which is why buyer personas are so critical for
marketing success.
Essentially its about knowing who you are selling to, what is their situation, what are they
thinking, their needs and hesitations. If youd know the exact person youre selling to and
the problems they have, youd be in a much better position to sell them. RightNow
Technologies increased their conversions 4x by building a persona focused site.
How to build them?
The truth is that most companies have only the faintest idea what lies behind the buying
decision. We presume an awful lot. The buyer persona is a tool that can help you see
deeper into the buyers thinking.
Use interviews with existing customers to map out different personas. To get more
information on this, read The Buyer Persona Manifesto (free pdf). Heres a free webinar
recording on buyer personas I recommend checking out.
Your personas should dictate every word and every image on your site. Your website
layout, navigation and general user flow should come from personas.
2. Relevancy and motivation
This is about 2 things:
targeting the right people,
communicating the right message.
Its not really possible to sell people things they dont need or want. If you sell laptops and
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
89 89
somehow get me to your siteI wont buy one because I already have one. What you
offer is not relevant to me at this moment.
A key ingredient of high conversions is relevant traffic. If you stop driving irrelevant traffic
to your site, your conversions will go up. As a marketer, one of your constant jobs is to
find the right marketing mix:
the right media (where to advertise / promotefree or paid),
the right message (what do you say?),
the right offer (how much $$$ for what).
If you get the media right and the traffic is relevant (e.g. people are genuinely interested
in what you have to offer), youre instantly doing better.
Now you have to figure out which value proposition works best for this audience. This is
where you go back to step one and customer personas.
Understand why people need your product, what problems it solves for them and reflect
it back to them. When people (your target group) feel understood, magic happens.
Additional reading:
What to call your call to action (pay attention to the trigger words part)
How to design user flow
3. Design and visual hierarchy
In a nutshell: beautiful design sells better than ugly design. Beautiful does not mean its
full of bells and whistles. Beautiful design is also effective.
BMW, Apple, or Nike are not throwing millions of dollars at design just for fun. They know
it sells better. In fact, design (not just how it looks, but how it works too) is the key reason
why people buy them.
How do you know if your site is ugly?
If you built your site yourselfand youre not a designerit sucks. Get a new one.
If you use cheesy stock photographylike customer service people with headsets or suits
shaking handsits likely the rest of your site sucks too. Dont use the women laughing
alone with salad style:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
90 90
If you had a freelancer build it who charged you $2 an hour, it sucks. Quality
craftsmanship always comes at a fair priceno matter what country theyre from.
The more you know about something, the better youre able to tell the difference
Have you seen The Devil Wears Prada? Theres this scene (starts around one minute
into the video) where Anne Hathaway's character mocks the fashion people who think
two identical belts look so different.
Be it dogs, fashion, or web designyou have to spend years analyzing them to be able to
separate the good from the bad, and know exactly why.
Ive seen too many butt-ugly websites that their respective owners thought looked great.
Yes, to an extent beauty is in the eye of the beholderbut mostly not. Your site is either
ugly or it isnt.
Sure, there are exceptions like Craigslist, but those are outliers. First of all, Craigslist
started when butt-ugly was the standard, and later it successfully made barebones design
its thing." If theyd start today looking like they do, nobody would use it.
Visual hierarchy and user guidance
Your websites design carries another important roleit communicates whats important
and what the user should do next.
Every page on your site should have a most wanted action, or the number one thing you
want people to do on those pages. This is where visual hierarchy comes in.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
91 91
Look at this website:
Now think what was your eye movement order? What did you notice first, second, last?
Probably the first two were the headline (Its your money) and the image, followed by
the the explanatory paragraph and call to action (Free! Get started).
It is not a coincidence. They wanted you to see those thing in that order. And whats
equally important is what you DIDNT noticethe navigation, all the other secondary
information that is not really important at first.
Additional reading:
8 universal web design principles you should know
Design like jagger
10 useful findings about how people view websites
8 things that grab and hold website visitors attention
4. Value propositions
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
92 92
A value proposition is a promise of value to be delivered. Its the main reason a prospect
should buy from you (and not from the competition).
In a nutshell, value proposition is a clear statement that:
explains how your product solves customers problems or improves their situation
(relevancy)
delivers specific benefits (quantified value)
tells the ideal customer why they should buy from you and not from the competition
(unique differentiation).
You have to present your value proposition as the first thing the visitors see on your
home page, but should be visible in all major entry points of the site.
If your main landing pages (home page, product page etc) dont have a value proposition
or they dont understand it, you are losing sales.
Ive written an extensive post on creating value propositions along with a bunch of
examples. You should read it.
Design Boost does it well.
What is it: learn app design. Tools and know-how for building and selling apps
End-benefit: become over-employed
Whos it for: people who want to build apps like the pros
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
93 93
5. Understanding buying phases
Lets say you surf the web and come across this site:
What stands out is that they go straight for the saleasking to register right away. The
only thing people know about them at this point is: Create attractive articles. Quick.
Easy. Profitable.which says absolutely nothing.
Its like when you see a pretty girl/handsome boy walk by, approach him/her with a
meaningless sentence, and then go for the kiss. What would be the success rate of that?
Zero. We know this, yet people do it all the time online.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
94 94
Understanding buying phases is all about understanding how people work.
Largely, customers fall into three groups:
People who have a problem/need, but they dont know it
People who are researching different options, comparison shopping
People who have made the decision
Depending on your industry there might be a few additional groups. Use customer
interviews to learn about the different phases your buyers are in.
You have to sell differently to each group. The first group is pretty much hopeless and its
very difficult to sell them anything, since you need to sell the problem first.
Researchers
In most niches, these people form the majority. The main question you need to answer
for them is, why should I buy from you?
If you dont have a compelling value proposition, youre going to lose. If you dont make it
clear how youre better or different from the competition, youre going to lose
especially if youre not the cheapest.
Humans dont like to think. They like to compare products by looking at a couple of
simple parameters like price and maybe something else (e.g. in case of web hosting, disk
space).
If people cant understand the differences between your product and that of your
competitor, theyre going to choose based on the price. If its all the same, why pay
more!?
Do this:
State your advantages and differences on your home page and on product pages
If you sell mass market products (e.g. Sony TVs, Dell laptops, Gucci perfumes) and
youre not the cheapest, you need to clearly communicate the added value of your
higher price.
Researchers are looking for information that will help them decide. Your job is to provide
them with as much info as possible to make a positive purchasing decision.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
95 95
If you rush the saleask for a sign-up before they have enough information, you will
scare them away. Heres a good case for burying your signup or buy button. One
company removed the sign up call to action from the top of the homepage, and sign-ups
increased 350 percent.
People who have decided
Some people, after theyve conducted their research, will come back to you for the
transaction. Theyre looking for clearly visible call to action buttons (add to cart) or links
with trigger words (sign up).
Your job is to make sure thats easy to find. Conduct think out loud usability testing to
test it.
6. Reduce friction
Whenever you ask people to do something or commit to something, theres friction. Its
impossible to remove friction completely in a business transaction, you can only minimize
it.
Friction is all the doubts, hesitations and second thoughts people have about giving you
money for a product.
Is it really worth the money? Will it break? Can I trust this guy? Will it work? What if it
doesnt fit? Is this a scam? Is it the right choice for me? Will she like it?
The way to convert an infidel to a believer is to address all of their doubts and give them
full information, so they are able to convince themselves.
The usual suspectselements that add friction:
Long and/or complicated process. This is get a quote forms with 10 fields, 3-page
applications, etc
Websites with horrible usability where people dont understand how to buy or cant
find any contact info.
Anonymous site: no names, photos, phone numbers or physical address published. If it
seems youre trying to hide, you must have something to hide. If you dont publish
photos of yourself, is it that you dont want your customers to recognize you?
Ugly, amateur website
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
96 96
Insufficient evidence. This is where you make a bunch of claims, but dont back them
up.
Insufficient information. A chair, two feet tall, black, $5,000. There are thousands of
sites that hardly provide any information about the products they sell. Research says
50 percent of purchases are not completed due to lack of information.
FUDs: fears, uncertainties, doubts. Much like the list of questions above, every person
has some doubts in a form of a question. The way to overcome these is to address
those FUDs in your sales copy. Interview your customers to find out what they are.
The classical way to boost credibility is to use testimonials:
Credible testimonials are with full name and photo, from both celebrities and people like
your buyers. Anonymous testimonials are not believable.
Fitness site Bodyhack combated arguments that their results page photos are
Photoshopped. No one can achieve those results in three months, they heard. They
added a ton of evidence, like videos, to overcome these concerns.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
97 97
Make a list of all the FUDs your target group have, and address them with evidence.
Social proof is powerful. Show impressive numbers, like how many happy customers
youve got. Nobody wants to be the only idiot buying your stupid product.
7. Clarity
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
98 98
People wont buy what they dont understand. In fact, people fear what they dont
understand. Racism, xenophobia and all that comes from the fear of the unknown.
Whatever youre selling, the buyer is a human. Doesnt matter if its your granny or a top
exec from PwC. Theyre all humans. If the text (or video) on your site is easy to
understand and in a compelling language, your conversions will go up.
A friend of mine blogged about an email he received. I think its a good example of what
NOT to do.
Hi Deniss,
My name is [...], Senior Director of Feedback Management at [..]. I wanted to let you
know about some information that could impact on your role at [...]. A recent [...] study,
Customer Feedback Management: Leveraging the Voice of the Customer to Amplify
Business Results, revealed that companies successfully leveraging Voice of the
Customer (VOC) programs accomplish quantifiable year-over-year performance gains
including increased annual revenue and higher customer satisfaction ratings.
[...] I will be hosting a webinar, based on the studys findings [...]
I hope youll be able to join us for what is sure to be an informative webinar that will yield
valuable take-aways for your organization!
You can always avoid this kind of jargon by using the friend test. Read the text on your
website out loud and imagine its a conversation with your friend. If theres a word or a
sentence you wouldnt use, re-word it.
What does this company do?
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
99 99
Pretty clear, isnt it. No fancy schmancy stuff. You dont need big words. You need to be
clear.
If the text on your website is not fun to read and takes effort to understand, youre doing
it wrong.
Same goes for video. A good example of a clear presentation is by Nest:
Watch: Nest ad on YouTube
Its a thermostat! This could be the most boring technical video of all times. But its not.
8. Noise and distraction
Theres an adage for outdoor billboard designits ready when theres nothing left to
remove. In a way this also applies for websites.
The more choice you give to people, the harder it is to choose anything. When there are
too many options to choose from, its easiest to choose nothing at all. Theres tons of
research to confirm this. In addition, greater choice makes us unhappy.
If you have a ton of products, you have to provide great filters to help people narrow
down the choice.
Noise and distraction is not just about how many products you have. Its how busy your
layout is, how many competing design elements there are, all asking for attention.
Rule of noise: The closer you get to closing the sale, the less things you should have on
your screen. Once they get to checkout screen, you shouldnt have ANYTHING on the
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
100 100
page that doesnt directly contribute to conversion.
Look at Amazon checkout screen. No sidebar, no menu, no related products. They just
really want you to click the Place your order button.
Have a single most wanted action for each screen, and make sure the important stuff
stands out. Dont have anything in the layout that isnt absolutely necessary. Simple
works.
9. Engagement
Whats your conversion rate? One percent? Three percent? Even if its a high five
percent, thatd mean that 95 percent of the visitors dont buy anything.
They came to your site (maybe even through paid advertising), bought nothing and left
now what? Have you lost them for good? Not necessarily.
In a lot of cases the best way to increase sales is to avoid one at first. Remember buying
phases? Instead of asking for money, try to engage them in some way and ideally collect
their email address so you can keep talking to them.
General rule: the more expensive and/or complicated the product, the more time people
need to make a decision.
If youre selling cars or computers, its highly unlikely that someone will buy one online on
their first visit. This is why you should get their email first, add value, prove your
expertise, get them to like you, etc. BEFORE you ask for the sale.
Think Traffic wants to sell you different infoproducts. But much, much later. They go for
the email first:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
101 101
While email is the best way to go, you might also go for
social media follow (Twitter, Facebook etc).
some sort of test or quiz,
immediate tryout of your product,
sweepstakesenter to win.
Optimizely lets you just enter any URL to see their product in action:
Appsumo is using a lot of sweepstakes to build their list:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
102 102
Additional reading:
14 Steps to Building Sign-up Forms That Convert
Lead Magnets: Email List Building on Steroids
How to Get Subscribers to Actually Consume Your Content
10. Urgency
Urgency is a powerful motivator, if done well.
Most of us have seen something like this:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
103 103
Act now or you miss this super deal!
There are three ways to create urgency:
Quantity limitations (Only three tickets left at this price)
Time limitations (Discounted tickets until July 1st)
Contextual limitations (Fathers Day is coming, get a gift now)
As long as the reason for the urgency is believable, it will work. Too many marketers
abuse it and try to add urgency to everything. Its not just possible. But when it makes
sense to use it, it will produce a ton of results.
11. Usability
If your site is difficult to use, people wont use it. Nobody will bother to figure out stuff.
The best websites provide a seamless experienceeverything seems intuitive and people
dont have to think.
Luckily its not the 90s or early 2000s anymore when usability was just plain awful. In
2010 the average failure rate was 22 percent.
Check out these fantastic usability checklists for different sections of your website.
Compare your site against all of them and make necessary corrections.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
104 104
If youre in it for the long run, focus on loyalty
What does the future hold? Jakob Nielsen proposed the following formula a while back:
B = V C L
Bbusiness results
Vvisitors / traffic
Cconversion
Lloyalty
If you want to double your results, you can either double the number of unique visitors
(very expensive), double the conversion rate (possible, but increasingly harder as theres
a max limit to your conversion rate), or double repeat purchases.
Whereas we might aptly call the period 20002010 the conversion decade for website
usability professionals, 20102020 will be the loyalty decade.Jakob Nielsen
If you want to increase sales right now, focus on conversions or (relevant) traffic. If you
want to increase sales online in the long run, focus on loyalty.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
105 105
People hardly buy anything without seeing it. Usually they also want to touch it, hold it,
and take it for a spin. You really cant do those things online (unless its web based
software). So to compensate for all of that, you need to work twice as hard to make your
products come alive via excellent photography and graphics.
I know of a guy selling construction hardware online. He added images to all the screws
hes selling, and the sales of screws went up.
Schwans (home delivered food service) has one of the highest conversion rates among
e-commerce sites, and when you go to their site you can sense that its based on their
juicy images.
High quality images
This should go without saying, but too many websites try to sell products with low quality
images.
Made.com is a site that caught my attention recently with their beautiful images that let
their products shine. Screenshot:
Another great one is Best Made Company. Screenshot:
How Images Can Boost Your
Conversion Rate
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
106 106
Always do what they do: pick a default image that is shown in full size and display
clickable thumbnails (that produce enlarged images).
Alternate & detailed views
Dont just show a single image, show as many as you canfrom different angles.
Lets take that same axe above. You can see all of these views on its product page:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
107 107
Much better than just a single photo of an axe, isnt it? You get a feel of it. Theyve also
managed to take those photos in a way that show character and carry a brand. Well done
indeed.
Context
Context matters. Dont just show the product, show it in context. Let me imagine using it.
Remember the photo of the couch above? They also show a person using it:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
108 108
Sell earrings? Show me what it looks when Ill be wearing it. This is how Wild Gems does
it:
Its so easy to use, even the kids can do it. Even better to communicate that via
contextual image:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
109 109
Zoom
Zooming in / using a digital loupe can be a nifty feature if your product has ornate details
your customers might want to look at. Like in the case of this $1,400 leather case for
your iPad:
Avoid cheesy stock photos
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
110 110
Usability tests by Jakob Nielsen show that people always pay a lot of attention to images.
When it comes to people, real people get a lot of attention while stock photo people are
largely ignored. Dont use cheesy stock photos.
I wont go on a rant, but if youre using shiny people and suits shaking hands, youre
stupid and you think your customers are too.
Most phones have decent cameras today, almost any random picture will be better.
Draw attention to products
Images can be used to draw attention to your product or copy, as this well-known
eyetracking study says:
Heres another post with great examples that prove the same.
Men are pervs, women are gold diggers
Miratech conducted an eye tracking study to measure how men and women look at the
photo of a sexy young woman.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
111 111
Source
Conclusion: the men look at the womans chest and the women look at her ring.
Also, people in different countries act differently. For instance French women stared at
the chest more than 2.7 times more than British women! Men who looked at the breasts
the longest were also from France (and Denmark). Some cliches seem to hold water.
Try 360 rotating images
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
112 112
DueMaternity.com, an online retailer of items for pregnant women and new mothers,
boosted their conversion rate by 27 percent thanks to 360 rotating images. In the past
they used conventional two-dimensional images on their website, such as the front and
back of a model wearing a maternity dress.
After adding 360-degree spin to the images that rotate automatically when shoppers visit
a particular merchandising page, the conversion rate on products sold on those pages is
about 27 percent higher than for standard two-dimensional images.
Golfsmith.com claims that products with the special spin feature have conversion rates at
least 10 percent and sometimes as much as 30 percent to 40 percent higher than
products without it.
360 degree rotating images are usually created by taking a series of pictures (frames)
with a product, or any object, on a computer controlled turntable. Heres a more
technical blog post of how one guy did it, but there are also service providers around
(such as this or this).
Product images in site search window boosts conversions
After online retailer BrickHouse Security added an automated drop-down menu of textual
results that appear when shoppers enter terms into its site search window, it boosted
conversion rates.
With the product images in the site search drop-down window, we get a 100 percent lift
in conversion rate among shoppers who use site search.
About 8 percent of buyers use search on their site , and about 25 percent of that group
click among the new image-based search results in the automated drop-down list instead
of completing the entry of a search term and clicking the search button. This results in a
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
113 113
15 percent lift in the overall site search conversion rate.
Human photos on a landing page increase sales and conversions
Medalia Art sells Brazilian and Caribbean art online and using photos of artists on their
homepage increased conversions by 95 percent. They had these paintings of artists:
When they replaced the painting with actual photos almost doubled the conversion rate
(conversion in this case was clickthrough, not sales):
Source
This article tells a story of how adding photos of real people to their customer service
phone number increased visitor-to-call rates by 21 percent:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
114 114
37Signals started to use photos of their customers on their landing pages, and
conversions went up:
Source
Will any photo of people boost conversions? GetElastic mentions a split test where using a
photo decreased conversions, but the they used cheesy-to-the-maximum stock photo, so
that explains it.
I recommend always starting out with a photo of real people and never using cheesy
shiny stock people. In case you have to use models (e.g. to show off merchandise), Flint
McGlaughlin from MarketingExperiments said this:
A strong face as the primary means of greeting visitors gets a strong reaction that
polarizes conversion rates. Never put up a face photo that hasnt been thoroughly tested.
It needs to be the right face.
This was the image in question (screenshot of narscosmetics.com):
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
115 115
Want more CTR on your Facebook ads? Beer helps.
One Facebook advertiser, who was not in the business of selling beer, observed that an
ad containing a picture of beer delivered its best CTR. In fact, it performed 57 percent
better than any other ad tried:
Another company tried to replicate that and found the similar success with CTRs, but alas
the traffic did not convert. In fact, only one of those 1,250 clicks actually produced a
conversion. Ouch.
Their business is selling merchant accounts, so its extremely specific customer theyre
after. My guess is that a consumer good with broader appeal might be able to convert
that beer traffic.
Images on blog posts
I couldnt find any conversion research on this, but I am sure of it: using quality images in
your blog posts makes you sell more of your stuff. Why?
Images improve readability and general user experience (breaks patterns, catches
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
116 116
attention, eye candy, worth a thousand words etc). Posts without images are boring, and
lead to less reading.
The more people read your stuff, the more they like you, the more they develop a
relationship with you, the more they trust you and that all moves them further along in
your sales funnel (doesnt even matter what the funnel is like).
My advice: always use images in your blog posts.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
117 117
Online video keeps getting more and more popular. This years Black Friday and Cyber
Monday saw huge growth in in video views with major retailers.
Treepodia says video is one of the few strategies that seems to work well regardless of
the category in which it is deployed. The following chart shows the conversion rate
increases that were witnessed for shoppers who watched product videos:
Even if there wouldnt be any proof, I would believe instinctively that video increases
conversions. Using just the right images boosts your conversion rate, but a video is so
much better than a photo. Its the closest you can get to seeing the product in person.
If the product is complicated, using video to explain how it works causes less friction than
reading a bunch of text. You can present a ton of information with just a 30 second video
equivalent of half a page of text, if not more.
Videos dont need to be directly about increasing conversions. HSN features a lot of
educational videos on their site. Emery Skolfield, HSN.com director of digital content:
Videos can be educational and build trust in our brand. If they do they add value and give
the sense that HSN.com can help a consumer even after shes made her purchase.
How to Use Video to Increase
Conversions
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
118 118
Educational videos have another advantagepeople actually want to watch them. More
content = more engagement. When I look at YouTube Insights data for my own videos, I
can see a clear trend: content videos are watched WAY longer than commercials /
product pitches. Most dont watch the latter past the few first seconds.
Put a video on your home page
Dropbox put a video on their home page and conversions went up. Vidyard increased
conversions by 100% by using video on their home page.
What should the video be about? Perhaps a short overview works best. Last year Think
Vitamin replaced an example tutorial video (5:50) on the homepage with a 50-second
overview of the serviceand increased conversions by 24.4%.
InDinero spent two months split testing between a more traditional landing page design
and a page with basically just a big video and a simple signup form. The page with just a
large video has increased inDineros signups by almost double from 6.8% to a whopping
11.2%.
Buy Real Twitter Followers produced a case study after experimenting with a small video
explaining their service on the homepage. This little change helped them increase their
sales by 216% against control, but the new version of their home page is again without
video. Go figure.
No best practice is guaranteed to work on your site. Always split test.
Use videos on your product pages
Video on product pages is getting more popular. According to the etailing groups 13th
Annual Mystery Shopping Study, usage of online video on product pages among the 100
leading retailers studied increased by 18 percentage points between Q4 2009 and Q4
2010.
Voted the best jewelry e-commerce site of 2011, Ice.com has product videos for every
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
119 119
product. Zappos is killing it with video.
Putting videos on product pages is just a smart business decision. When a consumer sees
how a product works, she is much more likely to convert. Sometimes already offering the
option to play video will increase the conversion rate (even if they dont actually watch
it!).
In the fourth quarter the conversion rate for consumers who watched a video on eParty
Unlimitedonline-only party supplies retailerwas 8.3%, 43.1% higher than the 5.8%
conversion rate for other consumers.
Living Direct added video to its product pages of household items ranging from tankless
water heaters and wine refrigerators to solar-powered cell phone chargers, and has seen
conversions increase for those products. The same has been confirmed by Stacks and
Stacks and Swimwear Boutique.
Premiere Game Tables saw a significant jump in conversion rates: it went from 1.2% to
4% when a product video was watched.
E-retailers can use vendors like Treepedia or Inovo to produce product videos, and pay
$300 to $500 per video + monthly bandwidth. This is out of reach for small businesses,
but given the access to digital video cameras these days any etailer can make their own
videos and host them free on video sharing sites.
Online gemstone jewelry company Wild Gems produces their own videos and hosts them
on YouTube for free (has access to video analytics via YouTube Insights). Its hard to
show off the sparkle of gemstones via photos, so for them video actually helps them to
present their products better.
Male or female narrator?
This is something you have to test for your site, but online eyewear retailer
EyeBuyDirect.com discovered that consumers prefer a male voice for the videos
narration.
The retailer tested the effect of a change in narrator for two product videos running
approximately 30 seconds each that feature the type of chunky black frames.
In this case, the male-narrated product video produced more sales. That video achieved
a 9.28% conversion rate, compared with a 2.78% conversion rate for the female-
narrated video. Quite a huge difference!
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
120 120
Video thumbnail matters
We doubled the number of video plays on Traindoms home page just by changing the
video thumbnail.
The thumbnail used to look like this, and around 10% of the visitors watched it.
The new thumbnail contained the text Watch this video because its only 2:18 long. I
thought to mention the duration of the video, so people wouldnt worry about it taking too
long. The word because was used as it triggers an automatic compliance response (as
per Cialdini). The new thumbnail looked like this:
Twice the amount of people watched the video now. Test your video thumbnails.
Video can reduce return rates
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
121 121
After adding product videos to their ecommerce site, Diamond Jewelry Limited realised a
60% reduction in returns, which significantly increased their revenues and margins.
Video can show product more accurately and hence people are less likely to buy stuff
under false assumptions.
Try a video-only landing page
Fitness trainer Carl Juneau managed to increase his conversions by 46% by switching to
video-only landing page. He tried a long-form sales letter underneath the video, but
conversions were much lower.
Why did video-only work so well? Carls best guess:
Im guessing visitors were intrigued by the sales video and clicked through to the
price/guarantee page to get more info. They may have been turned off by the long
salesletter when I added it to the video and lost the excitement created by the short,
punchy video.
He also tested a landing page without a video, but a with a call to action mentioning
video:
This produced a 14.18% improvement over control. Hes not the only one boosting
conversions with mentioning video in the call to action.
Mention video in your call to action
A split test on this landing page was trying 2 different call to action buttons. One said
Free Instant Access and one said Watch The Video. See images below:
Version A: Get Instant Access (11.9% conversion rate)
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
122 122
Version B: Watch the Video (15.3% conversion rate)
Watch the video button increased conversions from 11.9% to 15.3%. A total increase of
28%! Image source
Use video testimonials
Testimonials reduce friction like nothing else. People trust other consumers and social
proof is powerful. When the testimonials are believable, that is.
Few will believe testimonials when just the first name or initials are mentioned. Full name
and photograph is the minimum, but even that can be faked (Ive seen an abundance of
stock photos served as actual people). Whats really hard to fake is video. Therefore
video testimonials are powerful.
Justin Nassiri from VideoGenie says video testimonials get watched for 100 seconds on
average. Thats pretty good.
See how video testimonials are used by Intuit, Priceline and Shoedazzle.
How to get more views for the video?
Research conducted by Invodo says that videos get more views when
they are placed above the fold,
the video player is fairly large (480x720px sized player got more views than
250x140px),
there is a text call to action (e.g. click to play).
Treepodia says you should embed the video rather than just provide a link to it. If you add
a simple link to video from any given product page, you can expect something between a
5%-15% video view rate, while a video player embedded on the same page will deliver a
view rate ranging from 10%-35%.
Most viewers will NOT watch the video to the end. An average 2 minute video gets
watched half way. What does that mean for you?
Make your videos nice and short30 seconds if you can, but definitely shoot for under
2 minutes.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
123 123
Present the most important information first, leave additional details for later.
Heres a useful infographic on increasing your video viewership.
Measure video
I dont mean split testing (but you definitely have to test video vs no video), but video
analytics. How long are they playing the videos for? Are they watching them to the end or
just the first seconds?
Most video platforms provide analytics these days, even YouTube. YouTube Insights
shows you the general statistics, attention span (how long are they watching for), location
and even demographics of the viewers.
I recommend you also do a split test of 2 videos and measure the video analyticswhich
video actually gets watched and which video helps to produce more leads or sales.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
124 124
A landing page is the first page that visitors see after clicking on your banner ad, PPC ad,
or promotional email. It can be a specific page on your website or a separate page
created exclusively for search engines. A landing page is designed to direct visitors to
take a specific action, such as making a purchase, completing a registration, or
subscribing to your mailing list.
Your landing page pretty much determines the success of your ad campaign. Good
landing page = good ROI. Crappy landing page and you have just (needlessly) wasted
your money.
Three rules you dont want to break:
Rule 1: Never send traffic from an ad to your home page
You should never drive traffic from your promotional campaignswhatever they are
onto your websites home page. Home pages are usually cluttered with information,
there are many possible actions a visitor can take, and the most important one might be
missed. Hence you want to drive traffic from your promotional campaigns to a page that
is aimed at only one thinggetting them to take the action that is the goal of your
campaign.
An effective landing page is a crucial component to helping you convert browsers into
buyers.
Rule 2: Clarity and relevancy will make it or break it
Visitors spend just seconds looking at a landing page before determining its usefulness
and relevance to their needs. If they cant find what theyre looking for, or if your site has
functional or usability problems, they will abandon the page.
Rather than let that happen, make the few seconds you have their attention count and
answer the questions that are on their mind:
How To Build A High Converting
Landing Page
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
125 125
Does this place have what I am looking for?
Is there enough information?
Can I trust this site?
How long will this all take?
Your landing page must entice visitors to stay and complete the desired action for
conversion, whether its filling out a subscription form or buying a product.
Rule 3: Good landing page follows a certain structure
1. A benefit oriented headline
The headline is the most important part. If the visitors came by clicking on an ad, it must
correspond to the ad text that triggered the page. If your banner or PPC ad said
Breakthrough meditation system, then this phrase should also be included in the
headline of your landing page.
2. Relevant and short copy
Make it clear, relevant, concise. Dont put too much text on the page, as the visitor has to
be able to read it quickly. Use bullet points to drive the main points home. Make sure the
language in the ad is also present in the copy of the landing page. Content relevancy to
ads is now a more important factor in Google AdWords.
3. The focus is on getting visitors to take one specific action.
There should be only ONE possible action for the visitor to takebe it subscribing to
something, making a purchase or something else. Dont offer options or the conversions
will suffer.
4. There are no distracting navigational links.
Remove all extra clutterlinks, menus, buttonsthat have nothing to do with the
particular ad/campaign. The point is that the visitor cannot ignore your message by
navigating away, and therefore focuses on only that page.
5. There is a prominent subscription form or checkout option.
The one action you want the visitor to take has to be big and obvious. Put a large sign-up
form on the right side of the landing page, make it stand out. If the landing page is long
enough for scrolling, duplicate the form or button in the very bottom of the page.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
126 126
6. Maintain your brand.
Dont make your landing page look different from your overall website and brand. Keep
the same colors, fontthe overall look and feel of your main site. This helps to enforce
the brand awareness.
A good landing page also loads fast. People just dont have the patience with slow pages.
Use Google Page Speed to measure the speed of yours. It will also give you
recommendations for improving page speed.
Four step process to start designing your landing page
Before you talk to your designer to create the landing page, draw one on the paper.
Follow these four steps to get it right.
And make sure the designer works with the actual copy, not lorem ipsum. So write the
copy first.
1: Identify your audience
Make sure the landing page talks to a specific audience. Know the problem, the need and
want your target audience has.
Write the copy with a specific person in mind.
If you drive traffic to the landing page via advertising and run many different ads, then
create many different landing pages. They can mostly be the same, but with a different
headline and tweaks in the copy.
2: Define your most wanted action (MWA)
MWA is the one action people should take on the landing page.
What that is depends purely on your product and strategy. Generally speaking if your
product is somewhat expensive and complicated, it is better to just get their e-mail
address and to start forming a relationship with them via email.
If you are selling cheaper and/or more straightforward products like wine or newspaper
subscription, it makes more sense to go directly for the sell. If your product is software, I
recommend offering a free trial version.
3: Define your Message
You know the audience, the problem they have and the solution you can offer. Now craft
that into an easy to understand message. Theres no way to know for sure in advance
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
127 127
what will work, so create a few hypothesiss and split test them.
Clarity trumps persuasion is a good maxim to go go by.
4: Design Your Landing Page
You have your most wanted action in place, you understand your target audience and
have a hypothesis as to which offer will appeal to them. How do you design a landing
page that will motivate them to take action?
The first thing to do is to make a list of all the elements you need to have on your landing
page.
What You Need to Include
a headline that speaks to the target audience
your company logo
a quick explanation of your offer above the fold (the fold is the portion of the screen
that can be seen without the
average user having to scroll down)
a longer explanation of the offer below the fold if needed (depends on the complexity
of your offer and product)
an image of the product being offered
a simple form, with ideally just one to three fields (usually just name and e-mail, but do
you actually need the name?).
a buy button or signup button depending on your pre-defined most wanted responsea
link to your privacy policy (to keep people on the page, this should open up in a pop-up
window and not load a new page)
Remember, the more fields you ask the visitor to fill in, the more friction you create and
therefore the less people will fill out the form.
What You Should Leave Out
a navigation menuremember to focus only on your offer
links to other parts of your sites such as about
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
128 128
any pictures or images that dont relate to the offer; these will only serve as
distractions
hard to read text, anything less than 12 px is bad
any links along the lines of click here to subscribe or click here to read more. If
you cant cram all your content into the upper fold of your landing page, just let the
user scroll down. Scrolling is almost always better than clicking to the next page.
scary forms with unnecessary fields such as title or fax
clear fields button
There are always exceptions and you usually cant copy best practices to use on your
site, but this advice given here should be your starting point. Get the essentials in place
first, and tweak from there.
5: Putting it All Together
Once youve created your page layout and the copy, the next step is to put it all together
and upload it to your site. We recommend using simple URLs that users can easily
recognize. Sometimes its a good idea to register a whole new domain for your landing
page all togetherexact keyword domains get more PPC traffic.
If your landing page is about job offers to work on an oil rig, your URL could be either
www.OilRigJobOffers.com or www.somesite.com/oilrigjoboffers.
Such URLs often generate better than normal click through rates on targeted Google PPC
ads. A searcher who types oil rig job offers is more likely to click on an ad with a
keyword URL.
Length of a landing page
Long or short? There is no one size fits all answer. In most cases when the offering is
free, a short copy works better and if you ask for money, longer copy performs better.
The more money, the longer the copy.
As per Bob Kemper from Marketing Experiments there are three factors affecting the
efficacy of body copy length on a landing page:
Nature of visitor motivation
Initial level of Anxiety about product/company
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
129 129
Level of cost/commitment associated with conversion.
So in a nutshell short copy performs better when the offer is free, very cheap or in some
other way not intimidating. Also, when its an impulse buy or gives an emotional
satisfaction (concert tickets, candy, something beautiful).
Long copy is more suitable for expensive or complex product. When rational thinking and
analysis are factors for purchasing something, longer copy helps you make a more
compelling case by adding explanations, proof, testimonials. Products where more
information can help people make up their mind.
Many people avoid using long form copy as they associate it with hype, spam and cheesy
get-rich-quick type of landing pages. Dont hate the length, hate the content.
In a case study by Conversion Rate Experts where they tremendously improved the
conversions of SEOMoz landing page, one of the key changes they made was the length
of the copy.
Theyre not the only ones, of course. Take a look at product pages on Amazonthe copy
for Kindle is VERY long. Amazon is known to test everything.
There are some long form landing pages for free offers that convert well, but the one in
the example is a rather complex product, so thats why a longer copy could work better
here.
When using long copy, make sure its obvious that people can and should scroll down
encourage them to do so. You can use CrazyEgg or Clicktale to see a scrollmap that
shows how far down the page people are scrolling.
Test, test, test
Once everything is up and running, make sure you test the effectiveness of the landing
page based on your pre-determined most wanted response. You should always create at
least 2 alternative versions of the landing page, test them, measure and improve.
Read our article on conversion optimization to learn how to do it all.
Landing page critique
I just googled a bunch of keywords and clicked on some ads to find different landing
pages. I couldnt find a truly perfect landing page during my limited search, but thats life.
I skipped the totally awful landing pages.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
130 130
Here they are, along with what they have done well and what Id recommend changing.
University of Phoenix
What they have done well
An emotional headline and image
Easy and clear call to action
Clear branding
What I would change or test
I would decrease the orange area and make the form more prominent
Increase headline and form font size
White text on orange is difficult to read. I understand the branding part, but still.
Too much information, the important stuff is not emphasizedwhich means I wont
read any
Unless that link to program disclosure is required by law, Id remove it.
Zoho
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
131 131
What they have done well
Benefit oriented headline
Social proof
Hero shot of the product
Key benefits listed
Clear call to action
Clear branding
What I would change or test
Remove the pricing linkI think thats distracting. Sign them up for a free plan and
they have the option to upgrade later. Its important to get the customer in right away.
Put privacy info into a popup or a folding text box on the same page, dont link out
Reduce the number of checked items to 3, make the font darker
A different call to action text on the buttonindicate what happens after they click
CreateSpace
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
132 132
What they have done well
Concise, key benefits brought out
Call to action evident
Clear branding
What I would change or test
Design. This looks like a noob created it with FrontPage
The headline sucks, lacks a value proposition. No point using the brand in the headline.
The Request a Free Consultation button takes to a page with the same form as on
the right. Why duplicate?
Request a Free Consultationon what? Instead of selling me the consultation, they try
to lure me in with a free booklet on promotion. But I am on this page because Im
interested in publishing!
The form is too long
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
133 133
I would try a whole new call to action / offer all together, something more related to
publishing. Consultation causes too much friction, Id be afraid of high pressure sales
situation.
Allstate Auto Insurance
What they have done well
Brand reinforcement
Plays on the key issue: saving money on car insurance
Clear and totally friction-free call to action
What I would change or test
Cheesy and badly photoshoped stock photo. Try a more real image.
I would test a different wording on the image. (The important to you part along with
a photo of a car bothers me, and Im sure Im not alone.)
Text Link Ads
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
134 134
What they have done well
Clear branding
2 key benefits outlined
Most important call to action emphasized
A screenshot that gives an idea of how it works
What I would change or test
What does it exactly do? Should be explained in a paragraph on the page.
Get rid of the menu on the landing page
Remove additional calls to action and links
Try a more conventional layout: this one looks cool but is complicated and requires
visitors to think. Its doesnt play to natural eye movement on the site.
Separate landing page for different audiences (publishers and advertisers)
Add (social) proof. When its about advertising, people are worried about ROI.
Tools for building landing pages
There are many great tools for building landing pages. Check out these options:
Unbounce. Most powerful. Heres a Landing Page Design Kit you can use with
Unbounce.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
135 135
InstaPage. They do automatic A/B testing for you.
KickoffLabs. Viral landing pages.
LaunchRock is for launching soon type of landing pages.
For WordPress landing pages check out Premise and MaxLanding.
Any other good ones you can point out? Post in the comments.
Getting visitors to subscribe is just the first step.
Getting a customer to subscribe to your offer/newsletter is not enough. After a customer
subscribes, you must sell her on actually consuming your content.
A large part of your visitors that complete signup forms WILL NOT actively consume your
offer.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
136 136
Sometimes A/B testing is made to seem like some magical tool that will fix all problems at
once. Conversions low? Well run a test and increase your conversions by 12433%! Its
easy!
Setting up and running tests is indeed easy (if youre using the right tools), but doing it
right requires thought and care.
1. Most A/B tests wont produce huge gains (and thats okay)
Ive read the same A/B testing case studies as you have. Probably more. One huge gain
after anotheror so it seems. The truth is that vast majority of tests are never published.
Like most people who try to make it in Hollywood are people you wont ever hear about,
you dont know about most A/B tests.
Most split test fail in the sense that they wont result in a lift in conversions (new
variations produce either no change or perform poorer). Appsumo founder Noah Kagan
has said this about their experience:
Only 1 out of 8 A/B tests have driven significant change.
Its a good expectation to have. If youre expecting every test to be a home run, youre
setting yourself up for some unhappy times.
Think of it as process of continuous improvement
Conversion optimization is a process. And improving conversions is like getting better at
anythingyou have to do it again and again. It often takes many tests to gain valuable
insights about what works and what doesnt. Every product and audience is different, and
even the best research will only take us so far. Ultimately we need to test our hypothesis
in the real world and gain new insights from the test results.
Its about incremental gains
A realistic expectation to have is that youll achieve a 10% gain here and 7% gain there.
In the end all of these improvements will add up.
Failed experiments are for learning
3 Hard Truths About A/B Testing
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
137 137
Ive had a ton of cases where I came up with a killer hypothesis, re-wrote the copy and
made the page much more awesomeonly to see it perform WORSE than the control.
Probably youve experienced the same.
Unless you missed some critical insights in the process, you can usually turn failed
experiments into wins.
I have not failed 10,000 times. I have successfully found 10,000 ways that will not work.
Thomas Alva Edison, inventor
The real goal of A/B tests is not a lift in conversions (thats a nice side effect), but learning
something about your target audience. You can take those insights about your users and
use it across your marketing effertsPPC ads, email subject lines, sales copy and so on.
Whenever you test variations against the control, you need to have a hypothesis as to
what might work. Now when you observe variations win or lose, you will be able to
identify which elements really make a difference.
When a test fails, you need to
evaluate the hypotheses,
look at the heat map / click map data to assess user behavior on the site,
pay attention to any engagement dataeven if users didnt take your most wanted
action, did they do anything else (higher clickthroughs, more time on site etc).
Heres a case study on how they turned a losing variation around by analyzing what
exactly doesnt work on it.
2. Theres a lot of waiting (until statistical confidence)
A friend of mine was split testing his new landing page. He kept emailing me his results
and findings. I was happy he performed so many tests, but he started to have results
way too often. At one point I asked him How long do you run a test for? His answer:
until one of the variations seems to be winning.
Wrong answer. If you end the test too soon, theres a high chance youll actually get
wrong results. You cant jump to conclusions before you reach statistical confidence.
Statistical significance is everything
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
138 138
Statistical confidence is the probability that a test result is accurate. Noah from
37Signalssaid it well:
Running an A/B test without thinking about statistical confidence is worse than not
running a test at allit gives you false confidence that you know what works for your site,
when the truth is that you dont know any better than if you hadnt run the test.
Most researchers use the 95% confidence level before making any conclusions. At 95%
confidence level the likelihood of the result being random is very small. Basically were
saying this change is not a fluke or caused by chance, it probably happened due to the
changes we made.
If the results are not statistically significant, the results might be caused by random
factors and theres no relationship between the changes you made and the test results
(this called the null hypothesis).
Calculating statistical confidence is too complex for most, so I recommend you use a
tool for this.
Beware of small sample sizes
I started a test for a client. 2 days in, these were the results:
The variation I built was losing badby more than 89%. Some tools would already call it
and say statistical significance was 100%. The software I used said Variation 1 has 0%
chance to beat Control. My client was ready to call it quits.
However since the sample size here was too small (only a little over 100 visits per
variation) I persisted and this is what it looked like 10 days later:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
139 139
Thats rightthe variation that had 0% chance of beating control was now winning with
95% confidence.
Dont make conclusions based on a very small sample size. A good ballpark is to aim for
at least 1000 page views per variation before looking at statistical confidence (although a
smaller sampler might be just fine in some cases). Naturally theres a proper statistical
wayto go about determining the needed samples size, but unless youre a data geek, use
this tool (it will say statistical confidence N/A if proper sample size not achieved).
Watch out for A/B testing tools calling it early, always double check the numbers.
Recently Joanna from Copy Hackers posted about her experience with a tool declaring a
winner too soon. Always pay attention to the margin of error and sample size.
Patience, my young friend
Dont be discouraged by the sample sizes requiredunless you have a very high traffic
website, its always going to take longer than youd like. Rather be testing something
slowly than to testing nothing at all. Every day without an active test is a day wasted.
3. Trickery doesnt provide serious lifts, understanding the user does
I liked this tweet by Naomi Niles:
I couldnt agree more. This kind of narrative gives people the wrong idea about what
testing is about. Yes suresometimes the color affects resultsespecially when it affects
visual hierarchy, makes the call to action stand out better and so on. But green vs
orange is not the essence of A/B testing. Its about understanding the target audience.
Doing research and analysis can be tedious and its definitely hard work, but its
something you need to do.
In order to give your conversions a serious lift you need to do conversion research. You
need to do the heavy lifting.
Serious gains in conversions dont come from psychological trickery, but from analyzing
what your customers really need, the language that resonates with them and how they
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
140 140
want to buy it. Its about relevancy and perceived value of the total offer.
Conclusion
1. Have realistic expectations about tests.
2. Patience, young grasshopper.
3. A/B testing is about learning. True lifts in conversions come from understanding the
user and serving relevant and valuable offers.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
141 141
Somebody asked me the other day, what are all the possible ways to increase the
conversion rate? Is there a library of all the things that have made the difference? I
looked for one, but couldnt find it. So I decided to put one together myself.
Heres a list of 53 ways to increase conversion rate, along with an example for each case
of how somebody did it.
In no particular order.
1. Find and communicate proof. Adding proof to the home page contributed a lot to
the 400% boost in voices.com conversion rate.
2. Use proactive live chatinitiating live chat with the visitors. Intuit got a 211% boost
just by using this tactic.
3. Live chat in general can have a positive impact. Abt Electronics has found that live
chat boosts conversion rateswhich are 10-20% higher on Abt.com for shoppers who
engage live chat, compared to those who dont.
4. Change the headline of your site. CityCliq got a 90% increase in conversions after
changing their positioning.
5. Provide your leads more middle of the funnel content: case studies, eBooks,
more email marketing. Content that would push people down the funnel. Diteba Research
Laboratories did that and soon they saw a 3x increase in conversion rate.
6. Focus on your key traffic referral source. Quanticate focused on Linkedin, posted
more and better content there, used Answers and Groups, and achieved a 10x increase
in traffic and a 10x increase in conversion.
7. Add Google Site Search to your site. Waterfilters.net increased their conversion
rate by 11% by doing so.
53 Ways to Increase Conversion
Rate
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
142 142
8. Use a guarantee security seal. OrientalFurniture.com increased their conversions
by 7.6% by employing a seal that shows it guarantees the delivery of purchases up to
$500, offers up to $10,000 of protection if a consumers identity is stolen via the site and
ensures that if the retailer drops the price they will pay the difference up to $100.
9. Use red color on your call to action buttons to establish a sense of urgency. BMI,
a leading UK airline, increased their conversion rate by 2.5 percent by adding a red
background behind their message Hurry! Only XX seats left.
10. Design a clear user flow. Zen Windows increased their conversion rate from 0.75%
to 2.95% by redesigning the website flow so that it was easier for the user to find what
they were looking for.
11. Show product videos on product pages. Ice.com got a 400% lift once they started
to do it.
12. Change the color of your button to red. Performable changed it from green to
red and got a 21% increase in conversions.
13. Use testimonials. WikiJob added testimonials to their site and improved their
conversion rate by 34%.
14. Try a different image. HawkHost multiplied their conversions just by changing the
image on the home page.
15. Use a different way of presenting your pricing. BaseKit made their pricing page
Bolder, brighter, clearer, nicer, more obvious and a 25% increase in conversions was
achieved.
16. Add reviews to your site. Figleaves improved their conversion rate by more than
35% by adding reviews to their website.
17. Put a trust seal on the site. Petco.com increased sales by 8.83% after adding the
Hacker Safe seal to their site.
18. Change the wording of your call to action button. TextMagic changed their
button text from Buy SMS Credits to View SMS Prices and saw an 37.6% improvement
in conversions.
19. Simplify your home page. Preceden made theirs simpler and got a 37% uplift.
20. Show a discounted price. The Corkscrew Wine Merchants got a 148.3%
improvement on product page after they featured a discount sticker.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
143 143
21. Improve the usability of your site. Following a usability best-practice (of having
a navigation menu) increased conversions by 34% for Slideshop.com
22. Place the call to action with a price within the content area. Nature Air added
a contextual call to action within content and witnessed a whooping 591% increase in
conversions (from 3% to 19%). Easy-to-find and clear calls to action do work.
23. Reduce the number of fields in your forms. ImageScape reduced the number of
form fields from 11 to 4. The number of forms submitted increased 160% and the
conversion rate increased 120%.
24. Selling an e-book? Use a 3D virtual cover. Code Monkeyism got 43% more
downloads from the page with the 3D image version.
25. Use a stronger command with a literal callout. Dustin Curtis got 173% more
clickthroughs for his Twitter link after using a stronger command to invite followers.
26. Improve your value proposition. The Sims 3 website did that and got a 128%
increase in game registrations.
27. Have a single page checkout. Official Vancouver 2010 Olympic Store changed
their multi-step checkout into a single page checkout and saw a 21.8% improvement.
28. Use huge customer photos on your homepage. At least it worked for Highrise.
29. Focus on a single action. The Weather Channel watched conversions jump
225%after decluttering their home page and presenting a clear, single action.
30. Have the call to action on the left. Less Accounting test showed that a layout
with calls-to-action on the left hand side worked better than a reverse layout.
31. Make the copy action oriented. LAxelle changed the tone of their copyFeel
fresh without sweat marks became Put an end to sweat marks and so on. The wording
of headline and copy had a huge impact when it came to convertinga take-action feel
performed 93% better.
32. Use bullet points to outline benefits. Unionen tested mentioning benefits in a
bullet point list vs paragraph of text. Bullet points resulted in a 15.9% improvement.
33. Increase the size of your call to action button. SAP BusinessObjects turned
their regular blue link into a big button, and improved conversions by 32.5%.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
144 144
34. Make your signup forms a single column. This eye tracking study showed that
single column forms work better.
35. Try a Mad Libs style form. Vast.com increased conversion across the board by
25-40% by doing that.
36. Use buyer personas. RightNow Technologies increased their conversions 4x by
building a persona focused site.
37. Dont ask for the sale too soon. One company removed the sign up call to action
from the top of the homepage, and sign-ups increased 350%.
38. Add a phone number to your site. LessAccounting saw a 1.8% increase in
conversions after placing a phone number on their site.
39. Put a video on your home page. Dropbox boosted their conversions over 10% by
doing that.
40. Test a different video thumbnail. Yobongo got a 70.9% conversion uplift after
changing their video thumbnail.
41. Make the video short. Think Vitamin replaced an example tutorial video (5:50) on
the homepage with a 50-second overview of the serviceand increased conversions by
24.4%.
42. Show product images in site search box. After BrickHouse Security added an
automated drop-down menu of textual results that appear when shoppers enter terms
into its site search window, it boosted conversion rates.
43. Do a radical makeover. This is when you go beyond testing one element to create
an all together new and different version. SEOMoz got 52% improvement in sales and $1
million dollars increase in revenue after a radical change.
44. Show product videos. Product videos boosted jewlery site conversions by 247%.
45. Use badging on your products. Sheplers got a 1.63 percent increase in the add
to cart rate with badging and curation.
46. Add a Free Trial button. Email marketing software GetResponse showed a
Free trial button instead Buy now and increased trial signups by 158% (while not
decreasing paid signups).
47. Use popup sign-up forms. Popups are known to boost email subscriptions, but
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
145 145
Visual Website Optimizer got 50% more signups thanks to a popup signup form.
48. Cut some content on your landing page. AssessmentDay cut the amount of
content on their landing page, and sales went up by 62%. Dont cut too much
insufficient information is a conversion killer.
49. Offer next-day shipping. SmileyCookie increased sales by 41% by promoting next-
day shipping (Order Today > Ships Next Business Day).
50. Make your links red. Usability studies say that blue link is the best, but Beamax
boosted their link clickthroughs by making the links red.
51. Show (real) humans. Using photos of real people (not stock photos) on your
landing pages boosts your conversions.
52. Use aspirational imagery and copy. A nutritional supplement company realizes a
50% sales conversion rate lift by including benefit-oriented copy, images reflecting the
target market engaged in aspirational activities, and a large call to action button placed
visibly above the fold.
53. Beef up on credibility factors. An American Express travel representative got 48%
more phone calls after testing a credibility focused version.
Note: what worked for them, might not work for you at all. Do your own testing.
You should not approach testing by starting to test random ideas. You need to learn
about structured approach to conversion optimization, do that here.
Become a Hyperink reader. Get a special surprise.
Like the book? Support our author and leave a comment!
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Conversion Optimization 101
Conversion Optimization 101
Conversion Optimization 101
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
146 146
III.
Design
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
147 147
Dont design your own website. No, really. It will suck.
You might think that since WordPress or Weebly are so easy to use, you can design your
own killer website. Nope. It will suck.
Ive seen it time and again. You think you will save money by doing it yourself. You might
even think the outcome is not so bad. Youre wrong.
Let me ask you this:
how many hours does one need to drive a car before theyre ready to race?
how many games of chess does one need to play before they can kick butt?
how many practice sessions on a guitar before one could woo girls with it?
A lot. 10 000 hours if you want to be among the best.
The thing is that web design is like most skillsit takes a long, long time and a ton of
practice before youre any good. Even if youre gifted, it will take you many tens of sites,
if not hundreds, before you can show off your stuff.
I won a web design competition back in 2001, but I still dont do it (only tiny bits). Why?
Cause there are people that can do it much better. I focus on the stuff Im really good at,
and leave design to the pros.
When your car breaks down, you take it to a mechanic. You need a new roof, you call a
roofer. Yet, for some reason a lot of people think they can design their own website.
Your website is your #1 marketing tool. Dont ruin it by designing it yourself. And dont
hire the cheapest provider or your cousin. The site will suck. Cant afford it? Its a matter
of priorities. You can always find a way to pay for things that are truly important to you.
We live in the era of design. Good design sells, bad design doesnt. Theres lots of
researchout there saying that people trust beautiful websites more. Heck, people trust
beautiful everything more. Beautiful people make more money, are more successful and
Design Like Jagger
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
148 148
and justhave it better. We like pretty cars, houses and clothes. The same goes for
websites.
If the 80s and 90s taught us to take quality for granted, today good design is the barrier
of entry.
(And no point mentioning Craigslist. First of all it would never take off if it would launch
today looking like this, and secondly there are always exceptions).
If you build your own site, it will be ugly and it will hurt your business. You will lose money.
Every day will be a wasted opportunity.
Every week I come across websites that offer something I or my clients might need, but
the website is just so ugly I cant take them seriously, and will look elsewhere. If you
designed your own site, this is happening to you all the timewhether youre aware of it
or not.
Mick Jagger can move, but hed probably get somebody else to design his site.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
149 149
The design of your website is more important for conversions than you think. You can
implement any conversion boosting tactic in the world, but if it looks like crap, it wont do
you much good.
Design is not just something designers do. Design is marketing. Design is your product
and how it works. The more Ive learned about design, the better results Ive gotten.
Here are eight web design principles you should know and follow.
1.Visual Hierarchy
Squeaky wheels get the grease and prominent visuals get the attention. Visual hierarchy
is one of the most important principles behind effective web design. Its the order in
which the human eye perceives what it sees.
Exercise. Please rank the circles in the order of importance:
Without knowing ANYTHING about these circles, you were easily able to rank them. Thats
visual hierarchy.
Certain parts of your website are more important than others (forms, calls to action,
Eight Universal Web Design
Principles You Should Know
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
150 150
value proposition etc), and you want those to get more attention than the less important
parts. If you website menu has 10 items, are all of them equally important? Where do you
want the user to click? Make important links more prominent.
Hierarchy does not only come from size. Amazon makes the Add to cart button more
prominent by using color:
Start with the business objective
You should rank elements on your website based on your business objective. If you dont
have a specific goal, you cant know what to prioritize.
Heres an example, its a screenshot I took of the Williams Sonoma website. They want to
sell outdoor cookware.
The biggest eye catcher is the huge piece of meat (make me want it), followed by the
headline (say what it is) and call to action button (get it!). Fourth place goes to a
paragraph of text under the headline, fifth is the free shipping banner and the top
navigation is last. This is visual hierarchy well done.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
151 151
Exercise. Surf the web and consciously rank the elements in the visual hierarchy. Then
go look at your own site. Is there something important (key information points that
visitors are likely seeking) that is not high enough in the hierarchy? Change that.
More about visual hierarchy.
2. Divine Proportions
Golden ratio is a magical number 1.618 (
) that makes all things proportioned to it aesthetically pleasing (or so it is believed).
Then there is also the Fibonacci sequence where each term is defined as the sum of the
two previous terms: 0, 1, 1, 2, 3, 5, 8, 13, 21 and so on. The interesting thing is that we
have two seemingly unrelated topics producing the same exact number.
Heres what the golden ratio looks like:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
152 152
Many artists and architects have proportioned their works to approximate the golden
ratio. A famous example is Pantheon built in Ancient Greece:
Can you use it on web design? You betcha. Heres Twitter:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
153 153
Image source
Heres a comment by Twitters creative director, @stop:
To anyone curious about #NewTwitter proportions, know that we didnt leave those
ratios to chance.
This, of course, only applies to the narrowest version of the UI. If your browser window is
wider, your details pane will expand to provide greater utility, throwing off these
proportions. But the narrowest width shows where we started, ratio-wise.
So, if your layout width is 960px, divide it by 1.618 (=593px). Now you know that the
content area should be 593px and sidebar 367px. If the website height is 760px tall, you
can split it into 470px and 290px chunks (760/1.618=~470).
Additional reading
Heres a Golden Ratio calculator you can use to apply it to your site.
How to apply Golden Ratio to typography
3. Hicks Law
Hicks law says that with every additional choice increases the time required to take a
decision.
Youve experienced this countless times at restaurants. Menus with huge options make it
difficult to choose your dinner. If it just offered two options, taking a decision would take
much less time. This is similar to Paradox of Choicethe more choice you give people,
the easier it is to choose nothing.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
154 154
The more options a user has when using your website, the more difficult it will be to use
(or wont be used at all). So in order to provide a more enjoyable experience, we need to
eliminate choices. The process of eliminating distracting options has to begin from the
get go of the web design and should be carried on throughout the design process.
In the era of infinite choice, people need better filters! If you sell a huge amount of
products, add better filters for easier decision making.
Wine Library sells a huge amount of wine. They do a good job with the filters (on the left):
Learn more about Hicks Law.
4. Fitts Law
Fitts law stipulates that the time required to move to a target area (e.g. click a button) is
a function of the distance to the target and the size of the target. In other words, the
bigger an object and the closer it is to us, the easier it is to use it.
Spotify makes it easier to hit Play than other buttons:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
155 155
They also place it (on the fullscreen Desktop app) in the bottom left corner, which is
considered the most valuable real estate since the corners are technically the most
accessible. This does not, however, apply to web design (due to scrolling and the way
operating systems are).
It doesnt mean that bigger is always better. A button that takes up half the screen is not
a good idea, and we dont need a mathematical study to know this. Even so, Fitts law is a
binary logarithm. This means that the predicted results of the usability of an object runs
along a curve, not a straight line.
A tiny button will become much easier to click when given a 20 percent size increase,
while a very large object will not share the same benefits in usability when given the
same 20 percent boost in size.
This is similar to rule of target size.
The size of a button should be proportional to its expected frequency of use. You can
check your stats for which buttons people use the most, and make popular buttons bigger
(easier to hit).
Lets imagine theres a form you want people to fill. At the end of the form, there are two
buttons: Submit and Reset (clear fields).
99.9999 percent want to hit submit. Hence the button should be much bigger than
reset.
More about Fitts Law.
5. Rule of Thirds
Its a good idea to use images in your design. A visual communicates your ideas much
faster than any text.
The best images follow the rule of thirds: an image should be imagined as divided into
nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical
lines, and that important compositional elements should be placed along these lines or
their intersections.
Using beautiful, big images contributes to design as it is (not withstanding the growth of
Pinterest), following this rule will make them more interesting and thus your website
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
156 156
more appealing.
6. Gestalt Design Laws
Gestalt psychology is a theory of mind and brain. Its principle is that the human eye sees
objects in their entirety before perceiving their individual parts.
Heres what I mean:
Notice how you could see the dog without focusing on each black spot that the dog
consists of?
The key takeaway here is that people see the whole before they see the parts. People
always see the whole of your website first, before they distinguish the header, menu,
footer and so on. As one of the founders of gestaltism Kurt Koffka said: the whole exists
independently from the parts.
There are eight so-called gestalt design laws that allow us to predict how people will
perceive something. Here they are:
1. Law of Proximity
People group things together that are close together in space. They become a single
perceived object.
In web design, you need to make sure things that do NOT go together, are not perceived
as one. Similarly, you want to group certain design elements together (navigation menu,
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
157 157
footer etc) to communicate that they form a whole.
Craigslist uses this law to make it easy to understand which sub-categories fall under for
sale:
2. Law of Similarity
We group similar things together. This similarity can occur in the form of shape, colour,
shading or other qualities.
Here we group black dots into one group and whites into another one, becausewell, the
black dots look kind of similar to each other.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
158 158
Codeschool makes all the testimonial boxes similar, so we see all the testimonials as a
single group:
3. Law of Closure
We seek completeness. With shapes that arent closed, when parts of a whole picture are
missing, our perception fills in the visual gap. We see two squares overlaid on four circles
even though none of these shapes actually exist in the graphic.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
159 159
Without the law of closure, we would just see different lines with different lengths, but
with the law of closure, we combine the lines into whole shapes.
Using the law of closure can make logos or design elemets more interesting. A good
example of this is the World Wide Fund For Nature designed by Sir Peter Scott in 1961:
4. Law of Symmetry
The mind perceives objects as being symmetrical and forming around a center point. It is
perceptually pleasing to be able to divide objects into an even number of symmetrical
parts.
When we see two symmetrical elements that are unconnected, the mind perceptually
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
160 160
connects them to form a coherent shape.
When we look at the image above, we tend to observe three pairs of symmetrical
brackets rather than six individual brackets.
People prefer symmetric appearances over asymmetric ones. Balanced three columns
and the curve add to the enjoyment of BootB web design:
5. Law of Common Fate
We tend to perceive objects as lines that move along a path. We group together of
objects that have the same trend of motion and are therefore on the same path.
People mentally group together sticks or raised hands pointing somewhere, because they
all point in the same direction. You can use this to guide the users attention to something
(e.g. a signup form, value proposition, etc).
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
161 161
For example, if there is an array of dots and half the dots are moving upward while the
other half are moving downward, we would perceive the upward moving dots and the
downward moving dots as two distinct units.
6. Law of Continuity
People have a tendency to perceive a line as continuing its established direction. In cases
where there is an intersection between objects (e.g. lines), we tend to perceive the two
lines as two single uninterrupted entities. Stimuli remains distinct even with overlap.
Fixel uses this to connect faces to bios:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
162 162
There are other gestalt laws as well such as Figure and Ground or Law of Good
Gestalt (objects tend to be perceptually grouped together if they form a pattern that is
regular, simple and orderlylike the Olympic rings), but I think the ones mentioned here
are most useful to know.
7. White space and clean design
White space (also called negative space) is the portion of a page left empty." Its the
space between graphics, margins, gutters, space between columns, space between lines
of type or visuals.
It should not be considered merely blank spaceit is an important element of design. It
enables the objects in it to exist at all. White space is all about the use of hierarchy. The
hierarchy of information, be it type, colour or images.
A page without white space, crammed full of text or graphics, runs the risk of appearing
busy, cluttered, and is typically difficult to read (people wont even bother).
Enough white space makes a website look clean. While clean design is crucial to
communicating a clear message, it doesnt just mean less content. Clean design means a
design that makes the best use of the space it is in. To make a clean design, you have to
know how to communicate clearly by using white space wisely.
Made.com does white space well:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
163 163
The fine use of white space makes it easy to focus on the main message and visuals, and
the body copy easy to read.
White spaces promotes elegance and sophistication, improves legibility and drives focus.
Read more about white space and simplicity.
8. Occams Razor
Occams razor is a principle urging one to select among competing hypotheses that
which makes the fewest assumptions and thereby offers the simplest explanation of the
effect. To put it in the design context, Occams Razor states that the simplest solution is
usually best.
In a post about their Angelpad experience, Pipedrive guys say the following:
The Angelpad team and mentors challenged us in many ways. You have too many
things on your home page was something we didnt agree with at first, but were happy
to test. And it turned out we had been wrong indeed. We removed 80 percent of the
content, and left one sign-up button and one Learn More link on the home page.
Conversion to sign up increased by 300 percent.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
164 164
Its not just about the looks, but also about how it works. Some companieslike 37Signals
have turned simple into a business model. Heres a quote from the book
Rework (written by their founders):
Lots of people hate us because our products do less than the competitions. Theyre
insulted when we refuse to include their pet feature. But were just as proud of what our
products dont do as we are of what they do. We design them to be simple because we
believe most software is too complex: too many features, too many buttons, too much
confusion.
Simple, minimal design does not automatically mean the design works, or is effective. But
in my experience simple is always better than the oppositeand hence we should strive
to simplify.
Conclusion
Design and art are not the same. You should design for the user and by having a business
objective in mind. Using these web design principles you can get to aesthetically and
financially rewarding results.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
165 165
People make snap judgements. It takes only a tenth of a second to form a first
impression about a person, and websites are no different. It takes about 50
milliseconds (thats 0.05 seconds) for users to form an opinion about your website that
determines whether they like your site or not, whether theyll stay or leave.
This number comes from specific studies. In the first study, participants twice rated the
visual appeal of web homepages presented for 500 milliseconds each. In a follow-up
study, they reduced the exposure time to 50 milliseconds. Throughout, visual appeal
ratings were highly correlated from one phase to the next as were the correlations
between the 50 and 500 milliseconds conditions. Thus, visual appeal can be assessed
within 50 milliseconds, suggesting that web designers have about 50 milliseconds to make
a good first impression
This first impression depends on many factors: structure, colors, spacing, symmetry,
amount of text, fonts, and more. All the website screenshots below are for illustrative
purposes only.
Users form design opinions even in 17 milliseconds
Recently Google confirmed the 50 milliseconds number in their own research. In fact,
according to their study some opinions develop even within 17 milliseconds (though the
effect was less pronounced on some design factors).
The key findings from their study were that websites with low visual complexity and high
prototypicality (how representative a design looks for a certain category of websites)
were perceived as highly appealing.
First Impressions Matter: The
Importance of Great Visual Design
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
166 166
Key takeaway: Make your web design simple and familiar (follow conventionse.g.
people have a fixed idea what an e-commerce site should be like). If you go for
innovative, unconventional layoutspeople are less likely to like them.
Eyetracking study identifies key elements
It takes 2.6 seconds for a users eyes to land on that area of a website that most
influences their first impression.
The researchers monitored students eye movements as they scanned the web pages.
The researchers then analyzed the eye-tracking data to determine how long it took for
the students to focus on specific sections of a pagesuch as the menu, logo, images and
social media iconsbefore they moved on to another section. They discovered that the
better the first impression, the the longer the participants stayed on the page.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
167 167
The website sections that drew the most interest from viewers were as follows:
The institutions logo. Users spent about 6.48 seconds focused on this area before
moving on.
The main navigation menu. Almost as popular as the logo, subjects spent an
average of 6.44 seconds viewing the menu.
The search box, where users focused for just over 6 seconds.
The sites main image, where users eyes fixated for an average of 5.94 seconds.
The sites written content, where users spent about 5.59 seconds.
The bottom of a website, where users spent about 5.25 seconds.
Key takeaway: Good first impression leads to longer visit duration. Make sure the 6
elements listed here look great.
First impressions are 94 percent design related
British researchers analyzed how different design and information content factors
influence trust of online health sites.
The study showed clearly that the look and feel of the website is the main driver of first
impressions.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
168 168
Of all the feedback the test participants gave, 94 percent was about design (complex,
busy layout, lack of navigation aids, noring web design especially use of color, pop up
adverts, slow introductions to site, small print, too much text, corporate look and feel,
poor search facilities). Only 6 percent of the feedback was about the actual content.
Visual appeal and website navigation appeared had by far the biggest influence on
peoples first impressions of the site.
At the same time, poor interface design was particularly associated with rapid rejection
and mistrust of a website. When participants did not like some aspect of the design, the
whole website was often not explored further than the homepage and was not
considered suitable.
Similar results were found in a study research for Consumer WebWatch, conducted by
Stanford University credibility experts. They found that what people *say* about how they
evaluate trust of a website and how they *really* do it are different.
The data showed that the average consumer paid far more attention to the superficial
aspects of a site, such as visual cues, than to its content. For example, nearly half of all
consumers (or 46.1 percent) in the study assessed the credibility of sites based in part on
the appeal of the overall visual design of a site, including layout, typography, font size and
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
169 169
color schemes.
Key takeaway: Great design gets people to trust you and to stick around. Poor design
creates mistrust and makes people leave.
Inspiration drives better first impression
A study looking into the role of first impressions in tourism websites found that
inspiration-related elements had the greatest impact on first-impression formation. This
suggests that visually appealing stimuli is a very important tool for getting people to stay
longer on the site and thus converting more visitors into buyers.
Usability was the second most significant driver of first impression formation, followed by
credibility.
All in all this tells us that travelers want to get inspired about a destination (inspiring
imagery), they dont want to waste mental energy on figuring stuff out (usabilitydont
make me think) and they want to be sure this travel provider is legit (credibility).
Key takeaway: If youre selling a dream (e.g. the idea of going on a holiday to Fiji),
inspiring photography is the leading first impression creator.
Positive first impressions lead to higher satisfaction
In an experiment conducted to study the effects of product expectations on subjective
usability ratings, participants read a positive or a negative product review for a novel
mobile device before a usability test, while the control group read nothing.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
170 170
The study revealed a surprisingly strong effect of positive expectations on subjective
post-experiment ratings: the participants who had read the positive review gave the
device significantly better post-experiment ratings than did the negative-prime and no-
prime groups. This boosting effect of the positive prime held even in the hard task
condition where the users failed in most of the tasks.
Key takeaway: if they instantly like your site, theyre ready to cut you some slack for
any hiccups down the line. It only makes sense to assume that this kind of priming works
also the other waynegative first impression decreases the overall satisfaction with your
site.
Visual appeal more important than usability for user perception
A study examined the effects of visual appeal and usability on user performance and
satisfaction with a website.
Users completed different tasks on websites which varied in visual appeal (high and low)
and usability (high and low). Results show that first impressions are most influenced by
the visual appeal of the site. Users gave high usability and interest ratings to sites with
high appeal and low usability and interest ratings to sites with low appeal. User
perceptions of a low appeal website were not significantly influenced by the sites
usability even after a successful experience with the site.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
171 171
Key takeaway: Invest in designits what matters the most for pulling users in. Funny
enough, great visual design will lead to higher usability ratings even. And actual usability
will matter much less if the overall visual appeal is low.
First impressions can last for years
A research by two economistsBarry Staw and Ha Hoang (Administrative Science
Quarterly, 1995)looked into the impact of draft order in NBA. They observed players
career over five years after they were drafted. Five years is enough to prove yourself in
many ways, so draft order shouldnt play a role, right? Wrong. According to the study the
playing time players get is exactly related to their draft order.
Results showed that teams granted more playing time to their most highly drafted
players and retained them longer, even after controlling for players on-court
performance (how well they played matters much less!), injuries, trade status, and
position played. Even after controlling for other factors, in a given season every
increment in the draft number (e.g., getting drafted ninth instead of eighth) decreased
playing time as much as 23 minutes. Incredibly, draft order continued to predict playing
time all the way through a players fifth year in the NBA, the final year measured in the
study. Players drafted in the first round had also longer careersthey played for 3.5
more years than the rest.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
172 172
Another study looking into the persistence of first impressions discovered that new
experiences that contradict a first impression become bound to the context in which
they were made, whereas first impressions still dominate in other contexts. Our brain
stores expectancy-violating experiences as exceptions-to-the-rule, such that the rule is
treated as valid except for the specific context in which it has been violated.
Key takeaway: If their first impression is negative, it might cause the user to have
prejudice against you for years.
Make sure above the fold area rocks
Over the years above the fold issue has been hotly debated. Todays research indicates
that people have no problem scrolling and in fact prefer it to diving the content into many
pages. Whats this got to do with first impressions?
Heres a new dimension of thinking to the above the fold issue: it needs to be the best
part of your website. First impressions are formed in 0.05 seconds. Theyre not going to
scroll down in that time. Hence, what they see immediately without scroll is what
determines whether they even want to scroll down.
Conclusion
Visual appeal matters a lot. My best advice: dont try to save money on design, ever. Ive
seen time and again how a plain design overhaul resulted in significant conversion
boosts.
People form their opinion about your site in milliseconds. The first second on your website
might matter more than all other seconds that follow. Make sure that second makes a
great first impression.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
173 173
The home page of your website is the most important page. When you look at the traffic
statistics of pretty much any website, the home page gets more traffic than any other
page. Your home page also has the best chance to rank high in the search engines since
most people link to your home page (as do your internal pages). So better make it good.
Heres how to go about designing a home page that converts.
This is the process Im using when evaluating or designing home pages.
1. Map out buyer personas
2. Craft a value proposition
3. Build a connection
4. Use proper visuals
5. Define most wanted action
6. Create call to action
7. Write user oriented copy
8. Add trust elements
9. Test length
10. Check load speed
Ill touch upon all of these points below.
Lets start with the obvious stuff
Logo
People expect to see your logo in the top left corner. Clicking on the logo takes you to the
How To Design A Homepage That
Converts
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
174 174
home page from every internal page. Dont mess with it.
You dont need to hire an expensive logo designer. Text logos are just as good, only with
1 percent of the cost.
You can create a beautiful logo by using text. Pick a beautiful font and a background
color you likeand voil! A designer from Edicy took just 15 minutes to create this logo
for an imaginary company:
Image credit: Tajo Oja
Navigation
People are used to two kinds of menus: horizontal and vertical. Dont innovate here
familiar layouts work best.
Remember people spend most of their time on OTHER websites. People dont need to see
a menu to know where the contact link is atby default they look for it as the last link in
a horizontal menu or the bottom link in a vertical one. Ensure they find it there.
Keep it simple and obvious:
The Personal MBA menu:
All is clear, right? No surprises here.
Now lets look at a menu gone wrong. Clever innovation? Not! They make you move your
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
175 175
mouse onto a number to reveal what link it is. Not many will have the patience:
Footer
People expect to find your contact information in the footer. Make sure its there.
Mapping buyer personas
What are buyer personas?
Buyer personas are essentially a specific group of potential customers, an archetypal
person whom you want your marketing to reach.
Optimizing your site for buyer personas gets you away from an egotistical point of view
and gets you to talk to users about their needs and wants. What people care about are
themselves and answers to their problems, which is why buyer personas are so critical for
marketing success.
Why use them?
Essentially its about knowing who you are selling to, what is their situation, what are they
thinking, their needs and hesitations. If youd know the exact person youre selling to and
the problems they have, youd be in a much better position to sell them. RightNow
Technologies increased their conversions 4x by building a persona focused site.
How to build them?
The truth is that most companies have only the faintest idea what lies behind the buying
decision. We presume an awful lot. The buyer persona is a tool that can help you see
deeper into the buyers thinking.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
176 176
Use interviews with existing customers to map out different personas. To get more
information on this read The Buyer Persona Manifesto (free pdf). Heres a free webinar
recording on buyer personas I recommend checking out.
When personas fail you
Ideally the value proposition and everything else you present on your home page (and
other pages) come from the buyer personas. That being said, some products are
betterdefined by the job they do than the customers they serve.
Value proposition
This is the most important part of your home page. Your value proposition is a concise
chunk of text (headline, sub-headline and and maybe a few bullets points) that should
address these questions:
What is this site about?
What can I do here?
How is it useful to me?
Why should I buy from you instead of the competition?
Peoples attention span and patience are extremely limited. The world suffers from
attention-deficit disorder. If they dont get the answers from your home page within
seconds, they will leave. Nobody will TRY to understand what youre about nor read long
pages of text. If you havent captivated them on your home page, youve lost them.
There are several ways to craft and present your value proposition.
Campaign Monitor:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
177 177
What I like about this value proposition
Bold headlinestating what it is and who is it for
A specific, benefit-oriented paragraph underneath describing the service
Big visual to support the text
What Id improve
Clarify how is it different from the competition
300 milligrams:
What I like about this value proposition
Big, clear headline you cannot miss
A specific, benefit-oriented paragraph underneath describing the service
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
178 178
Visual to support the text
What Id improve
Increase the font size of the descriptive text and remove the company name from it
(needless waste of space). Id make the first sentence user focused like the second
one.
Make the visual more clear, add descriptive arrows and texts perhaps
Dowce.com changed the wording of their headline and added bullet points to improve
their value proposition, resulting in 24. 5 percent improvement in conversions.
Build a connection
Lets do an exercise. I wont ask you to write anything down, but make a mental note.
How tall are you? How much do you weigh? Where do you normally walk (city streets,
gravel, etc)?
Now lets say Im selling shoes and you need a pair. You have two options. The first pair is
designed for everyone. The second one is designed exactly for people your height and
weight, and for walking on terrains you normally walk on. The price is the same. Which
pair will you buy? No doubt about it, right?
This is why you have to state who your product or service is for, and it has to be
true. If youre trying to sell to everybody, you will lose (unless you have a gazillion dollars
to spend). Talking to everybody in your copy works for almost nobody.
Look again at the above example of Campaign Monitor. They have included the target
group in their value proposition.
Stripe:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
179 179
Theres no doubt who this service is designed for, is there?
If your current offering is NOT catered to a specific customer group, I recommend you
re-think your strategy.
Most wanted action
Remember paradox of choice: the more choice you give somebody, the easier it is to
choose nothing. Choice paralyzes. If you think people will invest time to figure out where
to click next, think again.
Thinking is hard, and you should not make your customers think. Instead, clearly indicate
the next action you want them to take. In one experiment they changed the home page
to focus on a single action, and saw the users doing exactly what they wanted them to
do. It works.
Before you can do that, you need to figure out what that action should be!
If you ask for the purchase or sign-up too soon, you will lose them. In most cases its a
good idea to direct them to reading more about your service or checking out a demo
before asking for a commitment (signup, purchase etc).
Making the button bigger is not gonna helpin most cases they just dont care yet!I ts
about focusing on what people really want, in the order that they want it. You dont ask
somebody to marry you on your first date.
Look at the screenshots above, all of them make this mistake (Campaign Monitor does
offer View Features button too). People are not ready to commit after just reading a few
sentences, so dont force them. You can of course have a buy/sign-up button, but try
making it less prominent and put the focus on a different step.
Try to think of the questions that are going through your customers mind while theyre
on your homepage and whether the content on the page does a great job of answering
them. Guide them to the next logical step in their usage lifecycle.
Joshua Porter makes a good case for burying your signup or buy button, I recommend
reading it. One company removed the sign up call to action from the top of the
homepage, and sign-ups increased 350 percent.
Trying the product without signing up
I love how Codecademy is doing this:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
180 180
They pull you right in and make you use their service without asking for a signup or
anything. The friction is usually high for any kind of signupfree or notand here they
have completely eliminated that.
While they do have a Get Started button, it only sets focus to the console:
So how do they get people to sign up? After playing around a bit, they offer you to create
an account so you could save your work. By this time youve toyed around with it and
fallen in love.
Call to action
Call to action wording matters a lot. I yet have to see a case study where a wording
containing the word buy converted the best. In e-commerce, add to cart always kicks
buy nows butt.
In this split test they changed Buy SMS Credits to View SMS prices," and saw an uplift
in conversions. This change along with minor added trust elements resulted in overall
conversion rate improvement of 37.6 percent.
In another test they achieved a 83.4 percent improvement after changing the wording of
their button from Play right now! to Instant demo!." Test your call to action.
I recommend making the calls to action benefit-oriented and indicating what happens
when they click. Avoid empty words like submit.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
181 181
Scrapblog:
Icondock:
Web Copy
Copywriting is super important and a huge topic on its own. Heres one tip.
Most people on your website know what they are looking for in a product or service. If
they find something that looks similar to what they want, they will follow it (read more,
buy etc).
Consequently, having relevant information with the exact wording your customers would
use is very important. Talk to your customers and see what language and exact phrases
theyre using when talking about your products. Use it on your website.
When Im looking for a project management software that has features like task
assigning, time tracking and client management built in, those are they keywords Im
after when browsing different sites.
More on copywriting: what the science of persuasion says and seven tips for effective
sales copy.
Above the fold and below the fold
Above the fold is the part of a page thats visible without scrolling. People do scroll and
are not afraid of it, but make sure the most important elements are visible without
scrolling:
Value proposition,
Some visual,
Call to action.
Ideally the part above the fold answers the most important questions the visitor has, and
the rest is supplemental reading.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
182 182
How long the part below the fold should be largely depends on your business. Guys over
at Pipedrive told me that when they shrunk their home page, their conversions tripled.
Make the contact information visible
Easy to find contact information is one of the key things to making your website more
trustworthy. Display your email, phone and live chat options on every page.
LessAccounting saw a 1.8 percent increase in conversions after placing a phone number
on their site. Flowr added a phone number to their siteand also observed a slight
increase in conversions.
Leave room for text
Ignoring search engines is not wise. As I mentioned it the beginning, your home page has
the best chance among all the pages on your site to rank high in search engines.
This, however, wont happen unless there is substantial amount of text on the page (500+
words). Use the room below the fold also for SEOwrite useful stuff about your products,
services and address questions your users have, but make sure the text is optimized.
No text, no ranking.
Visuals
Thousand words and all that. Neuroscience tells us that people get images hundreds of
times faster than from text (our reptile brain doesnt even know how to read).
I firmly believe that using images is a powerful way to boost up any value proposition.
Imagine this website without the large image:
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
183 183
Blu Homes sells prefab homes, and nobody is going to buy one without seeing it. How
many words would you need to describe the picture above? Too manynobody would
read that.
Even if you sell less tangible goods, like software, people want to get an idea what its
like.
Project Bubble gives you an overview of their software via short video. I think video is
great for more complex products, because watching a 1:30 minute video is less hassle for
the user than reading a whole bunch of text.
Using video can provide an uplift. Dropbox boosted their conversions after adding a video
to the home page. Not all the videos are samevideo thumbnails can make a huge
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
184 184
difference. Yobongo got a 70.9 percent conversion uplift after changing their video
thumbnail.
Read more on how to increase conversions with video and how to boost conversions with
images.
Trust and security
People dont buy from you if they dont trust you. In addition to showing off your contact
information, its a good idea to use trust marks to reduce friction.
Heres what Ice.com put in their footer:
Notice the mention of money-back guarantee, trusted since 1999 and two trust logos.
Dont ignore load speed
Speed matters. Slow sites cause frustration and make people leave, thus obviously
hurting conversions. Speeding up sites increases conversions.
Google knows it and has included site speed as one of the ranking factors.
Googles own nifty Page Speed Online tool is terrific for providing you insights into your
site speed and what you can do to make it faster.
If you use Google Analytics, their Site Speed report will help you learn which of your
pages are underperforming, so you can address this potential barrier to your
conversions.
If youre not terrified by technical discussions, read how to optimize your site with HTTP
caching.
Its never done
Your home page should be living and breathing organism, always evolving. Keep on
testing different hypotheses and see what makes the difference. In the end, testing is not
just about converting more customers, but learning.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
185 185
Make it your goal to understand why a change made a difference and what can you learn
from this that you can apply elsewhere in your business.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
186 186
If youre Amazon or Applecongratulations! You dont have any credibility issues. Most of
us arent so lucky. Almost all but the biggest companies have an uphill credibility battle
ahead of them every time a new visitor lands on their site.
Whats website credibility and why is it important?
BJ Foggthe worlds leading researcher on web credibilityhas said that web credibility is
about making your website in such a way that it comes across as trustworthy and
knowledgeable. Your website is often the first point of contact for the customers,
responsible for first impressions and of course sources of revenue. Companies that
design for credibility have a strategic advantage over competition.
Fogg says there are four types of credibility:
Presumed credibilitygeneral assumptions (e.g. a brand weve heard of is more
credible, unknown brand less)
Reputed credibilitythird party reference (e.g. your wife said its good or your friends
said service X sucks)
Surface credibilitywhat we find on simple inspection (e.g. the website looks quality or
this seems confusing)
Earned credibilitypersonal experience (e.g. friendly customer service or text full of
typos and factual errors)
In this post Ill focus on what you can do right now to boost the credibility of your site.
Would you like a new iPhone 5its just $20?
Lets say youre walking down the street. A twenty-something dude comes up to you
hey, are you interested in a new iPhone 5? Ill sell it to you for $20. He pulls it out of
his pocket and it looks legit. What do you do?
Website Credibility Checklist
Factors
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
187 187
My guess is that you wont buy iteven through the price is amazing and you know its a
good product. Why not? Because of lack of trust. Does it work? Is it stolen? What if it
breaks the next day? Why so cheap? Youll get all these questions in your head and since
you dont know the guy, youll probably pass.
Same goes for your website.
Your goal is to talk about your offer in a way that makes people feel theyre getting
iPhone 5 worth of value for just $20 bucks (not by deception, but through communicating
the value of your product). If youre credible, you have yourself a customer.
Credibility leads to money. Four in five users say that being able to trust the information
on a given website is very important to them. You dont buy from someone you dont
trust, do you?
A credible website makes people,
trust what it says,
feel comfortable sharing their personal data,
confident its worth spending their money here.
Website Credibility Checklist
Go over this list and see which of the following items you could add to your own site to
boost credibility.
1. Web design matters. People judge the book by their cover and your website by its
design. If you designed your website yourself and youre not a designer, it sucks. Like
many others before him, Dr. Brent Coker studied the impact of attractive websites on
human behavior. This is what he said: As aesthetically orientated humans, were
psychologically hardwired to trust beautiful people, and the same goes for websites. Our
offline behaviour and inclinations translate to our online existence. Websites that are
more attractive and include more trimmings create a greater feeling of trustworthiness
and professionalism in consumers.
2. Make your address and phone number visible at all times. Include it in the
footer (a must), but depending on your site also in the header (especially if your business
depends on incoming calls) and on the sidebar, in the microcopy.
3. Make it very easy to contact you. Contact link should be always in your
navigation menu as the very last link.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
188 188
4. Message relevance and tailoring. A website that displays relevant information to
the visitor is instantly more credible in their eyes. If possible, use content tailoring based
on user profile and behavior.
5. Simple language. People dont trust what they dont understand. Write like you talk
using the same language your customers do.
6. Correct spelling. Broken grammar and incorrect spelling certainly make you seem
less credible. Its more forgivable in blog posts, but unacceptable on your home page,
product pages and other more static pages.
7. Link to external websites that reference your organisation. If NY Times,
Techcrunch, or OC Weekly has written about you, link to those stories. It doesnt have to
be a well-known outlet necessarily (but it helps), what matters is that somebody other
than you has written about you and possible said some good things.
8. Provide staff bios and photos. People dont trust anonymous websites. If you dont
show your photo, are you hiding something? Is it that you dont want people to recognize
you on the street? People want to look you in the eye, enable it. Always use photos of the
actual staff.
9. Show photos of your office. If you have a real office with real people and stuff
inside, Ill believe you more. You dont need to make yourself appear a bigger company
that you are. Avoid stock photos.
10. Avoid cheesy stock photos. Nothing says Im fake like suits shaking hands or
smiling customer service people with the headset.
11. Visible return and refund policies. What happens if Im not happy with your
service? People want to know in advance before making a purchase.
12. Email policy. What will you do with my email address once I give it to you? Will you
rent it, share it, sell it, spam people?
13. All statements and claims should be backed up by third-party evidence, neutral
experts or verified (scientific) studies. List sources.
14. Avoid superlatives. Dont say youre the best, no-one is going to believe you
anyway. Be specific (Fastest pizza delivery in town vs. We deliver your pizza in 10
minutes).
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
189 189
15. Detailed product information. 50 percent of the online purchases are not
completed due to insufficient information. Are there enough details for a reasonable
conclusion about the information?
16. Show prices. Many companies (and not just B2B) dont reveal their prices, and
make people get in touch instead. People always want to know how much a product or
service costs. If your competitors publish their prices, theyre getting the business.
17. Show client list. This is social proofnobody wants to be the only idiot buying your
services.
18. Mention the number of your clients. If you have an impressive number of
customers, say it out loud for social proof (12,457 happy users, etc).
19. Show a link with a reputable organization. Are you somehow connected to a
university, a governmental agency, a research lab, or another reputable organization?
Perhaps youre service provider, reseller, partner, sponsor, advisor or what not. If yes, tell
the world.
20. Use testimonials. Testimonials work well if theyre by real people. Real people
means that there are photos, full names, what they do, their employer. Well-known
people are even better. Video testimonials are the best.
21. Case studies of your work. Use case studies to prove the benefits of your services
and to show off your expertise. Both make you more trustworthy.
22. Put customer reviews on your site and elsewhere. People still trust them. Its the
upper hand Amazon has on everyone else.
23. If you take credit cards online, is it safe? Provide the information about your
secure channels, 256-bit encryption and what not.
24. Display trust marks. Take credit card payments? Prove me its safe (256-bit SSL
encryption etc). Use The Verisign Seal or equivalent. Have people opt-in to your email
list? Put a TRUSTe privacy seal on your site. And so on. Find out whats a known trust
mark on among your customers, and use it.
25. Maintain a blog or a latest news section. This does two things: 1) it shows your site
is constantly updated and 2) provides free information to prove your expertise. A note of
caution: if your latest news item was published two years ago (We launched a new
website!) or your last blog post was written a year ago, it communicates that you might
have gone out of business. So if you cant regularly update your news or blog, you can do
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
190 190
one of the two things: 1) not have one, or 2) remove the dates.
26. Get an authority recommendation. When Oprah recommends a website, its
instantly credible. Get someone your audience knows and trusts to approve your
message."
27. Articles in (online and offline) publications. Credibility is not only what your
website is like, its also what people read and hear about you *before* they get to your
site. If theyve seen or even read articles by you in different magazines or newspapers,
you have more credibility.
28. Guest blog. This is basically the same as the previous point. If your users have
come across your posts on blogs they read, youve more credible to them. Also, you can
mention and link to the blogs that have your posts.
29. A jobs page. You must be a real company if youre hiring :)
30. Make sure it works. Dead links, non-functional forms and everything else that
might seem broken will take away from your credibility.
31. Have a social media outlet. If you have an active Twitter account or Facebook
page, it furthermore shows there are real people behind the organization.
32. What does WOT say about you? WOT user community has rated over 36 million
websites. Some people might check you out there.
33. Your brand on Google. When they Google you (and they will), what will they find?
Besides searching for just your brand, theyll probably also check [yourbrand] reviews
and possibly also [yourbrand] sucks. Make sure you like those search results.
34. No hype, blinking banners nor popups. If your site looks like a Christmas tree,
you need to change that. Make sure the copy is hype-free, nothing blinks and just know
that people hate all kinds of pop-ups. Dont use them unless you want to annoy people.
35. Keep ads to a minimum. Too many ads kill the user experience and communicate
that the user does not come first. Might also make you seem desperate. If your main
income does NOT come from ads, dont use them at all.
36. Website speed. If your website is slow and seems to takes forever to load (10+
seconds), people will certainly get doubts about you and leave. Use caching or a CDN. I
personally use Cloudflare and am very happy with them.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
191 191
37. Ranking in Google. If you rank high in Google (say in the top five), you must be
there for a reason (Google says so!)
38. Signs of community. If you have an busy forum, lots of comments on your blog
posts or any other visible signs of an active community, youll come across more credible
people must be hanging out here for a reason!
39. Be a good and honest person. If youre an a** and treat your customers bad, it
will come out eventually. Be friendly, generous and honestalways.
Sources
http://credibility.stanford.edu/
http://www.webcredible.co.uk/user-friendly-resources/
http://marketing.yell.com/web-design/why-visitors-trust-some-websites-more-than-
others/
http://econsultancy.com/us/blog/5303-e-commerce-trustmarks-do-they-matter
http://lorelle.wordpress.com/2012/02/06/prove-it-what-makes-you-trust-a-website/
What makes a website credible?
Attack Resistant Trust Metrics
Understanding How Internet Users Make Sense of Credibility
Personal, hands-on experience
Dont overdo it.
Note that you dont want to overcrowd your pages with credibility elements. It will have
the opposite effect.
The other day I hired a cleaner from Craigslist. She came over, and her first words after I
opened the door were: Dont worry, Im not gonna steal anything." Guess what my first
thought wasIs she gonna steal something?
I wasnt even thinking about theft, but she planted the thought in my head. Now I started
to look for clues to confirm my theoryand her tattoos didnt help my suspicious mind.
The same applies for your website. If you scream Trust me! Im not gonna rip you off!
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
192 192
people will get suspicious even (or especially) when they werent before.
Everything in moderation. Whats the right quantity? Follow BJ Foggs maxim for credible
design:
To increase the credibility impact of a website, find what elements your target audience
interprets most favorably and make those elements most prominent.
How do you personally determine whether you trust a site or not? Have you given it any
conscious thought?
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
193 193
A major factor affecting your conversions is user flow. Its the path a user follows through
your website interface to complete a task (make a reservation, purchase a product,
subscribe to something). Its also called user journey.
In order to maximize your conversions, you have to get the user flow rightbuild one that
matches users needs.
The wrong way to go about designing your site
You need to decide what your new website will be like. Two most common ways people
approach it:
Scenario A
You keep everything as it is on your current / old site, but just make it look better."
Scenario B
You start with the building blocks.
Okay, the logo goes in the top left corner. Lets put the menu to the right. A nice image in
the header. Cool.
And so on and so on.
Both of these are the wrong way to get going.
Start with the objectives
Your primary aim is to fulfill the business objectives (either your own or the one set by
your client). Business objectives might be getting users to sign up for something, getting
people to purchase products or join an email list.
Just as in real life, quickies are very rare. People dont just come to your site, and right
away do what you want them to do. In most cases, they need to go through a set of steps
leading up to the action.
Next time youre thinking about designing a site (note: design is not just how it looks, but
How To Design User Flow
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
194 194
how it works), start with figuring out what user flows you are trying to create through the
website.
In order to do this you need to know two things:
1. Your business objectives. Its the action you want visitors to take on the site.
2. User objectives, the desires or needs that they want to satisfy.
So start with being clear about your own goals and identify each user objective to create
design flows that meet all of them.
Source/medium determines the message
Customers dont arrive on a particular page on your site from nowhere. The first step in
a flow is mapping out how they get onto your site.
Once they land on your site, they wont immediately perform the action you want them
to. Specific sequences of actions lead visitors through your website as they try to
accomplish their tasks.
Match users needs with your business objectives
Your goal is to map users pathsflows that take users from their entry pages through
conversion funnelstoward the final action (signup, purchase etc). The final action needs
to provide value both to the user as well as the businessotherwise the conversion wont
happen.
If the user wants to clean their car, and your goal is to get the user to order a car
cleaning service, you have a meeting of goals and the conversion can take place. On the
other hand, if they want their car cleaned (right away), and you want them to join your
car-related newsletter, there isnt a match.
Designing user flows
In order to come up with the user flows through your site, you need to establish possible
entry points, and the flow from there on toward the final goal.
Some typical entry points:
Organic search. A user comes via Google, after searching for a particular keyword.
Often lands on a deep link.
Paid advertising. Visitors that come via PPC advertising (AdWords etc), banner ads or
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
195 195
other kind of promotions. Arrives on your landing page.
Social media. A user coming from a friends post on Facebook or Twitter, or via social
news site like Reddit.
Email. A user coming from an email newsletter or a link they saw in an email sent to
them.
Press or news item. Visitors who come after a mention in the news or a blog post.
Direct link. A regular visitor, has been on your site many times and knows the URL by
heart.
How they end up on your site largely determines their needs, expectations and what they
know of your product or even the general category. This means you need to treat
different people differently.
Sample user flows
So what do these user flows look like? Here are three sample flows.
You get the idea.
Stacked user flows
Sometimes you want them to join the email list on their first visit, but ultimately you want
to sell them a product. In those cases, you should map stacked user flows: the first one
that is completed by joining the email list, and the second one that starts AFTER the first
flow has been completed.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
196 196
The user who has already been through the first flow, is much more knowledgeable than
a first-time visitor, has some kind of a relationship with you and you should treat her
accordingly.
The steps in the flow depend on your users and the product
In order to design the best possible user flow, you need to understand the visitor and his
motivations. Start by answering these questions:
What needs or desires do your visitors have? Which problem do they want to solve?
Why do they need it?
What qualities (about your product or service) are most important to them?
What are all the questions they have about the product?
What are their doubts or hesitations?
What information do they need to take action?
Whats their emotional hotspot to propel them towards taking action?
In order to answer these questions, you need to talk to your customers (or your clients,
if youre a service provider). You cant just pull the answers out of thin air. Yes, you
should use buyer personas, but those should be based on actual customers and their
needs.
Heres an interesting case study detailing how customer journey maps were used in
Boeing.
Another article you might want to read is about designing a hotel booking experience.
The answers to the questions above determine how things are presented on your
website. You have to demote certain things and emphasize others. You cannot be all
things to all people, your website cannot be about 10 different actions. You need to build
focus into your site.
How to Build Websites that Sell:...
How to Build Websites that Sell:...
How to Build Websites that Sell:... Design
Design
Design
Hyperink Blog to Book Series
Hyperink Blog to Book Series
Hyperink Blog to Book Series
197 197
Present sufficient information
The flow must fill in the gaps of information by providing the user with the information
they need at the moment they needed in order to eventually be converted.
The mistake a lot of websites make is asking for the sale (signup, etc) too soon. Theres
little we people do without the adequate amount of information.
Your goal is to keep them moving down the funnel, towards the desired action. Optimize
the content on each screen for conversions.
In each step, present a clear, benefit-oriented value proposition.
Explain how your offer is useful and how it all works. Invite to read more detailed
information.
Back it up by easy-to-digest proof points (references, testimonials, studies etc).
Minimize friction. Ask for the minimum amount of information, reduce the number of
fields, extra clicks and page-loading time. Use trust elements.
Create clear and attractive calls to action that guide them to the next step
Designing users flows does not mean that you forget about all the other conversion
stuff,au contraire.
State diagrams
Flows are made out of individual screens where interactions take place. A screen offers
some possibilities and the user chooses one. Then something happens, and the screen
changes. Its an ongoing conversation.
In each moment in a flow, their (computer) screen is showing something and the user is
reacting to it. A good and understandable way to map steps in the flow is to use state
diagrams:
what the user sees