IphoneX landscape - Educational music app

Hello fellow designers!

Have you designed an app for iPhone X in a landscape mode yet?
Well, I have and it has been a struggle. After reviewing design guidelines, I finally pulled it through. However, with the new layout enhancement, I had to be careful that my design fits the screen properly, so I have added additional margins to the sides to ensure all content is visible and none of it is missing. Safe areas were crucial here, since Apple decided to add the new top element that is slightly pulled down, covering a small piece of a screen on top. I am talking about element where Camera hole, Receiver hole, Light sensor hole and Proximity sensor hole is located. Portrait version is much easier to design as the navigation bar is always on top and it does not interfere with design itself. However, when you rotate your phone to a landscape it all falls apart if you weren’t thinking about the side margins in the first place. So yes, it was a bit tricky to design this.
Have you encounter the same issues?
What do you think about landscape apps on the new iPhone X?

More about my App shown above; the focus is on Subscription screen. It is for Arabian market, so design fits the theme accordingly. UX goal is to make a user subscribe rather than purchase coins separately. User should be able to purchase currency that will be used to buy songs within the App. Subscribe option gives unlimited access to song with no extra costs. Subscription option is more efficient and also cheaper on the long run.

My design also shows the following scenarios:
1. User choose a song
2. User taps on price button
- Once modal dialog is shown, the first thing that user sees is a huge green button. This button invites users to choose the Best buy option instead of just buying coins.
3. Below the green button, there is Continue option, almost hidden, in case the user chooses to proceed with the more expensive option (perhaps if he is a one-time purchase user).

I hope you all enjoyed this one. This design is still work in progress, so if you have any suggestions, I’ll be more happy to hear them!

More by Ena Rerig

View profile