{"id":28705,"date":"2015-08-12T14:16:47","date_gmt":"2015-08-12T21:16:47","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=28705"},"modified":"2015-08-14T09:12:34","modified_gmt":"2015-08-14T16:12:34","slug":"best-2015-app-pages","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/best-2015-app-pages\/","title":{"rendered":"The 21 Best Designed App Landing Pages of 2015 (So Far)"},"content":{"rendered":"

Mobile is the dominant computing platform of this generation, but plenty of people still discover and download apps from traditional websites.<\/p>\n

Since the launch of the app store, we\u2019ve seen countless posts on the topic of landing page inspiration and optimization that commonly tout the obvious: showcase a benefit; establish a clear call to action; place a download button above the fold, etc.<\/p>\n

In 2015, these patterns have solidified and continued to evolve. See some of the best designed app landing pages of the year below.<\/p>\n

Operator(Single Non-Scrolling Page)<\/a><\/h3>\n

\"operator

Operator<\/a> is the best example of 2015\u2019s big shift to non-scrolling landing pages.<\/p>\n

It\u2019s extremely difficult to introduce an app, articulate its value, and offer it for download on a single page while maintaining visual clarity. Operator does an incredible job of all three, with room to spare for header and footer links. A friendly emoji even welcomes visitors to the app\u2019s waiting list.<\/p>\n

Mylo(App Preview)<\/a><\/h3>\n

\"mylo

Previewing an app\u2019s capabilities is an important feature of today\u2019s landing pages, many of which integrate demonstration videos. Mylo<\/a> has done the best job this year, implementing an auto-play feature along with a narrator (defaulted to mute), which clearly details the app\u2019s value.<\/p>\n

Following the splash, Mylo introduces visitors to its app, brand, and values with fashionable fullscreen photography, highlighting the company\u2019s philosophy of simple living.<\/p>\n

Swifty(Live App Demo)<\/a><\/h3>\n

\"swifty

Swifty<\/a> takes in-app demonstrations to another level this year with a live demo that encourages users to test the app on their landing page.<\/p>\n

If you interact with the demo, you receive your first one minute lesson, followed by another trend that has emerged this year: the replacement of \u201cDownload on the App Store\u201d with \u201cGet the App\u201d, mirroring the App Store\u2019s recent shift in language.<\/p>\n

Facebook Moments(Video)<\/a><\/h3>\n

\"facebook

Explainer videos are nothing new on landing pages, but the production value of the Moments<\/a> video, and its completely seamless integration into the browser, certainly is.<\/p>\n

The player is completely embedded into the browser, and the video\u2019s first screen matches the landing page, which enables the Moments site to transition seamlessly from browser to video. The video is clear, well animated, and unique, explaining the value of the app while barely showcasing it.<\/p>\n

Facebook Messenger(Cross Platform)<\/a><\/h3>\n

\"fb

Increasingly, mobile apps are becoming more than just mobile apps: they\u2019re becoming single pieces of a cross-platform strategy that encourages users to connect on any device with transferable data and a consistent experience.<\/p>\n

In addition to showcasing their ubiquity across phones, Messenger<\/a> includes a laptop view of the app in the background, making it clear that Messenger is a cross-platform app that can be used anywhere. Add an integration that retains your Facebook login and greets you by name rather than asking you to Sign In (not pictured above) and you\u2019ve got a messaging app that feels like it will follow you anywhere.<\/p>\n

Trippeo(Rich Media)<\/a><\/h3>\n

\"trippeo

With their compelling single page narrative following a users app experience, Trippeo<\/a> is 2015\u2019s best landing page for interactive design, rich media integration, and digital advertising.<\/p>\n

The site is well realized with a smooth, animated flow, a subtle (but effective) use of video, and a clear value proposition told through a simple story. It\u2019s questionable, however, if sites like this convert. Either way, it\u2019s a pleasure to browse through.<\/p>\n

Kong<\/a><\/h3>\n

\"kong

Kong\u2019s page ignores conventional landing page wisdom (especially for apps), but still manages to create a compelling, albeit mysterious splash that encourages visitors to explore the app in depth.<\/p>\n

Periscope<\/a><\/h3>\n

\"periscope

Periscope\u2019s user experience focuses almost exclusively on its live-view screen, and this is demonstrated perfectly on their landing page. From the video of the hot air balloons to the tagline: \u201cExplore the World Through Someone Else\u2019s Eyes\u201d, the value of the app is easy to understand and definitely encourages a download.<\/p>\n

Stripe<\/a><\/h3>\n

\"Stripe

Stripe does an excellent job of building trust with potential customers through a few subtle touches: a cleanly animated walk-through; the use of tablets and phones to demonstrate app capabilities; and a trustworthy blue palette that suggests your finances and personal information will be handled carefully.<\/p>\n

Black<\/a><\/h3>\n

\"black

What else would you expect from a film emulator app? Giant, striking photography, black and white imagery, and contemporary web design position Black as the artsy alternative to Instagram and a throng of other photo filter apps on the market.<\/p>\n

NeuBible<\/a><\/h3>\n

\"newbible

NeuBible has all of the bases covered: a striking hero shot, clear messaging, and a prominent download button. Combined with a gorgeously realized app, these three features may help NeuBible convert the masses.<\/p>\n

Filters<\/a><\/h3>\n

\"filters

A large, eye-catching icon gets prime real estate on Filters\u2019 landing page, a clear indicator that the visitor is perusing an application page. The splash also features a subtle mosaic of Filters\u2019 capabilities. Everything one needs to know about the app is communicated in a single page and a single sentence.<\/p>\n

Todoist<\/a><\/h3>\n

\"todoist

Todoist is a cross-platform application, which means things can get complicated. Fortunately, this well-constructed landing page frames Todoist with a clear value proposition and some clever button copy. Visitors can take a dive deep if they like – the features of each platform are neatly organized with a series of buttons along the footer of the splash.<\/p>\n

Faces<\/a><\/h3>\n

\"fiverr

Faces makes use of some simple but effective scrolling techniques to compliment its clear and concise copy. Users scroll through a three step application demo while sampling a few of Faces\u2019 caricature options. As effortless as an demo gets!<\/p>\n

GameIt<\/a><\/h3>\n

\"gameit

Qapital<\/a><\/h3>\n

\"qapital

Qapital is notable in that it takes a visual approach to a market that is usually appealed to with practical messaging and conservative imagery. Large images dominate the splash page to reflect the app\u2019s interface. Qapital does an excellent job making finance feel exciting: a very tall task.<\/p>\n

Docady<\/a><\/h3>\n

\"docady

In tandem with a full page splash video, a prominent preview button does the heavy lifting on Docady\u2019s landing page. A wonderfully animated app preview is also put to good use. Simplicity may not be their forte, but Docady has a host of bells and whistles at their disposal.<\/p>\n

Rizon<\/a><\/h3>\n

\"rizon

Rizon is an exercise in clean design and clear messaging. In a nice touch, Rizon\u2019s logo mirrors the app\u2019s main screen, which lets the user know what hour the best photos are taken (\u201cThe Golden Hour\u201d). Visitors are prompted to sign up through a centrally located button and a straightforward preview of the application.<\/p>\n

Peeq<\/a><\/h3>\n

\"peeq

Prefer not to read? Peeq\u2019s landing page is for you. A 6 second visit is all you need to understand Peeq\u2019s 6 second approach to social media. Enough said?<\/p>\n

Urban Walks<\/a><\/h3>\n

\"urban

Urban Walks is billed as \u201cA Better Way to Explore NYC.\u201d If that\u2019s not true, it\u2019s a pity, because their landing page is a master class in rich media. Visitors are encouraged to scroll through a host of Urban Walk\u2019s functions, and I encourage you to do so, whether you\u2019re planning to visit NYC or not.<\/p>\n

QuizUp<\/a><\/h3>\n

\"quizup

QuizUp, the successful trivia game turned social media app, has a single page experience that makes use of 3D imagery, concise messaging and clearly labelled buttons. QuizUp is a confidently designed page that places their app demo and CTA front and center.<\/p>\n

Did I miss any great landing pages? Feel free to share in the post comments below.<\/p>\n

Author Bio:<\/strong> Daniel Eckler is the founder of Mylo<\/a>, the simplest way for men to dress well. You can find him on Twitter @mylo_daniel<\/a> or read more about him on his personal website<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Mobile is the dominant computing platform of this generation, but plenty of people still discover and download apps from traditional websites. Since the launch of the app store, we\u2019ve seen countless posts on the topic of landing page inspiration and optimization that commonly tout the obvious: showcase a benefit; establish a clear call to action; […]<\/p>\n","protected":false},"author":1802,"featured_media":28706,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[117,479],"tags":[375,969,253,238],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/28705"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/1802"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=28705"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/28705\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media\/28706"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=28705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=28705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=28705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}