Last week, we rounded up some of the most impressive landing pages out there and broke down why they rock from both a user's perspective and a marketer's perspective. But before visitors even get to your landing page, they're usually beckoned by a call-to-action. And it better be pretty awesome to get them to click.
We've discussed the elements of an effective call-to-action before, so now it's time to find real life examples of awesome calls-to-action (CTA) that can inspire your own designs. Take a look at what some popular B2B, B2C, and ecommerce brands are doing to entice their visitors to click through to landing pages, shopping carts, or just to interact in a more meaningful way with their site.
GoDaddy is a web and email hosting company that also sells domain names and other related services.
Why it's effective: The best calls-to-action are easy to find and have a focused objective. The objective of this particular page is to get a user to purchase a domain name they've selected, and this GoDaddy CTA uses one of the most fundamental best practices to achieving visibility: using a button color that starkly contrasts the rest of the site's design scheme. Upon visiting this page, the bright green draws the visitor's eye right to that registration button.
But GoDaddy goes beyond the basics and implements one other trick to hammer home the point of the page to its visitors. The 'Continue to Registration' button follows visitors all the way down the page, acting as a constant reminder that your next step is to click that button and register the domain name you've selected. This is wise because, if you've ever purchased a domain from GoDaddy, the upsell opportunities present on this page exist later on in the checkout process.
Because of the design of this call-to-action, visitors to this page experience no confusion: they are here to register their domain name, and they can do so by clicking that green button.
Jetsetter made an appearance on our list of the best landing pages, but hey, when you're good, you're good. They continue to be an invitation-only travel community offering access to exclusive travel deals.
Why it's effective: Many calls-to-action suffer poor conversion rates because, despite following design best practices, the writing doesn't clearly display the value of clicking through to the next page. This 'Plan a trip like this' CTA rocks because it so simply displays that oft-sought after value. After someone reads the very brief and artfully written description of enjoying wine and olive oil on the Italian coast, this CTA capitalizes on the positive feelings surrounding taking such a trip, and gives the visitor the opportunity to do just that -- plan that trip.
Another wonderful but easily overlooked detail in this CTA is the language on the button; the inclusion of the word 'like' implies that the trip doesn't need to be exactly the same as the one described above, but can be customized to fit the visitor's needs. This spirit of customization continues by offering a button that lets visitors see the bio of the person who planned that particular trip. And if you're worried the bio would distract visitors from following through with the marketer's intended action, no worries; the bio page provides another travel-planning CTA!
Intuit is a software company that provides financial software and services for businesses and consumers.
Why it's effective: It looks like orange is a popular CTA button color, eh? Well, Intuit's intuitions (har har) are good, because that button stands out from the rest of its site's design and calls the attention of the viewer to the free trial. The effectiveness of this tactic is compounded, as the language on the button aligns with the language in the headline.
The headline is also action oriented, making it clear what you can do on the page. The three bullet points then clearly explain the value of the free trial so visitors want to click, and there's one image aligned with each point of value -- another call-to-action best practice.
One creative trick Intuit is also employing is the use of extra white space around the call-to-action. This tactic, along with the fact that it's the biggest CTA on the page, helps draw attention to the free trial and simultaneously attract and instruct visitors on what they should do next.
Continuing the travel theme, Yapta helps people track changes in flight and hotel prices and get refunds on airline tickets.
Why it's effective: When it's not clear what actions can be performed on a page and there's no perceived connection between the CTA copy and CTA buttons, site visitors quickly go rogue trying to find what they're looking for. These calls-to-action solve for that common contextualization problem. Notice how the copy, images, and buttons all work together to guide the visitor:
- The parenthetical phrases provide a chronology - Am I in the pre-purchase or post-purchase stage?
- The images give a theme - Am I here for flights, hotels, or a refund?
- The copy explains - What can I do on this site to track flights, hotels, and refunds?
- The buttons instruct - Click through to find what you're looking for.
Every call-to-action aligns with the proper stage in the sales process, and makes it very clear what actions can and should be performed on this page. Yapta gets bonus points for keeping these calls-to-action above the fold and using the contrasting colors orange and grey to draw attention to the right places.
Zynga is a developer of browser-based games intended for social networking sites.
Why it's effective: In the game of most prominently positioned call-to-action, Zynga wins by a landslide. And it also get an honorable mention for successfully shirking some call-to-action best practices, namely that this is not the traditionally de-cluttered CTA for which many marketers strive in order to decrease bounce rate. But, they know their audience, and I'd venture a guess that this type of imagery is not distracting to gamers.
Either way, Zynga makes up for any distraction by making it crystal clear what action they want visitors to perform. Here's how:
- The 'Join The Fun' button is the last thing to load on the page, so your eye naturally settles on that area of the page.
- The white backlight behind 'Times Square' is the brightest part of the page, drawing your attention to the CTA button.
- The Times Square text effect brings the text towards the visitor, again, right by the CTA button.
- If you're worried the 'I Love Play' button in the top right would be a distraction, don't worry; it's not clickable!
Like Intuit, Zynga is also making use of lots of white space around this image (not pictured) to emphasize this 'Join The Fun' CTA. And finally, notice how small the social media follow buttons are underneath this banner. While Zynga's call-to-action isn't what we traditionally encounter, it does effectively display an important CTA best practice: have a defined purpose for your visitor, build your page around that purpose, and make it easy for your visitor to execute that purpose.
What call-to-action best practices do you find are most integral for awesome conversion rates?
Image credit: torley
Connect with HubSpot: