Flexibility, the great advantage of flying cheap.

One week challenge. This time the brief was to design a best value flights app differentiated to what we already have in the market.

I would like to start by introducing you Matthew. He is a digital nomad aged 34. That means he is able to work from wherever he wants as long as he has his laptop and some internet access from time to time.

That’s great because it allows him to combine work and travel. He tries to stay a bit in the cities in order to learn about their culture and lifestyle and maybe he ends up settling down in one of them. But this is not so easy because he has to take care of his finances. He doesn’t have a stable income so he has to be careful with expenses. He often ends up buying organized last minute trips crowded with tourists visiting the same attractions which he doesn’t enjoy.

Let’s keep in mind the main points:

Yes! “flexifly”, the travel app that will help Matthew by listing the cheapest destinations according to his dates or the cheapest dates according to his destination.

Prototype

How does it work?

  • We can see how Matthew opens the app, fills in his origin and leaves the information about the round trip and just 1 adult.
  • As he knows which days he wants to fly he picks flex where.
  • He wants to fly far, so he slips the duration of flight till 18h distance.
  • He picks for “adventure”. It sounds attractive to him.
  • He proposes “South America”, maybe he can practice some Spanish.
  • He finishes the process.
  • We can check the beginning of the flex when flow to Paris till the point it would look like as the flex where flow.

How does it look like?

The app is really clean and clear designed. It respects and benefits from certain aspects and steps learned by the user in order to keep the experience easy and intuitive.

The app is mostly white with a high saturated blue. The colour is fresh, young but serious, associated with the sky and combined with white it’s easy to read.

Adapted to iOS as to Android

The app design adapts to both operating systems so that the user feels always comfortable with the visual language on the screen. Let’s check some fast differences.

  1. The menu in iOS is at the down part of the screen while in Android uses the hamburger menu at the left top corner and leaves the down part for its native menu.
  2. iOS uses rounded borders while Android keeps them angular.
  3. The navigation bar with the segmented controls as the one of its native system, inside a box for iOS and underlined for Android.
  4. The calendar highlights are also as its native one.

How did I get here?

First of all, I did a benchmark. I tried to understand what it was working in each case and what I needed to do differently. I analyzed mostly this 6:

I draw a flow and some screens in paper to get the main structure clear and I jumped quite fast to a mid-fidelity prototype to start testing and check what was working and whatnot. I would like to explain to you briefly 2 steps that evolved while the whole process.

  1. The home needed too much information so it was split up into 2 screens.
Home screen

2. The destination list result after pressing “surprise me” needed a bit more of emotion.

Destinations proposals screens

What about the money?

  • Flexifly works hand to hand with the different airlines so we can measure the value and demonstrate how effective the app is by its KPIs.
  • There’s a big banner at the home screen that combines inspirational content and advertising.
  • We have some space for promotions in your confirmation and reminder email.

Next steps

  • Finish hi-fidelity prototype and tested again
  • Build some micro animations to get the app flow feeling

Learnings

  • Testing is the way of really understanding if something is working
  • Prioritize: time and information
  • Select what you really need to show

Thank you for reading!