TrackTravel
TackTravel provides travel experiences to curious customers who are interested in traveling but don't have the time to do all the research themselves. The goal was to provide a user-centric environment that helped travelers have an authentic experience, while getting them excited about traveling.
My Role: UX & UI Designer
Sketching
Following the research provided by the client and insights gathered during user interviews, we defined user and business goals for each key screen. During the sketching process, I made sure that the different layout options presented addressed each persona’s objectives and concerns.
The search needs to cater for both type of personas: those who knew know they want to go and those who want to be inspired.
Next
During user interviews, one of the main concerns we found was that users perceived travel packages as very expensive. We needed to show finance options up front.
Next
This is the user that likes to travel smart: get the most value for her money. She is looking for an all-in-one solution (plane ticket, hotel, activities, etc).
Next
For the user who wants to travel but has no idea where to go. She’s overwhelmed by the amount of information online and is looking for recommendations.
Next
For the user who doesn’t want to spend her precious time surfing the web for trips that aren’t for her. She wants to see the best destinations based on the type of traveler (solo traveler, friends, couples, families).
Next
For the user who wants to see testimonials and photos that show authentic experiences of other travelers.
NextHigh-Fidelity Wireframes
After sketching the main user flows and selecting different layout options, it was time to create an interactive prototype, both for desktop and mobile breakpoints.
User Testing
I ran quick-and-dirty usability tests during the whole wireframing process to see if users were able to accomplish specific tasks in order to make sure the designs were performing as intended.
Visual Designs
I created different style tiles to represent the overall visual aesthetic of TackTravel and defined colors, fonts, buttons, including a library of icons to be used throughout the site. From there, we presented the visual design of each screen, going through various rounds of feedback until we got it just right.
Multi-step Search
We designed each element of the search process to create a seamless user experience.
Customize Your Trip
The user can click on the various icons to filter the best options for their trip, and view the available choices, signaled by the different colored filters.
Sticky Header
As the user scrolls, the header stays fixed at the top of the screen, so that they can view or edit the filters as they customize their trip.
Checkout
The user completes the final details of their reservation. As they click “complete,” their experience with TackTravel comes to an end, and they’re ready to embark on their next adventure!
