We’ve all had frustrating experiences browsing the web on our phones: load times that seem to carry on forever; pages that are cluttered and difficult to navigate; long, rambling blocks of text that make it tough to understand what you’re even looking at. Well, at Unbounce, we’re putting our foot down. We’re tired of junky mobile landing pages. We want to celebrate the pages that do mobile right, with easy-to-follow copy, super-sleek designs, and crazy-fast load times. And since it’s our blog, that’s what we’re going to do. But before diving into the incredible, Unbounce-built examples, we’ll cover some tips for how to knock your next mobile landing page outta the park. Mobile Landing Page Best Practices(“Duh, I know how to make killer mobile pages. Show me the examples!”) Mobile landing pages aren’t so different from their desktop counterparts, and standard best practices still apply. However, there are some additional considerations for on-the-go visitors, and it’s why you should really be building separate landing pages for mobile (or, at the bare minimum, ensuring that your page is mobile-responsive). Here are some sure-fire ways to build great mobile landing pages:
What does “attention ratio” mean? Attention ratio is the ratio of links on a landing page to the number of conversion goals. Since every campaign has one goal, the corresponding landing page should only have one call to action.
Ready to boost your page speed?
Get Unbounce's landing page speed checklist and follow our step-by-step guide to improve your load times in a single afternoon.
Best Mobile Landing Page Examples1. Western Rise
Image courtesy of Western Rise. (Click image to see the full page.)
Social media is a massive driver for ecommerce. Something like 54% of people active on social use the platforms to research products, and roughly a quarter click a promoted post in any given month. But driving conversions from social platforms requires a coherent, uniform experience—from the moment someone clicks an ad on their timeline to when they’re trying to remember their PayPal password at checkout. (Was it ‘12345’, or just ‘password’?) Will Waters, Co-Founder and Creative Director at functional clothier Western Rise, described how the company turns mobile visitors into handsomely-dressed customers.
Best Mobile Landing Page Takeaways:
Bonus: Western Rise uses a popup on the linked store page to promote a giveaway contest and capture leads. (Hey, if they’re not gonna buy, you can at least try to snag their email address.) 2. Glints
Image courtesy of Glints. (Click image to see the full page.)
Marketers sometimes have a way of over-complicating things. (Who, us?) They’ll use a paragraph where a sentence will do. They’ll build an explainer video when all prospects want to see is a screenshot. On mobile, simplicity wins. This landing page from talent recruitment platform Glints is an excellent example of how to do mobile right. The brand uses strong content above the fold that immediately communicates what the service is and why we should care: the copy is concise but descriptive, and there’s lots of white space that lets things breathe. It’s not longwinded or excessive—it’s compact and effective. Best Mobile Landing Page Takeaways:
3. Promo
Image courtesy of Promo. (Click image to see the full page.)
Promo are experts at using videos to drive conversions on their landing pages (as we highlighted in this post on high-converting pages). And they ought to be: the easy-to-use platform lets customers quickly build videos for sponsored social media posts. Promo not using videos in their marketing would be like Superman not using the power of flight in his marketing. (It’s a bird, it’s a plane? Ah, you’re too young.) But video content can be a big problem for mobile visitors. Deployed carelessly, it can dramatically increase a landing page’s weight and create grueling on-the-go load times. Poor page speed can cancel out any conversions you hoped to gain by including a video in the first place. Yael Miriam Klass, Promo’s Content Lead, described how the company uses video on mobile landing pages without sacrificing the overall experience:
Best Mobile Landing Page Takeaways:
4. Country Chic Paint
Image courtesy of Country Chic Paint. (Click image to see the full page.)
Emotional marketing is a great tool regardless of medium, but it’s especially useful on mobile. People tend to participate most in social media on their phones, and they’re already being emotionally primed by videos of dogs cuddling with ducks, or whatever you people are into these days. This landing page from Country Chic Paint—built by Webistry—includes an emotional element that makes it more likely to resonate with mobile visitors. Best Mobile Landing Page Takeaways:
5. ClaimCompass
Image courtesy of ClaimCompass. (Click image to see the full page.)
Making your offer clear is key to winning conversions on mobile. That can be tough when you’ve got a complicated product or service that needs some ‘splainin’—especially when it seems too good to be true. ClaimCompass was also featured in our high-converting landing page examples post, where Alex Sumin, the company’s Co-Founder and CMO, described the difficulty of getting people to buy into the promise of free cash. That hasn’t slowed Alex down, though: in addition to turning one of every three visitors into conversions, this Unbounce-built landing page does a great job of distilling a complex regulatory measure into the tangible benefits for consumers.
Best Mobile Landing Page Takeaways:
Bonus: The hero image speaks to anyone who has ever been on a delayed flight. Her face is my face. Her pain is my pain. 6. Helix
Image courtesy of Helix. (Click image to see the full page.)
Sleep is pretty popular these days, but archaeological evidence suggests that humans have actually been sleeping for thousands of years. Wild stuff. Mattress company Helix capitalizes on sleep-mania with this landing page that really showcases what’s possible on mobile. Despite including a ton of information, this page never feels overwhelming thanks to some awesome design decisions that make each section feel fresh with a new visual style. What elevates the page to the next level, though, is Helix’s use of relevant testimonials and its smart lead generation tool. Best Mobile Landing Page Takeaways:
7. Boostability
Image courtesy of Boostability. (Click image to see the full page.)
Lead generation still typically comes down to filling out a form, which can make it a little tricky on mobile. Visitors aren’t eager to tap out all of their personal details on a small screen. And speaking from experience, people struggle to thumb-spell even simple words correctly. Good luck adding [email protected] to your email list. If you’re going to use a lead gen form on your mobile landing page, you’d better make sure it’s autofill-enabled. That’s what the team at Boostability did, and—lo and behold—they’re currently rocking a conversion rate well above industry average. Best Mobile Landing Page Takeaways:
Not sure how your landing page performs on mobile? Run a test with the Unbounce Landing Page Analyzer, which ranks your page against nine specific performance categories including mobile responsiveness.
8. Good Eggs
Image courtesy of Good Eggs. (Click image to see the full page.)
Pitching your product or service to mobile visitors is tricky. People probably aren’t sitting down to read everything you’ve got to say. They’re usually on the move, half-glimpsing at their phone as wait in line for coffee or meander blindly into traffic. Even after you’ve got them on your page, you need to work hard to keep their attention. That’s not the only challenge Good Eggs faced with this landing page. Grocery delivery is an increasingly crowded space, and the company needs to differentiate itself from its competitors. That means having an opportunity to explain why this service is different. Heidi Hirvonen, Marketing Manager at Good Eggs, explained how the company builds landing pages that keep mobile visitors engaged:
Best Mobile Landing Page Takeaways:
9. Ace
Image courtesy of Ace. (Click image to see the full page.)
Sometimes, a landing page is about more than just getting visitors to understand the tangible features and benefits of your offer. You might want to convey a feeling—make them understand what it’s like to have taken the plunge and experienced transformative results. When it works, it’s powerful. Ace is a test preparation company that helps aspiring students with their Test of English as a Foreign Language (TOEFL) exam, which can make or break their academic and professional goals. Harnessing that emotional element to drive conversions, Ace’s landing page—built by DMR—evokes a sense of aspiration that encourages prospects to dream big. Best Mobile Landing Page Takeaways:
10. GoBoat
Image courtesy of GoBoat. (Click image to see the full page.)
Like Ace in the previous example, GoBoat goes light on the description of its boat rental service and instead focuses on the experience of seeing Copenhagen from the water—how it feels. Sure, there’s less pirate imagery than we’d like for a company that says we can “be [our] own captain,” but GoBoat includes a ton of beautiful photographs that have already got me planning a summer trip to Denmark. Best Mobile Landing Page Takeaways:
from https://unbounce.com/landing-page-examples/best-mobile-landing-page-examples/
0 Comments
Leave a Reply. |