Role
UX/UI Designer
Timeline
2024
Tools
Figma, Canva, Google Forms
Team
Individual project
About TravelMate
TravelMate is designed to revolutionize the travel planning experience by providing a seamless, all-in-one platform for travelers. It aims to simplify the complexities of planning a trip by integrating research, booking, itinerary management, and budget tracking into a single, user-friendly website.
Design Process
Problem Identification
Travel planning can be a complex and time-consuming process for users, involving multiple steps such as researching destinations, booking flights and accommodations, creating itineraries, and managing budgets. Users often have to juggle between various platforms and services, leading to a fragmented experience that can cause stress and errors.
Solution Statement
Develop an integrated travel planning website that simplifies and streamlines the entire process by offering a one-stop solution for researching, booking, and managing trips. The website will provide personalized recommendations, an intuitive itinerary builder, and budget management tools to enhance user experience and efficiency.
Competitive Analysis
TravelMate is designed to revolutionize the travel planning experience by providing a seamless, all-in-one platform for travelers. It aims to simplify the complexities of planning a trip by integrating research, booking, itinerary management, and budget tracking into a single, user-friendly website.
TripAdvisor
Strengths
- +Extensive user reviews and photos
- +Large and active community for travel advice
- +Trusted, established brand
Weaknesses
- –Reviews might be outdated
- –Information architecture can be overwhelming
- –Limited customization options
- –Daily planning is not a core feature
Travel.Google
Strengths
- +Easy to compare travel options with Google Maps
- +Integrates with Google Calendar for event planning
- +Personalized recommendations based on search history and interests
Weaknesses
- –Limited customization options and daily planning
- –Limited focus on shared photos and reviews
- –Can be difficult to find specific information for trip planning
Booking.com
Strengths
- +Lets you see options on a map
- +Users can search for things to do by date
- +Clear pricing and availability
- +Travel articles
Weaknesses
- –Limited customization options
- –Relies on redirects to partner sites for customization
- –Shared photos and reviews are not applicable
Research & Survey
To gather insights from potential users and understand their travel planning habits, pain points, and preferences, a survey was conducted with 99 participants. Here are a few of the survey responses:
How often do you travel to European cities for leisure or business purposes?
How important is it for you to access trip photos and experiences shared by other travelers while planning your trips?
User Persona
To design with empathy, a persona was created to represent the core target user — capturing their goals, motivations and the frustrations TravelMate needs to solve.
- Name
- Anna
- Age
- 32
- Occupation
- UX/UI Designer
- Location
- Denmark
Biography
Anna is a junior UX designer who has a passion for exploring new cities and experiencing different cultures. She takes leisure trips to Europe to escape her busy work life. Anna appreciates the value of well-planned trips but often encounters frustrations during her travel planning process.
Goals
- •Easy and fast travel planning
- •Friendly, intuitive UI
- •Affordable travel cost
- •Access to the best deals
- •Transport information
Frustrations
- •Time-consuming travel planning
- •Difficulty finding the best deal
- •High travel cost
- •Uncertainty about the best destination
Information Architecture
Wireframing
UI Design
Color Palette
Using shades of purple as the primary colors highlights the creativity and uniqueness of the product, evoking a sense of novelty for users — similar to the excitement of exploring a new destination.
Primary
Secondary
Typography
SF Pro Display was chosen for its clean, modern look and excellent readability across devices. Its weight and contemporary style align with the sleek, user-friendly design TravelMate aims to achieve.
SF Pro Display
High-Fidelity Mockups
Want the full case study?
Download the complete TravelMate case study as a PDF.
Download full case study (PDF)