Your customer testimonials deserve the spotlight. They should be front-and-center on your landing page. The headliner. The star attraction. And yet, all-too-often, you see these vital elements of social proof treated like bit-players on the most important conversion-focused pages. They’re buried far below the hero section or crammed into some tough-to-see spot. And that is one huge missed opportunity. Sorta like casting De Niro to play the dead guy on CSI. Now, there’s been loads of articles written about how quality customer testimonials build trust, add credibility and generally fire up the conversion rate of landing pages. So I’m not…
As long as I’ve been working in the digital space, there has been a pervasive idea that all content must be absolutely unique, lest you face the wrath of Google and catch a penalty for duplicate content. I’ve worked as a consultant and an employee for SEO agencies and digital marketing firms. Every so often, I’d have a conversation like this: Junior SEO: “OH NO! Look!” Me: “What?” Junior SEO: “The client has DUPLICATE CONTENT in their website’s footer!” Me: “And?” Junior SEO: “THEY’RE GONNA GET PENALIZED!” Me: I’ve met my share of marketers who are more concerned about duplicate…
Building user interfaces on the web is hard, because the web and, thus, CSS were inherently made for documents. Some smart developers invented methodologies and conventions such as BEM, ITCSS, SMACSS and many more, which make building user interfaces easier and more maintainable by working with components.
I have realized something after working with countless companies and helping them set up their analytics tools. They all want the hottest tool. They all want as much data as they can possibly gather. However, these companies don’t actually care about the data. This might sound crazy, but hear me out. They want the data, but not because of what you might think. They want access to data so they can improve something that matters to their business (e.g. conversion rates, user retention, revenue, etc.). They think that having data will make this easier (like their tools will magically make…
Apple may go head to head with other manufacturers like Samsung to gain consumer attention, but Apple has never had a race-to-the-bottom price war. They don’t try to compete on price, and they don’t have to. Steve Jobs and his team excelled at manufacturing and marketing consumer products that consumers love. Apple’s marketing is so effective, in fact, that it has become a benchmark for other companies who want to achieve the same global popularity, revenue growth and staying power. Regardless of your industry, product or service, there are a few things to be learned from Apple’s marketing. Apple’s Marketing…
The following is a case study about how Tough Mudder achieved a 9% session uplift by optimizing for mobile. With the help of altima° and VWO, they identified and rectified pain points for their mobile users, to provide seamless event identification and sign-ups.
About the Company
Tough Mudder offers a series of mud and obstacle courses designed to test physical strength, stamina, and mental grit. Events aren’t timed races, but team activities that promote camaraderie and accomplishment as a community.
Tough Mudder wanted to ensure that enrolment on their mobile website was smooth and easy for their users. They partnered with altima°, a digital agency specializing in eCommerce, and VWO to ensure seamless event identification and sign-ups.
Research on Mobile Users
The agency first analyzed Tough Mudder’s Google Analytics data to identify any pain points across participants’ paths to enrollment. They analyzed existing rates from the Event List, which demonstrated that interested shoppers were not able to identify the events appropriate for them. The agency began to suspect that customers on mobile might not be discovering events easily enough.
On the mobile version of the original page, most relevant pieces of information like the event location and date, were being pushed too far down below the fold. In addition, lesser relevant page elements were possibly distracting users from the mission at hand. This is how it looked like:
The agency altima° decided to make the following changes in the variation:
Simplified header: Limiting the header copy to focus on the listed events. The following image shows how this looked.
List redesign: Redesigning the filter and event list to prominently feature the events themselves. The following image shows the same:
Additionally, an Urgency Message was added to encourage interested users to enroll in events nearing their deadline. See the following image to know how it was done:
For these three variations, seven different combinations were created and a multivariate test was run using VWO. The test experienced over 2k event sign-ups across 4 weeks. The combinations of variations are shown below:
After 4 weeks, Variation 2, which included the redesigned event list, proved to be the winning variation. This is not to say that other test variations were not successful. Variation 2 was just the MOST successful:
The winning variation produceda session value uplift of 9%! Combined with the next 2 rounds of optimization testing, altima° helped Tough Mudder earn a session value uplift of over 33%!
Why Did Variation 2 Win?
altima° prefers to let the numbers speak for themselves and not dwell on subjective observations. After all, who needs opinions when you’ve got data-backed results? altima°, however, draws the following conclusions on why Variation 2 won:
Social proof has demonstrated itself to be a worthy component of conversion optimization initiatives. These often include customer reviews and/or indications of popularity across social networks.
In fact, Tough Mudder experienced a significant lift in the session value due to the following test involving the addition of Facebook icons. It’s likely that the phrase Our Events Have Had Over 2 Million Participants Across 3 Continents warranted its own kind of social proof.
The most ambitious testing element to design and develop was also the most successful.
It appeared that an unnecessary amount of real estate was being afforded to the location filter. This was resolved by decreasing margins above and below the filter, along with removing the stylized blue graphic.
The events themselves now carried a more prominent position relative to the fold on mobile devices. Additionally, the list itself was made to be more easily read, with a light background and nondistracting text.
The underperformance of the urgency message came as a surprise. It was believed that this element would prove to be valuable, further demonstrating the importance of testing with VWO.
Something to consider is that not every event included an urgency message. After all, not every enrolment period was soon to close. Therefore, it could be the case that some customers were less encouraged to click through and enroll in an individually relevant event if they felt that they had more time to do so later.
They might have understood that their event of interest wasn’t promoting urgency and was, therefore, not a priority. It also might have been the case that an urgency message was introduced too early in the steps to event enrolment.
How did you find this case study? There are more testing theories to discuss! Please reach out to altima° and VWO to discuss. You could also drop in a line in the Comments section below.
John Lott, partner at Spearmint Love, an online store selling baby clothes, had a problem. He had just left his job at an equity firm to work full-time on his wife’s ecommerce business. He was tasked with increasing ROI from advertising channels. Facebook was an easy target. The company already had tens of thousands of fans there, and the community was highly engaged. But a couple months into a well-performing ad, ROI would suddenly drop. John couldn’t figure it out. He thought the ad copy must have gone stale. Perhaps customers had seen it too many times. He wrote new…
To anyone who’s exclusively done business online, I cannot stress enough how beneficial it is to sell to humans, face-to-face. First of all, in person, you can learn what people are really looking for — and you can make suggestions accordingly. Instead of sifting through data, conducting endless customer surveys, and “guessing,” running a brick-and-mortar shop is a non-stop customer survey experience. The beauty comes when your business operates both online and offline. Your learnings from upselling and cross-selling in person can turn your online business from nice supplemental income to your bread-and-butter! Check out this infographic from Quicksprout to…
HTML email: Two words that, when combined, brings tears to a developer’s eyes. If you’re a web developer, it’s inevitable that coding an email will be a task that gets dropped in your lap at some time in your career, whether you like it or not. Coding HTML email is old school. Think back to 1999, when we called ourselves “webmasters” and used Frontpage, WYSIWYG editors and tables to mark up our websites.
Not much has changed in email design. In fact, it has gotten worse. With the introduction of mobile devices and more and more email clients, we have even more caveats to deal with when building HTML email.
‘A-ha!’ moment (n.): An insight that leads to more substantial revenue lift and profitable growth for your company (e.g. the moment all Optimizers live for).
At WiderFunnel, our mission is create profitable ‘A-ha!’ moments for our clients every day.
Last year, I created a five-part ‘A-ha!’ moments series: Five mini blog posts focused on five of our favorite insights from 2015. Well, turns out 2016 was also full of ‘A-ha!’ moments that were too good to keep to ourselves.
This post explores five of WiderFunnel’s favorite ‘A-ha!’s from the past year. I hope that they inspire you as you begin planning your 2017 experiments!
‘A-ha!’ #1: Using color psychology to increase conversions
If you follow WiderFunnel, you probably know that we are not big fans of conversion optimization ‘best practices’ like “all calls-to-action should be orange”.
Because, frankly, best practices may not be the best thing for your business. They must be proven in your business context, for your users.
That said, this first ‘A-ha!’ moment comes from a color isolation test. But, the ‘A-ha’ isn’t the result, it’s the why behind the hypothesis.
One of our clients provides an online consumer information service — users type in a question and get an Expert answer. Once a user asks their question, they have entered a four-step funnel:
Step 1: Ask the question
Step 2: Add more information
Step 3: Pick an Expert
Step 4: Get an answer (aka the checkout page)
We have been testing on each step of this funnel, but this particular experiment was on the all-important checkout page, the final conversion.
What can the right color do?
For each WiderFunnel client, we create a customized growth program, however, each program is built with our proven Infinity Optimization Process™. The process cycles between two phases: Explore (information-gathering) and Validate (testing and proving).
Research on consumer behavior, psychological principles, and persuasion techniques is a huge part of the Explore phase. Our Strategists use this research, along with several other information touchpoints, when developing hypotheses.
This past year, one of WiderFunnel’s favorite bloggers and researchers, Nick Kolenda, published a giant piece on color psychology. Kolenda looked at 50 academic studies on color, and compiled his findings. According to him, certain colors can inspire certain actions.
In the case of this client, Optimization Strategist, Nick So, wanted to see if adding a subtle, subconscious visual cue to the checkout page would be more motivational for users. He was looking, specifically, at warm colors.
Persuasion principle: Warm colors (with high saturation and low brightness) increase arousal because they trigger impulsivity, and tend to increase behavioral responses.
The test: Isolation I and isolation II
In the first isolation, Nick decided to put warm colors to the test.
Hypothesis: Increasing prominence of the checkout area by using a color linked to increasing action and responses will improve visual clarity of the page and increase conversions.
In the variation, Nick removed all other background colors and added a warm orange background to the payment section. And it worked! This variation saw a statistically significant 2.82% increase in conversions.
We wanted to validate this insight across audiences, so Nick created a second isolation for this client’s mobile users.
He tested the Control against two variations: Variation B (the warm color isolation) was built on variation A, so Nick was able to track the isolation properly. In this experiment, the color change was responsible for a 2.7% lift in conversions, almost the exact same increase as in the desktop test.
It’s always amazing how such seemingly subtle psychological cues and persuasion elements can have a big potential impact on user behavior. We are fortunate to be able to have a client that has the traffic, trusts us, and understands testing enough to allow us to run an isolation on such an interesting concept.
– Nick So
‘A-ha!’ #2: Sometimes, all your users need is a clear next step
You may have heard the phrase “if content is king, revenue is queen”…
Our second ‘A-ha!’ moment comes from testing we have been doing with one WiderFunnel client: A content site that provides information for the individual investor. This client offers a ton of free resources on its website to help users stay on top of their finances.
Of course, they also offer subscription services, such as their newsletter and professional advisor service, which provides premium stock-picking advice to users. Our goal is to help this client increase profitable conversions.
When we began testing with this client, there were many different paths that users could take after landing on an investing article. And there was almost no indication that there were professional services available (which is how this client makes money!)
The WiderFunnel Strategy team did an initial LIFT analysis of the site-wide navigation, which revealed several problems, like:
There was not a clear, primary call-to-action in the nav (Clarity)
There was a general lack of urgency (Urgency)
The menu drop-down for “Stock Picks” had one, ambiguous dropdown (Anxiety)
If someone is ready to spend money, it is not clear how to do so (Clarity)
We wanted to test giving users a clear action to take in the site-wide navigation. This way, a user who wanted more would know which path to take.
We tested adding a “Latest Stock Picks” call-to-action in the nav (replacing the “Stock Picks” dropdown); the assumption was that users of this client’s site are looking for stock-picking advice, specifically.
Hypothesis: Creating a clear “Latest Stock Picks” CTA in the site-wide navigation will cause more users to enter a revenue-driving funnel from all parts of the site.
We tested two variations, each of which featured the “Latest Stock Picks” call-to-action. But, in each variation this CTA took the user to a different page. Our ultimate goal was to find out:
If users were even aware that there are premium paid services offered, and
Which funnel is best to help users make a decision and, ultimately, a purchase?
With variation A, we added the “Latest Stock Picks” CTA in the nav. This call-to-action sent users to the homepage and anchored them in the premium services section. (This is how the functionality of the original dropdown worked.)
This section provides a lot of detail about this client’s different offerings, along with a “Sign Up Today” call-to-action.
With variation B, we wanted to test limiting choice. Rather than showing users a bunch of product options, the “Latest Stock Picks” CTA sent them directly to the professional advisor sign up page (this client’s most popular product).
Both variations beat the control, with variation A resulting in an 11.17% lift in transactions with 99% confidence and variation B resulting in a 7.9% increase in transactions with 97% confidence.
Interestingly, because variation B was built on variation A, we were able to see that it actually decreased transactions by 3.3%.
So, what does this mean? Here are a few takeaways we plan to explore further in 2017:
Users may have been unsure of how to sign up (or that they could sign up) due to lack of CTA prominence on the original site-wide navigation
It is also possible that Urgency was a motivator for this client’s users: Changing the “Stock Picks” drop down to a “Latest Stock Picks” CTA increased urgency and led to more conversions. This wasn’t a clear isolation but it’s good evidence to follow-up with!
Users prefer some degree of choice over being sent to one product (as seen with the decrease in transactions caused by variation B)
But the main moral of this ‘A-ha!’? Make sure your users know exactly where to find what you’re selling. ‘Cause content without conversions is just free publishing.
Earlier this year, I published a case study on WiderFunnel client, weBoost. WeBoost is an e-commerce retailer and manufacturer of cellular signal boosters.
This case study explored several tests that we had run on multiple areas of the weBoost site, including a series of design tests we ran on their product category page. Our third A-ha! moment takes up where the case study left off in this series…
A quick refresher
Originally, the weBoost product category pages featured a non-traditional design layout. A large image in the top left corner, very tall product modules, and right-hand filters made these pages unique among e-commerce catalog pages.
We decided to test displaying products in landscape versus the long, portrait-style modules. According to a Baymard study of e-commerce sites, technical products are easier to compare in a horizontal layout because there is more space to include specs. This was variation A.
In variation B, we wanted to explore the idea that users didn’t need to see a product details page at all. Maybe the information on the category page was all users needed to make a confident purchase.
Variation B was built on variation A, with one isolated change: We changed the primary visual call-to-action from “View Details” to “Add To Cart”.
In a backward ‘A-ha!’ moment, variation A (based on the Baymard study) decreased transactions by -9.6%. Despite our intentions, the horizontal layout might have made it more difficult for users to compare products.
But! Variation B, with the add-to-cart focus, saw a 16.4% increase in transactions against the control page. It turns out that many users are actually comfortable adding products to their cart right from the category page.
Variation B moved more users further through the funnel and ultimately resulted in a large uptick in transactions, despite the negative impact of the horizontal layout.
After comparing variation A to variation B, WiderFunnel Optimization Strategist, Michael St Laurent, estimated that the “Add To Cart” call-to-action was actually worth a lift of 28.7% in transactions.
The follow-up (and subsequent ‘A-ha!’)
We knew that the horizontal layout led to a decrease in transactions and we knew that the horizontal layout plus the isolated CTA change led to a sizable increase in transactions.
So, we ran the obvious follow-up experiment: We tested a variation featuring the vertical module design with the add-to-cart focused call-to-action. We expected to see at least a 29% increase in transactions. We used variation B from the previous test as the Control, following proper Design of Experiments.
As predicted, when we tested the “Add To Cart” call-to-action on the vertical modules, we saw a whopping 38.1% increase in transactions (more than double the 16.4% increase we observed with the horizontal layout, and 9 percentage points more than the estimate).
It never gets old to see isolations at work. The ‘A-ha!’ moment here is that no test ever has to be a ‘loser’. If you structure your tests using isolations, you will be able to track the potential impact of each change.
This entire time, we were assuming that users needed more information to make a technical product selection. We were focused on making the specs easier to compare, when there was an entire segment of the audience that was ready to put the product in their cart without more investigation. Sometimes you have to challenge your assumptions. In this case it paid off!
– Michael St Laurent, Optimization Strategist, WiderFunnel
‘A-ha!’ #4: De-emphasizing price reduces user anxiety
One of our clients is Vital Choice, a trusted source for fast home delivery of the world’s finest wild seafood and organic fare, harvested from healthy, well-managed wild fisheries and farms.
Our fourth ‘A-ha!’ moment from 2016 came out of the testing we did with Vital Choice on their product detail pages and revolves around de-emphasizing price, in favor of value proposition points.
While the results may not be surprising, the WiderFunnel Strategy team would not have prioritized this particular test if they hadn’t done extensive user research beforehand. Because we took the pulse of Vital Choice users, we were able to reduce anxiety and provide more motivation to purchase.
Let’s say you wanted to order a few organic, grass-fed American Wagyu beef patties from the Vital Choice website. You would have eventually landed on a detail page that looked like this (the Control in this experiment):
As you can see, price is displayed prominently near the ‘Add To Cart’ call-to-action. But, during the Explore (information gathering) phase, WiderFunnel Optimization Strategist, Dennis Pavlina, identified several common themes of barriers to conversion in user survey responses, including:
Price: Users love Vital Choice and the excellent quality of their products, but they often mention the premium they are paying. For many users, it is a ‘treat’ and a ‘luxury’ to buy from Vital Choice. Price-related themes, such as discount codes or coupons, also came up often in surveys.
Shipping: Users often express concern about how frozen perishable items are shipped, particularly in warmer climates in the U.S.
If we could reduce user anxiety in these two areas, we believed Vital Choice would see a surge in conversions.
Hypothesis: Adding relevant value proposition points that justify the price and quality of the product, and adding copy to reduce anxiety around shipping in close proximity of the order area on the product page, will increase conversions.
It was unclear what users would receive in their shipment i.e. how it would be shipped to them, how long it would take, etc. (Anxiety)
There were no prominently displayed value proposition points to justify the price of the product. (Value Proposition)
There was a lot of emphasis on the price of the product. (Anxiety)
This variation led to a 3.3% increase in conversions and a 2.7% increase in average order value, resulting in almost $250,000 in estimated additional annual revenue.
Conversions were up for almost every goal we tracked: Visits to checkout (step 2), visits to checkout (step 3), visits to checkout (step 4), total visits to cart, and average order value. But they were down to unique visits to cart.
The most interesting part of analyzing results was noticing that, although unique visits to cart were slightly down, there was a large increase in total visits to cart. It’s a surprising pattern. We hypothesize that users may have been more confident and willing to purchase more items at once, when anxiety was reduced.
– Dennis Pavlina, Optimization Strategist, WiderFunnel
The fact that de-emphasizing price worked for Vital Choice users isn’t what made us say, ‘A-ha!’. But, the proven power of listening to, and addressing their users’ stated concerns, did. When in doubt, ask your users.
A-ha! #5: Quick view, long delay
A-ha! number 5 comes from testing we did with another one of our clients, a large retailer of sports goods, footwear, and apparel. We have been working with this company for more than a year to optimize their e-commerce experiences, with the goal of increasing transactions.
Like on many e-commerce sites, users on this client’s site could view product details directly on the category page, using a Quick View functionality. When a user hovered over a product, they would see the product details in a Quick View window.
In our final ‘a-ha!’, we explore what (so often) happens when you test a common practice.
Distraction is a very common barrier to conversion; often, there are elements on a client’s page that are diverting visitors away the from the ultimate goal.
For Michael St Laurent, the Quick View option on this client’s category page was a potential distraction.
The more visual cues and action options your visitor has to process, the less likely they are to make a conversion decision. At WiderFunnel, we have found that minimizing distractions such as unnecessary product options, links, and extraneous information will increase your conversion rate.
– Michael St Laurent
So, he decided to put his theory that the Quick View is an unnecessary distraction to the test.
Hypothesis: Disabling the Quick View functionality will result in reduced distraction and ultimately, more conversions.
The Control in this test was the client’s original category page, featuring the Quick View functionality.
In the Quick View, users could quickly move from product to product on the category page without going to a product page itself.
We tested this control against a variation that removed the Quick View functionality completely.
It turns out the Quick View functionality was, indeed, distracting. Disabling it resulted in more product exploration as well as more transactions; transactions increased by 4% (a big lift for a high-traffic company like this one!)
If your site has a functionality, like Quick View or a rotating banner, you should probably test it! While ‘flashy’ functionalities are…well…flashy, they are rarely what your users want, and may be preventing your users from actually purchasing.
At the end of every month, the WiderFunnel Strategy team shares their favorite ‘A-ha!’ moments from the past four weeks. Sometimes, the ‘A-ha!’ is an exciting result and big lift for a client, sometimes it’s a twist insight, sometimes it’s a ‘losing’ test that inspired a winning test.
As Chris Goward explains,
There’s no downside to communicating what you’ve learned from every test. If you view your optimization program as a strategic method for learning about your customers and prospects – for truly understanding their mindset – rather than a tactical tweaking program, you can take a broader perspective and find the gains in every test.
I hope that these ‘A-ha!’ moments inspire you to do the work, structure your tests properly, and learn constantly in 2017. And I encourage you to share your favorite ‘A-ha!’ moments in the comments section below.