Flashuser

  • Pin It

20 Modern Designed Landing Pages for Mobile Apps

“Any savvy inbound marketer “gets” that once you’ve done all that hard work to get visitors to your website, the next big step is to convert them into leads for your business. But what’s the best way to get them to convert? Landing pages, that’s what!” -Pamela Vaughan

So you’ve built your mobile app. It’s the best app of its kind at the moment – you’ve made sure. It’s innovative and intuitive as well as highly useful. Now it’s time to get people to use it. So you advertise. You don’t want to link the ads straight to the store page – that’s a bad idea. What you need is a good landing page to direct people to the store of their choice (for Apple, Android or Microsoft), depending on their mobile device.

You need to make your landing page as compelling as possible in order to get people to convert from visitors to clients. We’ve compiled a list of our favorite 20 landing pages for mobile apps and have broken down what makes them so great. What follows is a list of these pages, grouped by key point.

1. Simpler Is Better

A few years ago, web designers have realized that the more stuff they put in a website, the more confusing it is to the user and the more likely to scare them away. That’s why we’ve seen a huge explosion in minimalistic, simple and streamlined websites and apps. This trend is still growing and gaining momentum.

This means that, instead of cluttering the site with all sorts of distracting elements, you should rather focus on one element. The following apps are all highly complex and innovative, but all their landing pages are simple and focused. That’s why they’re so compelling.

Loudie

loudie-mobile-apps

This is a perfect example of a focused landing page. The one paragraph of text tells you exactly what the app does in a short, concise manner and all focus is drawn to the phone and how the app looks. Also note the discreet social media buttons beneath the copy. This is exactly what we’re talking about when we’re talking about focused minimalism.

ZonkOut

zonkout-mobile-app

Yet another simple and focused app landing page. This one features a vertical split that works extremely well visually while highlighting the app and its functionality perfectly. The fact that it’s mostly gray and black (with a few red highlights) makes the page look sleek and professional. Definitely one of the coolest minimal landing pages out there.

Mailbox

mailbox-mobile-app

Another great example of the use of neutral colors to highlight the app. While ZonkOut used mostly darker colors, Mailbox uses lighter colors and a lot of white. Note the use of the light blue in the logo and the call to action button. It’s a light, tranquil color and it really pops against the white and light browns of the rest of the website. Again, simpler is better.

IFTTT

4

Sometimes, you don’t even need images. This is a great example of how a good tagline can get you curious. The only visual element other than the light blue of the call to action button and the two menu buttons is the logo. It is clearly visually appealing and discreet at the same time. This is a great landing page as it does the one thing a landing page is meant to do: it piques the visitors’ interest.

2. Showcase Your App

When you get people to visit your landing page, it’s good for them to know where they’ve landed from the first second. That’s why it’s very important to showcase your product. Don’t be too cryptic, that may turn away visitors. It helps if you have some visual reminders of your ad on the page, so people instantly recognize where they are.

Judo

5

This is a great example of a good landing page showcasing the app. It details the functionality of the app as well by allowing you to scroll through several of its aspects explained. It’s simple, following the mantra of the previous point we mentioned and it tells you what you need to know about it.

Rdio

6

This is a great app landing page. Not only does it show you what the app does, but it focuses on the cross-platform aspect, which is one of its major selling points. It lets you know it’s not only a smartphone app, but one that’s available for desktop and tablets.

JustFamily

7

One simple phrase to let the user know what the app does and a visual cue that reminds them what the app looks like. If you scroll, various features are highlighted. This is truly a great landing page that knows how to showcase the product it’s selling.

Pudding Camera

8

And yet another landing page built around the app and properly showcasing it. You see how it looks, what it’s called and a few of its features right off the bat.

3. Show Them How It Works

You may notice that we’ve talked a lot about showcasing functionality with these past few examples. That’s because it’s highly important for the visitor (and potential buyer) to see not only what the app does in broad terms, but also specific aspects of the way it works. Otherwise they may not even want to try it out.

Oggl

9

This type of landing page is very popular for a good reason. Slideshows combine two very important aspects: they allow you to explore the various functions of your app and showcase it properly while still letting you keep the aired out design a minimalistic design page needs.

Github Mobile

10

Yet another popular design choice for showcasing an apps’ functionality, this layout is simple, has plenty of negative space and still manages to show you what the app does in detail.

DoIt

11

The video showcase is yet another great way to showcase your apps’ functionality without cluttering the page.

Everest

12

We’ve looked at another vertical split earlier on, when we reviewed the ZonkOut landing page. The landing page for Everest shows you how much of the apps functionality it can show without creating a clutter or scaring the visitor away.

4. The Test Drive

A great strategy to get people to use your app is to let them try it out right then and there, on the landing page. This will help them see how well it works as well as whether it would be something they would actually use before going and downloading it on their mobile device.

Foursquare

13

There’s really not much to say about Foursquare you haven’t heard before: gamification, one of the biggest apps around right now and so on. What we can say is that their landing page gives you a small taste of what the app feels like and how it works by letting you sample some of its functionality right then and there.

Ness

14

Much like Foursquare, all you have to do is turn on your location and the landing page will let you know how the app works firsthand.

Well

15

Yet another landing page that lets you try the app out right there. There’s really not much more to say – it’s a great, straightforward concept.

ParkMe

16

To let you see how well their parking app works, the ParkMe landing page lets you look for a parking spot right from your browser before you download the app.

5. Guide Your Visitors

Zite

17

Look at this extremely straightforward landing page. It lets you know what the app is, what it does and directs you to the places you can get it. It can’t get any simpler than this. This is exactly how you should place your call to action buttons.

Couple

18

Not only does this landing page use the video demonstration to explore its functionality, but it has conveniently placed call to action buttons that stay in the same spot as you explore the site.

Mosaic

19

This great landing page has beautiful visuals, lets you see how the app works and has a clear call to action button. It doesn’t get much better.

POP

20

This is a cool landing page that features a clear, visible call to action button that really “pops”, if you’ll pardon the pun.

That’s pretty much it for our look into landing pages for mobile apps and what makes them work. Now it’s your turn. What are your favorite landing pages? Make sure to let us know by leaving a message in the comments section below!

Author: Andra Postolache

Andra Postolache is the PR and Editor of Pixel77 and Designious. She’s passionate about writing, Marketing and animal prints. Get in touch with her on Twitter and Google+.

  • http://www.proweb365.com/ Minneapolis Web Design

    Thanks for great collection…It’s enough for all modern designers build up new mobile design.