We were provided a great opportunity by Qatar Airways to hone our visual design skills and process by creating a mobile app UI library for iOS. A UI Library, also known as visual styles, or theme, is a custom graphical interface elements package that is applied to a particular app or website to create an elegant experience for the users.
After we had a better understanding of user goals and behaviours, we have listed some key features of the app below in order to create low-fidelity wireframes sketches.
Flight list (sort by depature/arrival, best prices nearby, date ranges, for you)
Search (filter by category, type, price range, location, rating etc.)
Boarding pass (digital)
User Profile (gamification, to learn list)
We interviewed a few users to understand their needs and discovered the moods of the app to further define the visual language.
Why would you use this app?
What mood would facilitate for these needs to be fulfilled?
How could you communicate this mood through visual language? (colour, space, shape and movement.)
After we decided on the visual style, we applied it to the prototype with following high-fidelity user interfaces.