The other day I was walking to the bus, using my NextBus app to track when the bus would arrive. Actually, it was more of a half-walk/half-run — sort of like a gallop — because I was late and in a panic but trying to still look **cool**.
Anyway, as I galloped down the sidewalk maniacally refreshing the app, a pop-up ad appeared for Candy Crush. The call-to-action they used solidified that if there was ever a chance in hell I’d play Candy Crush, it’s now forever gone. Why? Because the CTA gave me two options when asking me to download Candy Crush: “Okay,” or “Continue.”
Soooo … you’re telling me my options are yes, or yes? Screw you, Candy Crush! I finally found the “X” in the top right corner, which was small and blended in all-too-well with the obnoxious background. The experience made me want to write a post like this that celebrated all the good calls-to-action in the world. So here are some of my favorites. They’re sexy, they’re effective, and they’re good inspiration for marketers creating their own CTAs.
10 Delightful Designs for Effective Calls-to-Action (CTAs)1)
Indie Aisle starts us off with a bang, drawing out a scene familiar to its persona — the editor — to help make the CTA more enticing. The visual is different from what we typically see on most websites, like stock photography and vector images. But function isn’t compromised, either; we still see our four options clearly laid out, so a visiting editor understands exactly what she can do with Indie Aisle.
This is one of those calls-to-action you should experience through more than just a screenshot, because Akismet has actually made its CTA interactive with a real-time counter. It displays the value of the product front and center by showing exactly how many spammy comments they’ve “zapped,” and lets you get started right away with its contrasting blue button.
Dailymile is also making use of the interactive counter (you can see my screenshot snagged a little bit of the “3” transitioning into a “4”), but they’re making their call-to-action even stronger with the additional social proof at the bottom. Showing me who in my Facebook network is using the product, combined with the actual examples of people’s workouts being tracked, makes it more compelling for someone to get started stat.
Humor, design savvy, clear value proposition, social proof: This CTA from Curator And Mule has it all. I know what the service is, I want it*, and I’m smiling. Sold.
*Even though I’m not a dude. The CTA’s that good.
It’s a bold move to make your first CTA “buy now.” But Lytro nails it here. The white space is drastic, highlighting the product and the evocative language they’ve selected. Taken in all together, it’s so drastic that by the time you’ve collected yourself you’re at one of two stages: 1) Yeah, let’s buy this thing, or 2) I don’t know what this is, but I want to know.
Luckily, right at that stage, the CTA changes to a “learn more” CTA that is just as visually compelling. It’s like getting a punch in the face, but you’re not even mad about it. It’s pretty cool. I recommend popping over to their site to give the experience a whirl.
This CTA is quite literal and pretty meta — they consider their mission above all else, and this CTA reporting on how their mission is going is displayed above all else on the website. This is the thing the Livestrong website wants you to see, and they make that clear with a striking visual and powerful language.
Continue reading more on this at blog.hubspot.com
Categories: Digital Advertising