Mobile App Landing Pages on Apple (iOS) devices - Instapage Guide

Mobile App Landing Pages on Apple (iOS) devices

Last updated on May 18, 2017

In chapter 6 we showcased a few mobile app landing pages on Android devices, now let’s look at a few displayed on Apple iOS devices:

Swifty teaches you how to code. This is how the same page looks on iPhone 6s:

Swifty on iPhone 6S

On iPhone 6s Plus:

Swifty on iPhone 6S Plus

And, on iPhone 6 Plus:

Swifty on iPhone 6 Plus

Similar to the examples in the previous chapter, let’s see how optimized mobile app landing pages display on Apple tablet devices.

Tablets

On Apple’s iPad Air 2, this is how Swifty’s page displays in portrait mode:

Swifty on iPad Air 2

What’s interesting to point out in this tablet example is that the navigation links are listed in the page header. This is not ideal for landing pages because they serve as exit links, which can distract a visitor’s attention away from converting on the page.

Swift’s mobile app landing page is mobile responsive, and it’s clearly readable across the Apple devices listed above, which isn’t true for the Tasty Club page.

Notice how the receipt’s font is not legible on the iPhone 6s Plus:

Tasty Club on iPhone 6S Plus

Clearly, this isn’t a mobile responsive page because that same font isn’t any more readable on iPhone 6 Plus:

Tasty Club on iPhone 6 Plus

And on iPad Air 2 the font isn’t any better considering the screen size is significantly larger than any iPhone:

Tasty Club on iPad Air 2