Brian Massey presents five design case studies and how to use conversion-centered redesign to reduce risk and deliver revenue growth quickly.

What You’ll Learn

  • Why redesigns fail
  • Justifying the risk and effort of a redesign
  • Key redesign metrics to watch
  • Five redesign case studies

What JJ Knows

JJ Abrams has successfully rebooted three marquee movie franchises in his career: Mission Impossible, Star Trek and now Star Wars.

He seems to know something that we need to understand when we redesign our websites: what to keep in his reboots and what create from scratch.

Watch the Webinar Now

Highlights

Why Redesigns Fail

  • Repeat Visitors are Shocked
  • Designed for Wrong Segments
  • Your Audience Has Several
  • Local Maxima
  • Your Visitors Didn’t Go to the Same Design School.
  • Reliance on Best Practices
  • Too Much Emphasis on Look and Feel

Typical (Bad) Reasons to Redesign

  • Change in Management
  • You have a poor performing website.
  • Need a better mobile experience
  • “Well, just look at it!”
  • “We need to be unique!”

Good Reasons to Redesign

There are only two good reasons for a website redesign:

  1. The platform or content management system (CMS) we built on sucks.
  2. We’re completely rebranding our company or product line.

Five Redesign Strategies to Choose From

  • Going All In
  • Test on Old Site
  • Use Old Site to Inform New Site
  • Launch Side-by-side
  • Conversion-centered Redesign

Read the full conversion–centered redesign case study.

Place Your Bets

These are the areas in which you make assumptions when you “go all in”. Many of your choices can increase performance. Many will not.

  • The Right Value Proposition
  • The Right Calls to Action
  • The Right Copy and Images
  • The Expected Look and Feel
  • Trust Builders
  • Proof
  • Risk Reversal
  • All Website Changes

The Kinds of Information We Use to Make Design Decisions

When making these decisions, too many of us rely on information from categories 1 through 3 of this list. The least reliable sources are listed first.

  1. Informed Intuition (What I think works)
  2. Self-reported Input (What others make up about what works)
  3. Best Practices Experience (What works for other sites)
  4. Qualitative Behavioral Data (What works for small numbers of visitors)
  5. Quantitative Behavioral Data (What works for statistically valid groups of visitors)

I give examples of each of these and explain why they are or are not reliable.


21 Quick and Easy CRO Copywriting Hacks to Skyrocket Conversions

21 Quick and Easy CRO Copywriting Hacks

Keep these proven copywriting hacks in mind to make your copy convert.

  • 43 Pages with Examples
  • Assumptive Phrasing
  • "We" vs. "You"
  • Pattern Interrupts
  • The Power of Three

"*" indicates required fields

This field is for validation purposes and should be left unchanged.


Metrics We Watch

When you launch your redesign, these metrics will tell you if your redesign was successful or not.

  • Returning Users: Are probably in the Consideration Phase or Action Phase
  • Lead Generation: Did we make it harder for visitors to take action?
  • Lead Quality
  • Lead Close Ratio
  • Lead Score
  • Lead Pipeline Stage
  • Conversion Rate
  • Average Order Value
  • Lead Value
  • Revenue per Visit
  • Conversion by Traffic Source

Compare these metrics before and after the launch. You should also compare the year-over-year results to eliminate seasonal effects.

Things to Test on Current Site

If you are going to test things on your existing site to inform your redesign, consider these “portable” solutions:

  • Value Proposition Language
  • Calls to Action
  • Risk Reversal
  • Trust Builders
  • Landing Pages
  • Form Length

Be Ready to Go Back

If possible, always be ready to roll back to your old site if the new one craters sales.

Summary

We often redesign for the wrong reasons.

Without data, redesigns are risky.
Without data, redesigns are risky. The “Going All In” is the most risky and most common. Collecting analytics data on the current site mitigates the risk. Testing assumptions on the current site further reduces risk. A side-by-side launch approach allows you to back out poor performing features. A stepwise approach eliminates risk while increasing performance immediately.

Do you need a conversion-centered redesign or an optimization program?

Conversion Sciences Redesign Lab™ delivers the data and test results for…

  1. Redesigns that guarantee success.
  2. Deliver increasing monthly revenues over 180 days.
  3. Completely turnkey. We provide data scientists, designers and developers.

Contact us to schedule a call. We’ll discuss your goals and strategies for your site.
Brian Massey

 

 

Photo Credit: https://www.flickr.com/photos/39804614253@N01/1761955352/ (cc)

Video is powerful. It can work for our business or against it. Here’s why.

Let’s talk a little bit about headlines, the words that go around your videos.

Headlines get people to read on.

In almost every medium that we work with online, the most important thing is going to be the headline or the equivalent to that. For email, the subject line is equivalent to the headline, and with today’s email clients, the first line of the email is often displayed along with it. The subject line is the most important thing, because it gets people to read the email.

On the landing page, the headline is the most important thing. It needs to tell the visitor they’re in the right place and give them a reason to keep reading – a reason that is important to them, not important to you.

Watch all lessons in this series on converting with video.

Landing pages must invite visitors to watch the video.

On a video landing page, we have two pieces of information that are really important. Number one is the title above the video, and it has to tell the reader why they should watch the video. Number two, on a video landing page, the video is going to be pitching to a call to action. This is usually a button or a form that’s on that page, and above that form is the reason to take action. So, you have two pieces of information.
One, why you should watch the video, and two, why you should then take action if you found the information in the video persuasive. We’re going to spend hours filming and editing, writing scripts, reviewing our videos. So, how much time are we going to spend on the headline above the video that gets people to watch it? Well, typically very little.

I would recommend that you write 20, 30, 40 different headlines and choose from those, and focus on one thing. If there was one tip I would give you, it is, don’t describe the video. Describe why they should watch the video. That’s what the headline should do. Rather than tell them that this is a video about a new offering from your product, make headline say,

  • “Did you know that you could lose weight quickly?”
  • “You could manage your employees with less time?”

Whatever your value proposition is, tell them why they should watch the video, not what’s in the video. You want them to watch the video to get that. Likewise, you’re going to find a very similar thing when you look at writing the call to action.

The Call to Action

The call to action, ideally, is going to happen in the video, usually the end, but actually, you’re going to find significantly better performance if you find a way to have the call to action in the middle, and even hint at it in the beginning. And it’s also going to be on the page typically where there’s a form or a button that allows the visitor to take the next step.

Don’t leave visitors stranded in your video. After an awesome video, you don’t want to leave them going, “Oh, that was entertaining,” and not knowing what to do next. Always have something that they can do next.

This call to action, though, needs to do the same thing as the headline. Why should they take action next? You’ll want to work in, for instance, if this is a limited time offer, if there’s a special discount, if there’s a bonus. And explain to them very clearly what’s going to happen when they fill out that form.

  • Are they going to receive a lot of spam?
  • Are they going to get a call from somebody?
  • Are they going to have an informative phone conversation or a sales call?

Set Expectations

Make sure that they know what’s going to happen so that all expectations are set, and you should have a high-performing page. You’ve got a nice headline that tells them why to watch the video. You got a great video that lays out the value proposition that you’re trying to communicate and then has them do a call to action. You have a call to action that is focused on them and what they want to accomplish, and viola – a complete landing page with video.

Watch all videos in this series

One mistake can cost you visitors in just seconds.

The First Question

Let’s take an example of someone coming to your site, who has just done a search for your products. They’re clearly looking for your product, but what is the first question in their mind? Is it “Is this the right product for me? Will this solve my problem?” No, the first question in their mind is “Should I spend time on this page to solve my problem?” That is the first question, and business videos have very little time to answer that question.

Headlines and calls to action can really help people understand if they should spend time on your page and watch your video, but there are some mistakes that we also make in our business videos that I want to point out.

Watch all lessons in this series on converting with video.

The First Mistake

One of those things is that when the video starts, the first thing you see is the rotating logo with some sort of whooshing sound, and surround sound rumbles, so that you get the idea that company making this video is powerful and can solve all problems… I think I’ll just go back to the search page and start there again – see if I can find something else.

We see this effect in the data. While you are spending time making your company look good your visitors are leaving. We see a drop off in viewers. I’ve seen drop offs between 15 and 25%, but I can promise you there are certain situations when the drop offs are going to be even more.

Another Meaning for Attention Deficit

By “drop off” I mean drop off in attention, and this is one of my favorite graphs in YouTube. They will actually let you see what percentage of the people are still watching your video for its entire duration.

When to Insert Branding into Business Video

My recommendation is this: If you want to brand your company – don’t do it at the beginning. Your video needs to start with a message that says, “There is a good reason for you to watch the rest of this video.” Do your branding later. Do it at the end, do it at the middle, I don’t even care – just don’t do it at the beginning.

If you combine a great reason to watch the video in your headline and immediately jump in on your video, you’re saying “Here’s something that is going to be important for your decision making process.” You’re going to have more people watching your video longer, getting the message, and taking action on your pages. That’s what makes your business grow.

Watch all videos in this series.

Video hosting is a critical decision.

From a conversion stand point, where is the best place that you can host a video? We’ve got Youtube which every body knows how to use it and it’s free. So wouldn’t use Youtube for all of our video?

Watch all lessons in this series on converting with video.

Be Jealous of Your Hard-won Visitors

When you are using video in a persuasive argument and you want the video to be bringing people closer to taking action, you want to make sure you’re not giving them any way to slip away. You want to be jealous of these visitors. You probably paid to get them there, either by paying for the clicks on an ad or by investing in SEO to get organic traffic to come to these pages. When they are there, you do not want to send the off to Youtube?

All YouTube wants to do is take your eyeballs and advertise something else to them. Can you imagine putting a video on your site, letting Youtube take them away, and them seeing a competitor’s ad displayed over your video? We wouldn’t want that to happen.

Choose a Host You Can Control

I recommend if you’re using video on landing pages on your website, or is any part of a persuasive argument that you get another host, someone who will not be interested in drawing them away, you want a video host that can give you options.

Can you hide the controls that go at the bottom and allow the user a fast forward through your videos?

Can you autoplay the video on your page? Sometimes that will convert more than a non-auto playing video, whether or not you are going to allow them to share this with other people. In most cases, you probably don’t want to use autoplay, especially on landing pages.

Load Time is Critical

Your videos need to really deliver the goods. In other words, when somebody presses play, that video needs to show up as soon as possible with little buffering if any at all. You want a host that gives you the options and can deliver video at high rates. If you do that then you are not going to have people running off to YouTube and seeing the ads of your competitors.

Multiple Video Hosting Providers

This doesn’t mean that you don’t put your videos on YouTube. If you think you are going to able get traffic from Youtube by putting the videos there, go ahead and put them there. Just don’t use YouTube as your host.

You get the best of both worlds. A nice clean interface on your landing pages that doesn’t let people slip away and more viewers from your YouTube channels coming to landing pages where they can take action.

Watch all videos in this series.

On Monday, Conversion Sciences launched a revamped website. As you will learn in our Lab Coat Lessons Webinar, a website redesign can be a very dangerous undertaking.

Sixty percent of our business comes through our website (the remainder being referrals). Any significant drop in traffic or conversion rate will hit our bottom line hard.

It’s still early for us, but we will share five client redesigns we’ve been involved with and why they were or were not successful. Watch the webinar replay.

Conversion-Scientist-Podcast-Logo-1400x1400


Subscribe to Podcast

What Not to Do in a Website Redesign

There is a lot that can change in a redesign. The sentiment seems to be that, since everything is changing anyway, what can it hurt to add a few more modifications, updates and rewrites? It can hurt a lot, as it turns out.

A redesign is a collection of changes, all based on assumptions about what visitors want. Some of those assumptions will be right on. Some will be sadly misdirected. The more you add, the more likely you are to introduce some random poison pill feature into the mix.

Any website redesign is a mix of good and bad assumptions.

Any website redesign is a mix of good and bad assumptions.

With our redesign, we did the opposite. Our primary goal was to improve the search engine performance of our amazing content (like this). We were tempted to rewrite dated pages, redesign elements we’ve grown tired of and photoshop our pictures to make us look more fit.


21 Quick and Easy CRO Copywriting Hacks to Skyrocket Conversions

21 Quick and Easy CRO Copywriting Hacks

Keep these proven copywriting hacks in mind to make your copy convert.

  • 43 Pages with Examples
  • Assumptive Phrasing
  • "We" vs. "You"
  • Pattern Interrupts
  • The Power of Three

"*" indicates required fields

This field is for validation purposes and should be left unchanged.


We will do these things, but not until we’ve baselined the structural changes we launched on Monday.

The heartbreak comes when more of your changes decrease conversions than increase them.

Things can get ugly when more of your redesign ideas hurt than they help.

Things can get ugly when more of your redesign ideas hurt than they help.

If you didn’t roll out changes step-by-step, you just don’t know which changes hurt you and which helped.

An even more insidious result is when more of your changes increased performance. In this situation, the marketing department pats itself on the back and goes on about its business.

When the good decisions outweigh the bad, the bad decisions are hidden.

When the good decisions outweigh the bad, the bad decisions are hidden.

But how much better could business be if the bad decisions were tested away? Usually, much better. The positive decisions overshadow the mistakes that still linger on the site sucking the revenue out of the business.

JJ Abrams has shown that he can revitalize a beloved film franchise, turning it into a blockbuster. Isn’t this what you want for your website? Find out how he did it in our webinar, The JJ Abrams School of Website Redesign.

We’ll show you five different approaches to data-driven redesign. One should fit your situation.

Meanwhile, check out how to take the risk out of your website redesign. I’ll write more about what we’re learning from our redesign soon.

So you just read an article on how your website needs to be mobile responsive. That makes sense. More people are using their phones these days than ever before. It would be wise to have a site that adjusts to a mobile user’s needs.

But then you stumble across a new headline, this one talking about the need for a separate “mobile optimized” website. Is that the same thing as responsive?
Now there’s a new article talking about “adaptive” sites, and another one demanding you use “dynamic” web design to reach mobile users.

SO. MANY. TERMS.

Why web-design people? Why?

Each of these terms describes a method for delivering your website content to mobile users. Today, we are going to break down the differences between each one, so you can finally understand what’s going on the next time you talk with your website designer.

Before we begin, if you aren’t convinced that mobile design matters, check out this article on Why You Can’t Ignore Mobile Traffic.

The Different Types Of Mobile Website Development

While mobile web development is an ever-expanding field, there are three common classifications you are likely to come across.

  1. Responsive Design
  2. Adaptive Design (aka Dynamic Serving)
  3. Separate, Mobile-Optimized Design

Each of these are different, but it’s likely you will hear them being used interchangeably at times, which can add to the confusion.
To simplify things and provide a visual baseline, I’ve created the following spectrum:

This spectrum helps us understand the method we’re using to deliver website content to users

This spectrum helps us understand the method we’re using to deliver website content to users.

Each end of the spectrum represents an extreme. On the far left, we have the exact same site delivered to users on every device. In other words, there is no mobile site developed at all.

On the far right, we have a completely different site being delivered to mobile users with no crossover.

Each of the web development methods we’ll discuss fall within this spectrum.

1. Responsive Web Design

Responsive web design delivers a comparatively similar experience to a desktop experience.

Responsive web design delivers a comparatively similar experience to a desktop experience.

Responsive web design delivers the exact same website across every device, with the ONLY difference being layout.

Responsive design uses “fluid grids” to adjust site content to any possible screen size, allowing for an optimal viewing experience regardless of the device been used. This is particularly useful in a world where new devices with new screen sizes are created every other day.

Whether the site is being viewed on a tablet, smartphone, or desktop, all the elements are the same with responsive web design.

Whether the site is being viewed on a tablet, smartphone, or desktop, all the elements are the same with responsive web design.

Responsive web design keeps all the elements of your site the same on every device.

  • Same headlines
  • Same copywriting
  • Same CTAs
  • Same everything

The only difference is that the layout adjusts for easier mobile consumption, typically arranging everything for quick, up-and-down scroll navigation. So instead of users having to scroll from left to right to see an image or repeatedly zoom in and out, the site images and elements automatically resize and rearrange to intuitively fit the screen being used.

Responsive design rearranges the exact same website for optimal viewing on any device.

On the plus side, responsive sites are cheap to build, easy to maintain and work for any screen size. You make one website and it works for every device. They are also great for SEO as there is no content overlap.
On the downside, responsive sites do not offer a fully mobile-optimized experience, as you are still offering essentially the same content to mobile users. When over half of your web traffic is probably coming via mobile device, this can mean you are leaving tons of mobile conversions on the table.

2. Adaptive Web Design (aka Dynamic Serving)

Adaptive web design does not necessarily deliver the exact same experience to desktop and mobile users

Adaptive web design does not necessarily deliver the exact same content to desktop and mobile users

While responsive web design delivers essentially the same website to all users, adaptive design, also know as “Dynamic serving”, delivers separate content to users based on their device.

For example, an adaptive designer might create three different designs, each with customized HTML & CSS, for desktop, tablet, and smartphone users. If a desktop user, smartphone user and tablet user were to browse the website, they would all see something fundamentally different while being on the same URL.

These separate designs can be 100% different or simply 10% different. The point is that separate HTML & CSS are being “served” to each device, allowing you to deliver a customized experience.

As you can see in the above image, the desktop, tablet, and smartphone displays all have fundamentally different content. Since they all have the same URL, we say this is an adaptive design.
Unlike responsive design, adaptive doesn’t use fluid grids to deliver flexible content across any device. Instead, it manually creates separate layouts for predefined screen sizes and displays the appropriate selection.

If the three categories of devices had standard sizes, this would be great, but as you can see…

Designing for every device is very difficult

Designing for every device is very difficult.

There are more devices out there than you could ever design for, and this can put adaptive designers at a disadvantage. For devices you don’t design for, the experience won’t be optimal.

Here’s a fantastic gif from CSS-Tricks that illustrates the difference between experiencing a responsive vs adaptive design as you change screen sizes. Responsive is on top and adaptive on the bottom.

Responsive design is demonstrated first, adaptive web design second

Responsive design is demonstrated first, adaptive web design second.

Adaptive design delivers a separate experience to predefined devices via the same URL.

On the plus side, adaptive design keeps everyone on the same URL while allowing you to provide a targeted, optimized experience to mobile users.
On the downside, dynamic design is technically complex and can be more expensive, as you are essentially designing a separate site for each device.

3. Designing a Separate, Mobile-Optimized Site

Mobile optimized sites deliver a very different experience than desktop

Mobile optimized sites deliver a very different experience than desktop.

While the term “mobile optimized” can mean a variety of things, when it’s time to design your mobile website, creating a mobile optimized site implies creating a separate, distinct website for your mobile users.
Unlike dynamic serving, this won’t take place via the same URL. Instead, it is most frequently accomplished via a subdomain, such as m.rootdomain.com or something similar.
By rerouting mobile users to a separate website, you can completely control their mobile experience. And as we’ve learned from past discussions on mobile CRO, if you aren’t creating a mobile-centric experience, you won’t reach mobile viewers effectively.

Mobile users, and particularly smartphone users, behave very differently than desktop users.

Mobile users, and particularly smartphone users, behave very differently than desktop users.

Having a separate, mobile-optimized site can allow you to better reach a mobile audience.

Mobile optimized design delivers a separate experience to mobile users via a different URL.

As an additional upside, Google recognizes mobile-specific subdomains as being mobile-friendly and factors that favorably into its search results. In other words, it can have a positive impact on your SEO results.
You’ll want to be careful. If you forget to add the appropriate “canonical” tags, you can actually hurt your SEO results, as the search engines will penalize the mobile site as duplicate content. Many designers don’t think about marketing or SEO in their designs (this is exactly why I began offering design to my copywriting clients), so be sure to inquire about this while vetting a potential designer.

Conclusion

I hope this has helped you gain a better understanding of web design and better equipped you to work with designers in the future.

Before we finish, it’s important to understand that many people use the terms we’ve mentioned here incorrectly.

Google treats “adaptive” and “responsive” interchangeably in its search results and many non-designers or sudo-designers with a cursory understanding will often use “adaptive” when they are discussing a responsive design. I myself mixed these terms up regularly until I got fed up with the poor-converting designs my copywriting clients were dealing with, and invested in creating a design solution for them.

“Mobile optimized” is not a term limited to the design world, so be sure to clarify that you are meaning a separate, URL-distinct mobile website when working with a designer.

Photo Credits

Sales and marketing have changed dramatically over the last few decades. Gone are the days when you need to go door to door to sell your products or services. Most startups these days don’t even have a phone sales team. With the Internet, it has all moved online.
However, just because the methods have changed, it doesn’t mean the underlying principles have. Penned in 1884, Influence: The Psychology of Persuasion by Robert Cialdini talks about persuasion as related to face-to-face sales.
The book has stood the test of time and is still one of the most accepted marketing documents ever produced. Even if you aren’t familiar with the book as a whole, you’ve likely seen or tested one or more Cialdini’s six principles in the past: scarcity, reciprocity, liking, authority, social proof, and commitment and consistency.
While I fully recommend reading the book in its entirety, this post will serve as a brief update on how each of these principles are used now and what you can expect from trying one yourself.

1. Scarcity

We always want what we can’t have.
Scarcity is the idea that there is a limited number of items left to buy or time left in which to complete the conversion. When something is scarce, we tend to want it more, if only just to possess something that’s not readily available.
Scarcity works best on customers who already have a need for your product or service as opposed to those just browsing. If you find that customers are sitting on the fence and not converting, a little indication that your product is scarce might get them to buy sooner rather than later.
There are multiple ways to create scarcity on a site. Let’s take a look at three.

Stock Scarcity

With a bit of red text, Ctrip calls out the number of remaining tickets right next to the CTA.

With a bit of red text, Ctrip calls out the number of remaining tickets right next to the CTA.


The Chinese travel site Ctrip is constantly updating the number of tickets they have at a specific price point. Apart from making the text stand out against the blue and white theme, it also implies a sense of urgency.
As customers look at flights, the text immediately captures their attention, letting them know that if they don’t purchase it now they won’t get that flight at all.
It works great for booking sites like flights and hotels, and it can be used to good effect on regular commerce sites, too. By letting customers know that a certain product is low in stock without mentioning when you’ll restock, you can get them off the fence.
Monsoon, an online clothing and accessories retailer, used to have a regular product page that didn’t indicate if stocks for a product were low. They hypothesized that adding a message when stocks were low might urge their customers to buy faster.
Knowing that there's only one dress left increases our sense of urgency.

Knowing that there’s only one dress left increases our sense of urgency.

By adding a pointer if a certain item had 5 or fewer units left in stock, they were able to increase conversion rates by 10%!

Shipping Scarcity

Amazon's shipping countdown clock

Amazon’s shipping countdown clock


Oh Amazon, is there any conversion tactic you don’t use on your site? We’ve all seen the little shipping countdown they have for next-day delivery. It looks like a bit of innocent text, but to shoppers it means the difference between getting their product as soon as possible, versus waiting a few days. In this age of instant gratification, it’s enough to convince some people to buy right away.
Running a shipping countdown is a great idea for targeting impatient shoppers, and Which Test Won showed a 9% increase in conversions thanks to the introduction of a similar timer. Even if your shoppers aren’t impatient in general, you can take advantage of holiday shopping to offer priority shipping so they get their gifts in time.

Sale/Discount Scarcity

It's hard to miss this weekend sale on Threadless

It’s hard to miss this weekend sale on Threadless


Urban clothing retailer Threadless is always putting their sales front and center on their homepage. Doing so not only increases visibility, but also plays on the concept of Fear Of Missing Out where shoppers can’t stand to miss a deal since the sales are short-lived.
Again, we see red text playing a part as Threadless brings attention to their limited time sale. By saying it runs “this weekend only” it implies that customers will never see this kind of deal again. Deep down, we know that there will be more deals like this later, but the uncertainty coupled with the immediacy of this deal make us buy.
Be sure to mention the discount even on your product page. Corkscrew Wine had discounted one of their wines but initially they didn’t highlight that on the product page.
It's easy to miss that this wine is discounted.

It’s easy to miss that this wine is discounted.


To emphasize the discount, they added a big 15 percent off sticker and mentioned the discount in the title too.

To emphasize the discount, they added a big 15% off sticker and mentioned the discount in the title too.


Calling attention to the fact that the wine was on sale, even though the price was the same in both cases, gave them a massive 150% increase in conversion rates!

2. Reciprocity

You scratch my back and I’ll scratch yours.
The idea plays on the notion that humans are naturally inclined to pay back a favor, typically manifested on a website in two ways.

Free Offers

Conversion Sciences offers a free short course in exchange for your email address

Conversion Sciences offers a free short course in exchange for your email address.


You’ve probably already got pop-ups and email subscription forms offering your visitors a free resource in exchange for their email address. This is content marketing 101 and draws in leads that may later convert to customers.
But those email addresses would be useless if it weren’t for the principle of reciprocity. By getting something for free your visitors are now inclined to pay you back in some way, by either buying your product or telling their friends about you.
The more valuable the free offer, the stronger this effect is. In the example above, Conversion Sciences offers nine free articles on increasing website sales. On its own, it’s a pretty valuable offer.
But they take it a step further and offer a website review on top of that! Getting an expert to point out where you’re going wrong on your site is the kind of immense value that makes visitors want to pay for more.
If you think your one page report is enough to bring in sales, think again. While it may get you email addresses, it’s probably not valuable enough to get you more. Go big with your free offer and watch sales roll in.

Loyalty Programs

Gamification is a new term in the conversion world and a concept that I find really cool. Completing actions like purchases or filling out a form allows you to earn points that can be redeemed later for discounts and other perks.

Credit card companies have been doing this for a while, but other industries are just catching on that it’s a great way to promote loyalty and engagement.

Credit card companies have been doing this for a while, but other industries are just catching on that it’s a great way to promote loyalty and engagement.


The concept is simple. You reward your customers for actions that they take. The rewards reinforce repeated behavior and entice them to take more actions. The result is a cycle of loyal, repeat customers doing things you want them to do because they know they’ll be rewarded for it.
Starbucks is a great example of this. They boosted revenue by 11% by implementing a reward points program. For every dollar spent using a Starbucks Card, you get rewards. In fact, new card activations and reloads went up by 32% just because of that!
Gamifying your site doesn’t have to be as complicated as the Starbucks system. Even simple action-reward sequences, like getting a 10% discount for tweeting a product, work.

3. Liking

Users are more inclined to buy if they like the person selling or marketing the product.
Have you ever wondered why advertisements always have movie actors or sports stars in them? It’s because they are playing on the popularity and likeability of the celebrity.
It goes beyond just sticking a smiling face on every page of your site. You need to take both your ideal customer and product into consideration.

Testimonials

Testimonials can help your site create the trust you need to win over new visitors. Everything from the written praise on your homepage to the retweets by industry influencers can help you stand out to users who might be on the fence about converting.
In the example above from Buzzsumo, a content marketing tool, we see three testimonials from popular marketers. You probably recognize these faces yourself and you may have come across Noah’s blog or Rand’s whiteboard videos. Those testimonials are perfectly targeted at the software’s customer base, and their likeability plays a huge part in conversions.
In fact, testimonials are so powerful that they can increase conversions even without the name-dropping. WikiJobs, a graduate jobs website in the UK, wanted more people to sign up for their practice tests. Initially, their page had no testimonials.
For the test, all they did was add three testimonials in, without names or faces.
Boom! Those three lines, which could very well have been made up, increased their conversions by a whopping 34%!

4. Authority

Just like with using celebrities, many advertisers also use authority figures like doctors. This is especially common when it comes to health and hygiene products like toothpaste or soap. The doctors are probably just actors, but the fact that they are wearing a white lab coat is enough to influence many people.
Introducing the principle of authority into your site means coming across as an industry expert and therefore increasing the trust a user has for your brand.
For example, Kaya Skin Clinic, a retailer of complex skin products, wanted to increase the consultations made through their site. Their initial page mentioned their expert dermatologists, but the call to action was booking a consultation.
To further emphasize their authority and expertise, they tested asking visitors to sign up for an expert opinion instead.
That small change outperformed the control by 138% and increased sales by 22%! By simply implying authority their visitors were more likely to convert.
I personally think there is a bit of overlap when it comes to authority, liking, and social proof, but here are a few examples of sites taking their authority to the next level:
It doesn’t get much more obvious than this. This legal site did almost the same thing as Kaya and added the word ‘expert’ wherever it fit. For businesses in industries like Law, Medicine, Healthcare and so on, it’s important to establish expertise even if it means adding the word ‘expert’ to your site.
Of course, there are more ways to display authority and expertise on your site. USAA does a great job of using images to convey a sense of professionalism and knowledge regarding investments. Both the stock ticker and app screenshots imply that they know what they are doing when it comes to managing your money, especially if you don’t know the first thing about it.
When it comes to your site, a combination of professional design, authoritative copy and images of experts can go a long way in building trust and increasing conversions.

5. Social Proof

Monkey see, monkey do.
If there was any doubt that we evolved from apes, this principle should clear it.
Social proof is all about leveraging the fact that we are more comfortable performing a certain action, like buying your product, if we see that others have done it before. It’s a great way to reassure nervous users that your company is legitimate and others have purchased your product or service.
Most people know the impact that adding reviews can have on your conversion rate, but there are a few other ways to leverage social proof.

Social Stats

Got a big following on social media? Try including it in your header like Sneakerwatch to increase your credibility. They have almost a million followers if you add all those numbers up. That’s like saying there are a million people who love the company so much they want to stay connected on social media.
Going back to the Kaya case study, they tried to go one step further with their CTA and added their Facebook follower count.
Again, the act of adding social proof helped even more and increased conversion rates by a further 70%.
Beware though, if you have really low social media numbers, this might backfire on you. Taloon.com, an ecommerce store that sells plumbing, electrical and gardening suppliers, used to have social media buttons on every product page. However, their share numbers weren’t very flattering and it actually lead to negative social proof that lowered their conversions by 12%.

Show Off Your Accomplishments

Have you won an award or been recognized somewhere? Sing it from the (figurative) rafters by putting it on your homepage to help reinforce your offers in the eyes of your users.
This example from World Nomads combines social proof, authority and liking by adding logos of well-liked and trustworthy brands that use their insurance. The implied question is, if these brands can trust World Nomads, why shouldn’t you?

6. Commitment and Consistency

When I started playing poker, I’d make a very common mistake. If I had bet money pre-flop, I’d continue to bet even if the flop was terrible. After all, I’d already made a commitment, so I might as well continue staying in the hand. Needless to say, I lost a lot of money!
You see, people like to stay consistent. If they make a commitment, they try to keep it. So instead of going for the big sale right away, try starting with a smaller commitment and then increasing the ask later.
For example, if you’ve ever applied for a loan, financed a car, or mortgaged a home, you know that the process of actually getting approved can be daunting. You are often faced with pages of forms that seem to drag on forever. In order to make this easier to manage, sites like to begin with a small commitment that is followed by small and consistent steps.
Take this booking form for an airport parking service in Edinburgh. Just looking at the page makes me want to run away. There are so many form fields!
Thankfully they realized this and split it into a multi-step form. Sure, it’s the same number of fields eventually, but by breaking it up, it doesn’t look so daunting.
This resulted in a 35% increase in form completions. By making the user enters some personal information, they are ensuring the user is committed to the process of providing more information and completing the application. These initial steps help weed out users who aren’t serious and provide higher quality leads.
When customers hit the ‘Continue’ button, they are taken to the next step. Since they’ve already made a bit of a time commitment, they’re more likely to stay consistent and continue filling the form.
Many software companies use this concept when they offer free trials. By entering an email address, you can get started using the product immediately, and each step in the onboarding sequence builds your commitment.
Ecommerce companies, on the other hand, tap into this concept when they up-sell customers. They start off with an expensive base product, like a phone or computer, and then upsell customers on accessories. Having already paid a big sum for the main product, customers are likely to pay a comparatively insignificant amount to further enhance it.
Finally, info-marketers flip the script and sell customers cheap products first before upselling to higher priced courses. Again, the commitment principle is at work here, taking advantage of people’s tendency to stay consistent.

Harness the Power of Persuasion

With the exception of adding social stats to your home page, all of these tips are going to be more complicated than changing the color or copy of your CTA. Consequently, make sure you take the time to plan out each change while considering your audience and goals.
Be warned, though! It would be easy to misuse one of these tactics and do more harm than good. If you go back to the WikiJob case study, you’ll see that the testimonials were just plain-text quotes with no attribution. Of course, those were real quotes, but it’s not hard to ‘cheat’ a bit and make up your own.
Similarly, it’s easy to fake social proof numbers or mislead customers into thinking that your stock is running out. The problem with this is, apart from being entirely unethical if you get caught it could be disastrous for your business.
Recently, JC Penney had to settle a class-action lawsuit for creating fake sales and discounts. In many cases they would double a product’s price and then put it on ‘sale’ for 50% for a limited time. As we’ve already seen, a discount scarcity tactic like this can increase sales, as it did for JC Penney, but when the truth came out it hurt them financially and eroded customer trust.
So if you’re going to try any of this out, make sure you do it the right way. Don’t create scarcity if there isn’t any, don’t manufacture testimonials, and don’t artificially inflate your social proof. Harness the power of persuasion while maintaining your customers’ trust.

A website redesign is like a Hollywood movie reboot. It really is.

There have been two attempts to reboot the cultural phenomenon that is Star Wars. George Lucas gave us three prequels that, while generating some $2.5 billion in box office worldwide, were largely reviled for their lack of magic and stunted acting. Now JJ Abrams is rebooting with a sequel to the series called Star Wars: The Force Awakens.

Redesigning your website should be seen as a reboot of your online properties as well. Watch The JJ Abrams School of Website Redesign, and learn how to avoid creating a Phantom Menace when the Force Awakens for your website.

This is not the first reboot that JJ Abrams has helmed as visionary and director. We’ve got his incredibly successful treatments of the Star Trek franchise to consider as well.

Don’t Just Blow Things Up

The problem we have with the popular Responsive Web Design strategies is that you must change everything in order to create a “mobile-friendly” website. Responsive designs are programmed to make decisions about page content when smaller screens are encountered.

Many of these decisions are wrong, and we’ll cover them in our webinar.

Your responsive design may be creating the equivalent of Jar-Jar Binks, a figure hated perhaps more than Darth Vader himself. In the webinar, we’ll show you how what happens when redesigns go bad.

Bring Back Beloved Characters

Your website redesign isn’t about changing things. It’s about building on what currently works, adding to the experience.

George Lucas managed to work merchandisable characters R2-D2 and C-3PO into the prequels, as well as beloved Obi-Wan Kenobi. But these characters didn’t create the esprit décor that the original ensemble did. In Star Trek, Abrams brought back young versions of the entire ensemble: Kirk, Bones, Scotty, and even two Spocks. Chekov, Sulu and Uhura were thrown in for good measure.

Your website is an ensemble cast of pages and experiences. Your landing pages need to prime buyers to get through the subscription process. Your category pages have to drive visits to product pages that entice visitors to add to cart.

Huge amounts of data is available very cheaply. Use it to know what to keep or suffer the consequences.

Don’t Create Any Jar-Jars

You don't want to create any Jar-Jar Binks features during your redesign.

You don’t want to create any Jar-Jar Binks features during your redesign.

I’m sure George Lucas was certain that the Jar-Jar Binks character introduced in the Phantom Menace would be a beloved, merchandisable character. He was wrong. Abrams introduced Keenser, a (thankfully) silent alien who was Scotty’s sidekick in the first Star Trek reboot. However, he didn’t rely on this character for comedic relief nearly as much as Lucas did with Jar-Jar.

The cost to create the all-CGI Jar-Jar was huge, and probably took resources that could have been used elsewhere in the movie.

Unless you’re testing your way into your redesign, you are going to create some Jar-Jars in your redesign. These are features that you believe in, but that are rejected by your visitors. Don’t over-invest in these new experiences without testing them first.

Have A Reason for Radical Changes

Every website has return visitors. Your website, no matter how ugly you believe it to be, has visitors who feel at home there, enjoying a comfortable familiarity. They’ve invested the time to understand your site, to make it theirs. When you change it, they’ll be pissed.

These visitors need some rationale for your removal of familiar features and the addition of new ones. Avoid the pro-innovation bias, which is a tendency to change things because they are cool. Your returning visitors won’t think they are cool.

Is this little header animation really necessary? It's a technical error waiting for the wrong browser.

Even simple parallax animations are dangerous. It’s a technical error waiting for the wrong browser.

Don’t let your design firm add any “alien” features to your site. For example, parallax design causes animates to occur as your visitors scroll through the site. It’s the web equivalent of Jar-Jar.

Parallax design elements are like the blinking text of 1990s era websites.

Parallax design elements are like the blinking text of 1990s era websites. Or the Jar-Jar Binks of the Web.

In the Webinar, we’ll show you how to find out what is and isn’t necessary in your particular redesign.

Add Segments

This ain't your father's Star Trek.

This ain’t your father’s Star Trek.

JJ Abrams brought whole new segments into the Star Trek and Star Wars franchises. For Star Trek, he cast young heartthrobs Zak Quinto, Chris Pine,  and Zoe Saldana in key roles. This brought a younger, hipper audience to the Star Trek universe. Star Wars: The Force Awakens features females in key hero and villain roles.

Your website redesign should be about two things:

1. Keeping your existing visitor segments happy.

2. Engaging new segments that need what you offer.

There is no such thing as an “average visitor” to your site. Design should specifically target key segments. These segments should not just be demographic as much as needs based. Segment by device type, by geography, by whether they are at work or play, or by the kinds of search terms they are using. Target segments at different stages of your funnel.

The death of a redesign is guaranteed if you design for the “average” visitor or design for yourself. See below.

Avoid Executive Influence

After several significant successes, J.J. Abrams has considerable freedom to do what he wants. He ignored all of George Lucas’s ideas for the new Star Wars movie and took it in his own direction.

The executives that you report to will want to have a say in the redesign. Statements like, “I would never respond to that!” are poisonous to the process, unless you site is targeted at them.

Abrams didn’t get such freedom until he had a win under his belt. Your ace in the whole is research and data. If your redesign is questioned, you better have the studies, heatmaps, split test, and analytics you need to make your case.

If you don’t have this information, you’re not likely to have a success anyway. You may want your executives to attend our webinar.

Lens Flair Comes Last

Only after you’ve considered all of these key issues can you put your own unique stamp on the site design. Abrams has a thing for lens flair in his movies.

But none of this means anything unless you have beloved features in your new site, avoid adding Jar-Jar Binks experiences and address your visitors segment by segment.

Attend our free Webinar The JJ Abrams School of Website Redesign and make sure your next redesign isn’t a Star Wars prequel.

What is a best practice?

Commercial or professional procedures that are accepted or prescribed as being the most effective.

It’s something that works much of the time in similar situations.
What is a conversion insight?

Conversion optimization is finding the unique things on your unique site that drive your unique visitors to do more of what you want them to do.

A conversion insight is something that works for one audience in one situation.
Sometimes a best practice will work in a unique situation. But the two efforts are fundamentally different. Many best practices are informed by a long history of conversion insight.
We don’t have that luxury in mobile. It hasn’t been around long enough for us to identify best practices that are informed by conversion insights. There’s no such thing as a mobile best practice.
There. We said it [again].
Why do we keep asking about mobile best practices?
There are this many ways to potentially increase the UXO of a mobile website.

How many ways can you increase conversions for your website? This many.

How many ways can you increase conversions for your website? This many.


For someone setting up a mobile website, these look like the eyes of a monster.
The "Infinite Solutions Monster" scares us into looking for best practices.

The “Infinite Solutions Monster” scares us into looking for best practices.


It’s terrifying.
So naturally we reach for some guidance when designing our mobile sites. We reach for a swig of best practices. We go looking for a unicorn.
We want to find the Best Practices Unicorns as a shortcut to optimizing.

We want to find the Best Practices Unicorns as a shortcut to optimizing.

Don’t Be That Marketer

We have tested several approaches that have improved the performance of mobile websites. They have put more money into the pockets of our customers. They have increased call volumes to incredible levels. They have generated new life-giving subscribers.
Some of them might work for you. You should find out for yourself.

Conversion Sciences Reveals Its Secrets

You have three opportunities around the world to hear what we’ve learned about the mobile web this fall.

        

  1. Conversion Scientist Joel Harvey can be seen in London, UK on October 28th at Hero Conference.
  2.     

  3. On November 5th Joel will be back stateside in Chicago, IL, USA for Content Jam.GPeC Conference
  4.     

  5. On November 24th, company founder Brian Massey will present at GPeC in Bucharest, Romania.

Our opinions are definitely controversial, but that’s fine with us. When you hear what we have to say, we know you’re going to change the way you treat your mobile visitors. We have the data to back it up.
You’ll walk away knowing:

Joel aged a bit while waiting for a mobile site to load

Joel aged a bit while waiting for a mobile site to load

        

  • Why responsive web design is losing you customers
  •     

  • How Apple and Android users behave differently
  •     

  • Why you might need an alternative conversion goal on mobile
  •     

  • Where to start A/B testing your mobile site
  •     

  • How to make sure your customers don’t look like this guy by the time your site loads…

I state that, “A redesign is a big ball of bias-driven assumptions” in my September Marketing Land column The Biases that Drive Crazy Decisions. A large part of the column is dedicated to the biases found in website redesigns. These include Pro-innovation Bias, Stereotyping, Overconfidence and Blind-spot Bias.

Conversion-Scientist-Podcast-Logo-1400x1400


Subscribe to Podcast

Of these, the most fascinating has to be the Pro-innovation Bias. You can see its influence all over the web. This is the bias that makes us choose to do something because it’s new, cool or innovative.

In the 1990s, we had GIF animations, blinking and scrolling text, and any number of fonts appearing on pages.

Sometimes, you just need to start over on your design.

Sometimes, you just need to start over on your design.

These were implemented for no other reason than because we could.

When carousels, or sliders were added to Web templates, they began to appear everywhere, despite the fact that they tend to hurt conversion. We’re still getting rid of them one site at a time.

Rotating banner from Zumba.com

Rotating banner from Zumba.com

We’ve recently survived a short bout with parallax scrolling sites. Fortunately, this trend seems to be waning on business sites.

Parallax animations are distracting and don’t help conversions.

Parallax animations are distracting and don’t help conversions.

These techniques seem to be built to serve the designer’s ego at the expense of the potential buyer.

Parallax animations are distracting and don’t help conversions.

Parallax animations are distracting and don’t help conversions.

More recently, we’re seeing a pro-innovation bias with the proliferation of “flat” design template. These designs result in long, banded pages. I recently reviewed 47 WordPress templates. All but two were in this flat style.

You may find this post difficult to read. It is. It is a collection of design choices made under the influence of the pro-innovation bias. This is only one of twenty I researched.

My Marketing Land column uncovers several more biases that may be infecting your website.

Feature image by ethanhickerson via Compfight cc and adapted for this post.

© Copyright 2007 - 2024 • Conversion Sciences • All Rights Reserved • Conversion Scientist® is a federally registered trademark owned by Conversion Sciences. Any unauthorized use is expressly prohibited.