See more where this came from
UX & UI Design
TackTravel provides travel experiences to curious customers who are interested in traveling but don’t have the time to do all the research themselves.
Provide a user-centric environment to help travelers have an authentic booking experience and get excited about traveling.
Using insights from research and user interviews, we defined user and business goals for each key screen. We made sure that the different layout options presented addressed each persona's objectives and concerns.
The search needs to cater to two types of personas: those who know where they want to go, and those who want to be inspired
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.
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).
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.
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).
We want to show the brand’s DNA — its core values and personality.
For the user who wants to see testimonials and photos that show authentic experiences of other travelers.
Time to create an interactive prototype for both desktop and mobile breakpoints. We ran quick-and-dirty usability tests during the whole wireframing process to see if users were able to accomplish specific tasks. We had to make sure the designs were performing as intended!
We defined colors, fonts, buttons and 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.
We designed each element of the search process to create a seamless user experience and cater the experience to the traveler. They can browse destinations based on:
Type of Travel
Number of travelers
The header stays fixed at the top of the screen as the user scrolls—travelers can view the selected filters as they continue customizing.
As the traveler completes the final details and clicks 'complete' on their reservation, their experience with TackTravel comes to an end, and they're ready to embark on their upcoming adventure!
Keep scrolling for Next Project: Trecto