Trippin'
Fast, smart and easy trip booking App | 2018
BACKGROUND
A quick and intuitive App for searching and booking your next trip.
The base premise was that you always know who is going, not always when or where.
3 simple questions to set the base for the trip (who, when, where to), followed by flight search, seat reservation and anything else needed for an ideal vacation.
MY ROLE
UI . Co-UX . Motion & Animation . Brand
CHALLENGE
To create a very intuitive flight booking flow, from search (that can be randomised) to sit reservation with a very clear understanding as for the next action needed.
Who will be Trippin'?
As I mentioned, the base premise was that you always know who is going, not always when or where. Think about it, the individuals joining the trip are known (usually yourself with family or friends), but sometimes the dates and destination are flexible or you just wish to be surprised and spontanious.
The App starts by asking who is going showing big scrolling dials that can't be mistaken for. How many adults and children with a main call-to-action button at the bottom.
Randomise the dates and destination
Users can choose certain months to search for, as well as minimum and maximum number of days. This gives the most comfortable randomisation option since flexibility is needed necessary. These are presented very simply using big numbers dials and clear clickable buttons.
Search for the perfect flight that suites you
Filtering
Users can choose to filter by the things that matter most when going on vacation: Duration, price and arrival time (since we often want to enjoy a full vacation day) .
When presented with available flights that match the trip's parameters, users can see all the important information regarding the flight: Airline, Date, Departure and Arrival times, Total flights time, Direct / with stops Price
What's your name?
Quickly fill in your name & passport details and choose the type of luggage (showing its price next to it).
You're O.K. to continue
The main ‘next’ button is always disabled if there is still an input needed on the user side. Only when all needed data is chosen, the button is being activated. This makes for a flowing process minimal misunderstandings or errors.
Natural Flow
After choosing the departure and return flights, users can see a clear diagram of the plane's seating arrangement, and choose from available seats. Then it's payment time, also using simple, big input fields for the easiest filling process possible.
Give me the bottom line
At the end of the flight booking process users are given their ticket, showing all details in a very clear and easy to read form, including times, prices and all. It was important to always be as transparent and clear as possible, so the users always know what they get.
So, what did we have?
A very clear and easy to follow summary is shown at the end of the process. The readability is crucial and contribute to the understanding of this informative screen. Names, date, time and place, all the way to the price. You see it as you read it.
There's also the option to change seats or luggage before continuing to payment. Of course, two very important buttons at the bottom are download and share so you can save the summary for future use, or send all the details to yourself or people who travel with you.
Discovering even more
After the flight is booked users are shown additional info regarding the destination, and the options to book a hotel or rent a car.
A nicely presented background will show an image of the trip's destination.
