<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>The Unbounce Conversion &amp; Marketing Blog</title>
	
	<link>http://unbounce.com</link>
	<description>Fresh blog posts on conversion rate optimization, A/B testing, lead capture and content marketing.</description>
	<lastBuildDate>Wed, 22 May 2013 19:56:55 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Unbounce" /><feedburner:info uri="unbounce" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Don’t Design Another Landing Page Until You Read This [Plus 36 Examples]</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/7YYsoRFaf3o/</link>
		<comments>http://unbounce.com/landing-page-examples/36-landing-page-designs-critiqued-for-conversion/#comments</comments>
		<pubDate>Wed, 22 May 2013 06:30:36 +0000</pubDate>
		<dc:creator>Oli Gardner</dc:creator>
				<category><![CDATA[Landing Page Examples]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15133</guid>
		<description><![CDATA[36 sweet landing page examples to awaken the inner designer in you. Each one critiqued to see how they stack up against the principles of conversion centered design. And don't you dare think about designing your next page until you're done with this post.]]></description>
				<content:encoded><![CDATA[<div class="blog-photo"><a href="http://unbounce.com/photos/lp-critique-full.jpg"><img src="http://unbounce.com/photos/lp-critique.jpg" alt="landing page critique" width="560" height="218" class="alignnone size-full wp-image-15233" /></a></div>
<div class="blog-photo-annotation">(<a href="http://www.shelbyed.k12.al.us/schools/mhs/faculty/hwhitson/Art-new/critique%20cartoon.jpg" target="_blank">Source</a>)</div>
<p>Happy Wednesday! <strong>It&#8217;s landing page examples time.</strong> Today, as a special treat for CCD week, I&#8217;ve compiled a list of 36 landing page designs to critique, most of them are awesome, some need a bit more work, and I&#8217;ve also included a few that are down right awful (as a lesson of what <em>not</em> to do). Each will get my customary &#8220;what I like&#8221; and &#8220;what I&#8217;d change or test&#8221; so you can get some ideas and inspiration for your next page.</p>
<p>First things first, in case you&#8217;ve not been here lately, we&#8217;re on day 3 of Conversion Centered Design week, where every day is focused on certain principles of psychology and design &#8211; which I&#8217;ll get to in a jiffy. Just to recap, here&#8217;s what&#8217;s come before and what&#8217;s coming next.</p>
<blockquote>
<ul>
<li><strong>Monday:</strong> A free ebook <a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&amp;utm_medium=Blog-Post-CTA&amp;utm_content=Landing-Pages&amp;utm_campaign=Ultimate-CCD" target="_blank">“The Ultimate Guide to Conversion Centered Design”</a> – (68 page PDF)</li>
<li><strong>Tuesday:</strong><a href="http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/" target="_blank"> 5 Tested Conversion Design Tactics You Should Put to Work. Right Now.</a></li>
<li><strong>Wednesday (today):</strong> <a href="http://unbounce.com/landing-page-examples/36-landing-page-designs-critiqued-for-conversion/">Don&#8217;t Design Another Landing Page Until You Read This [Plus 36 Examples]</a></li>
<li><strong>Thursday:</strong> How To Design Call-to-Action Buttons That Convert</li>
<li><strong>Friday:</strong> 10 Killer Posts on Conversion &amp; Design</li>
</ul>
</blockquote>
<h2>The 7 Principles of Conversion Centered Design (CCD)</h2>
<p>To recap the 7 principles of CCD covered in Monday&#8217;s free ebook &#8211; &#8220;<a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&#038;utm_medium=Blog-CTA&#038;utm_content=Landing-Pages&#038;utm_campaign=Ultimate-CCD" target="_blank">The Ultimate Guide to Conversion Centered Design</a>&#8220;, here they are broken down by design and psychology. I&#8217;ll be leaning on these ideas throughout the critiques later on.</p>
<ol>
<li><strong>Design:</strong> Encapsulation<br />This is a classic technique used to hijack your visitors eyes and create a tunnel vision effect. You can think of it like creating a window on your landing page where your CTA is the view.</li>
<li><strong>Design:</strong> Contrast &amp; Color<br />Some say button color is important, but this a falsehood. In reality, it&#8217;s the contrast of the color that you need to focus on. A green CTA may well outperform red in some circumstances, but if the page is dominantly green, that green button is going to get hidden among other page elements. If you focus on contrasting colors you will be much more successful at making it stand out. In the case of the green page, a red button would be suitable.</li>
<li><strong>Design:</strong> Directional Cues<br />Call attention to the most important page elements by using strangely placed and angled arrows. Tie a sequence of arrows together to define a path for the visitor to follow, ending at your CTA.</li>
<li><strong>Design:</strong> Whitespace<br />Give your page elements breathing room to produce a calming effect and allow your CTA to stand out from the rest of your design.</li>
<li><strong>Psychology:</strong> Urgency &amp; Scarcity<br />Common psychological motivators are the use of urgency (limited time) and scarcity (limited supply).</li>
<li><strong>Psychology:</strong> Try Before You Buy<br />By opening your product to scrutiny before the purchase you appear confident. This increases trust and is an important factor in boosting conversions.</li>
<li><strong>Psychology:</strong> Social Proof<br />Social proof is created by the statistics and actions of a particular crowd and it can greatly enhance the &#8220;me too&#8221; factor. The major benefit is a level of authentic believability.</li>
</ol>
<h2>A Practical Application of CCD</h2>
<p>To demonstrate how you can apply the CCD concepts to a landing page, I&#8217;ll show a before and after template design example. The purpose of this particular template is to facilitate the download of an ebook in exchange for the standard name and email. </p>
<p>Note: This template is available for use within the  Unbounce landing page platform <a href="/landing-page-templates/">suite of landing page templates</a>.</p>
<h3>The Template Before CCD Treatment</h3>
<div class="blog-photo"><a href="http://unbounce.com/photos/bookie-before.png"><img src="http://unbounce.com/photos/bookie-before-th.png" alt="landing page template" width="560" class="alignnone size-full wp-image-15138" /></a></div>
<div class="blog-photo-annotation">An ebook landing page template without CCD concepts applied</div>
<h3>The Template After CCD Treatment</h3>
<div class="blog-photo"><a href="http://unbounce.com/photos/final-template-ccd.png"><img src="http://unbounce.com/photos/final-template-ccd-th.png" alt="landing page template conversion centered design" width="560" class="alignnone size-full wp-image-15138" /></a></div>
<div class="blog-photo-annotation">An ebook landing page template with CCD concepts applied</div>
<h2>36 Landing Page Examples Critiqued for Conversion</h2>
<p>Are you excited to see some sweet examples? You should be&#8230; there&#8217;s 36 of them. Most are from Unbounce customers, but I&#8217;ve thrown in some scary ones too, just to mix it up, and scare you into making your own pages better. </p>
<p>I&#8217;m sure this isn&#8217;t your first landing page rodeo, so saddle up, get your design hat on, and take a ride with me down landing page lane.</p>
<p>Let the critiques begin&#8230;</p>
<h2>1. Mobile Commons</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/mobile-commons.jpg"><img src="http://unbounce.com/photos/mobile-commons-th.jpg" alt="mobile commons landing page example" width="560" height="517" class="alignnone size-full wp-image-15224" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Clear and enticing headline:</strong> Your headline is the first thing that people need to see on your landing page, and Mobile Commons do a good job of utilizing their headline to describe what they do, and make you want to keep reading to &#8220;Find out why&#8221; .</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>No back up to claim of 10x conversions:</strong> Stating that you&#8217;ll get a 10x conversion improvement is a very bold claim. It would essentially mean that someone converting at 10% would have a conversion rate of 100% which isn&#8217;t attainable. It would be more effective to have a customer testimonial talking about the conversion improvement they achieved.</li>
<li><strong>Button copy needs to describe it&#8217;s purpose:</strong> This is a simple one to remedy. Your CTA button should always explain explicitly what will happen when it&#8217;s clicked, for two reasons. Firstly, so people will know what they are going to get, and secondly, so there is another element on the page backing up its purpose. In this instance, I&#8217;d suggest something along the lines of &#8220;Arrange a call back to discuss a mobile solution&#8221;.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr"><strong>Nicely encapsulated form area:</strong> CCD principle #1 talks about the use of encapsulation to bring attention to your form areas. Mobile commons again do a nice job here, making sure the conversion area stands out from the rest of the page and making it clear where you need to go to complete your interaction with the page.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr"><strong>Button color:</strong> The CTA should be changed to stand out more from the rest of the page. Right now the blue is swallowed up a bit. It is a nice contrast to the form background, but overall the page has conflicting colors. If you stood back and looked at this page you&#8217;d be hard pressed to really differentiate the most important element. Some of this could be resolved by moving the customer logos to the bottom of the page, potentially in greyscale to prevent them from conflicting with the rest of the page.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr"><strong>Crowded page could use some whitespace:</strong> CCD principle #4 talks about the use of white space to improve the clarity and reading experience of your page. By making the page a little longer, they could make each part of the message more clearly chunked into digestible blocks. It could also draw more attention to the testimonial, by shifting the left column away from the form. </td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr"><strong>Powerful testimonial:</strong> The testimonial from the CEO of Tumblr is very compelling. It&#8217;s a brand that many are familiar with and lends a lot of credibility to the page.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>2. Macquarie University</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/macquarie-university.jpg"><img class="alignnone size-full wp-image-14500" alt="macquarie university landing page example" src="http://unbounce.com/photos/macquarie-university-th.jpg" width="560" height="571" /></a></div>
<div class="blog-photo-annotation">Click image for full-size version</div>
<h3>Thoughts</h3>
<p>This one&#8217;s hard to critique. It&#8217;s a really good landing page. Oh, but there is the dreaded Submit button again! Tsk Tsk. There are a few things I&#8217;d suggest to keep the landing page experience intact. Firstly, I know people are afraid to remove links (or &#8220;leaks&#8221; as I call them), but you really don&#8217;t need to cite every claim you make at this point. It&#8217;s not a whitepaper, it&#8217;s a marketing device. Secondly, the form area needs a little work. I&#8217;ll describe a hypothesis for each.</p>
<h3>Hypothesis for A/B Testing</h3>
<p>The form area:</p>
<blockquote><p><em>By enhancing the messaging of the form area to explain, and focus on, the purpose of the page, the clarity of communication will improve and encourage more people to complete a form they know will benefit them. This will also increase the number of relevant and qualified leads.</em></p></blockquote>
<p>Page leaks:</p>
<blockquote><p><em>Distractions remove people from the reason *you* have paid them to be here. Removing all links on the page so there is only one action, will increase the engagement with the page&#8217;s conversion goal, increasing form completions and reducing the bounce rate.</em></p></blockquote>
<h3>A/B Testing Advice</h3>
<p>Suggestions on what to test to prove the hypothesis:</p>
<ul>
<li><strong>Clarify the form&#8217;s purpose:</strong> The form header is your one chance to describe the reason why you&#8217;re asking for personal data. Here the wording suggests that you complete the form to &#8220;Register to their event&#8221;. Yet, having skimmed (that&#8217;s all people will do) the page copy, I see no mention of an event. And the dreaded Submit button does nothing to clear it up. Will you receive information about the university based on your level of study (Current? Desired?) or a prospectus for available courses? So my test advice is to say exactly what you will receive in the header, and reinforce that in the CTA.</li>
<li><strong>Never submit:</strong> You were warned.</li>
<li><strong>Leaky page:</strong> Take away all of the links on the page (except for the privacy statement). If you really need to link to something, do it in a lightbox to keep prospective students on the page.</li>
<li><strong>Add a FAQ:</strong> You can remove the need for so many questions by opening a FAQ page in a lightbox that addresses all of the questions you are currently answering via external links. This will reduce your total points of interaction to three: The CTA, privacy policy and the FAQ.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">This is an obvious one. The form is nicely contained in it&#8217;s own box, which helps it stand out from the image behind it.</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">The arrow may be small, but it&#8217;s a reminder that the form is where the action&#8217;s at. Knowing this right off the bat relaxes the mind so that it can explore the content on the page, knowing that you know where to go if you decide to continue on.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">The form area is nicely separated from the content, and there is a lot of breathing room all around the main image. A really good demonstration of how to use white space properly.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>3. American Bullion</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/americanbullion.jpg"><img class="alignnone size-full wp-image-14488" alt="american bullion landing page example" src="http://unbounce.com/photos/americanbullion-th.jpg" width="560" height="864" /></a></div>
<div class="blog-photo-annotation">Click image for full-size version</div>
<h3>Thoughts</h3>
<p>Oh dear. What am I supposed to do with this one? It&#8217;s a great page. So I&#8217;m going to do a 180 here and talk about what I like about it.</p>
<h3>What I like</h3>
<ul>
<li><strong>Descriptive headline:</strong> The headline tells you what the page is about in three words.</li>
<li><strong>Simple intro paragraph:</strong> Describes what you&#8217;ll get for completing the form.</li>
<li><strong>Perfect form header and CTA:</strong> A descriptive form header and button copy.</li>
<li><strong>Supporting information:</strong> Everything you need to know is pretty much above the fold, but if you&#8217;re not convinced then you can check out a large amount of social proof below including: testimonials, media mentions and trust symbols.</li>
</ul>
<p>The only thing I would add to this page would be a sub-header above the 3 steps to say what they are about: such as &#8220;About Gold Investing&#8221;.</p>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">I&#8217;m being spoiled today. Another form that&#8217;s sitting nicely in a container. &#8216;Nuff said there.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">This would be *really* good if the bottom blue area was a different color &#8211; perhaps just a dark grey. Then the only blue area would be the form container, which would really pop out. I also like how the trust logos are knocked back by being in greyscale. This keep them visible but not conflicting with more important areas.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">There&#8217;s a ton of social proof logos on display here, although I think the lower set of logos is overkill. The two testimonials could use a different treatment to make them stand out as quotes rather than the current design that makes them look like a block of text like the rest of the page.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>4. Florida Hospital &#8211; TAVR</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/tavr.jpg"><img class="alignnone size-full wp-image-14478" alt="tavr landing page" src="http://unbounce.com/photos/tavr-th.jpg" width="560" height="953" /></a></div>
<div class="blog-photo-annotation">Click image for full-size version</div>
<p>Another excellent landing page. Although I don&#8217;t get a clear sense of what TAVR is right away (the tiny description of the acronym is hard to see). If you have highly targeted ads, then you need to make sure the headline is a clear match with them.</p>
<h3>Hypothesis for A/B Testing</h3>
<blockquote><p><em>By being more explicit in the headline about what TAVR is, more people will be able to relate, staying on the page and completing the form as a result.</em></p></blockquote>
<h3>A/B Testing Advice</h3>
<p>Suggestions on what to test to prove the hypothesis</p>
<ul>
<li><strong>Headline change:</strong> I would test using the full name of the procedure, placing the acronym as a second element.&#8221;Is Valve Replacement (TAVR) Right for You?&#8221; followed by an explanation of what the acronym and procedure are in the first intro paragraph.
<p>Note: I can&#8217;t say if this enough information for people to understand it.</li>
<li><strong>Optimize for Pay-Per-Click:</strong> If there are any paid ads (AdWords etc.) driving traffic to this page, I would change the header to be text with a graphical background, compared to having one giant image. This would increase the Quality Score and the test would compare the change in Quality Score by making the header bot-readable.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">I love that form encapsulation is really sticking as a staple design principle. I do have one suggestion here, but it&#8217;ll be covered in the color section.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">Here&#8217;s a great example of using a single color hue for the majority of the page. Which really opens the way for the use of color and contrast to make your form area stand out. By choosing a color that opposes blue, you&#8217;d really attract attention. Here you could try the deep red. You might then change the button to be white.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>5. SweetIQ Whitepaper Download</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/sweetiq-whitepaper.jpg"><img class="alignnone size-full wp-image-14514" alt="whitepaper download lead gen landing page" src="http://unbounce.com/photos/sweetiq-whitepaper-th.jpg" width="560" height="637" /></a></div>
<div class="blog-photo-annotation">Click image for full-size version</div>
<h3>Thoughts</h3>
<p>This is a fairly standard whitepaper/ebook download page, however the underlying design doesn&#8217;t support the aesthetic you&#8217;d expect from a brick and mortar targeted page. As an electronic document delivered online, it&#8217;s important to make it obvious that it&#8217;s for local businesses.</p>
<p>There are a couple of ways to do this. Use imagery to show physical businesses, either on the ebook or the background of the page or make the CTA <em>very</em> explicit about the &#8216;local&#8217; aspect.</p>
<p>Another thing to mention here is that the copy doesn&#8217;t really say anything about what you are downloading! Is it a report? An ebook? This absolutely needs to be addressed.</p>
<h3>Hypothesis for A/B Testing</h3>
<blockquote><p><em>By focusing on the local business aspect in the CTA, there will be a better understanding of the local brick and mortar business relevance and more targeted downloads (creating better qualified leads).</em></p></blockquote>
<h3>A/B Testing Advice</h3>
<p>Suggestions on what to test to prove the hypothesis</p>
<ul>
<li><strong>CTA copy:</strong> I would test the current CTA copy against something more explicit like &#8220;Download your location based whitepaper now&#8221;, with a short supporting line beneath the button that says &#8220;For brick and mortar retail businesses&#8221;.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">Again, I&#8217;ll defer to Mr. contrast here.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The form area stands out really well on this page. You can&#8217;t help but notice it. In this instance I&#8217;d try going for a red button to make it stand out from the main color palette. Here, the page is so simple that there&#8217;s no real visual complexity to compensate for, but you should still get in the habit of practicing separation.</td>
</tr>
<tr>
<td class="coll">Try Before You Buy</td>
<td class="colr">Whenever you have an ebook/whitepaper/report to offer, you need to provide a preview. Something we learned this very CCD week, was that having a short Slideshare presentation on your page to showcase part of your content, you really can bump your conversion rate.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>6. Benchmark</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/benchmark.jpg"><img class="alignnone size-full wp-image-14490" alt="benchmark-th" src="http://unbounce.com/photos/benchmark-th.jpg" width="560" height="494" /></a></div>
<div class="blog-photo-annotation">Click image for full-size version</div>
<h3>Thoughts</h3>
<p>There are two different CTA’s on the page, both in color and copy. These could use more consistency, and represent what the next step will reveal (I&#8217;m assuming the homepage).</p>
<p>No clear value proposition. I don&#8217;t know how the company differentiates from the 100 other email service providers out there.</p>
<h3>Hypothesis for A/B Testing</h3>
<blockquote><p><em>By including a strong value proposition that illustrates why they are unique, people will be more willing to click through to the next step.</em></p></blockquote>
<h3>A/B Testing Advice</h3>
<p>Suggestions on what to test to prove the hypothesis:</p>
<ul>
<li><strong>Tagline:</strong> There could be a tagline right next to the logo (to use some of the wasted space up there) that helps define the company right away. After all, Benchmark doesn&#8217;t say email to me.</li>
<li><strong>The primary headline:</strong> This could be stronger, again, differentiation is key here. Why should I care about Benchmark? What&#8217;s the main difference? I&#8217;d suggest a 2-level headline where the main header explains the core benefit, and the secondary headline backs it up with supporting information (stats, number of customers etc.) Then I&#8217;d move it over the top of the first paragraph and video.</li>
<li><strong>Image or video of the software in use:</strong> Instead of focusing on a testimonial at the first level, I&#8217;d include some bullet points that support the headline again &#8211; and a video or screenshot of the software. (Then move the testimonial further down).</li>
</ul>
<p><strong>Test it and see&#8230;</strong></p>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">The page talks about small business, and then features giant companies as the supporting proof of success. There seems to be a mismatch of company size that could make people perceive their offering is targeted toward the enterprise market.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>7. Spousal Immigration to Canada</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/immigration.jpg"><img class="alignnone size-full wp-image-14536" alt="immigration to canada landing page" src="http://unbounce.com/photos/immigration-th.jpg" width="560" height="676" /></a></div>
<div class="blog-photo-annotation">Click image for full-size version</div>
<h3>Thoughts</h3>
<p>Well this is a first! An infographic on a landing page. Very cool. Although time consuming to read.</p>
<p>The opening headline is too situational, rather than descriptive. It would be stronger if it were simplified, rather than ‘cute.’ The infographic has it right: “Sponsor your spouse to Canada”.</p>
<h3>Hypothesis for A/B Testing</h3>
<blockquote><p><em>By changing the page title to directly describe the purpose of the page, the bounce rate will be lowered, and conversions lifted.</em></p></blockquote>
<blockquote><p><em>Replacing the infographic with key facts in written form will improve the clarity and time spent reading, resulting in more people completing the form, as they will have a better idea of what the benefits of using FWCanada are.</em></p></blockquote>
<h3>A/B Testing Advice</h3>
<p>Suggestions on what to test to prove the hypothesis</p>
<ul>
<li><strong>Page title:</strong> Change the page title to &#8220;Sponsor your spouse to come to Canada&#8221; and use a sub-header that says something like &#8220;Let FWCanada make your sponsorship easy&#8221;.</li>
<li><strong>Replace the infographic:</strong> Take the key points out of the infographic to inform readers who can apply, who can be a sponsor, and how to apply. Probably in the form of an intro paragraph and sectioned sets of bullet points.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">It&#8217;s hard to stand out on this page as it&#8217;s made up entirely of boxes. I think the best thing that could be done for this page would be to add some white space to let it breathe.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">As I mentioned, this would be the saving grace for this design. By shuffling the page elements around, to offer up the required information before the call to action, and creating a better hierarchy of information, the page wouldn&#8217;t make you jump around wondering which order you should be consuming it in.</td>
</tr>
<tr>
<td class="coll">Urgency and Scarcity</td>
<td class="colr">I think I&#8217;d urgently move away from an infographic and back to regular content, even though it&#8217;s a novel idea.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">The goal of the company here is to perform a legal procedure. For this reason it really needs some strong social proof. It&#8217;s the perfect service to leverage success stories. I would be reticent to try using this page without to be honest.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>8. Falcon Social</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/falcon-social.jpg"><img class="alignnone size-full wp-image-14496" alt="falcon social landing page example" src="http://unbounce.com/photos/falcon-social-th1.jpg" width="560" height="962" /></a></div>
<div class="blog-photo-annotation">Click image for full-size version</div>
<h3>Thoughts</h3>
<p>This page is actually a microsite, so I would first suggest ripping out the header and footer navigation to increase the on-page engagement and turn it into a promotion specific landing page.</p>
<p>What Falcon Social does really well is something that I’ve been preaching for a long time, namely the use of lightboxes to show extended content without leaving the page. This happens if you click any of the ‘learn more’ links.</p>
<p>However, the page lacks explanation of what the solution provides prior to asking someone to start a free trial. This could include having an introductory paragraph beside the video that mentions how long the trial is along and include a benefit statement.</p>
<h3>Hypothesis for A/B Testing</h3>
<blockquote><p><em>By changing the CTA copy to a benefit driven statement and telling the customer what they would be when they sign up, more people will start a trial.</em></p></blockquote>
<h3>A/B Testing Advice</h3>
<p>Suggestions on what to test to prove the hypothesis:</p>
<ul>
<li><strong>CTA copy:</strong> To test different CTA’s, I’d run the original against a core benefit CTA such as “Grow Your Brand Socially” and a 3rd CTA that says “Grow Your Brand Socially” with a smaller supporting “x-day free trial” directly beneath the button.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The CTAs on this page really stand out. If you try squinting at the page, they are rich with stark contrast.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">Having the space surrounding the main content area (on both sides), it gives the page a less cramped feeling. If you try to imagine the content going all the way to the edges &#8211; maybe to try and reduce the height of the page &#8211; it would be much harder on the eyes. There is a lot of content here, so it could still use a little more space vertically.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">This is a good way to use testimonials. It starts with a customer list, then moves on to hear what some of them are saying.In general the information hierarchy is nicely done on this page. Intro, details, supporting statements.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>9. Manpacks</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/manpacks-a.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/manpacks-a-th.jpg" alt="" title="manpacks-a-th" width="560" height="700" class="alignnone size-full wp-image-10795" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>It&#8217;s sexy:</strong> Predictable response? Yes, absolutely. That&#8217;s the whole point.</li>
<li><strong>Validation:</strong> They jump right into showing off the famous publications that have featured their company. From a design perspective, the grey monotone prevents a mishmash of colour creating any visual distraction from the call to action (CTA).</li>
<li><strong>Value propositions:</strong> The main content on the page answers two simple questions: &#8220;What is it?&#8221; and &#8220;Why should I care?&#8221;</li>
<li><strong>Testimonials:</strong> The second is one of the funniest I&#8217;ve read. Socks as a Service &#8211; genius.</li>
<li><strong>Removal of doubt:</strong> The subtext below the CTA lowers the perceived risk, which can improve the click-through-rate (CTR).</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Tagline:</strong> To make it more immediately clear what the purpose of the page is, I&#8217;d add a succinct tagline beside the logo.</li>
<li><strong>Main title (core value proposition):</strong> There are a couple of ways to use a headline: A) use a very clear statement of what you are offering to enable an understanding of the purpose of your page, or B) entice your visitor to want to keep reading by using a seductive headline. They&#8217;ve gone with B here, presumably in an attempt to catch your attention and increase curiosity (or to push a particular button). For a test, I&#8217;d try approach A and make it really clear from the get go &#8211; what Manpacks is (this would work really well with the tagline to help pass a five second test).</li>
</ul>
<p>The example below shows an alternate page they created, presumably to speak to a different segment or create a different emotional trigger.</p>
<div class="blog-photo"><a href="http://unbounce.com/photos/manpacks-b.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/manpacks-b-th.jpg" alt="" title="manpacks-b-th" width="560" height="700" class="alignnone size-full wp-image-10850" /></a></div>
<div class="blog-photo-annotation"></div>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">Here the rule of encapsulation is applied to the content. Adding the blue container separates the main content area nicely, making the reading experience much simpler.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">This is the best and funniest example of a testimonial I&#8217;ve ever seen, and fits the fun brand perfectly. The Tweet on the bottom right contains the phrase: &#8220;Socks as a Service&#8221; playing off the SaaS acronym. Brilliant. Always makes me laugh.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>10. That reset button is what I&#8217;d click</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/2.jpg" rel="lightbox[lp]"><img src="http://unbounce.com/photos/2-th1.jpg" alt="" title="2-th" width="560" height="578" class="alignnone size-full wp-image-12158" /></a></div>
<div class="blog-photo-annotation"></div>
<p>Notice the big red button on the bottom left? Reset what? Your business idea? Your design skills? I just hope something magical happens when you click it.</p>
<h4>Tips</h4>
<p>Unlock the potential for what? Living in a cul-de-sac in a Florida gated community? Be a little more specific about what the purpose of the page and offering is.</p>
<p>CCD principles don&#8217;t apply here. It&#8217;d be too painful.</p>
<h2>11. Sugar hermaphrodites?</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/12.jpg" rel="lightbox[lp]"><img src="http://unbounce.com/photos/12-th.jpg" alt="" title="12-th" width="560" height="348" class="alignnone size-full wp-image-12165" /></a></div>
<div class="blog-photo-annotation"></div>
<p>Okay, if rich men are your thing, go for it. Who am I to stop you &#8211; maybe I&#8217;ll be one some day. But unless I&#8217;m mistaken, shouldn&#8217;t they at least be men? Three of these look distinctly female to me :) Btw, I searched &#8220;get rich quick&#8221; while searching for examples, and this is what I got &#8211; I guess marriage/dating is one method.</p>
<h4>Tips</h4>
<p>I get that the hot women are there to help sell the idea (to the men) of using money to &#8220;get what you want&#8221;. But still, throw in a few statements of what the &#8220;service&#8221; provides. You&#8217;ll get more conversions if people know what to expect. And maybe add a little class. #JustSayin.</p>
<h2>12. Zen Web Solutions</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/zen-web-solutions1.jpg"><img src="http://unbounce.com/photos/zen-web-solutions-th1.jpg" alt="zen web solutions landing page example" width="560" height="849" class="alignnone size-full wp-image-15225" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Good message match on form:</strong> It&#8217;s important in form design to ensure that your form header matches the copy on the button. This really focuses the purpose of the page. Remember never to use the word &#8220;Submit&#8221; as this breaks the rule and you lose the supporting information. So great job here.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Client results are hard to decipher:</strong> The client results image is an important part of the page header, yet it doesn&#8217;t really make much sense. I&#8217;m not sure what membership services are, so this could use a more descriptive image and supporting statement.</li>
<li><strong>Form purpose could be simplified:</strong> Currently, the form has two purposes. A phone number to contact the company to discuss business, or to download a marketing guide. As the form action is to get the guide, I wouldn&#8217;t muddy the waters by having the phone number in there. I&#8217;d suggest placing it beneath the form area as a secondary action. Hit them with the free content first and then the request for them to call. You could also test flipping them into the opposite order.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">I like the way the &#8220;Find out how we can help you&#8221; statement has an arrow after it, pointing the way to the form, and the next step.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">There are quite a lot of orange elements on the page, by choosing a button color that&#8217;s not within the orange range you will make it stand out more. Blue or green would be good, and I&#8217;d also bump up the size to make it more dominant. The form container could also use a little something to make it stand out from an otherwise flat page.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">The testimonials also have a success metric net to them which is a smart strategy. However, it could be communicated more effectively if it was written out, rather than trying to play with an image. Bad use of design.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>13. Certify</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/certify.jpg"><img src="http://unbounce.com/photos/certify-th.jpg" alt="certify landing page example" width="560" height="938" class="alignnone size-full wp-image-15226" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Expectations are communicated next to the form:</strong> Beneath the form header, you are told that someone will contact you within 24 hours</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>The video poster frame should be more enticing:</strong> A poster frame is the image that is visible on your video before the play button is clicked. In many cases this is left to be a screenshot of the start of the video. It can be more effective to have a descriptive and enticing benefit statement as the starting point &#8211; to make people want to watch.</li>
<li><strong>Asking for contact too early:</strong> One thing I would test is the placement of the form. It&#8217;s good to be above the fold for the most part, but when you are asking someone to engage in communication with you, you might want to expose them to more information about your product offering first. It could be as simple as putting a few bullet points in place of the form and nudging it down a bit. This could mean that you need to move the 3rd feature block somewhere else, and switch it to 2 or 4. Or you could extend the header area to be longer, and balance the design by putting a relevant statement beneath the video, talking about a benefit of the service. Or you could switch the testimonial into this spot.</li>
<li><strong>Never submit:</strong> Change the button copy to say something like &#8220;Please contact me for further information&#8221;. Polite and to the point.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">As I mentioned above, if you shifted the form down to sit half in and half out of the main header area, you could encapsulate it nicely in a design element that really separates it from the surrounding elements, by virtue of how it would break existing lines.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The color choice for the 2 CTAs (just one please, tsk tsk) does have contrast with it&#8217;s surroundings, but something about the design is just awfully flat. But at a distant glance they do stand out.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">There is some generous white space in the main content area which lets your eyes flow down the page through the content. It would be enhanced further by using a larger type size, with an appropriate line height to give the copy room to breathe also.</td>
</tr>
<tr>
<td class="coll">Try Before You Buy</td>
<td class="colr">Video product demos are always a good window into what you are offering, and can simplify the subsequent content consumption as you can easily scan to seek out any remaining holes in your buying process. In this example, you could easily skip the 1, 2, 3 content below the video as it&#8217;s covered <em>in</em> the video.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">The subheader of the page is actually a testimonial which clarify the purpose of the product at the same time as adding social proof.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>14. FluidSurveys</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/fluidsurveys.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/fluidsurveys-th.jpg" alt="" title="fluidsurveys-th" width="560" height="709" class="alignnone size-full wp-image-10793" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Clear value proposition:</strong> The headline is very simple and leaves no doubt about the purpose of the page and the product. And it&#8217;s nicely backed up by a well written explanation of some of the core benefits directly below.</li>
<li><strong>Highlighted testimonial:</strong> The brushed highlight of the testimonial gives it a bit of extra design zing and prevents the page from feeling too text heavy.</li>
<li><strong>Contrast:</strong> They chose two nicely contrasting colors to highlight important elements. The free label, and the form CTA.</li>
<li><strong>Context of use:</strong> Their choice of imagery lets you know that the product can produce mobile-ready polls.</li>
<li><strong>Validation:</strong> Like the example above, they provide a strong sense of trust by including a set of logos.</li>
<li><strong>They&#8217;re Canadian!</strong> Woot!</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Remove the footer navigation:</strong> Any extraneous navigation on a landing page can lead your visitors down the wrong path. I&#8217;d recommend removing the footer nav to simplify the available choices.</li>
<li><strong>Explain the logos:</strong> Add a small label (like example #1) to explain that they are client logos (or sites that have featured/written about them).</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">Color is used here to set up the informational hierarchy appropriately. Top, middle, bottom. Which allows you to visually break the information into three pieces, speeding the reading process. The CTA also stands out as the only green element on the page.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">Very simple layout with a spacious design. Let you eye wander around the page and you&#8217;ll see how easy it is to identify each block of information. Remove the footer navigation and it would be even stronger.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">Just a little touch of design behind the testimonial helps to make it stand out as different from the content section above it, helping to set a visual barrier that keeps your eyes in place when you are reading the three chunks above.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>15. Golden Sands</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/golden-sands.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/golden-sands-th.jpg" alt="" title="golden-sands-th" width="560" height="629" class="alignnone size-full wp-image-10787" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Experience:</strong> It immediately makes me want to go on holiday and stay in a pimp hotel. The pillows are literally selling me softly.</li>
<li><strong>Price:</strong> Travel is very much about price, and they get that out of the way right off the bat, so you can move on to the finder details after unerstanding if you can afford it or not. #smrt</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>The form header:</strong> Apply now? For what? It&#8217;s unclear what you&#8217;re applying for &#8211; I thought it was a booking site, but apparently I have to apply for something. Make it clear why people are filling out your form.</li>
<li><strong>Primary value proposition:</strong> There&#8217;s no clear statement of what the page is for or what you&#8217;ll get. I&#8217;d try moving the hotel logos from the top and adding in a strong statement that </li>
<li><strong>Exclusive:</strong> There is a mention of an exclusive preview invitation, but it doesn&#8217;t explain what you&#8217;re being invited to. I&#8217;d also make this stand out more if it&#8217;s an important selling point &#8211; perhaps using some visual cues to draw the viewers eye.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">The use of opacity for the form container is a good example of drawing just enough attention to the form, while still following the soft design esthetic of the page.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">The use of darker areas on both sides of the content, helps to drive you through the content in the middle of the page, like a funnel.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">Good and bad. The Trip Advisor certificate of excellence let&#8217;s you know that a recognized authority has validated the company. The testimonials shown are anonymous which reduces their impact (as they could have been made up). Always ask permission to use a testimonial and include the name of the person providing it for extra trust points.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>16. Echodemic</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/echodemic.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/echodemic-th.jpg" alt="" title="echodemic-th" width="560" height="622" class="alignnone size-full wp-image-10791" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Opening statement:</strong> The opening sentence describes their offering perfectly and succinctly.</li>
<li><strong>Honesty:</strong> It tells you the cost, so you can weigh up the potential value associated with extending your brand reach.</li>
<li><strong>Clear contact method:</strong> The big phone number increases the trust factors by letting you know there are real people to deal with. </li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Move the form:</strong> Stick the form above the brand logos.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">On this page, my eyes have no idea what to do. They jump around all over the page trying to find an area of importance. The contrast needs to be knocked way back and be aligned better in terms of heavy vs. light. Don&#8217;t even get me started on the form. Even if you manage to work your way down to it, it&#8217;s so bland and nondescript, with no real purpose attributed to it.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">Re-architecting the page to focus on one element alone with two columns of visually related content would greatly simplify the reading process.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">The Facebook following number lends <em>some</em> credibility to their appeal, as it&#8217;s what they are selling as a service. But not enough to really inspire confidence. I would remove this until the number is significant. <strong>How are the logos connected?</strong> Are they just hotel names to help you understand the point of the page? Or are they existing customers? Make this clear with a title if they are customers.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>17. Demandforce</h2>
<div class="blog-photo"><a href="/photos/demand-force.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/demand-force-th.jpg" alt="" title="demand-force-th" width="560" height="863" class="alignnone size-full wp-image-10867" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Market share:</strong> they already seem to have a 30% market share &#8211; invest.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Big Form:</strong>  There are only two required fields, don&#8217;t make a visitor feel like they are taking on a long labor to get information. Scale back to just name and phone number. And don&#8217;t start the conversation with &#8220;Fill in this form. That&#8217;s the equivalent of walking into a clothes store and being told to buy these clothes before you even try them on. Seduce, or even coerce, but don&#8217;t instruct.</li>
<li><strong>Call to action:</strong>  The visitor isn&#8217;t really looking to sign up, they probably will respond more to &#8220;Request Tour&#8221; or &#8220;Get Started&#8221;. </li>
<li><strong>Footer:</strong>  The links in the footer, other than Privacy, are just distractions. Get rid of as many leaks as possible to keep conversion high.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">I like the inverted color of the form container here. The white stands out nicely from the solid background (to steal a comment away from Miss Contrast).</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr"><strong>As see on!:</strong>  Right at the top is a testimonial that describes a benefit and associates the product with a third-party authority, and then backs it up with a great quote from the company showing how it made them extra money (who doesn&#8217;t like that!?) &#8211; donations taken at Unbounce.com/oli-is-poor/ &#8211; They even have an Amazon review :)</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>18. Boost Your Search &#8211; Free Audit</h2>
<div class="blog-photo"><a href="/photos/boost-your-search.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/boost-your-search-th.jpg" alt="" title="boost-your-search-th" width="560" height="926" class="alignnone size-full wp-image-10863" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>ROBOTS:</strong>  We like robots.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Stick to your guns:</strong>  Choose one action and stick with it. In cases like this the e-mail lead is not nearly as valuable as the customer.</li>
<li><strong>Make Two Pages:</strong>  Differentiate the actions &#8220;Free audit&#8221; and &#8220;Paid Plan&#8221; into separate landing pages so you can segment the traffic from channels like PPC.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">Too much. To much.</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">There&#8217;s a tiny one in the form header, but that&#8217;s only useful if your eyes can stop darting around the screen.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr"><strong>Separation of colors with contrast:</strong> This is my biggest problem with the page. Everything is in the same three colors, making it super hard to distinguish what the intended conversion goal (interaction point) of the page is. I would try to knock everything back to be within the same basic color hue, so the pricing grid can stand out. I&#8217;d also make the two pricing tiers on the outside, the same muted color, to make the recommended (center) tier the most dominant.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">None.</td>
</tr>
<tr>
<td class="coll">Urgency and Scarcity</td>
<td class="colr">Only the need to run away.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr"><strong>Back it up:</strong>  Cite the sources (statistics and testimonial) show that you didn&#8217;t just make them up to get the sale.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>19. Eureka Report</h2>
<div class="blog-photo"><a href="/photos/eureka.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/eureka-th.jpg" alt="" title="eureka-th" width="560" height="519" class="alignnone size-full wp-image-10896" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Red, White &amp; Black:</strong>  The color scheme is classic and trustworthy; this is clearly business oriented.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Wait What:</strong>  The product, Eureka Report, is overpowered by the incentive. Am I getting the Eureka Report or Time Magazine. Fix the hierarchy so it&#8217;s clear what the purpose of the page is. Try switching the positioning of the 10 reasons block and the form block.</li>
<li><strong>Top X:</strong>  As popular as Top 10s, are smaller lists are punchier and more memorable. Try 5 or 7 that will give you a littler more space to play with too.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Urgency and Scarcity</td>
<td class="colr">This is CCD principle #5, and is utilized in the top-right corner with a deadline. It would be even better if it were located beside the form, to increase the urgency of the action you are taking.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>20. Monsoon &#8211; The Value of Association</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/IMPRESS-Monsoon.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/IMPRESS-Monsoon-th.jpg" alt="" title="IMPRESS-Monsoon-th" width="560" height="758" class="alignnone size-full wp-image-10769" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Modern tech:</strong> Speaks to a very specific modern technology sector (catches the HTML5 nerds is what I&#8217;m saying).</li>
<li><strong>Why?:</strong> Strong section on the importance of the company&#8217;s technology.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Mobile Apps:</strong> The purpose *appears* to be to build mobile apps but it&#8217;s very buried in small text beneath the main imagery &#8211; much better to use large test to convey the message and *then* follow it up with &#8220;context of use&#8221; images where you see apps used on mobile devices.</li>
<li><strong>Talk to us:</strong> Why? What is the benefit of talking to you about your project? Try adding a direct benefit beside the CTA that says &#8220;Talk to us about your next project, so that we can a,b,c the hell out of it&#8230;!&#8221;</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">The form is above the fold and contained nicely although it could use a little more contrast and a visual cue to point out that this is what you want the customer to do.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr"><strong>Clients:</strong> Put the title above the images so it&#8217;s clear why they are there.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>21. Dev Auditions</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/IMPRESS-DevAuditions.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/IMPRESS-DevAuditions-th.jpg" alt="" title="IMPRESS-DevAuditions-th" width="560" height="829" class="alignnone size-full wp-image-10765" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Clear value proposition:</strong> It&#8217;s clearly about hiring better people &#8211; focused on dev. But the headline could be clearer (see below).</li>
<li><strong>Walkthough:</strong> The 3-step process paints a simple picture of how the company operates.</li>
<li><strong>Close with the benefits:</strong> I like the start, middle and end of this page. Like a good story it leads you through what you need to know, ending with what you&#8217;ll get and a closing CTA. +1.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Clearer headline: </strong> Hire Smarter is generic &#8211; if you&#8217;re looking at dev hires then make the dev logo bigger or change the main headline into something with greater clarity such as &#8220;Hire Smarter Dev Talent&#8221;.</li>
<li><strong>Types of position:</strong> As it&#8217;s recruiting, I&#8217;d include some scope of the types of talent covered as development can be wide ranging. What are your areas of expertise, and geographical boundaries?</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">Here the color choices create a series of segments as you move down the page, and each piece of content stands out well from it&#8217;s containing area without becoming a distraction to the page as a whole.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">The page is nicely separated with visual chunks, which always aids the reading process. All in all, this has a nice professional feel about how the content is presented. I would spend time on this page.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">Some logos. After a while they start to become less powerful. Everyone has them, so you need to get creative about there use. My recommendation is to try and position an actual quote from a company in context with a semantically related piece of content, such as a feature description.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>22. Right Signature</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/right-signature1.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/right-signature-th1.jpg" alt="" title="right-signature-th" width="560" height="443" class="alignnone size-full wp-image-12653" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Clear info about what you&#8217;ll get, including freebies for extra incentive:</strong> The text beneath the button helps put the visitor at ease by describing what will happen next &#8211; and the addition of some free usage is a good incentive to sign up.</li>
<li><strong>A headline that describes exactly what the product does:</strong> I love this headline. It&#8217;s so clear and to the point that you couldn&#8217;t fail to understand what the service does instantly.</li>
<li><strong>Demonstration of simplicity:</strong> The 3-step design below the main area makes it really quick to understand how the service would be used, which will limit the number of bad leads you&#8217;ll get as they know what they&#8217;re signing up for.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Nothing!:</strong> I could go on all day about why I like this page, but I have too many more to write so I&#8217;ll stop now. Great job RightSignature.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">The first thing you see on this page is the form &#8211; it&#8217;s beautifully positioned and designed for clarity using the rule of encapsulation. And it will always be above the fold.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The dominant color on the page is also the most important, which makes you consume the content in the right order.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr"><strong>High profile testimonials:</strong> Big trust factors come from these testimonials as they help describe the benefits through the use of well chosen quotes, at the same time as showing off the exposure the service has received.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>23. Monetate eBook</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/monetate.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/monetate-th.jpg" alt="" title="monetate-th" width="560" height="609" class="alignnone size-full wp-image-12600" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Design of eBook image shows professionalism:</strong> By having a nicely designed cover you show that time and effort went into it&#8217;s creation (as opposed to a boring plain white cover).</li>
<li><strong>Simple bullets break down why you would want the eBook:</strong> The headline for the bullets &#8220;You&#8217;ll learn&#8221; really sets the tone that it&#8217;s useful and listing what you will get out of reading it (as opposed to what&#8217;s in it) is a much stronger benefits driven approach.</li>
<li><strong>Clear definition in headline of what you&#8217;ll get:</strong> Sometimes it&#8217;s nice with an eBook to know it&#8217;s not War and Peace. By limiting this to 10 tips, they stand a good chance of increased conversions by providing an easy to consume resource. While long eBooks can be authoritative, they often go unread.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Social sharing location:</strong> People are more inclined to share something right after they actually get it. So I&#8217;d suggest placing the social sharing buttons on the form confirmation page. This also has the benefit of removing distractions from the main page.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Try Before You Buy</td>
<td class="colr">People react well to the psychology of try-before-you-buy, so adding a preview of the eBook (first chapter or a few choice pages) would help people know what they are exchanging their personal data for.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>24. Go Fun</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/go-fun.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/go-fun-th.jpg" alt="" title="go-fun-th" width="560" height="495" class="alignnone size-full wp-image-12584" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Not much I&#8217;m afraid.</strong> </li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Change the informational hierarchy:</strong> the first thing you see is &#8220;SIGN UP NOW&#8221; which is very aggressive as there&#8217;s no real supporting reason to go with it. Message match is critical for conversion, so make this first statement match the ads/link text people are arriving from.</li>
<li><strong>What is this?:</strong> There is no description of what Go Fun is. Most people&#8217;s reaction to confusion is to hit the back button. On further exploration, there is a tiny portion of small text that explains what it is. This should be big and prominent. They are asking for 20 emails of your friends, you need some serious trust factors on the page to give out your friends emails.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation and Contrast</td>
<td class="colr">The contrast of the primary area puts some focus on the form, but the form is so overshadowed by the text, that it tends to disappear.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>25. Fast Track Sales</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/fasttrack.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/fasttrack-th.jpg" alt="" title="fasttrack-th" width="560" height="614" class="alignnone size-full wp-image-12612" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Strong headline explains value prop in seconds:</strong> They sell homes fast, and they explain it fast. Great headline.</li>
<li><strong>Form headline and CTA explain clearly what you&#8217;ll get:</strong></li>
</ul>
<p>Nuff said.</p>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">Clearly the form is the most important area of the page. Both through the contrasting form container and the fact that the dude is holding it.</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">You might consider the large man a cue of sorts, he uses direct eye contact to draw you into that part of the page.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The CTA stands out nicely on the page, drawing your attention to the form.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">A strong set of press logos adds trust to the perception that they have a good public track record.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>26. OCD &#8211; Clinical Trials</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/ocd.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/ocd-th.jpg" alt="" title="ocd-th" width="560" height="398" class="alignnone size-full wp-image-12616" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>CTA asks a question:</strong> Questions are very powerful persuasion devices and placing one on the CTA (button) can help people convert as they want to know the answer.</li>
<li><strong>Photos help relieve the pressure:</strong> By showing pictures of regular everyday happy people, they put you at ease by de-stigmatizing a common issue that can affect anyone.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Move the social buttons:</strong> As I keep saying, put these on your confirmation page. If people have just converted they are more likely to share.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">If the color of the bottom section weren&#8217;t orange, the arrow above the form area would carry more weight, and would pull you from the word OCD, down to the form.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">Here the contrast takes your attention <em>away</em> from the form, and is a little bit over the top visually. Don&#8217;t stare too long.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>27. Learn French</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/learn-french.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/learn-french-th.jpg" alt="" title="learn-french-th" width="560" height="672" class="alignnone size-full wp-image-12598" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Use of video:</strong> the page is kept simple because the video removes the burden of extra copy, a good technique for enhancing page clarity. It&#8217;s also quite an emotional video about the founders reason for starting the company after marrying someone from a foreign country. Very authentic.</li>
<li><strong>Differentiation:</strong> The way they leverage the concept of a conversation rather than just learning words, seems likely to be more appealing to potential customers.</li>
<li><strong>Clear CTA:</strong> Learn French. Yup.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>CTA copy:</strong> I&#8217;d try changing the button text to &#8220;Learn Conversational French&#8221; to maintain the concept of the page.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">there is a small one above the form, but it took me a while to notice it which is the opposite of the point.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">The content areas areas are broken apart well by the imagery. I would make the text bigger and more spacious to enhance the readability.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>28. Kingsley Judd Wine Investments</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/kingsley-judd-wine.jpg" class="lightbox[lpexamples]"><img src="http://unbounce.com/photos/kingsley-judd-wine-th.jpg" alt="" title="kingsley-judd-wine-th" width="560" height="550" class="alignnone size-full wp-image-12604" /></a></div>
<div class="blog-photo-annotation"></div>
<h4>What I like</h4>
<ul>
<li><strong>Wine!:</strong> Gotta like that.</li>
<li><strong>Two word headline:</strong> You don&#8217;t get much simple than that. In just two words they&#8217;ve told you exactly what the page is about.</li>
<li><strong>Beautifully simple and compact design:</strong> The blurred image is clear enough to convey the vineyard feeling, while pumping the form box right out at you. Great use of contrast for the form container and button.</li>
<li><strong>Incentive:</strong> Having an opt-in for a free prize draw is a good way to entice conversions.</li>
</ul>
<h4>Things I&#8217;d change or test</h4>
<ul>
<li><strong>Terms &amp; conditions:</strong> If you are going to have a prize draw, you should have a link to terms &amp; conditions.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">The arrow above the form is subtle but helps to tie the statement above it with the container. It actually worked i reverse for me, leading my eye up to read the text.</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">Beautifully done.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The red button is a smart design choice here. Not only does it stand out, but it connect visually with only one other element. The word WIN.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">Lots of it. Especially below the main banner area.Very easy on the eye.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>29. Box </h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/Box-Simple-Online-Collaboration-Online-File-Storage-FTP-Replacement-Team-Workspaces.png"><img src="http://unbounce.com/photos/Box-Simple-Online-Collaboration-Online-File-Storage-FTP-Replacement-Team-Workspaces-5601.png" alt="Box---Simple-Online-Collaboration--Online-File-Storage,-FTP-Replacement,-Team-Workspaces-560" title="Box---Simple-Online-Collaboration--Online-File-Storage,-FTP-Replacement,-Team-Workspaces-560" width="560" height="438" class="alignnone size-full wp-image-13755" /></a></div>
<div class="blog-photo-annotation">Click for full-size image</div>
<p>Box is a file-sharing service based out of Los Altos, California. Over the last seven years they’ve raised $248 million of venture capital funding.</p>
<h3>Like</h3>
<ul>
<li><strong>Does what it says on the box (see what I did there?) </strong>– the headline copy says it all: no jargon involved. Simplicity appeals, especially when it’s solving a very real business problem. This kind of language also helps with SEO, as it mirrors the kind of query someone might use when searching for a file sharing solution. This is backed up with good clear sub-headings which aid the eye when skimming content. </li>
</ul>
<h3>Don’t like</h3>
<ul>
<li><strong>Weak integration of video</strong> – Box have decided to make the video fade into the background of the header image. I didn&#8217;t even see it when I first arrived. This is one of those times where it pays not to try and be clever. I&#8217;ve run tests that made it clear that showing the video on the page converts beter, vs. expecting people to find your link to pop it up.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">You eyes are immediately drawn to the form area due to the low impact white area to the left. Coupled with the form header, you get what&#8217;s going on very quickly (that it&#8217;s a free trial). However, adding a benefit statement into the header would explain what signing up for a trial would mean for you.  </td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">A statement of a large customer base can increase confidence that they&#8217;ve been around a while.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>30. GoToMyPC </h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/GoToMyPC.png"><img src="http://unbounce.com/photos/GoToMyPC-5602.png" alt="GoToMyPC-560" title="GoToMyPC-560" width="560" height="424" class="alignnone size-full wp-image-13784" /></a></div>
<div class="blog-photo-annotation">Click for full-size image</div>
<p>GoToMyPC is an online service for remote-access to your home and work computers.</p>
<h3>Like</h3>
<ul>
<li><strong>Clear copy</strong> &#8211; features aren’t the strong point here, the main point is that you can access your computer remotely. GoToMyPC focus on a headline and copy that sells the benefits in simple language. Jargon is a real killer for landing pages, unless you have a very niche audience, don’t fall into its clutches. </li>
<li><strong>Layout </strong>– the layout of a page should read as we would read a book. This page does that, creating a logical journey: headline, image and description, sign-up, post sign-up actions. </li>
</ul>
<h3>What I&#8217;d test</h3>
<ul>
<li><strong>The form position</strong>– Switching the form to appear on the right vs. left (and vice versa) is a common test that can show surprising results. Different cultures read in different directions, so give that a try. Switched around, it would also let you read the &#8220;Works on&#8221; before you deal with the form.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The dominant element on the page is the CTA. Great. Not so much. The word &#8220;Continue&#8221; says nothing about the purpose of the page/form.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">Very little white space on this page. As a result I found my eyes jumping around a lot &#8211; mainly fighting between the desire to read the content at the beginning and the &#8220;Try It Free&#8221; statement. There should be a strong headline at the top to prevent this (but that&#8217;s not so much white space as it is content design).</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>31. CarFax</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/carfax1.jpg"><img src="http://unbounce.com/photos/carfax-th1.jpg" alt="carfax-th" width="560" height="579" class="alignnone size-full wp-image-14842" /></a></div>
<div class="blog-photo-annotation">Click image for full-size view</div>
<h3>What I Like</h3>
<ul>
<li><strong>Straight to the point:</strong> The main headline asks a question that immediately weeds out anyone that&#8217;s arrived here mistakenly. &#8220;Buying a used car?&#8221; Why yes! I&#8217;m in the right place.</li>
<li><strong>Online vs. offline:</strong> The page asks for the car&#8217;s VIN &#8211; but you&#8217;ll most likely only get that by looking for it on the car in person &#8211; luckily they have a mobile page too so you can do it on a smartphone. Winning points!</li>
</ul>
<h3>What I&#8217;d change or Test</h3>
<ul>
<li>Nothing. I love this page! They clearly had some smart people architect and design the page.</li>
<li><strong>Button copy:</strong> Okay, I&#8217;d change one minor thing. The CTA should say &#8220;View Report&#8221; instead of &#8220;Go&#8221;.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">Here they encapsulate 3 pieces of content which helps you read the content in stepped chunks.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">They use the color blue well to lead you to an interaction. First you read the headline, &#8220;Buying a used car?&#8221;, and then you immediately jump down to the next blue area &#8211; the button that says &#8220;View Sample Report&#8221;. That&#8217;s a nice connection and communication flow. </td>
</tr>
<tr>
<td class="coll">Try Before You Buy</td>
<td class="colr">They have a sample report for you to look at right off the bat. This is a great way to develop confidence in your visitors, letting them know what&#8217;s in store for them.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>32. Oprah Sweepstakes</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/oprah1.jpg"><img src="http://unbounce.com/photos/oprah-th1.jpg" alt="oprah-th" width="560" height="746" class="alignnone size-full wp-image-14840" /></a></div>
<div class="blog-photo-annotation">Click image for full-size view</div>
<h3>What I Like</h3>
<ul>
<li><strong>Media brand match:</strong> This is what I talked about at the start. There is a clear correlation between the landing page and the magazine cover. Oprah consistently appears happy, using a strong personal connection (direct eye contact) to make you feel comfortable.</li>
</ul>
<h3>What I&#8217;d change or Test</h3>
<ul>
<li><strong>Submit:</strong> Apparently Oprah&#8217;s designers didn&#8217;t read my last <a href="http://unbounce.com/landing-page-examples/built-using-unbounce/landing-page-designs/" target="_blank">landing page examples</a> post. The word &#8220;Submit&#8221; says nothing about what will happen when clicked. I&#8217;d change it to a double line CTA that says:
<div>&nbsp;</div>
<p><strong>First line:</strong> Subscribe to O magazine<br />
<strong>Second line</strong> (smaller text): To be entered in the $25k sweepstakes
</li>
<li><strong>Headline and sub-header could be better:</strong> It&#8217;s a double purpose page &#8211; subscribe to the magazine and get entered into the sweepstakes. But the headline only says subscribe (not to the magazine) so it could be read as &#8220;subscribe to the sweepstakes&#8221;. Minor point, but clarity is important. You don&#8217;t want <em>have</em> to read all that fine print.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">Oprah creates a strong connection with visitors using the direct eye contact approach. You can use line of sight as a directional cue, or you can trap people on your page by looking directly at them.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The CTA stands out only because of it&#8217;s size. Otherwise it&#8217;s visually hidden amidst the overall color scheme. I don&#8217;t think it&#8217;s a big deal here though as there is no other interaction point on the page to fight with it.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">The text on this page is horribly crushed together, making it really hard to figure out the convoluted details of this double-barreled offer.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">Oprah. That&#8217;s enough right?</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>33. Intuit</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/intuit.jpg"><img src="http://unbounce.com/photos/intuit-th.jpg" alt="intuit-th" width="560" height="416" class="alignnone size-full wp-image-14838" /></a></div>
<div class="blog-photo-annotation">Click image for full-size view</div>
<p>Yet more proof that the big guys are doing it right. This is an excellent landing page. Here&#8217;s why:</p>
<h3>What I Like</h3>
<ul>
<li><strong>Benefit based headline:</strong> Indicates that there are other options out there, but this is a better way to do it. Instead of describing what it does it uses a benefit to enhance the headline.</li>
<li><strong>Use of directional cue:</strong> <a href="http://unbounce.com/landing-pages/ultimate-lead-capture-landing-page/" target="_blank">Conversion centered design standards (step 11)</a> include using directional cues to aid the persuasive nature of a page &#8211; here an arrow is used to point you in the right direction.</li>
<li><strong>Descriptive CTA:</strong> Obvious that you are going to start a free trial.</li>
<li><strong>Social proof:</strong> The page is littered with social proof indicators: impressive list of customer logos, security symbols, and an Editor&#8217;s Choice award.</li>
</ul>
<h3>What I&#8217;d change or Test</h3>
<ul>
<li><strong>How much is it?</strong> There&#8217;s no mention of how much it will cost after the 30-day free trial. A good way to include this is to say: &#8220;Free for 30-days then pick a plan starting at $xx&#8221;.</li>
<li><strong>No credit card required:</strong> This is very important information to know, yet it&#8217;s buried as small text. I&#8217;d recommend making it subtext in the button to reinforce the lack of a signup barrier.</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">CCD principle</td>
<td class="colr" width="30%">How&#8217;d it do?</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">The blue arrow certainly makes it clear what you are supposed to do and works nicely with the contrasting color of the CTA.</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">The CTA stands out from the rest of the page, but other than that it&#8217;s a bit cluttered.</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr">To remove the clutter, extend the length of the page a bit to let it breathe. It feels like someone asked for the whole thing to be squeezed into as small an area as possible.</td>
</tr>
<tr>
<td class="coll">Social Proof</td>
<td class="colr">Here&#8217;s an example of client logos that works for me. The reason being that they explain their target consumers (large Fortune 100 companies). At least I hope that&#8217;s the target market! (I have a sneaking suspicion that it&#8217;s not as I write this). So maybe I take back my statement :) I do definitely like the &#8220;Editor&#8217;s Choice&#8221; badge &#8211; which further reinforces that this might be a lower level consumer product.</td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<h2>34. Adobe Test &amp; Target</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/adobe1.jpg"><img src="http://unbounce.com/photos/adobe-th1.jpg" alt="adobe-th" width="560" height="636" class="alignnone size-full wp-image-14848" /></a></div>
<div class="blog-photo-annotation">Click image for full-size view</div>
<h3>What I Like</h3>
<ul>
<li><strong>Accidental genius:</strong> When the page loads, the form takes about 2 seconds to appear. Clearly being pulled dynamically from a server somewhere. However, what it does is draw your attention to the form as soon as it loads. Personally I love it as a persuasion device.</li>
<li><strong>Pixel perfect headline:</strong> The use of whitespace around the headline couple with it&#8217;s clarity of communication make for a great headline.</li>
<li><strong>Hierarchy of content:</strong> Adobe break the content nicely into nicely flowing chunks:
<ul>
<li>Page purpose</li>
<li>Benefit statement</li>
<li>Target market based benefit bullet points</li>
<li>Action statement</li>
</ul>
<p>Copy this flow of content &#8211; it&#8217;s really good.</p>
</li>
</ul>
<h3>What I&#8217;d change or Test</h3>
<ul>
<li><strong>The submit button &#8211; Jeez:</strong> Make it say &#8220;Get our Whitepaper&#8221;.</li>
<li><strong>Required?</strong> Make it clear which fields are required, this will make the form appear shorter than it is.</li>
</ul>
<p>The blandness of this page works to it&#8217;s advantage to make the CTA stand out. Honestly though, the page is so simple that it would be hard to squeeze much conversion lift out of it, without attacking the number of form fields &#8211; which would be my first plan of action.</p>
<h2>35. Is this for kids making money?</h2>
<div class="blog-photo"><a href="http://unbounce.com/photos/3.jpg" rel="lightbox[lp]"><img src="http://unbounce.com/photos/3-th.jpg" alt="" title="3-th" width="560" height="567" class="alignnone size-full wp-image-12152" /></a></div>
<div class="blog-photo-annotation"></div>
<p>Here&#8217;s another shocker.</p>
<p>Looks like you can play with toys while making wads of cash at the same time. Sounds like my kinda gig. </p>
<h4>Tips</h4>
<p>I hit the back button the moment I saw this site. Then I came back to look at it for this post. It&#8217;s beyond confusing. First off, I&#8217;d extract the content from the banner looking thing at the top of the page as it looks like an advert which will make people gloss over it. And it has the most important info in it! What the site is actually about.</p>
<h2>36. Who eats electronics to lose weight?</h2>
<div class="blog-photo"><a href=""http://unbounce.com/photos/13-th.jpg" rel="lightbox[lp]"><img src="http://unbounce.com/photos/13-th.jpg" alt="" title="13-th" width="560" height="375" class="alignnone size-full wp-image-12166" /></a></div>
<div class="blog-photo-annotation"></div>
<p>What&#8217;s more scary than a big fake movie guy with a giant knife? Knocking on a door that says come in, we have comfy sofas and free beer, and then falling 300ft out of a building (the door led to the outside on the 20th floor) cos they lied and what you wanted wasn&#8217;t behind the door. Where is this going? Good question. This <em>page</em> isn&#8217;t bad &#8211; <em>the landing &#8220;experience&#8221;</em> is bad. Why? I searched  for &#8220;weight loss&#8221;. I know there are tablets for that, but not usually the 9-inch electronic variety. And the bunny ain&#8217;t gonna save you this time TELUS.</p>
<h4>Tips</h4>
<p>Stop bidding on irrelevant keywords&#8230;..</p>
<hr />
<p>Well there you have it. 36 landing page designs analyzed, critiqued, enjoyed and ready for copying and perfecting. I hope you were able to take away a lot of juicy ideas for your next design. Tell you what? Why don&#8217;t you jump into the comments and let me know? I&#8217;ll see you there.</p>
<p><em><a href="/author/oli-gardner/">&#8211; Oli Gardner</a></em></p>
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&#038;utm_medium=Blog-CTA&#038;utm_content=Landing-Pages&#038;utm_campaign=Ultimate-CCD" target="_blank"><img src="http://unbounce.com/photos/blog-cta-bottom-ccd.png" alt="" title="unbounce-blog-cta-bottom" width="559" height="274" class="alignnone size-full wp-image-13419" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/7YYsoRFaf3o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/landing-page-examples/36-landing-page-designs-critiqued-for-conversion/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://unbounce.com/landing-page-examples/36-landing-page-designs-critiqued-for-conversion/</feedburner:origLink></item>
		<item>
		<title>5 Tested Conversion Design Tactics You Should Put to Work. Right Now.</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/qpvhSp9NQ-o/</link>
		<comments>http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/#comments</comments>
		<pubDate>Tue, 21 May 2013 06:30:27 +0000</pubDate>
		<dc:creator>Gregory Ciotti</dc:creator>
				<category><![CDATA[Conversion]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15177</guid>
		<description><![CDATA[You think your design decisions are helping your page convert, right? Maybe not. These 5 case studies will show you what you should be doing, and more importantly, what you SHOULDN'T be doing. Read on...]]></description>
				<content:encoded><![CDATA[<div class="blog-photo"><img src="http://unbounce.com/photos/killing-conversions-.jpg" alt="killing conversions" width="560" height="315" class="alignnone size-full wp-image-15222" /></div>
<div class="blog-photo-annotation">Smack those bad design tactics on the head. (<a href="http://www.gettingmessywithmsjessi.com/p/themes.html">Image source</a>)</div>
<p>This is day 2 of our <strong>Conversion Centered Design</strong> week. And we&#8217;re going to keep the ball rolling with some case studies that will teach you how you should and shouldn&#8217;t be using design on your landing pages. </p>
<blockquote>
<ul>
<li><strong>Monday:</strong> A free ebook <a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&amp;utm_medium=Blog-Post-CTA&amp;utm_content=Landing-Pages&amp;utm_campaign=Ultimate-CCD" target="_blank">“The Ultimate Guide to Conversion Centered Design”</a> – (68 page PDF)</li>
<li><strong>Tuesday (today):</strong><a href="http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/" target="_blank"> 5 Tested Conversion Design Tactics You Should Put to Work. Right Now.</a></li>
<li><strong>Wednesday:</strong> <a href="http://unbounce.com/landing-page-examples/36-landing-page-designs-critiqued-for-conversion/">Don&#8217;t Design Another Landing Page Until You Read This [Plus 36 Examples]</a></li>
<li><strong>Thursday:</strong> How to Design Call-to-Action Buttons That Convert</li>
<li><strong>Friday:</strong> 10 Killer Posts on Conversion &amp; Design</li>
</ul>
</blockquote>
<hr />
<p>Optimizations you make on your main website are <em>far</em> more valuable than those you do on any individual marketing campaign.</p>
<p>Why?</p>
<p><strong>For a stupidly simple reason:</strong> all of your marketing campaigns eventually lead back there! As Jason Cohen would beautifully <a href="http://blog.asmartbear.com/low-budget-marketing.html">put it</a>:</p>
<blockquote><p>So a 10% improvement in bounce-rate off your pricing page means 10% more revenue across all campaigns: paid, organic, and word-of-mouth.</p></blockquote>
<p>Hopefully that allows you to see why I&#8217;m so obsessed with flushing out and <a href="http://unbounce.com/landing-pages/conversion-killers/">eliminating conversion killers</a> on homepages and landing pages—those little design tweaks and conversion tests aren&#8217;t for your health, they are for improving your bottom line!</p>
<p>That&#8217;s why today we&#8217;re going to take a look at even more ways to <strong>get your design right</strong> for high conversions, and all of it is going to be backed with research so you <em>know</em> you&#8217;re following sound advice, not just fly-by-night anecdotal evidence.</p>
<p>Shall we get started?</p>
<p>Let&#8217;s do this!</p>
<h2>1. Image Sliders / Carousels Suck, Don&#8217;t Use Them</h2>
<p>Image sliders suck, they will kill <a href="http://unbounce.com/conversion-rate-optimization/5-conversion-studies/">your conversion rates</a> and I don&#8217;t <em>ever</em> recommend using them.</p>
<p>It&#8217;s a bold claim to make, but my stance is the result of numerous studies showing that they are a complete waste of time. Worst of all, they&#8217;ll hurt your <a href="https://www.helpscout.net/customer-acquisition/">customer acquisition</a> efforts because they fail at performing a very important task on your homepage—letting people know what your site is about.</p>
<p>As an example, when Notre Dame University <a href="http://weedygarden.net/2013/01/carousel-stats/">tested a slider</a> on their homepage, only the first image received any action, and even that heavily favored image had hilariously low use rates among everyone who hit the page:</p>
<blockquote><p>Approximately 1% of visitors clicked on a feature.</p></blockquote>
<p>Right&#8230; so 1% of visitors were interacting with something that generally takes up the top half of the page?</p>
<p><em></em><em>I&#8217;ll pass</em>.</p>
<p>Things only get worse, however, as summed up by this <a href="http://ux.stackexchange.com/questions/10312/are-carousels-effective">StackExchange thread</a> and discussed on Peep Laja&#8217;s <a href="http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/">notorious post</a> on the subject:</p>
<blockquote><p>Almost all of the testing I’ve managed has proven content delivered via carousels to be missed by users. Few interact with them and many comment that they look like adverts and so we’ve witnessed the banner blindness concept in full effect.</p></blockquote>
<p>While this is merely a well summed up opinion, there&#8217;s more data to make this case—in a test conducted by the Nielson Group appropriately titled <a href="http://www.nngroup.com/articles/auto-forwarding/"><em>Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility</em></a>, the results showed that users were <strong>not</strong> getting the main message from sliders, were susceptible to <a href="http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/">thinking they were ads</a>, and just found them plain annoying and confusing.</p>
<p><strong>The bottom line:</strong> <a href="http://www.clickz.com/clickz/column/2164452/rotating-banners">Just say &#8216;NO&#8217;</a> to rotating banners and carousels, and if your boss/client needs to see the data to justify it, show them this post! :)</p>
<h2>2. The Importance of &#8216;Closure&#8217; in Online Sales</h2>
<p>One sneaky way to improve <a href="http://onboardly.com/customer-acquisition/top-10-customer-onboarding-tools/">your onboarding process</a>, and with it your <a href="https://www.helpscout.net/blog/customer-retention-strategies-that-work/">customer retention rates</a>, is to alter your <em>post-sales</em> process to focus on maximum consumer satisfaction.</p>
<p><strong>An easy way to do this:</strong> recognize that human beings have a natural inclination to seek closure.</p>
<p>This even applies to when we are shopping online. According to a <a href="http://www.jstor.org/discover/10.1086/670252?uid=3739696&amp;uid=2&amp;uid=4&amp;uid=3739256&amp;sid=21101999686003">recent study</a> from the <em>Journal of Consumer Research</em>, you can increase customer satisfaction with each purchase if you create a clear sense of closure after the sale is made.</p>
<p>Sounds a bit muddy, right? The authors of the study emphasize that for online sales, visual cues should be in place to indicate that the deal is done and other options are no longer a concern.</p>
<p>One of the best ways to describe this phenomenon is to show you a <strong>horrible</strong> example of closure during the sales process:</p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/Ng7Esrw.png" width="560" height="238" /></p>
<p>Terrible UX and <a href="http://unbounce.com/conversion-rate-optimization/writing-persuasive-copy/">copywriting</a> implementation here, as you can see from the image, this &#8216;closing&#8217; screen of an online sale does just about everything wrong—it’s ambiguous, impersonal and just downright confusing.</p>
<p>To avoid this problem, make sure all sections of your site that can be &#8216;finished&#8217; or completed (e.g., purchases, contact forms, etc.) have a follow-up screen that creates a sense of closure.</p>
<h2>3. Summaries Matter on Your Company Blog</h2>
<p>Your startup <em>is</em> utilizing the power of <a href="http://unbounce.com/content-marketing/">content marketing</a> to spur growth on a bootstrapped budget, right?</p>
<p>On your company blog, you should know that <a href="http://www.nngroup.com/articles/corporate-blogs-front-page-structure/">this study</a> revealed having summaries instead of full blog posts will actually get people to read <strong>more</strong> of your content:</p>
<div class="wp-caption aligncenter" style="width: 552px"><img alt="" src="http://i.imgur.com/e55VLaQ.jpg" width="542" height="413" /><p class="wp-caption-text">Full article vs. article summaries</p></div>
<p>Summaries allow people to find what they like and get to reading, whereas a full blog post on the homepage will force people to scroll too far.</p>
<p>You&#8217;ll increase your chances that someone will find a piece of content that resonates with them, whereas featuring your latest post on the page (fully visible, with no &#8216;read more&#8217; link) counts on that specific article to keep people around&#8230; a bad bet in most circumstances.</p>
<p><strong>So, how can you write summaries that will keep people from bouncing off your blog homepage?</strong></p>
<p>First, remember the #1 rule of thumb when writing introductions:</p>
<blockquote class="twitter-tweet"><p>Rule of thumb: Short paragraphs get read, long paragraphs get skimmed, really long paragraphs get skipped.</p>
<p>— Jason Fried (@jasonfried) <a href="https://twitter.com/jasonfried/status/222361947344080897">July 9, 2012</a></p></blockquote>
<p>Next, implement these <a href="http://unbounce.com/conversion-rate-optimization/writing-persuasive-copy/">proven copywriting techniques</a> to keep readers hooked:</p>
<ol>
<li><span style="line-height: 16px">Make sure your summary answers your reader&#8217;s most important question: &#8220;What&#8217;s in it for <em>me</em>?&#8221;</span></li>
<li>Spark an &#8216;itch&#8217; to read on <a href="http://unbounce.com/online-marketing/write-the-perfect-headline/">by creating a gap of information</a>. What will they learn? Tell them, early.</li>
<li>Get people excited! It&#8217;s better to trigger strong emotions early on, and then get into the detailed content once you have people hooked.</li>
<li>Use a captivating image — images draw eyes and <a href="http://socialtriggers.com/perfect-content-width/">when they are aligned correctly</a>, they will break up your introduction paragraphs and create short line lengths.</li>
</ol>
<p>Just as it pays to spend some <a href="http://unbounce.com/landing-pages/5-headline-formulas/">extra time on your headlines</a>, you should always go back and check your post intros to ensure that they have a good flow, are brief, intriguing, and will get people to the next paragraph (which is literally their only purpose).</p>
<h2>4. Get Smart with Fitt&#8217;s Law</h2>
<p>In the world of usability, <a href="http://en.wikipedia.org/wiki/Fitts_law">Fitt&#8217;s law</a> is quite important, but it seems intimidating at first glance:</p>
<blockquote><p>Fitts&#8217;s law is a model of human movement primarily used in human–computer interaction and ergonomics that predicts that the time required to rapidly move to a target area is a function of the distance to the target and the size of the target.</p></blockquote>
<p>Yikes! Things only get scarier for those not familiar with the law when you take a look at the math behind it&#8230;</p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/fWhwnpL.jpg" width="550" height="200" /></p>
<p>(No, the &#8216;b log&#8217; is not a blogging reference ;))</p>
<p>You shouldn&#8217;t be intimated though—you can utilize some fundamental lessons of Fitt&#8217;s law <a href="http://sixrevisions.com/usabilityaccessibility/improving-usability-with-fitts-law/">to improve usability</a> without mastering the model behind it.</p>
<p>In essence, Fitt&#8217;s law is all about understanding the <strong>visual </strong><strong><span style="color: #000000">hierarchy</span></strong><span style="color: #000000"> </span>in human-computer interaction. For instance, you know that it&#8217;s common for <em>good</em> interfaces to group items together when they are related, as it makes them easier to use.</p>
<p>It would also make sense to give more &#8216;weight&#8217; (via size or color differences) to REALLY important buttons that get used a lot.</p>
<p>Check out this screenshot from Freshbooks, and notice how the most important button on the page is made larger and more accessible from the rest, and how the buttons that relate together are <em>grouped</em> together to make them easier to browse.</p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/k5nrbve.png" width="550" height="212" /></p>
<p>You might be thinking, &#8216;Yeah yeah, but I&#8217;m not a UX guy, what&#8217;s this mean for me?&#8217;</p>
<p>Fact is, some designs can give the wrong impression by accidentally giving too much &#8216;weight&#8217; to items that don&#8217;t really matter.</p>
<p>Consider <a href="http://www.techwyse.com/blog/website-conversion/using-heat-maps-for-improved-landing-page-conversion/">this case study</a> conducted by Techwyse that first examined the homepage of a truck service with a heatmap:</p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/OJfdA3m.jpg" width="549" height="254" /></p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/jFjvUFn.jpg" width="549" height="250" /></p>
<p>As you can see, Fitt&#8217;s law is in action here: the biggest and most accessible item (the non-clickable &#8216;NO FEES&#8217; badge) was hogging up a <em>lot</em> of screentime.</p>
<p>Here&#8217;s what happened when they redesigned the site to give more weight to an item that was actually important for increasing sales: the contact number for the company!</p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/G9tOv8F.jpg" width="549" height="263" /></p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/a7ACYTP.jpg" width="549" height="243" /></p>
<p>Now that&#8217;s more like it!</p>
<p>When the CTA was given a more important place on the visual hierarchy—by being in a more prominent location on screen, by having more visual weight, and by having a different color—more viewers focused on the area and conversions increased.</p>
<p>It may seem like a small change, but given that design problems, <a href="http://blog.kissmetrics.com/common-website-navigation-mistakes/">terrible navigation</a> and confusing websites are the leading source of <strong>lost sales</strong> and <a href="https://www.helpscout.net/blog/customer-complaints/">customer complaints</a> in the online world, you&#8217;d be smart to test out how Fitt&#8217;s law applies to your site as well.</p>
<h2>5. The Use of &#8216;Useless&#8217; Prices</h2>
<p>If you&#8217;ve followed my work you&#8217;ve definitely seen me mention <a href="http://www.youtube.com/watch?v=xOhb4LwAaJk">this video</a> by Dan Ariely on useless price points:</p>
<p>Many have asked me though, what&#8217;s the practical application of this?</p>
<p>One answer is found in the &#8216;classic&#8217; tactic of showing previous prices before the sales drop—while seemingly useless (customers won&#8217;t be paying those prices), it helps consumers make decisions when evaluating the product.</p>
<p>Consider this <a href="http://thinkeyetracking.com/2009/10/behavioural-economics-and-eye-tracking/">recent eye-tracking test</a> conducted by Robert Stevens, where he examined viewing patterns of customers for a smoothie product.</p>
<p>The first test, without listing the previous price (before the sale drop) looked like this:</p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/GlzAHcm.png" width="560" height="322" /></p>
<p>As one might expect, the sale price and the product itself commanded most of the attention. Given this, if we <em>did</em> add the previous price, most people would ignore it, right?</p>
<p><em>Wrong</em>. Here&#8217;s the results from the test after the previous price was added back in (circled):</p>
<p><img class="aligncenter" alt="" src="http://i.imgur.com/secwLMo.png" width="560" height="358" /></p>
<p>What this shows us is that people <strong>do</strong> pay attention to pre-sale prices when evaluating whether a sale price is a good deal; they don&#8217;t just make the evaluation on sale price alone.</p>
<p>That&#8217;s interesting to know, but <strong>what was the impact?</strong> How did this affect conversions?</p>
<p>According to Stevens:</p>
<blockquote><p>After selecting the smoothie of their choice I asked the consumers if their purchase was good value for money on a 7 point &#8216;like&#8217; scale, 1 being very good value for money and 7 being not very good value for money.</p>
<p>Consumers who saw the promotional item only items gave a mean score of 2.4. Consumers who saw the promotional items next to a full priced premium offer gave 1.7 even though they purchased the same item!</p></blockquote>
<p>Basically, humans are pretty bad at evaluating price without contextual cues (as argued by <a href="http://www.youtube.com/watch?v=9X68dm92HVI">Ariely in this TED talk</a>), and we find it much easier to make decisions when we have something to base them off of.</p>
<p>Not surprisingly, people view sale prices as a better &#8216;bang for the buck&#8217; if they can view the former price and calculate whether or not it was a respectable drop. In a nutshell, displaying the discounted price next to the original one will increase overall purchase satisfaction, and is definitely worth testing.</p>
<h2>Your Turn</h2>
<p>Two questions for you&#8230;</p>
<ol>
<li><span style="line-height: 16px">Did any of these studies surprise you?</span></li>
<li>Are you interested in more scientific studies on CRO? Download my free guide on <a href="https://www.helpscout.net/resources/10-ways-to-convert-more-customers/"><em>10 Ways to Convert More Customers (with Psychology)</em></a>, no charge.</li>
</ol>
<p>Thank you for reading, I&#8217;ll see you down in the comments! And don&#8217;t forget to come back to read the remaining 3 posts from Conversion Centered Design  week.</p>
<p><a href="/author/gregory-ciotti/" target="_blank"><em>&#8211; Gregory Ciotti</em></a></p>
<p align="center" style="margin: 20px 0px 20px 0px">
<a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&amp;utm_medium=Blog-CTA&amp;utm_content=Landing-Pages&amp;utm_campaign=Ultimate-CCD" target="_blank"><img src="http://unbounce.com/photos/blog-cta-bottom-ccd.png" alt="" title="unbounce-blog-cta-bottom" width="559" height="274" class="alignnone size-full wp-image-13419" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/qpvhSp9NQ-o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<feedburner:origLink>http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/</feedburner:origLink></item>
		<item>
		<title>The Ultimate Guide to Conversion Centered Design [Ebook]</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/J8zIPPAivTk/</link>
		<comments>http://unbounce.com/conversion-rate-optimization/ultimate-guide-to-conversion-centered-design/#comments</comments>
		<pubDate>Mon, 20 May 2013 06:30:10 +0000</pubDate>
		<dc:creator>Oli Gardner</dc:creator>
				<category><![CDATA[Conversion]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15179</guid>
		<description><![CDATA[Conversion Centered Design (CCD) uses persuasive design &#038; psychological triggers as devices to increase conversions. Learn the 7 principles of CCD, and how to apply them to your landing pages. Download the free ebook now.]]></description>
				<content:encoded><![CDATA[<p><a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&#038;utm_medium=Blog-Post-CTA&#038;utm_content=Landing-Pages&#038;utm_campaign=Ultimate-CCD" target="_blank"><img src="http://unbounce.com/photos/ccd-ebook.png" alt="The Ultimate Guide to Conversion Centered Design" width="250" height="393" class="alignright size-full wp-image-15181" /></a></p>
<p><strong>Today marks the start of Conversion Centered Design (CCD) week</strong>, which includes today&#8217;s &#8220;Ultimate Guide&#8221;, plus 4 more great posts. Together they&#8217;ll show you how to apply design and psychology principles to increase the conversion rates of your landing pages. </p>
<p>To give you an overview of what we’ll be covering, check out this list of CCD goodness:</p>
<ol>
<li><strong>Monday (today):</strong> A free ebook <a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&#038;utm_medium=Blog-Post-CTA&#038;utm_content=Landing-Pages&#038;utm_campaign=Ultimate-CCD" target="_blank">“The Ultimate Guide to Conversion Centered Design”</a> – (68 page PDF)</li>
<li><strong>Tuesday:</strong> <a href="http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/">5 Tested Conversion Design Tactics You Should Put to Work. Right Now.</a></li>
<li><strong>Wednesday:</strong> <a href="http://unbounce.com/landing-page-examples/36-landing-page-designs-critiqued-for-conversion/">Don&#8217;t Design Another Landing Page Until You Read This [Plus 36 Examples]</a></li>
<li><strong>Thursday:</strong> How to Design Call-to-Action Buttons That Convert</li>
<li><strong>Friday:</strong> 10 Killer Posts on Conversion &amp; Design</li>
</ol>
<p>To give you a taste of what’s in the ebook, I&#8217;ll introduce the concept and share some of the enlightening case studies and experiments that are included. Enjoy.</p>
<h2>What is Conversion Centered Design?</h2>
<p>CCD is a discipline targeted at designing experiences that achieve a single business goal. It seeks to guide the visitor toward completing that one specific action, using persuasive design and psychological triggers as devices to increase conversions.</p>
<p>As you&#8217;ll see from one of the studies below (the jam experiment), landing pages are the perfect medium to facilitate CCD due to their &#8216;less is more&#8217; approach. Landing pages use congruent design &#8211; having a single collective purpose &#8211; to usher your visitors toward the finish line. </p>
<h3>The 7 Principles of Conversion Centered Design</h3>
<p>The 7 core elements of CCD can be broken down into two groups; design and psychology.</p>
<table cellpadding="0" cellspacing="0" border="0" class="tabular">
<tr class="header">
<td class="coll" width="30%">Design</td>
<td class="colr" width="30%">Psychology</td>
</tr>
<tr>
<td class="coll">Encapsulation</td>
<td class="colr">Urgency and Scarcity</td>
</tr>
<tr>
<td class="coll">Color and Contrast</td>
<td class="colr">Try Before You Buy</td>
</tr>
<tr>
<td class="coll">Directional Cues</td>
<td class="colr">Social Proof</td>
</tr>
<tr>
<td class="coll">White Space</td>
<td class="colr"></td>
</tr>
</table>
<div class="blog-photo-annotation"></div>
<p>Each of these is demonstrated through classic design principles, real-world experiments and their practical application using landing pages.</p>
<hr />
<p>Now let&#8217;s talk about some of the psychological experiments in the guide!</p>
<h3>Social Proof &#8211; The Man Looking Skyward Experiment</h3>
<p>In 1969, a study by S. Milgram, L. Bickman and L. Berkowitz, was performed on the streets of New York City in which a man was standing looking up in the air. The goal of the experiment was to see if social proof played a part in the reactions of passersby.</p>
<div class="blog-photo"><img src="http://unbounce.com/photos/man-looking-up.jpg" alt="Man looking skyward experiment" width="560" height="240" class="alignnone size-full wp-image-15182" /></div>
<div class="blog-photo-annotation">What impact did a single man have on people passing by? (<a href="http://www.thebrooknetwork.org/wp-content/uploads/2011/04/ManLookingUp-e1302142068361-600x257.jpg" target="_blank">Source</a>)</div>
<p>For the single man standing in the street, the study showed most people would walk past him and not pay any attention to what he was looking at. Next up, the experimenters positioned a small crowd of five people, doing the same thing &#8211; staring skyward.</p>
<div class="blog-photo"><img src="http://unbounce.com/photos/crowd-looking-up.jpg" alt="crowd-looking-up" width="560" height="358" class="alignnone size-full wp-image-15183" /></div>
<div class="blog-photo-annotation">The bigger the crowd, the more people are inclined to stop and join in. Social proof in action. (<a href="http://janetnewenham.files.wordpress.com/2012/01/look-up.jpg" target="_blank">Source</a>)</div>
<p>When the group of staring people increased to five, people started reacting by joining in and looking up to see what was going on. Finally, increasing the participants to 18 people resulted in a 400 per cent lift of people stopping to join the crowd. Clearly, the bigger the crowd, the bigger the crowd gets.</p>
<h3>Less is More &#8211; The Supermarket Jam Experiment</h3>
<div id="attachment_15185" class="wp-caption alignright" style="width: 260px"><img src="http://unbounce.com/photos/6-jams.jpg" alt="The jam choice experiment" width="250" height="207" class="size-full wp-image-15185" /><p class="wp-caption-text">Fewer options are much easier for the brain to process. (<a href="http://www.cocoandme.com/wp-content/uploads/2009/05/cocoandme_christineferber_3.jpg" target="_blank">Source</a>)</p></div>
<p>A real world example of the psychology of &#8216;less is more&#8217; comes from an experiment conducted in a supermarket in 2000 by S. S. Inyengar and M. R. Leper. A jam tasting stall was erected to allow shoppers to sample the different flavors of jam available for purchase. The test compared the impact of varying the number of choices between 24 and 6.</p>
<div id="attachment_15184" class="wp-caption alignright" style="width: 260px"><img src="http://unbounce.com/photos/lots-of-jam.jpg" alt="Too much choice" width="250" height="188" class="size-full wp-image-15184" /><p class="wp-caption-text">You&#8217;re probably familiar with analysis paralysis, from spending too long in the toothpaste aisle trying to make a buying decision. (<a href="http://farm2.static.flickr.com/1216/1478784112_26e110d8cf.jpg" target="_blank">Source</a>)</p></div>
<p>In the case of the 24 flavors, only 3% of those who tasted the samples went on to purchase the jam, compared to a whopping 30% purchase rate when only 6 flavors were available. This demonstrates a phenomenon known as analysis paralysis, where too many options actually results in no decision being made.</p>
<p><strong>This is why landing pages sit at the heart of CCD.</strong> They are grounded in a fundamental design pattern that strives to remove distraction and focus visitors on a single targeted conversion goal. </p>
<p>Less is more.</p>
<hr />
<p>That&#8217;s a little teaser of what&#8217;s inside the 68-page Ultimate Guide to Conversion Centered Design. <a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&#038;utm_medium=Blog-Post-CTA&#038;utm_content=Landing-Pages&#038;utm_campaign=Ultimate-CCD" target="_blank">Download the full PDF now</a> to learn how to apply the 7 principles of CCD to your landing pages today.</p>
<p><em><a href="/author/oli-gardner/">&#8211; Oli Gardner</a></em></p>
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://get.unbounce.com/conversion-centered-design-guide/?utm_source=Ebook&#038;utm_medium=Blog-CTA&#038;utm_content=Landing-Pages&#038;utm_campaign=Ultimate-CCD" target="_blank"><img src="http://unbounce.com/photos/blog-cta-bottom-ccd.png" alt="" title="unbounce-blog-cta-bottom" width="559" height="274" class="alignnone size-full wp-image-13419" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/J8zIPPAivTk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/conversion-rate-optimization/ultimate-guide-to-conversion-centered-design/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://unbounce.com/conversion-rate-optimization/ultimate-guide-to-conversion-centered-design/</feedburner:origLink></item>
		<item>
		<title>Content About Content? The 10 Best Content Marketing Resources.</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/-jjfYgbtWbs/</link>
		<comments>http://unbounce.com/content-marketing/resources/#comments</comments>
		<pubDate>Fri, 17 May 2013 06:30:06 +0000</pubDate>
		<dc:creator>Emma Siemasko</dc:creator>
				<category><![CDATA[Content Marketing]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15168</guid>
		<description><![CDATA[There are so many content marketing articles, ebooks &#038; self-proclaimed experts that it’s hard to tell what’s legitimate. We've compiled the ten best content marketing resources &#038; tell you why they’re worth your time. ]]></description>
				<content:encoded><![CDATA[<div id="attachment_15170" class="wp-caption alignright" style="width: 260px"><img src="http://unbounce.com/photos/The-Ten-Best-Content-Marketing-Resources-On-The-Web-And-Why.jpg" alt="Who is the King of Content Marketing? Image Source. " width="250" height="250" class="size-full wp-image-15170" /><p class="wp-caption-text">Content is King, but who&#8217;s the King of Content? <a href="http://www.geekfill.com/2012/04/03/chalk-king/" target="_blank">Image Source</a>.</p></div>
<p>If you work in content marketing, you already know how much is out there about best practices, SEO tactics, and generating great content. </p>
<p>There are so many articles, ebooks, and self-proclaimed experts that it’s hard to tell what’s legitimate. Trust me, I know it’s tough to wade through the muck, so I’ve compiled the ten best content marketing resources on the web, and I&#8217;ll also tell you why they&#8217;re worth your time.</p>
<h2>For Those Getting Started </h2>
<h3>1. <a href="http://scribecontent.com/library/" target="_blank">The Business Case for Agile Content Marketing</a> by CopyBlogger </h3>
<p>Wondering what content marketing actually means and how it can help your business grow? CopyBlogger’s free ebooks series is exceptional; they’ll guide you through the entire content process by helping you develop a thorough content strategy, create content that converts, and then effectively promote. </p>
<hr />
<h3>2. <a href="http://contently.com/blog/2011/09/08/e-book-the-beginners-guide-to-blogging-content-marketing-strategy/" target="_blank">The Beginner’s Guide to Blogging and Content Marketing Strategy (ebook)</a> by Contently </h3>
<p>For those who are concerned with blogging and writing well, Contently’s ebook is an awesome resource. The Beginner’s Guide includes advice on how to start building content from zero, how to outsource writing, and how to distribute content so it gets the eyeballs that you want. </p>
<hr />
<h3>3.<a href="http://www.seomoz.org/beginners-guide-to-seo" target="_blank"> Beginner’s Guide to SEO</a> by SEOmoz </h3>
<p>You can’t be a good content writer if you don’t take SEO seriously, so sit down with this beginner’s guide that will get you from square one to a decent, working knowledge of SEO. SEOmoz explains how search engines work, teaches you how to do keyword research, and guides you through the building of links. If you want to be a valuable content marketer, you should know these basics inside and out.</p>
<hr />
<h3>4. <a href="http://blog.crazyegg.com/2013/04/16/cool-copy-for-unsexy-stuff/" target="_blank">How To Write Cool Copy For Unsexy Stuff</a> by Crazy Egg </h3>
<p>Crazy Egg has tons of articles about great copywriting, which will help you put some pizazz in the content you create. Most of us don’t work for Vogue or Coca Cola, so sometimes it helps to see how other companies are using words to market what they’ve got. “How To Write Cool Copy For Unsexy Stuff” proves you don’t need the world’s most fashionable and stylish products and services to write charming copy.  </p>
<h2>For The Experienced </h2>
<h3>5. <a href="http://www.quicksprout.com/2013/04/29/the-advanced-guide-to-content-marketing/" target="_blank">The Advanced Guide to Content Marketing</a> by Quick Sprout </h3>
<p>If you already know something about content marketing, this 40,000 word guide will be your new best friend. Not only does the guide explain current trends and give advice on building a strategy, it also provides advice on whether or not a blog should have a separate domain name. Every nook and cranny of content marketing is explored in this allstar guide.</p>
<hr />
<h3>6. <a href="http://www.seomoz.org/ugc/how-to-rise-above-lackluster-content-making-your-content-marketing-work-for-you" target="_blank">How To Rise Above Lackluster Content</a> by SEOmoz </h3>
<p>Sure, you can write content, but how do you take it to the next level? How do you make it rise above the sea of content that’s already out there? Thankfully, SEOmoz craftily put together a post on how you and your blog can win the internet. If you make it “surprising, interesting, intense, positive, and actionable,” you’re off to a great start.</p>
<hr />
<h3>7. <a href="http://mashable.com/2011/07/04/how-to-measure-roi-content-marketing-strategy/" target="_blank">How To Measure The ROI of a Content Strategy</a> by Mashable </h3>
<p>So how do you convince your boss, your partners or even yourself that content is a good investment? Check out Mashable’s post on how to measure ROI. The post suggests using retweets, shares, comments, time spent on page, and other metrics to quantify success. <em>Warning: Be patient, ROI success doesn’t come overnight</em>. </p>
<h2>For Ongoing Learning </h2>
<h3>8. <a href="http://contentmarketinginstitute.com/events/" target="_blank">CMI Webinars</a> by Content Marketing Institute</p>
<p>&#8217;10 Tips to Build an Audience with Content Marketing – Lessons from the Nightclub Dance Floor&#8217; was one of CMI&#8217;s most recent webinars. If that dosen&#8217;t captivate you, I don&#8217;t know what will! CMI’s free webinars tackle some of the biggest issues in content marketing, featuring a variety of experts, and covering a vast array of topics. Their multimedia webinars focus on multi-cultural marketing, social media alignment, and “brandscaping.” CMI also hosts and attends a ton of live conferences and events.</p>
<hr />
<h3>9. <a href="http://thecontentwrangler.com/services/educational-webinar/" target="_blank">Educational Webinars</a> by The Content Wrangler </h3>
<p>The Content Wrangler hosts webinars with industry leaders such as Mark Lewis and Marcia Riefer Johnston. The site’s most recent webinar focused on how to write powerful paragraphs and sentences. The Content Wrangler’s webinars are specific and cover a wide range of marketing topics.</p>
<hr />
<h3>10. <a href="http://owl.english.purdue.edu/" target="_blank">Purdue University’s Online Writing Lab (OWL) </a></h3>
<p>Your college professor or high school English teacher may have directed you to Purdue University’s Online Writing Lab, and that’s because it’s one of the best sources and has over 200 free resources for information regarding grammar, sentence structure, citations, and more.  In order to create great content, your writing needs to be perfect. Consult OWL with questions. </p>
<hr />
<p>There are more resources out there, and as time goes on, new ones might usurp the ones on my list. In order to be the world’s best content marketer, stay in the know, and educate yourself using these resources. They’ve been saviors to me!</p>
<p><em><a href="/author/emma-siemasko">&#8211;Emma Siemasko </a></em> </p>
<hr />
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://try.unbounce.com/for-higher-conversion-rates/?utm_source=blog&#038;utm_medium=post&#038;utm_campaign=content-marketing" target="_blank"><img src="http://unbounce.wpengine.netdna-cdn.com/wp-content/themes/unbounce2/images/unbounce-blog-footer-cta.png" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/-jjfYgbtWbs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/content-marketing/resources/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<feedburner:origLink>http://unbounce.com/content-marketing/resources/</feedburner:origLink></item>
		<item>
		<title>People Are More Likely to Survive a Plane Crash Than Click a Banner Ad [Infographic]</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/MFvpQqMJA4s/</link>
		<comments>http://unbounce.com/online-marketing/native-ads-vs-banner-ads/#comments</comments>
		<pubDate>Wed, 15 May 2013 06:30:04 +0000</pubDate>
		<dc:creator>Oli Gardner</dc:creator>
				<category><![CDATA[Online Marketing]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15147</guid>
		<description><![CDATA[Banner ads are the ugly stepchild of online marketing. Placed in the middle of our content they are more than annoying. Native Ads  with their semantically relevant content, however, actually augment the user experience.]]></description>
				<content:encoded><![CDATA[<div id="attachment_15173" class="wp-caption alignright" style="width: 310px"><img src="http://unbounce.com/photos/ejector-seat.jpg" alt="Ejector seat" width="300" height="201" class="size-full wp-image-15173" /><p class="wp-caption-text">Get your ejector seat ready. You&#8217;ll be using it sooner than you start clicking on banner ads. (<a href="http://static.ddmcdn.com/gif/ejection-seat-af-acesii.jpg" target="_blank">Source</a>)</p></div>
<p><strong>Best. Statistic. Ever.</strong> Makes me feel better about flying, but sorry for those designing banner ads. </p>
<p>They say that a kitten dies every time someone uses a bullet point in a presentation, so I shudder to think what&#8217;s going to happen the next time someone clicks on a banner.</p>
<p><strong>Banner ads. The ugly stepchild of online marketing.</strong> Just trying to hang out in the top-right corner, minding their own business. They never asked to be overused. They never asked to be animated GIFs. But they certainly didn&#8217;t want to be ignored. </p>
<p>Yet, here we are, about to discuss how little action they get, and how they&#8217;re being usurped by another form of advertising. Poor little rectangular bastards. <strong>75,000 wasted pixels in an otherwise useful area of your page.</strong> Destined to be thrown on the marketing scrap heap, never to be seen again&#8230; </p>
<p>Scratch that. Banners aren&#8217;t going anywhere. Yes they&#8217;re annoying. Yes they are essentially useless. But they&#8217;re here to stay, in all their 300x250px glory. They just have to compete with what&#8217;re known as &#8216;Native Ads&#8217;, which, as we&#8217;ll learn, have some significant advantages.</p>
<h3>What&#8217;s a native ad? In 197 characters or less.</h3>
<p>Native ads are contextual paid ads that appear in your content stream, designed to augment the user experience by providing semantically relevant supporting content, without breaking the flow of information. </p>
<h3>But placing ads in content is bad, right?</h3>
<p>It certainly is. The typical method for injecting ads is to use interruption marketing tactics to plant banners and text ads directly into the middle of a piece of content, forcing you to look at them in order to experience the whole article. People &#8211; me included &#8211; despise these ads. They provide no contextual benefit and diminish the value of the content they appear in. You can probably blame Google for this, as most of the bad behavior seems to have been built around the mass adoption of AdSense as an advertising platform.</p>
<p>There&#8217;s a reason for the epidemic known as banner blindness. <strong>People never liked banners and decided unconsciously to tune them out</strong>, focusing instead on the real content on the page. If you infer the same reaction to ads placed <em>inside</em> your content, you can imagine how unpleasant and interrupted the content consumption experience would be.</p>
<p>However, done correctly, ads inside content <em>can</em> be effective. This is where native ads come in. </p>
<h3>So how are native ads different?</h3>
<p>To extend the definition of native ads a bit. You can think of them as sponsored content designed to &#8220;blur the distinction between editorial and advertising in the eyes of the consumer&#8221;, according to Pilgrim Advertising. What this means, is that despite the ads being paid for, they are placed more carefully, with a heightened level of knowledge about where and how they are being used. The result is that they appear more like &#8216;useful supporting content that just happens to be paid for&#8217;. <a href="http://blog.kissmetrics.com/native-advertising/" target="_blank">Read more about native ads</a>.</p>
<h3>The benefits of native ads</h3>
<p>The infographic below was created based on a study to compare differences in behavior and perception between native ads and banner ads. Using eye tracking tools and surveys, the following insights were uncovered:</p>
<ul>
<li><strong>Native ads are more visually engaging:</strong> Native ads in the study were looked at 52% more frequently than banner ads.</li>
<li><strong>Native ads drive higher brand lift:</strong> They registered a 9% lift for brand affinity and an 18% lift for purchase intent, compared to banner ads.</li>
<li><strong>Native ads are more likely to be shared:</strong> 32% of respondents said they would share the ad content with a friend, compared to 19% for banner ads.</li>
<li><strong>Native ads are consumed in the same way as the content they appear in:</strong> Consumers actually registered that they looked at the native ads slightly more than the content itself.</li>
</ul>
<p>Enjoy the rest of the data in the infographic, and be sure to tweet the facts at the end of the post.</p>
<div class="blog-photo"><a href="http://www.sharethrough.com/2013/05/infographic-native-advertising-effectiveness-study-by-ipg-media-labs/" target="_blank"><img src="http://unbounce.com/photos/exploring-the-effectiveness-of-native-ads.jpg" alt="exploring the effectiveness of native ads" width="560" height="2829" class="alignnone size-full wp-image-15148" /></div>
<div class="blog-photo-annotation">(Infographic</a> by <a href="http://www.sharethrough.com/" target="_blank">Sharethrough </a>)</div>
<h3>Tweetables</h3>
<p>Share these rad stats with your followers to show how ad-savvy you are. And don&#8217;t worry, you can change the final tweet text before it goes out. Just leave the stats intact.</p>
<ul>
<li>Consumers looked at native ads 52% more frequently than banner ads <br /><a href="http://clicktotweet.com/_rxB0" target="_blank">&raquo; Tweet This &laquo;</a></li>
<li>32% would share native ad content with a friend, compared to 19% for banner ads <br /><a href="http://clicktotweet.com/mP9c3" target="_blank">&raquo; Tweet This &laquo;</a></li>
<li>Native ads registered 9% higher lift for brand affinity &#038; 18% higher for purchase intent than banner ads <br /><a href="http://clicktotweet.com/60frT" target="_blank">&raquo; Tweet This &laquo;</a></li>
<li>People are more likely to survive a plane crash than click a banner ad <br /><a href="http://clicktotweet.com/r2K07" target="_blank">&raquo; Tweet This &laquo;</a></li>
<li>Native ads are consumed the same way people view editorial content <br /><a href="http://clicktotweet.com/cU9FI" target="_blank">&raquo; Tweet This &laquo;</a></li>
</ul>
<p>And in case you&#8217;re wondering. The stat about the plane crash came from <a href="http://www.businessinsider.com/its-more-likely-you-will-survive-a-plane-crash-or-win-the-lottery-than-click-a-banner-ad-2011-6?op=1" target="_blank">here</a>.</p>
<p><em><a href="/author/oli-gardner">&#8211; Oli Gardner</a></em></p>
<hr />
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://try.unbounce.com/for-higher-conversion-rates/?utm_source=blog&#038;utm_medium=post&#038;utm_campaign=online-marketing" target="_blank"><img src="http://unbounce.wpengine.netdna-cdn.com/wp-content/themes/unbounce2/images/unbounce-blog-footer-cta.png" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/MFvpQqMJA4s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/online-marketing/native-ads-vs-banner-ads/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://unbounce.com/online-marketing/native-ads-vs-banner-ads/</feedburner:origLink></item>
		<item>
		<title>How Do You Write the Perfect Headline?</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/r4GTIFHysVQ/</link>
		<comments>http://unbounce.com/online-marketing/write-the-perfect-headline/#comments</comments>
		<pubDate>Mon, 13 May 2013 06:30:43 +0000</pubDate>
		<dc:creator>Barry Feldman</dc:creator>
				<category><![CDATA[Online Marketing]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15159</guid>
		<description><![CDATA[A headline has one objective: inspire the reader to read the next line. How do you write the perfect headline? Which headline writing technique works the best? This guy has 25 years experience in the biz. He'll tell you.]]></description>
				<content:encoded><![CDATA[<div id="attachment_15166" class="wp-caption alignright" style="width: 310px"><img src="http://unbounce.com/photos/how-to-write-the-perfect-headline.png" alt="how to write the perfect headline" width="300" height="205" class="size-full wp-image-15166" /><p class="wp-caption-text">(<a href="http://www.ragan.com/Resource.ashx?sn=Blog_Headline_Writing_Tips1" target="_blank">Image source</a>)</p></div>
<p>Perfect? Wouldn’t it be subjective to say what’s perfect? Nah.</p>
<p>From the point of view of a marketing writer of 25 years (yeah, that’d be me), a headline has one objective: inspire the reader to read the next line. </p>
<p>This applies to your email’s subject line or your blog post title in the biggest way. It applies to social media because it’s your headline that will most likely be shared and clicked—or not. </p>
<h3>So Which Headline Writing Technique Works Best? </h3>
<p>Marketing geniuses always yack on about how important it is to get right to the point. Old school ad guys Ogilvy, Bernbach and Burnett seem to have cemented a rule stating a user benefit goes in the headline. </p>
<p>They’d tell you the headline is often the only line people read. Get right to the point, they’d insist. Don’t bury the lead… and blahbiddy blah. </p>
<p>As much as I admire these pioneers, I think this advice is crap.</p>
<h3>Verbal Foreplay Is More My Style. </h3>
<p>Perhaps you’ve noticed. I didn’t subscribe to the benefits-first formula in this article and I seldom do with the many things I write. </p>
<p>I believe when the goal is to get people to tune in, the tact to take is to turn on their curiosity. But it’s not like I’ve tapped into some breakthrough new discovery in psychology and human behavior. I’m simply saying a little dose of suspense or even an anxiety inducer makes for the ultimate attention-getter. </p>
<h3>You Have To Choose Your Words Carefully. </h3>
<p>And if you buy into this technique, which I’ve labeled “perfect,” you’ll understand the perfect headline is a teaser. A hint. You hold out on the big idea. You work up to it.</p>
<p>You pose a question. Why? Good question.</p>
<p>It drives you crazy not to know the answer, doesn’t it? You may even get more worked up when you don’t entirely understand the question. Or the question is the answer. Or the answer is a question.</p>
<p>I’m messing with you a little. It’s working like a charm too. I keep stringing you along and you’re hanging in there.</p>
<p>I love that about you. You’re curious. Your customers are curious. I’m curious. Everyone is. So choosing your words is also about choosing which ones to leave out.</p>
<h3>Bring On Some Psychology </h3>
<div id="attachment_15161" class="wp-caption alignright" style="width: 210px"><img src="http://unbounce.com/photos/Gregory-Ciotti1.png" alt="This Guy. " width="200" height="200" class="size-full wp-image-15161" /><p class="wp-caption-text">This Guy.</p></div>
<p>Wouldn’t my premise be even more perfect if it was verified by a little science? I thought so and decided to tap the mind of online marketer and blogger extraordinaire, <strong>Gregory Ciotti</strong>. You know his work from <a href="http://unbounce.com/author/gregory-ciotti/" target="_blank">contributions he makes here at the Unbounce blog</a>. </p>
<p>Gregory is an expert on behavioral psychology and seems to always have a study on the science of persuasion in his back pocket. So it wasn’t surprising when Gregory recognized the approach and cited “<em>The Information Gap Theory</em>,” made famous by George Loewenstein, a leader in the fields of behavioral economics and neuroeconomics. </p>
<p>“This is one of the better research papers in my opinion that relate to marketing,” said Ciotti. “The theory claims when you spark an interest or desire that is already there—which means topicality is important— you tickle that interest and the reader attempts to close the gap by finding out the answer.”</p>
<p>Another explanation I found comes from a Wired.com article, “<a href="http://www.wired.com/wiredscience/2010/08/the-itch-of-curiosity" target="_blank">The Itch of Curiosity</a>,” by Johan Lehrer, who writes, “According to Loewenstein, curiosity is rather simple: It comes when we feel a gap between what we know and what we want to know. This gap has emotional consequences: it feels like a mental itch, a mosquito bite on the brain. We seek out new knowledge because we that’s how we scratch the itch.”</p>
<h3>The Nagging Effect of Dissonance </h3>
<p>In my interview with Ciotti, he also cited the “Zeigarnik Effect,” which essentially speaks to a human desire to finish what we start. When a task is unfinished, we experience dissonance. (<a href="http://www.psychwiki.com/wiki/Zeigarnik_Effect" target="_blank">More on this here</a>.)</p>
<p>Gregory explained, “When you give people brain buster puzzles and stuff like that and then interrupt them and tell them they must stop now, experiments have proved up 90% of the people go back to finish the test. We really do feel discomfort when we don’t know the answer to something we want to know.”</p>
<h3>But Nothing’s Perfectly Perfect </h3>
<p>“The problem with headlines that aim to pique curiosity is they can go wrong if the desire isn’t already there,” Gregory said.  “If you do happen to ask the right question and spark an interest on a topic readers are already passionate about and ask a question they really, really want to know the answer to, then you can use that mystique to get people to pay attention.”</p>
<h3>Did it work here? </h3>
<p>Your curiosity got you here. So it worked on you. Those not interested in closing an information gap on writing the perfect headline are probably off scratching some other itch.</p>
<p>What if I wrote this?</p>
<p><em>The Perfect Headline Arouses Your Curiosity</em></p>
<p>Not bad, I guess, but you’d have gathered the gist of the article before you read it. </p>
<p>How about this?</p>
<p><em>Use The Information Gap Theory to Write The Perfect Headline</em></p>
<p>Risky, right? You may not be curious enough to read on if you never heard of the theory.</p>
<p>I’m good with the headline I wrote. It sucked you in. It itched your brain. I hope I was able to scratch it.</p>
<p> <a href="/author/barry-feldman/" target="_blank"><em>&#8211; Barry Feldman</em></a> </p>
<hr />
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://try.unbounce.com/for-higher-conversion-rates/?utm_source=blog&#038;utm_medium=post&#038;utm_campaign=online-marketing" target="_blank"><img src="http://unbounce.wpengine.netdna-cdn.com/wp-content/themes/unbounce2/images/unbounce-blog-footer-cta.png" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/r4GTIFHysVQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/online-marketing/write-the-perfect-headline/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		<feedburner:origLink>http://unbounce.com/online-marketing/write-the-perfect-headline/</feedburner:origLink></item>
		<item>
		<title>How Do I Improve My PPC Quality Score?</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/i5x6UTbNvZc/</link>
		<comments>http://unbounce.com/ppc/quality-score/#comments</comments>
		<pubDate>Fri, 10 May 2013 06:30:56 +0000</pubDate>
		<dc:creator>Stefanie Grieser</dc:creator>
				<category><![CDATA[PPC]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15144</guid>
		<description><![CDATA[Your PPC Quality Score is a BIG deal when it comes to pay-per-click marketing. Learn everything you need to know and more with these 10 Quality Score posts.]]></description>
				<content:encoded><![CDATA[<div class="blog-photo"><img src="http://unbounce.com/photos/10-Quality-Posts-That-Will-Help-Boost-Your-Quality-Score1.jpg" alt="10 Quality Posts That Will Help Boost Your Quality Score" width="560" height="395" class="alignnone size-full wp-image-15155" /></div>
<div class="blog-photo-annotation">10 Posts to Score You a 10/10 On Your Quality Score (<a href="http://sempenglish.tistory.com/?_best_tistory=best_blogger1">Image source</a>)</div>
<p>The number one question we get over here at Unbounce is &#8220;<strong>How can I improve my PPC Quality Score?</strong>&#8221; Marketers constantly want to know how they can improve their Quality Score so their landing pages rank higher. If you have spent any time in paid search, you&#8217;ll know that Quality Score is a BIG deal and if you opened this post, you probably already realize how important it is. A higher Quality Score means better ad auction eligibility, a higher ad position and it gives you a better chance to play with the big fish who have deeper pockets. So here are 10 quality posts surrounding the ever-so popular PPC topic: Quality Score.</p>
<h3>1. <a href="http://www.portent.com/blog/ppc/better-quality-score-better-results.htm" target="_blank">Better Quality Score = Better Results?</a></h3>
<h4> Post by <a href="https://twitter.com/mwiegand" target="_blank">Michael Wiegand</a> on <a href="http://www.portent.com/blog/" target="_blank">Portent</a> </h4>
<p>Does getting a higher Quality Score lead to a better conversion rate? Does it lead to better cost per acquisition? 1 study. 27 Adwords accounts. The answers to these questions may shock you.  </p>
<hr />
<h3>2. <a href="http://www.trada.com/blog/quality-score-for-2013-what-really-matters-to-google/" target="_blank">Quality Score for 2013 – What Really Matters to Google</a></h3>
<h4>Post by <a href="https://twitter.com/chrisdgombeski" target="_blank">Chris Gombeski</a> on <a href="http://www.trada.com/blog/" target="_blank">Trada </a></h4>
<p>This year, the Google Adwords team has offered up some key, updated information that takes some of the mystery out of the Quality Score metric &#8211; which is why you should pay attention to this post. Because what matters to Google should matter to you. This short post will brief on the key Quality Score elements you should pay attention to.</p>
<hr />
<h3>3. <a href="http://searchengineland.com/how-account-quality-score-can-guide-adwords-optimization-148595" target="_blank">How Account Quality Score Can Guide AdWords Optimization</a></h3>
<h4> Post by <a href="https://twitter.com/siliconvallaeys" target="_blank">Frederick Vallaeys</a> on <a href="http://searchengineland.com/" target="_blank">Search Engine Land</a> </h4>
<p><em>Warning: this post is a bit technical for those of you who want to nerd out.</em> It covers what account-level Quality Score is, why you should track account-level Quality Score, and gives you step-by-step instructions and the code needed to track your own account-level Quality Score. Basically, it covers the who, the why and the how. </p>
<hr />
<h3>4. <a href="http://ppcheroes.co.uk/google-adwords/how-is-adwords-quality-score-calculated/" target="_blank">How is AdWords Quality Score Calculated?</a></h3>
<h4>Post by <a href="http://ppcheroes.co.uk/" target="_blank">PPC Heroes UK</a> </h4>
<p>If you are lost in the sea of technical posts geared toward marketers who are PPC experts and want an introductory explanation of Quality Score, this post is for you. It goes over how a quality score is calculated and gives you a beginner definition of each component. </p>
<hr />
<h3>5. <a href="http://www.wordstream.com/blog/ws/2013/03/26/google-quality-score" target="_blank">Revisiting the Economics of Google Quality Score: Why QS Is Up to 200% More Valuable in 2013</a></h3>
<h4>Post by <a href="https://twitter.com/larrykim" target="_blank">Larry Kim</a> on <a href="http://www.wordstream.com/blog/" target="_blank">Wordstream</a> </h4>
<p>Question: What’s the value of Google Quality Score in 2013? Answer: A lot. Today, a quality score of 7 is rare. In fact, this post proves that today&#8217;s 5 is yesterday&#8217;s 7. As the average Quality Score decreases, the value of an above-average score is more valuable. The law of economics in action. This is a great post that should motivate you to understand and improve your Quality Score. </p>
<hr />
<h3>6. <a href="http://certifiedknowledge.org/blog/9-myths-of-landing-page-quality-score/" target="_blank">9 Myths of Landing Page Quality Score</a></p>
<h4>Post by <a href="https://twitter.com/bgtheory" target="_blank">Brad Geddes</a> on <a href="http://certifiedknowledge.org/blog/" target="_blank">Certified Knowledge</a> </h4>
<p>Welcome to this edition of Myth Busters featuring not only 1 but 9 myths! &#8220;It’s important to separate the fact from the fiction about what affects landing page quality score, and to understand what you can do to improve your landing page.&#8221; Amen Brad. Bust those landing Page quality score myths. </p>
<hr />
<h3>7. <a href="http://www.ppchero.com/ultimate-guide-to-adwords-quality-score/" target="_blank">The Ultimate Guide to Google AdWords Quality Score</a></h3>
<h4>Post by <a href="http://www.ppchero.com/" target="_blank">PPC Hero</a> </h4>
<p>Leave it up to the folks over at PPC Hero to produce the Ultimate Guide to Google AdWords Quality Score. This post is broken up into four chapters and covers all the granular details you would ever want to know about Quality Score. The one section that caught my eye was Landing Page Quality Score (surprise surprise). </p>
<hr />
<h3>8. <a href="http://marketingland.com/5-surprising-facts-on-quality-score-change-42826" target="_blank">5 Surprising Facts On Quality Score Change </a></h3>
<h4>Post by <a href="https://twitter.com/kohkiyamaguchi" target="_blank">Kohki Yamaguchi</a> on <a href="http://marketingland.com/" target="_blank">Marketing Land</a></h4>
<p>Did you know that Quality Scores can rise or fall rapidly from day to day? Or that a significant shift in CTR can trigger a rapid change in Quality Score? Before I spoil all the fun, I&#8217;ll let you uncover more of these surprising facts. </p>
<hr />
<h3>9. <a href="http://searchenginewatch.com/article/2256405/Quality-Score-Insights-From-Microsofts-Ping-Jen" target="_blank">Quality Score Insights From Microsoft&#8217;s Ping Jen</a></h3>
<h4>Post by <a href="https://twitter.com/jmgagnon" target="_blank">John Gagnon</a> on <a href="http://searchenginewatch.com/" target="_blank">Search Engine Watch</a> </h4>
<p>Bing Ads vs. Google AdWords. Go! Quality Score is similar on both platforms, but not the same, so dive into this post to uncover the subtle differences. PS &#8211; did anyone pick up that Ping talked about Bing? #rhymetime.  </p>
<hr />
<h3>10. <a href="http://searchenginewatch.com/article/2228568/A-Comprehensive-Guide-to-Understanding-Quality-Score-Tactics-for-Improvement" target="_blank">A Comprehensive Guide to Understanding Quality Score &#038; Tactics for Improvement</a></h3>
<h4>Post by <a href="https://twitter.com/johnslynch" target="_blank">John Lynch</a> on <a href="http://searchenginewatch.com/" target="_blank">Search Engine Watch</a> </h4>
<p>Quality Score is one of the most misunderstood concepts in paid search. And we can attest to that as we always hear it being brought up when talking about payed performance. This post talkes about how to you can quickly diagnose Quality Score issues with a list of quick-fixes and some not-as-quick fixes and it also goes over 7 ways you can implement to optimize your quality score.</p>
<hr />
<p>Do you have any more awesome resources that will help our readers improve their Quality Score? Feel free to share them in the comments! </p>
<p><em><a href="/author/stefanie-grieser">&#8211; Stefanie Grieser</a></em></p>
<hr />
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://try.unbounce.com/for-higher-conversion-rates/?utm_source=blog&#038;utm_medium=post&#038;utm_campaign=ppc" target="_blank"><img src="http://unbounce.wpengine.netdna-cdn.com/wp-content/themes/unbounce2/images/unbounce-blog-footer-cta.png" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/i5x6UTbNvZc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/ppc/quality-score/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://unbounce.com/ppc/quality-score/</feedburner:origLink></item>
		<item>
		<title>3 [Awesome] Ways to Identify Your Biggest Fans &amp; Collect Customer Testimonials</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/x6sqhK8b2lc/</link>
		<comments>http://unbounce.com/online-marketing/collect-customer-testimonials/#comments</comments>
		<pubDate>Wed, 08 May 2013 06:30:52 +0000</pubDate>
		<dc:creator>Lindsey Kirchoff</dc:creator>
				<category><![CDATA[Online Marketing]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15124</guid>
		<description><![CDATA[There's nothing more attractive to leads than seeing happy customers who already use your service or product. Here's how you can identify your biggest fans &#038; collect customer testimonials. ]]></description>
				<content:encoded><![CDATA[<div class="blog-photo"><img src="http://unbounce.com/photos/happy-customers-biggest-fans.jpg" alt="happy customers biggest fans" width="560" height="363" class="alignnone size-full wp-image-15128" /></div>
<div class="blog-photo-annotation">Remember: Your biggest fans can attract new leads (<a href="">Image source</a>)</div>
<p>Too often, when marketers think of attracting new leads to their product or service, they forget one of their most powerful tools: happy customers. There is nothing more attractive to leads than seeing happy customers who already use your service or product. </p>
<p><strong>76% of consumers regularly or occasionally use online reviews to determine which businesses to use</strong> according to data from <a href="http://searchengineland.com/study-72-of-consumers-trust-online-reviews-as-much-as-personal-recommendations-114152" target="_blank">Search Engine Land</a>. Even if positive testimonials never make it to the website, they can be invaluable internally to your sales, product marketing and public relations teams. Here’s exactly how to solicit and gather even more testimonials.</p>
<h2>1. Identify Happy Customers </h2>
<p>Before you send a blanket request to your customer base for reviews on your website, make sure they’re happy first. The last thing you want to do is pass the microphone to customers who aren’t currently delighted with your product or service so they can broadcast their displeasure on your website. That doesn’t mean you want to ignore unhappy customers’ concerns (more on them in a bit), but the goal here is to solicit positive testimonials from people who are genuinely happy with your product or service.</p>
<p>But how can you segment the cheerleaders from the naysayers in your email database? Easy—just follow these steps.</p>
<p><em>Use a NPS Survey to Segment Customer Satisfaction</em></p>
<p>The Net Promoter Score (NPS) index measures customer satisfaction on a scale from 0-10 by asking how likely they are to recommend a product or service. That’s it.  These scores segment customers into Promoters (9-10), Passives (7-8) and Detractors (0-6). Here’s a snippet from <a href="http://blog.getambassador.com/understanding-the-net-promoter-r-score-infographic/" target="_blank">an infographic by referral software company Ambassado</a>r to visualize NPS.</p>
<div class="blog-photo"><a href="http://unbounce.com/photos/net-promoter-score.png"><img src="http://unbounce.com/photos/net-promoter-score-560.png" alt="net promoter score" width="560" height="567" class="alignnone size-full wp-image-15125" /></a></div>
<div class="blog-photo-annotation">Click for full-size image</div>
<p>There are countless uses for NPS data, but the goal here is to identify your happiest customers or Promoters. </p>
<h3>Ask Around Internally </h3>
<p>Another great place to find Promoters outside of an NPS survey is to talk to customer-facing employees within your company (think sales or customer service team members). See if they have any particularly delighted customers who have recently or consistently expressed their pleasure—most tend to have a few bookmarked.  Those customers are ripe for testimonials and might be more willing to contribute one if someone they already know from within the company asks them. Make it especially easy for those employees to reach out by writing out an email template to use when they encounter happy customers. </p>
<h3>Look to Social Media </h3>
<p>Do you have customers who are always engaging online with your content? Retweeting your blog posts and sending you love on Facebook? Or just someone who gave you a one-time shout-out for your product or service? These are the perfect people to solicit for testimonials. After all, they’re already comfortable expressing their delight online. Add these customers to your list of potential Promoters and confirm your instinct with a NPS.</p>
<h2>2. Solicit Reviews </h2>
<p>Now that you’ve found out who your delighted customers are, it’s time to ask them for testimonials. Here are the best practices for the solicitation phase:</p>
<h3>Stagger Your Timing </h3>
<p>Know what looks super suspicious? A website with a block of happy customer reviews that are all posted in the same week. From a user-perspective, it just looks fishy to have too many reviews within the same time window. Avoid this bumper crop of positive reviews and <strong>stagger the timing of your solicitation emails</strong>. Not only does this system look more organic to your users, but it encourages customer delight to be a continued part of your marketing strategy instead of a one-off effort. </p>
<h3>Focus Your Campaign </h3>
<p>It’s awesome when you have a customer organically tell you how happy they are in general on an online review platform. Thank them immediately! But the most effective testimonials are usually used in tandem with a specific business goal. This goal can be anything from recommending a specific product functionality, hearing from a certain marketing persona, or promoting long-time customer relationships.</p>
<p>That’s why it’s so important in testimonial campaigns to get specific about what you want from the customer. For example, you may have a product review page, a Google+ page and Yahoo! Review page (in fact, we’ve come up with <a href="http://blog.hubspot.com/blog/tabid/6307/bid/33741/12-Places-Businesses-Should-Be-Collecting-Online-Reviews.aspx" target="_blank">12 places you should be soliciting reviews</a>). So, where should the customer focus their attention? Recommend one platform per campaign and clarify what that platform is in your email. Decide which on products or services you’re specifically requesting feedback on and single them out in your questions. If you’re looking for a specific type of testimonial, for example statistics, guide the customer with questions that would have those answers. In this case, you might ask what measurable results they have seen with your product or service.</p>
<h3>Make It Easy </h3>
<p>The last thing you want to do is tap into a delighted customer base, get them excited to leave reviews, then leave them frustrated about not knowing how you want them to do it. Make the review process as easy as possible for your customers by including explicit instructions on exactly how to submit the review. If you want to be extra loveable, see if you can embed the review process within the email itself with <a href="http://support.google.com/drive/bin/answer.py?hl=en&#038;answer=87809" target="_blank">Google Forms</a> so they don’t even have to leave the screen. </p>
<h2>3. Follow Up </h2>
<p>At this point, you’ve spent some blood sweat and tears getting those customer testimonials. But you’ve got them now! All done, right? Before you jet off to your next marketing project, make sure to follow up with all the people you reached out to.</p>
<h3>Thank Reviewers </h3>
<p>Here are some customers that are already delighted with your product or service and took the extra time out of their busy schedule to write to you about why they are so darn happy. Don’t they deserve a little love? At the very minimum, you should send a thank you email with the appropriate customizations. But don’t stop there! Use this as an opportunity to<a href="http://blog.hubspot.com/blog/tabid/6307/bid/34167/Creating-Marketing-People-Love-29-Tips-From-Industry-Experts-Slideshow.aspx" target="_blank"> make marketing people love</a>. Why not thank them by name or handle or feature their stories on your social media channels? Or send them a little company swag? Or offer free tickets to your next event? <strong>Remember, the companies that put the customers first are the ones people actually want to be customers of</strong>. Remind these customers exactly why they were so delighted with you in the first place and give them a reason to brag about you to all their friends. </p>
<h3>Woo Passives </h3>
<p>When people ask your customers what they think of your company, do you want them to say “meh”? Didn’t think so. Passives, or people who answered 7-8 on the NPS aren’t actively hating on your company, but they aren’t exactly singing your praises either. Since Passives are on the fence, it’s not too late to convert them to delighted customers. Enlist your customer services team for help in creating a nurturing campaign for Passives to bring them to the light. This campaign can start with a simple question: what could my company do to raise your NPS? You could use tactics you might use for <a href="http://www.hubspot.com/free-ebook-an-introduction-to-lead-nurturing/" target="_blank">lead nurturing</a>, or the process of wooing qualified leads when they aren’t ready to buy yet. Since Passives are customers who aren’t ready to promote your services yet, the principles are pretty similar. For example, one lead nurturing tactic that translates is sending targeted content about the areas the customer might be having the most trouble in. </p>
<h3>Win Over Detractors </h3>
<p>Remember how I said not to ignore those people who answered 0-6 on the NPS survey? I meant it! These are customers who would not recommend your product or service if they were asked. Ouch. Good thing you segmented them—these guys are obviously in need of some TLC. Enlist your customer service team to strategize the best way to reach these people. If you don’t have a customer service team, strategize with some of your customer-facing employees&#8211;winning over detractors will probably involve direct outreach. If the customer complains publically, here are some tips to <a href="http://blog.hubspot.com/blog/tabid/6307/bid/19614/How-to-Deal-With-Negative-Nancy-s-Comments-in-Social-Media.aspx" target="_blank">de-escalate social media complaints</a>.</p>
<hr />
<p><strong>Sharing great customer stories should be just as important to your marketing strategy as generating new content</strong>. If you’re still hungry for more information on testimonials, here’s <a href="http://blog.hubspot.com/blog/tabid/6307/bid/31852/A-Marketer-s-Guide-to-Accumulating-Awesome-Online-Reviews.aspx" target="_blank">a post on accumulating positive online reviews</a> for inspiration.</p>
<p><a href="/author/lindsey-kirchoff/" target="_blank"><em>&#8211; Lindsey Kirchoff</em></a>   </p>
<hr />
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://try.unbounce.com/for-higher-conversion-rates/?utm_source=blog&#038;utm_medium=post&#038;utm_campaign=online-marketing" target="_blank"><img src="http://unbounce.wpengine.netdna-cdn.com/wp-content/themes/unbounce2/images/unbounce-blog-footer-cta.png" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/x6sqhK8b2lc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/online-marketing/collect-customer-testimonials/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://unbounce.com/online-marketing/collect-customer-testimonials/</feedburner:origLink></item>
		<item>
		<title>Achieving Attention-Driven Landing Page Design</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/OHUSctwRmgk/</link>
		<comments>http://unbounce.com/landing-pages/attention-driven-landing-page-design/#comments</comments>
		<pubDate>Mon, 06 May 2013 06:30:53 +0000</pubDate>
		<dc:creator>Bitsy Knox</dc:creator>
				<category><![CDATA[Landing Pages]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=14872</guid>
		<description><![CDATA[These days, capturing attention is both rare and powerful. Here are 5 scientific reasons why you should implement attention-driven tactics into your landing page design. ]]></description>
				<content:encoded><![CDATA[<div class="blog-photo"><img src="http://unbounce.com/photos/capture-attention.jpg" alt="capture attention" width="560" height="372" class="alignnone size-full wp-image-14884" /></div>
<div class="blog-photo-annotation">Hey you. Pay Attention to me. Please &#038; Thanks. (<a href="http://givingtuesday.org/wp-content/uploads/2012/09/megaphone.jpg">Image source</a>)</div>
<p><strong>We are living in an age where capturing attention has become a rare &#8211; and powerful &#8211; commodity.</strong> Information left on its own tends to lack organization, which is why designing a landing page that efficiently and calmly directs attention to important content is crucial. <strong>Think of it as being lost in a jungle: in order to clear a path to safety, you need to pull out a machete and start hacking.</strong></p>
<p>Instead of a webpage that confuses users by displaying everything at once, an <a href="http://blog.eyequant.com/2013/02/05/attention-driven-design/" target="_blank">attention-driven</a> landing page design carves an instant visual path, directing them to 3 essential pieces of information.</p>
<p>At EyeQuant, we call these the 3W’s:</p>
<ol>
<li><strong>What</strong> the page is about (your offer) </li>
<li><strong>Why</strong> it is important (your value proposition) </li>
<li><strong>Where</strong> a user should go next (your Call-to-Action) </li>
</ol>
<p>Considerable scientific research has been conducted in recent years in order to precisely identify how visual attention is deployed and directed, and what designers can do to best direct a user through the conversion process on a website. EyeQuant built an artificial intelligence based on this research that predicts what changes need to be made to guide a user’s gaze to the 3W’s, and also brings a common language to design meetings, where everyone has an opinion.</p>
<p><strong>In this blog post, we’ll draw on recent scientific research to introduce <a href="http://blog.eyequant.com/2013/02/05/attention-driven-design/" target="_blank">attention-driven design</a> as an essential strategy for maintaining a balance between branding and content, with a good dose of helpful hints along the way.</strong></p>
<h2>The Office Analogy </h2>
<p>Imagine this situation: A co-worker has asked you to find a document in their office while they’re out of town. You open the door to her office, fumble around for a lightswitch (which is hidden behind a coat-rack), and sigh in frustration: There are piles of paper everywhere, photographs and posters hang all over the brightly coloured walls, and knick-knacks cover any remaining surfaces. </p>
<p>There’s so much visual information to deal with that you have to find a place to sit for a moment to figure out where to start looking. Finally, after combing over the same spot for a few minutes, you spot the document &#8211; right in front of your eyes the entire time.</p>
<h3>What is Visual Clutter? </h3>
<p>Would it have been easier to find that important document if the office had been less chaotic?</p>
<div class="blog-photo"><img src="http://unbounce.com/photos/visual-clutter.jpg" alt="visual clutter" width="560" height="373" class="alignnone size-full wp-image-14876" /></div>
<div class="blog-photo-annotation">You wouldn’t want your office to look like this, so why should your landing page be this cluttered? </div>
<p>‘<strong>Visual noise</strong>’ is a another way of describing ‘clutter’. Just like in a messy office, clutter/visual noise is toxic to a landing page’s usability.</p>
<p>Visual noise tends to come in two forms:</p>
<ol>
<li><strong>Decoration</strong>: In an office, brightly-painted walls, plants, pictures, and mementos function as decoration, while on a landing page, decoration tends to come by way of branding, with logos, mascots, trust seals, and images. </li>
<li><strong>‘Stuff’</strong>: Handwritten notes, stacks of magazines, and empty coffee cups make up the endless array of ‘stuff’ we tend to amass, but on a landing page, ‘stuff’ is akin to secondary offers, parallel ad campaigns, unrelated images, and design gimmicks. </li>
</ol>
<p>A high-converting, user-friendly website doesn’t need to be uber minimal, though; branding is essential to a landing page’s performance. This includes <strong>putting users at ease, communicating to target audiences, and building a bridge between a brand’s offline and online personality</strong>. All the same, branding should never take center stage and crowd out the 3W’s.</p>
<p>How can you make sure that your brand identity isn’t distracting from your value proposition and call to action?</p>
<p>By implementing sound data on the science of attention into your workflow, that’s how.</p>
<p><a href="http://w.journalofvision.org/content/7/2/17.full.pdf+html" target="_blank">Recent research at MIT</a> suggests that a cluttered environment not only wreaks havoc on a landing page’s navigability but also on the user’s ability to recognize the 3W’s. According to the research, “Excess and/or disorganized display items can cause crowding, masking, decreased object recognition performance due to occlusion, and impaired visual search performance”.</p>
<p>Unsurprisingly, the study found that too much ‘<strong>variability</strong>’ in color, size, and texture creates a particularly cluttered environment: <strong>Constantly fluctuating colors and sizes create an atmosphere of unpredictability, confusing a user’s attention and ultimately driving them away.</strong></p>
<p><a href="http://blog.eyequant.com/2012/07/25/study-what-you-see-is-what-you-buy-how-a-simple-design-trick-affects-consumer-choices/" target="_blank">Researchers at Caltech (and EyeQuant scientific board members)</a> came to a similar conclusion with a study about brand awareness and consumer choices: In situations where a consumer is multi-tasking or under time constraints, researchers found that consumers are more likely to choose a brand that visually ‘pops out’ over one they would otherwise choose in terms of personal preference. <strong>Essentially, what you see is what you buy.</strong></p>
<p><strong>To better illustrate what this research suggests, let’s take a look at a few creative agency landing pages, with EyeQuant heat maps that illustrate their distribution of user attention:</strong></p>
<p><img src="http://unbounce.com/photos/Landing-Page-without-Heat-Map.png" alt="Landing Page without Heat Map" width="560" height="272" class="alignnone size-full wp-image-14877" /></p>
<p><img src="http://unbounce.com/photos/Landing-Page-With-Heat-Map.png" alt="Landing Page With Heat Map" width="560" height="275" class="alignnone size-full wp-image-14878" /></p>
<ul>
<li><a href="http://www.goodbysilverstein.com/" target="_blank">Goodby Silverstein’s</a> client work is crammed onto their page in no particular order, creating an objectiveless visual path for the user as seen in the attention heatmap. The navigation bar at the top of the page is the only way out of this visual maelstrom, but the type is too small to read, and garners little notice.</li>
</ul>
<p><img src="http://unbounce.com/photos/MCC-Landing-Page-without-Heat-Map.png" alt="MCC Landing Page without Heat Map" width="560" height="275" class="alignnone size-full wp-image-14879" /></p>
<p><img src="http://unbounce.com/photos/MCC-Landing-Page-with-Heat-Map.png" alt="MCC Landing Page with Heat Map" width="560" height="286" class="alignnone size-full wp-image-14880" /></p>
<ul>
<li><a href="http://mccom.com/" target="_blank">MCC</a>’s page seems less chaotic than Goodby Silverstein’s, but its color-coded organizational model is in fact arbitrary, and its varying type sizes are confusing. Take a look at the attention map: With no clear Call-to-Action or value proposition, the user flits all over the page with no real path guiding them to what they need to know.</li>
</ul>
<p>Tips:</p>
<ul>
<li><strong>Keep your landing page like you keep your office space</strong>: Organize content in terms of relevance with precise, intuitive categories &#8211; while making sure that the most important content (the 3W’s) stays close-at-hand at all times. </li>
<li><strong>Avoid variation in size, color, and texture</strong>. Think about predictability and consistency when organizing the information on your site; too much variability in your design is confusing for the user. Vibrant and bold color, size, and texture should be reserved for your 3W’s &#8211; everything else should be muted and uniform. </li>
<li><strong>Make sure that your 3W’s steal the spotlight by keeping branding to a minimum</strong>. Users aren’t coming to you to watch your latest ad, they just want to figure out what you do. </li>
</ul>
<div class="blog-photo"><img src="http://unbounce.com/photos/orgainized-office-space.png" alt="orgainized office space" width="560" height="396" class="alignnone size-full wp-image-14881" /></div>
<div class="blog-photo-annotation">Ah, now that’s a desk you can actually work on.</div>
<h2>How to Turn a Design Meeting into a Picnic in the Park </h2>
<p><strong>Even with scientific data on your side, convincing your clients, your boss, and your team that attention-driven design is the right direction can be difficult: everyone has their own ideas.</strong></p>
<p><a href="http://www.scribd.com/doc/28782791/Do-We-Need-Eye-Trackers-to-Tell-Where-People-Look" target="_blank">In a study from 2006</a>, researchers at the University of Copenhagen demonstrated that even a seasoned designer’s instincts can be  fallible: <strong>During an eye-tracking study, designers could only predict about 46% of the elements users had seen on a webpage, while users themselves could only remember 70% of what they actually saw.</strong></p>
<p>During a website’s redesign, making educated guesses is commonplace but often masks subjective bias &#8211; branding, creative, and analytics professionals all want to see their individual goals realized, sometimes at the expense of their colleagues’ own interests. As a result, many companies only begin testing a design once it has gone live. This strategy isn’t only counter-productive, it also wastes time and money, which is why objective, predictive insight is essential.</p>
<p>A <a href="http://blog.eyequant.com/2013/02/18/how-to-find-a-common-language-in-design-meetings/" target="_blank">study by MIT researchers </a>suggests that a data-driven predictive tool is essential to creating an atmosphere of collaboration because it creates a common language across different fields. Simply put, <strong>when design intuition melds with data, intuition remains with the user, not in the design meeting.</strong></p>
<p>Tips:</p>
<ul>
<li><strong>Introduce a new member to your team</strong>: Her name is objective, scientific data. </li>
<li><strong>Pre-test, pre-test, pre-test</strong>: Before changes to your website go live, pre-test how well your 3W’s will stand out against the more decorative aspects of your landing page using EyeQuant. </li>
</ul>
<hr />
<p>You know yourself (and your clients’ needs): You’ve spent hours pouring over a landing page, you know everything there is to know about what it does and how it works. Unfortunately, 99% of the rest of the world don’t. This is why it’s important to keep the most important elements on your page unfettered by clutter and easy to see, so that when a user arrives at your page, they know (almost) as much as you do, why they should care, and how they can join in on what you have to offer. </p>
<p>So, how can you get started down the path to attention-driven landing page design? Not to worry, we’ve mapped out these steps for you:</p>
<ul>
<li>Start with a free<a href="http://www.eyequant.com/" target="_blank"> EyeQuant</a> test. </li>
<li>Check for the 3W’s on your page &#8211; is this what your visitor sees first? </li>
<li>Move stuff around, try things out, and conduct experiments using Unbounce to re-arrange and play with color and contrast! </li>
<li>Compare your design tweaks using EyeQuant. Looking good? Implement with Unbounce, A/B test, rinse, repeat &#8211; and profit! </li>
<li>Take your proposed changes and ideas to your next design meeting with a big smile on your face; you have neuroscience and artificial intelligence on your side. </li>
</ul>
<p><a href="/author/bitsy-knox/" target="_blank"><em>&#8211; Bitsy Knox</em></a></p>
<hr />
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://try.unbounce.com/for-higher-conversion-rates/?utm_source=blog&#038;utm_medium=post&#038;utm_campaign=conversion-rate-optimization" target="_blank"><img src="http://unbounce.wpengine.netdna-cdn.com/wp-content/themes/unbounce2/images/unbounce-blog-footer-cta.png" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/OHUSctwRmgk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/landing-pages/attention-driven-landing-page-design/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		<feedburner:origLink>http://unbounce.com/landing-pages/attention-driven-landing-page-design/</feedburner:origLink></item>
		<item>
		<title>10 Solutions To Fix Your Busted Marketing Campaigns</title>
		<link>http://feedproxy.google.com/~r/Unbounce/~3/xYVZUwa2FIE/</link>
		<comments>http://unbounce.com/online-marketing/fix-your-busted-marketing-campaigns/#comments</comments>
		<pubDate>Thu, 02 May 2013 06:30:26 +0000</pubDate>
		<dc:creator>Oli Gardner</dc:creator>
				<category><![CDATA[Online Marketing]]></category>

		<guid isPermaLink="false">http://unbounce.com/?p=15090</guid>
		<description><![CDATA[Ever feel like you're suffering from Marketing Fail Disorder? Your conversion rates suck, the cha-ching bells have stopped and your leads have dried up. Well, panic not, because here are 10 super smart marketing ideas to take you from zero to hero in less time that it takes to say "iloveconversionrateoptimization." Twice.]]></description>
				<content:encoded><![CDATA[<p><strong>Question: Do any of the following keep you up at night?</strong></p>
<ul>
<li>I have no idea what to test, so now I don’t bother</li>
<li>Our visitors are leaving our website without doing anything</li>
<li>We blew through our AdWords budget in a day!</li>
<li>Our market has dried up&#8230;</li>
</ul>
<p><strong>I’ll pause there before early onset MFD (Marketing Fail Disorder) sets in.</strong> But if these resonate with you, your marketing is failing, and you’re wasting money that could be working <em>for</em> you instead of <em>against</em> you. </p>
<p>Read on for 10 marketing problems, each with a solution about how to fix them by leveraging the principles of conversion rate optimization, testing, and of course, landing pages.</p>
<h2>1. The HiPPOs Are Running the Asylum</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/hippos-running-the-asylum.jpg" alt="the hippos are running the asylum" width="560" class="alignnone size-full wp-image-15101" /></div>
<div class="blog-photo-annotation">Who’s in charge here? (<a href="http://www.flickr.com/photos/nationaalarchief/3236808980/" target="_blank">Source</a>)</div>
<p>I’m not talking about the kind you’d see on an African safari. Rather, the suits in your company, who could be stakeholders, your boss, or senior management. The term HiPPO refers to the <strong>Hi</strong>ghest <strong>P</strong>aid <strong>P</strong>erson’s <strong>O</strong>pinion, where decisions are based on conjecture or “experience” and are handed down to you to implement without any evidence of their true value. </p>
<p>Back when testing wasn&#8217;t an easy process, you’d have to suck it up and run with these ideas, but now (thanks to the advent of many inexpensive A/B testing tools) you can diplomatically reply to such a request with, “I have an idea too &#8211; why don’t we test them?”</p>
<p>If you win the test, you’ll be afforded more leeway in the future while educating the HiPPO’s about <a href="http://unbounce.com/conversion-rate-optimization/conversion-economics-the-cpa-sweet-spot/" target="_blank">the value of scientific experimentation &amp; testing</a> vs. random ideas. You’ll also start making more money for the company, which any smart HiPPO would be a fool to argue with.</p>
<p>Just remember though, if you dare to engage a HiPPO <em>without</em> testing, you run the risk of becoming yet another PWTMSMEBNE in the room (Person With The Most Subject Matter Expertise But No Evidence, obviously).</p>
<p>Stop listening to HiPPO’s, stop the assumptions, and start testing.</p>
<h2>2. Our Visitors Are Leaking</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/customers-are-leaking.jpg" alt="cusrtomers are leaving the website" width="560" height="306" class="alignnone size-full wp-image-15106" /></div>
<div class="blog-photo-annotation">You might want to fix that leak before your customers find it. (<a href="http://www.flickr.com/photos/powerhouse_museum/2901693142/sizes/o/in/photostream/" target="_blank">Source</a>)</div>
<p>Sounds like a strange statement to make. Actually, here the term “leak” refers to a “link” that moves your visitors away from a page and your intended conversion goal. </p>
<p>But really, who’s fault is it? <strong>My guess is that you’re sending your marketing traffic right to your homepage.</strong> Thought so. This is a classic rookie mistake that even seasoned marketing vets still make. Consider the fact that your homepage probably has between 30-60 links, and who knows how many products. </p>
<p>Are you really surprised that your visitors are wandering around like lost sheep? We all know that sheep need a herder. Someone to guide them to their final destination. That’s your job.</p>
<p>One visitor, one goal, no wandering around. That means no leaks. </p>
<p>So how do you plug the holes and stop the leaks? Congrats if you replied “with a landing page” in your head.</p>
<h3>Fixing the leaks with landing pages</h3>
<p>How do landing pages solve your leakage problems? By sending your marketing traffic to a targeted landing page you’ll reap many benefits including:</p>
<ul>
<li>A page designed specifically with one objective in mind, to attract clicks on the CTA that represents your conversion goal</li>
<li>A message tightly matched to the ad clicked to get there</li>
<li>A controlled environment that allows for optimization and accurate analytical measurement</li>
</ul>
<h2>3. AdWords Broke my Credit Card</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/adwords-broke-my-credit-card.jpg" alt="adwords not working" width="560" height="339" class="alignnone size-full wp-image-15104" /></div>
<div class="blog-photo-annotation">Is your advertising spend getting you into debt? (<a href="http://www.flickr.com/photos/powerhouse_museum/3284106360/sizes/o/in/photostream/" target="_blank">Source</a>)</div>
<p>AdWords (or any other pay-per-click platform) is probably the easiest way to blow your paycheck if you don’t know what you’re doing. </p>
<p>There are so many moving parts to a paid ad campaign that you may as well be playing Roulette in Vegas.  The ad copy, CTA, destination page, keywords you are bidding on, competing companies bidding on the same keywords etc. &#8211; means it’s easy to get it wrong when starting out. </p>
<p>If you want to gain an advantage you need to follow a few key principles:</p>
<ul>
<li><strong>Message match for Quality Score:</strong> One of the biggest factors in how much your ads cost is the quality score attributed to each ad. This is dependent on several things, one of which being the destination page, and how closely the content matches that of your ads. The easiest way to get a low quality score for a variety of ads is to send them all to your homepage. Not only can there be multiple messages on your homepage, but if you’re targeting different keywords, there’s no way they will all correlate to the content of your homepage. By using a landing page for each ad group, you can match the message of your ad more easily and as a result get a higher Quality Score.</li>
<li><strong>Message match for higher conversions:</strong> There’s also a human factor to consider when it comes to message match. If you read an ad that said “We sell blue apples” and arrived at a page with a headline that said “Welcome to the red apple store”, you’d think you were in the wrong place and leave. A landing page designed specifically for your ad will prevent the high bounce rate associated with this message mismatch.</li>
<li><strong>Privacy policies for lead gen: </strong>If you are doing lead gen and have a form on your landing page, you need to add a privacy policy link to tell Google (and your visitors) that you are trustworthy. Not having a privacy policy can seriously impact your Quality Score and drive up the cost of your ads &#8211; never mind the fact that they probably won’t get shown as better quality ads/pages will trump you in the search results. Finally, place the privacy policy link right next to the email form field to give it an extra trust factor.</li>
</ul>
<p>Again landing pages are the secret weapon that will help you keep both the ad bots and humans happy, and your ad costs and cost-per-acquisition (CPA) lower.</p>
<h2>4. Nobody Clicks Our Email Links</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/nobody-clicks-our-email-links.jpg" alt="email cta" width="560" height="378" class="alignnone size-full wp-image-15109" /></div>
<div class="blog-photo-annotation">It’s like your links are not even there! (<a href="http://www.flickr.com/photos/museemccordmuseum/7556142604/sizes/l/in/photostream/" target="_blank">Source</a>)</div>
<p>Are you telling a big long story in your emails? Paragraph after paragraph about how awesome you are? If people aren’t clicking on your email CTAs it&#8217;s probably because they sit at the end of an experience that&#8217;s perceived as too much work. People then give up reading and delete your email instead. </p>
<p><strong>There’s a better way to do email marketing</strong>, by shortening your emails into succinct and concise messages with a strong call to action.</p>
<h3>How to Shorten Your Emails Without Losing the Details</h3>
<p>Your email should be a teaser and nothing more. It&#8217;s singular goal is to intrigue your recipients enough to get them to click through to your landing page, which is where you place the full details of your marketing campaign. Your landing page is a much more effective place to do the selling after you&#8217;ve captured people&#8217;s attention. The reason for this is that you&#8217;ve got as much space as you need to tell your story. </p>
<p>If you need to showcase your product/service using video, a landing page is the perfect place to do this &#8211; again removing the need for a lot of written content in your email.</p>
<p>Shorten your next email and see how your click-through rate improves.</p>
<h2>5. I Don’t Know What to Test, So My Tests Don’t Work. Now I Don’t Test.</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/find-something-to-test.jpg" alt="what should I test" width="560" height="312" class="alignnone size-full wp-image-15107" /></div>
<div class="blog-photo-annotation">There must be something in there to test, to salvage some conversions. (<a href="http://www.flickr.com/photos/osucommons/5763007927/sizes/l/in/photostream/" target="_blank">Source</a>)</div>
<p>This is one of the most <strong>common problems in conversion optimization, knowing that you should be testing</strong>, but not knowing where, what, why and how you should be doing it. I’ll answer each of these questions in the order you should be doing it as part of your testing and optimization process:</p>
<h3>Where</h3>
<p>You want to start with the most high profile pages on your site. These will depend on your business, but will typically include your: </p>
<ul>
<li>Homepage</li>
<li>Pricing page</li>
<li>Landing pages that you are using for inbound advertising traffic</li>
<li>And other high traffic pages (check your analytics)</li>
</ul>
<h3>What</h3>
<p>There are some fundamental anatomical elements that are common to most pages, and these are most often what you’ll be testing.</p>
<ul>
<li>The core value proposition of the page, usually presented in the form of the page headline and sub-header</li>
<li>Your call-to-action design (contrast, use of whitespace, size, location) and copy</li>
<li>Form length, design and position</li>
<li>Amount of and readability of the page copy (chunk it and use bullets for improved scanning)</li>
</ul>
<h3>Why</h3>
<p>A big mistake is when people just try to test something without a real purpose, or a clear understanding of why they are testing. This is where your test hypothesis comes in. <strong>A hypothesis is a statement of what you are going to test and your theory behind why it will be a success</strong> (and any success criteria you can include). An example hypothesis would read something like this:</p>
<blockquote><p>“The page does not have a clear call-to-action, and prospects spend too long trying to understand what to do next. Adding a large orange button right under the main benefits will help prospects identify the CTA and get more of them to perform the desired action.”</p></blockquote>
<p>Once you have a hypothesis you are in a better position to make changes to a test page to compete against your original page in a conversion experiment.</p>
<h3>How</h3>
<p>Now that you’re ready to run a test, you need to follow a few basic rules to ensure that your experiment is a clean and uncontaminated one. </p>
<ul>
<li>Each page in your test &#8211; most commonly the original page and one “challenger” used in the A/B test, should receive at least 100 unique visitors and often as much as 500 or more depending on how drastic the changes increase (or decrease) conversions.</li>
<li>Your test should run for at least a week to account for variances in time of day and different daily behaviors (weekends are often very different to weekdays).</li>
<li>The statistical significance of the experiment should be over 95%. This is a number that is calculated by the testing software you are using to determine when the results you are seeing are for reasons other than chance alone.</li>
</ul>
<p>That was a brief intro to A/B testing, but is enough of a framework to stop you complaining that you don’t know what or how to test.</p>
<h2>6. My landing Pages Don’t Convert and I Don’t Know Why</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/confused.jpg" alt="my landing pages don&#039;t convert" width="560" height="374" class="alignnone size-full wp-image-15103" /></div>
<div class="blog-photo-annotation">I’m confused. Surely there’s an obvious explanation for why it’s not working. (<a href="http://www.flickr.com/photos/usnationalarchives/6124775674/sizes/l/in/photostream/" target="_blank">Source</a>)</div>
<p><strong>The best way to find out why your landing pages aren’t working is to ask.</strong> Ask your visitors and customers. Ask whoever is viewing your landing page and ignoring your wishes. The best way to do this is to add a live chat or survey widget to your page. </p>
<p>The information you get from your visitors at the point of conversion can be invaluable in figuring out why they didn&#8217;t convert and what to test to improve your landing pages &#8211; think of it as if they&#8217;re shopping at the Apple store and aren&#8217;t quite sure of the benefits of an iMac over a PC. Having someone right there to answer your questions (like live chat) can be the tipping point that encourages a sale.</p>
<p>Once you get feedback from talking to your visitors or asking them survey questions, you are in a much stronger position to create a hypothesis for a successful page. Which comes full circle back to my last point about what to test.</p>
<p>If you want to read more about how to gather and put user feedback into action, <a href="http://unbounce.com/social-media/how-i-created-a-viral-ebook-landing-page-for-8-using-themeforest-paywithatweet-kissinsights-and-unbounce/" target="_blank">read part 4 (or the whole thing) from this case study</a>.</p>
<h2>7. Our Blog Doesn&#8217;t Drive Many Signups</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/company-blog.jpg" alt="blog doesn&#039;t drive signups" width="560" height="342" class="alignnone size-full wp-image-15105" /></div>
<div class="blog-photo-annotation">Lots of visitors, but only a few signups? (<a href="http://www.flickr.com/photos/library_of_congress/6106496556/sizes/o/in/photostream/" target="_blank">Source</a>)</div>
<p>There are three main points to consider here:</p>
<ul>
<li>Your blog is a great source of inbound marketing, and should be considered a powerful tool in establishing your subject matter expertise and thought leadership. This is a critical platform on which to build the trust required to make people believe in you. If they respect your stance on a subject they will also believe that that you know what you&#8217;re talking about when it comes to building your product/service.</li>
<li>Asking your blog readers to register for your blog update emails enables you to leverage the email list by sending more excellent content to them in the future &#8211; such as ebooks, whitepapers and case studies. These documents can have subtle calls-to-action in them to turn a reader into a customer &#8211; providing an extra acquisition path.</li>
<li>You can also add a CTA to your blog (in the sidebar or at the end of each post) which will provide a small trickle of new customers. A good strategy for CTA design is to make them relevant to the category of the blog the reader is in. An example being, if they are in an A/B testing category, you would design your banner with a CTA like “Learn more about A/B testing”. This should lead to a landing page with content related to the subject and how your product provides the solution.</li>
</ul>
<p>So yes, you should keep your blog, and set it up so that it is monetized using these three approaches. And don’t forget &#8211; <strong>the bigger and better your blog becomes, the wider the reach it will have</strong> and the simpler the next point will be.</p>
<h2>8. Our Market Has Dried Up</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/market-has-dried-up.png" alt="market has dried up" width="560" height="315" class="alignnone size-full wp-image-15116" /></div>
<div class="blog-photo-annotation">Time to find another watering hole. (<a href="http://www.smashinghdwallpapers.com/wp-content/uploads/2012/11/Cracked-Dry-Land-1024x576.jpg" target="_blank">Source</a>)</div>
<p>This is a prime time to begin co-marketing with companies that have customers with similar needs as your own. By getting your name in front of a new set of eyes, you can rapidly grow the size your target market. To run a successful co-marketing strategy you need to start by laying the foundation for a smart relationship, and then establish contact with a clear set of possibilities laid out for each partner to do in order to get your/their name in front of each others customers.</p>
<p>Some examples of co-marketing tactics are:</p>
<ul>
<li>Sending an email to each others customer list to recommend the other company’s product, and explaining how they work together to provide extra benefit and value.</li>
<li>Writing guest posts for each other’s blog that shares your subject matter expertise with their readership, while staying on topic with the content of each blog.</li>
<li>Adding a logo and possibly partner description to each other’s website.</li>
<li>Exposure to social networks.</li>
<li>Co-promotion in contests and with special offers.</li>
<li>Joint webinars.</li>
</ul>
<p>Once you have an established authority in your market, you can set up a landing page for people interested in creating a partnership. A good strategy is then to have an email autoresponder set up, so that when the prospective partner completes your partnership request form, they will receive the email outlining that a reciprocal use of the prior examples would be how you’d like to move forward (if they are deemed to be a suitable partner). </p>
<h2>9. Our Visitors Are Coming for Dinner But Not Eating</h2>
<p><img src="http://unbounce.com/photos/not-eating-dinner.jpg" alt="visitors not staying" width="560" height="330" class="alignnone size-full wp-image-15110" /></p>
<div class="blog-photo-annotation">They are showing up, but not eating. (<a href="http://www.ladlesandjellyspoons.com/wp-content/uploads/2011/10/Dinner-Party3.jpg" target="_blank">Source</a>)</div>
<p>In other words, people are visiting your website, but not converting into customers. <strong>This could be a messaging problem</strong> which you can use an A/B testing tool to optimize, or it could be that your site is designed in such a way that <strong>visitors are getting lost</strong> or not finding the important information on your pages and as a result, bouncing from the site.</p>
<p>To see what they are doing on your pages, you can use heat map software like CrazyEgg to discover the most often clicked areas of your core pages, and adjust the layout to place the most important elements in the areas with the highest focus.</p>
<p>In the example below, you can see that visitor is jumping all around the page, and ignoring the call-to-action. It’s fairly easy to theorize that the reason for this is that the CTA doesn’t stand out from other page elements (especially contrast and color wise). </p>
<p>A lot of people say that button color is irrelevant, but this a complete falsehood when color contrast is the problem. Yes red might not perform better than green under ideal circumstances, but if the page is dominantly green, then a red button will stand out a lot more than a green one.</p>
<div class="blog-photo"><img src="http://unbounce.com/photos/heat_map-ctas.jpg" alt="heat map" width="560" height="643" class="alignnone size-full wp-image-15092" /></div>
<div class="blog-photo-annotation"></div>
<p>If you see something like this, you can improve the placement, contrast, size and whitespace use of your CTAs. If you see people spending a lot of time looking at the navigation or other “leaks” then you know they are confused and are seeking information elsewhere than the current page. Again, if you use a focused and targeted landing page, you can remove the potential for a lot of eye wandering and homepage A.D.D.</p>
<h2>10. Nobody Downloads Our Content</h2>
<div class="blog-photo"><img src="http://unbounce.com/photos/no-ebook-downloads.jpg" alt="ebook downloads" width="560" height="372" class="alignnone size-full wp-image-15091" /></div>
<div class="blog-photo-annotation">Are your ebooks being left on a virtual shelf gathering dust? (<a href="http://3.bp.blogspot.com/-BKbt4yAGWus/T4GbjzUbOcI/AAAAAAAAGC4/NBTbyD29WnQ/s1600/cobwebs.jpg" target="_blank">Source</a>)</div>
<p>You’ve spent the time to write an authoritative ebook or whitepaper, you’ve designed a great landing page to give it away in exchange for personal and business data. You&#8217;ve sent your entire email list to the page and shared it on your social networks. And yet, you are getting virtually no new leads from the page as nobody is completing your form to get the ebook.</p>
<p>It’s actually fairly easy to fix this problem. Here are three approaches to building a more effective ebook landing page.</p>
<h3>Have a preview</h3>
<p>Amazon pretty much invented this concept with their &#8220;Take a look inside&#8221; feature that lets you read part of the book and check out the contents. Most people are psychologically hard-wired with a sceptical &#8220;Try before you buy&#8221; mentality (think about how many people steal a grape before buying them! Yes I&#8217;m talking about you&#8230; and me). If your content is worth providing personal info for, then you should make it fair by showing off how good it is in advance. </p>
<p>To do this, take a portion of your ebook (a chapter for example), and make it available without barrier in one of the following formats:</p>
<ol>
<li>A short PDF document that people can download and read to gauge the quality of your work.</li>
<li>An embedded SlideShare presentation that walks through a series of slides constructed using ebook content.</li>
</ol>
<p>Can I say #guaranteedconversionlift?</p>
<h3>Reduce friction</h3>
<p>Friction is the perceived barrier to achieving a given task &#8211; in this case filling out your form. The trick here is to balance the level of friction with the &#8220;size of the prize&#8221; so that you&#8217;re offering a fair exchange. Essentially the better your ebook is, the more you ask in return. Just make sure it&#8217;s relevant data you&#8217;re collecting. Most people won&#8217;t part with their phone number to download a PDF, nor should they.</p>
<h3>Add a viral traffic feedback mechanism</h3>
<p>If you <a href="http://unbounce.com/social-media/how-i-created-a-viral-ebook-landing-page-for-8-using-themeforest-paywithatweet-kissinsights-and-unbounce/" target="_blank">read the case study in part 6</a>, you’ll be familiar with the viral feedback loop that you can use to fuel a continuous stream of traffic to your ebook download landing page. Essentially, you let people get your ebook in exchange for a tweet instead of an email. The tweet contains a link back to your ebook landing page, perpetuating the lifespan of your campaign. For best results, <a href="http://get.unbounce.com/lpo-guide-email/" target="_blank">offer both options</a> (<a href="http://www.paywithatweet.com" target="_blank">PayWithATweet</a> and exchange for an email).</p>
<hr />
So there you have it. 10 ways to fix your busted marketing campaigns. How many of these problems are you facing? I hope by next time you come back you&#8217;ll have plugged some of these holes and seen some conversion improvements in your marketing.</p>
<p>If you have any thoughts or suggestions about how to fix these problems, please share in the comments. I&#8217;ll see you there.</p>
<p><a href="/author/oli-gardner/"><em>&#8211; Oli Gardner</em></a></p>
<p align="center" style="margin: 20px 0px 20px 0px;">
<a href="http://try.unbounce.com/for-higher-conversion-rates/?utm_source=blog&#038;utm_medium=post&#038;utm_campaign=online-marketing" target="_blank"><img src="http://unbounce.wpengine.netdna-cdn.com/wp-content/themes/unbounce2/images/unbounce-blog-footer-cta.png" /></a></p>
<img src="http://feeds.feedburner.com/~r/Unbounce/~4/xYVZUwa2FIE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://unbounce.com/online-marketing/fix-your-busted-marketing-campaigns/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<feedburner:origLink>http://unbounce.com/online-marketing/fix-your-busted-marketing-campaigns/</feedburner:origLink></item>
	</channel>
</rss>
