The Itinerary Flow
Some steps have been combined into 1 while others are repositioned to create a more convenient hassle-free flow.
Now. Let's go explore!
Thank you for coming this far. Learn more
Analyzing the flow!
Role
UX / UI Designer
Category
Design Test
Tools
Figma, Adobe suite
Time Taken
36 hours
Pickyourtrail
Founded in 2013 and based in Chennai, Pickyourtrail is one of India's highest-rated travel planners. Pickyourtrail helps people plan, customize and book their holidays online.
For the design test, I was asked to go through two steps. The first was to analyze the current itinerary flow and come up with suggestions on how to improve it. Secondly, I was to redesign their current Itinerary page and make it more visually appealing.
Problems identified
-
Although it was clear that the designers had a vision about the intuitiveness and the visual feel of the website from the use of cards and variation of fonts cleverly, this was diluted in the flow.
-
Analysis was made based on 3 piers: Content, Visual design, and navigation, and was found that the Ux, as well as Ui, suffered from redundancy, inconsistency, and a somewhat dull utilitarian approach to design which failed to capture attention.
The Itinerary Page
The Problem and the solution
The main issue to be tackled was how I was to present the total information in a visually appealing and fun way without creating information overload! After referring to other apps and websites with a similar requirements, It was decided to present the information as a timeline.
The Overview
The timeline is represented as tickets which are colour coded for easy identification of stays, activities, transportation and leisure. All relevant data like the weather, durations, no of nights are mentioned in the tickets! Icons used also helps with the legibility.
The Stays
The colour-coded ticket is retained along with the card for each stay for ease of recognition. The edit button can be used to add nights or even change the stay. All details can be availed on the detailed independent pages.
Transportation
All relevant data needed to travel remains on the ticket as icons and copies for easy identification.
