cheapflights app icon
Available_on_the_App_Store sAndroid-app-on-Google-play-logo s

Situation: We were chosen by CheapFlights to create ‘the easiest tool to discover the very best flight deals’ on mobile, for iPhone, iPad and Android smartphones. My role was as UX Architect for MVP iPhone and Android apps, and I reported directly to the Creative Director.

Task: I was tasked to design the UX for iPhone and Android smartphone apps, from scoping to wireframes sign off in 5 weeks, and worked closely with other team members (visual designers, developers, QA testers, project managers etc.) throughout the project.

Approach:

  • Research: I was given the vision by our strategy team – ‘tap and go, streamlined search, and the right results’. With the vision in mind, I started with competitive research and user feedbacks on competitors’ products, and discussed our initial ideas with client in scoping session.
  • Deliverables:
    – Userflow: Afterwards, I put all the content/functions required into a userflow, described each step and screen in detail, showing all possible user journeys.
    – Wireframes with annotation: Then I designed wireframes for each screen, from sketch to Omnigraffle, with functional spec for each element.
    – Prototypes: Together with wireframes, I created prototypes in different fidelities for different purposes, including paper prototype to do initial user testing, and animations (After Effect & stop motion) to communicate specific transitions.
  • Communication: I presented all UX work to client directly. Throughout the project, I also worked closely with visual designers, MSA, developers, QA tester, project managers and copywriter.

Results: The apps were delivered on time, and to client’s satisfaction. It also received 4-5 star reviews from end users.

Addition: After the MVP launch, I was invited to work at client side for 2 weeks to work with their in-house UX and VD team, to add more features to the apps. I also created a UX best practice document for them as a reference to carry on developing the apps in-house.

Cheapflights-apps

Cheapflights MVP apps for iPhone and Android smartphones

 

Userflow

Userflow

Sketch

Sketch

Wireframes with annotation

Wireframes with annotation

Paper prototype

Paper prototype