How Your Graphic Designer Is Killing Your Conversion Rate

  |  March 15, 2010   |  Comments

Some Web sites sacrifice conversions in the name of "coolness." Is yours one of them?

Let me tell you an inconvenient truth: your baby is ugly.

Your landing page has severe and fundamental problems that are contributing to low conversion rates. This is costing you a lot of money. To make matters worse, this predicament was completely avoidable. To make matters even worse, you have been a willing accomplice in your own undoing.

How did this happen?

You were led down the path by your internal creative team or outside interactive agency. Because of the limitations of their unique perspective you have been forced to sacrifice conversions in the name of "coolness." So, you have actually come to think that your baby is beautiful and have in fact grown very fond of it.

Let's take a look at the origins of this situation, and begin with the end in mind. The "end" should be pretty obvious - to have the most efficient landing page or process possible. This requires putting aside your own corporate and personal needs and considering everything from the perspective of your visitors. Only they matter, and without them you would not have a business. You may have in the past paid lip service to the notion that "the customer is always right," but have probably not done anything about it.

The key to effective landing page design is clarity.

The purpose of your landing page must be clear. The visitor should be focused on taking a simple path that leads to the desired conversion action. This simple path should arise out of the Zen-like stillness of your landing page.

Worst Practices

Unfortunately, many landing pages are at the opposite end of the spectrum from this desired state. They scream and demand the visitor's attention. They are a visual assault on the senses that force the visitor to determine which of the many striking visual elements on the page are the important ones.

Graphic designers are rarely trained in maximizing conversion. The best ones pride themselves on their ability to be non-conformists, and their ability to "think outside the box." They are bored with doing regular production-oriented graphic design work and like to keep themselves entertained by doing something new and interesting on every project.

Here is a short list of the more common visual transgressions found on landing pages:

  • Wild background colors: Many landing pages use dark and dramatic color themes. Often the background of the page or large sections of it are black or fully-saturated bright colors. Unfortunately, these kinds of color choices often create a dark and brooding atmosphere, or imply something so exotic that it would only appeal to teenage male adrenaline junkies who like to play video games.

  • Garish text: Page text and headlines are haphazardly placed on the page and often use very large font in high-contrast colors. Font sizes are often enormous, and are further emphasized by the use of edging effects, drop shadows, color transitions and fades, and fill patterns.

  • Visual embellishments and flourishes: Even simple page elements such as box edges are emphasized by drop shadows, glow, or other effects. Simple round disks in bullet lists are replaced by colorful graphical checkmarks or other icons. Neutral background space to the sides of the landing page is often filled in with intricate patterns or photographic images.

  • Animation or video: All of the other design sins on the landing page pale in comparison to the aggressive use of motion, animation, and video. Images and text pulsate or revolve, image slideshows use wild fly-in transition effects, intricate animation sequences draw the eye, and full-motion video auto-plays on the page. These attention-grabbing tactics are very powerful. Unfortunately, they are rarely tied to the desired conversion goal on the landing page, and only serve to squander a few precious seconds of the limited visitor attention. Never deploy rich media on your page without testing it first to determine its impact on conversion.

Case Study: Credo Mobile

Our client, Credo Mobile, is a socially-conscious cell phone company based in San Francisco. It donates a portion of all revenues to progressive causes - groups that Credo members help select.

Credo was interested in improving the performance of a landing page for a new e-mail campaign.

The original page is shown below:

Credo had my agency conduct an online Express Review of its landing page to identify major conversion issues. After the review, it created a series of increasingly-refined redesigns that incorporated our best-practices recommendations and additional ongoing consulting feedback.

The final landing page is shown below:

The results were stunning.

In a head-to-head test the new page performed 84 percent better than the original.

Why the radical difference?

It can be argued that the landing pages are similar. Both show a single image of a phone and a distinct call-to-action button.

In order to answer this question my agency employed our visual attention prediction tool.

By understanding the way the visual perception system and brain works, it is possible to accurately simulate with software how a Web page will be viewed during the first few seconds of eye movement, and where attention will be focused. The results are instant and do not require expensive eye-tracking studies, or page-tagging and time-consuming data gathering to create mouse-tracking heatmaps. "Attention heatmaps" can even be created based on in-progress visual mock-ups that have not been deployed as live pages.

The "before" page shows scattered eye movements (yellow lines) that bounce all over the page. Drawn by bright blocks of color and sharp areas of contrast, the eyes do not find a place to "settle." The colored attention heatmap likewise shows attention spread into many areas on the page. In the midst of all of the visual "noise" the green call-to-action button is lost and ignored.

By contrast, the final page shows controlled gazing focused on the cell phone, and the call-to-action button. After briefly scanning the logos of the progressive causes that Credo supports ("social proof" that provides a "halo effect" by association), the eye returned to the round offer call-out and the phone. The call-to-action button is one of three red attention "hot spots" on the page.

The moral of the story is clear: graphic artists must follow a minimalist visual aesthetic that focuses on conversion and not "window dressing."

The new landing page may not be that exciting visually, but that's OK. In fact, it is desirable. On a toned-down page, the call-to-action emerges from the relative stillness of the page.

"Boring" works. And it makes you a lot more money - that should make it a lot more exciting.

ClickZ Live Chicago Join the Industry's Leading eCommerce & Direct Marketing Experts in Chicago
ClickZ Live Chicago (Nov 3-6) will deliver over 50 sessions across 4 days and 10 individual tracks, including Data-Driven Marketing, Social, Mobile, Display, Search and Email. Check out the full agenda and register by Friday, August 29 to take advantage of Super Saver Rates!

ABOUT THE AUTHOR

Tim Ash

Tim Ash is CEO of SiteTuners.com, a landing page optimization firm that offers conversion consulting, full-service guaranteed-improvement tests, and software tools to improve conversion rates. SiteTuners' AttentionWizard.com visual attention prediction tool can be used on a landing page screenshot or mock-up to quickly identify major conversion issues. He has worked with Google, Facebook, American Express, CBS, Sony Music, Universal Studios, Verizon Wireless, Texas Instruments, and Coach.

Tim is a highly-regarded presenter at SES, eMetrics, PPC Summit, Affiliate Summit, PubCon, Affiliate Conference, and LeadsCon. He is the chairperson of ConversionConference.com, the first conference focused on improving online conversions. A columnist for several publications including ClickZ, he's host of the weekly Landing Page Optimization show and podcast on WebmasterRadio.fm. His columns can be found in the Search Engine Watch archive.

He received his B.S. and M.S. during his Ph.D. studies at UC San Diego. Tim is the author of the bestselling book, "Landing Page Optimization."

Connect with Tim on Google+.

COMMENTSCommenting policy

comments powered by Disqus

Get the ClickZ Analytics newsletter delivered to you. Subscribe today!

COMMENTS

UPCOMING EVENTS

Featured White Papers

IBM: Social Analytics - The Science Behind Social Media Marketing

IBM Social Analytics: The Science Behind Social Media Marketing
80% of internet users say they prefer to connect with brands via Facebook. 65% of social media users say they use it to learn more about brands, products and services. Learn about how to find more about customers' attitudes, preferences and buying habits from what they say on social media channels.

Marin Software: The Multiplier Effect of Integrating Search & Social Advertising

The Multiplier Effect of Integrating Search & Social Advertising
Latest research reveals 68% higher revenue per conversion for marketers who integrate their search & social advertising. In addition to the research results, this whitepaper also outlines 5 strategies and 15 tactics you can use to better integrate your search and social campaigns.

Resources

Jobs

    • Product Specialist
      Product Specialist (Agora Inc. ) - BaltimoreDescription: The Product Specialist is hyper-focused on the customer experience and ensures that our...
    • Partnerships Senior Coordinator
      Partnerships Senior Coordinator (Zappos.com, Inc.) - Las VegasZappos IP, Inc. is looking for a Partnerships Senior Coordinator! Why join us? Our...
    • Assistant Product Listing Ads (PLA) Manager
      Assistant Product Listing Ads (PLA) Manager (Zappos.com, Inc.) - Las VegasZappos IP, Inc. is looking for an Assistant Product Listing Ads (PLA...