Loading

FLIGHTMATE

App Design

RE-WORKING FLOWS, VISUAL DESIGN,
IN THE YELP FOR FLIGHTS

One of my first projects at Waymate in 2014 was to work on this concept the company had, for an app that would review flights, and based on that, would offer better solutions for travelers not to end up in a bad airline/ flight.

The app allowed you to enter your flight number, and with it, review how that flight has been based on a rating system that would involve from the moment of check-in until the time you picked up your luggage.

It was an ambitious project, that may have needed more emphasis on the community to really cover the immense amounts of flights to review everyday. Nonetheless, I was able to work on some nice improvements on the flow, the overall visual design and the experience.

Skills Used

Ux Design
100%
Wireframing
60%
Developing documentation
40%
UI Design
45%
Assets for Mobile
74%

Comprehensive documentation for
developers to implement

In an effort not to just deliver PSDs like previous designers were doing at the company, I developed a style guide which would have all changes made in the app, color codes, spacing and font guidelines, for developers to quickly follow.
Creating this documents was super fast, and it made the process for developers to pour the changes in X-Code even faster. They could just copy/paste the values, and compare quickly screen-by-screen if the content was right.
Also some more complex ‘effects’ were split into parts to achieve things like the overlay effect in a precise and great looking way.

Visual Design of the rating system

smiles

The rating system was simplified into a playful set of five emojis and a blank review space. The idea behind the design of this elements was to stay positive even over a bad review, and by color coding it was possible to have a quick overview of the “mood” of the review.
It was possible both to see an overall review for the airline / flight, or to just see it for a specific item on the flight like the food served.

Screens