Intripid aims to transform the travel industry by offering a platform for seamless communication between travelers and expert advisors.
Managing Complex Itineraries: Travelers found it hard to organize trip details like events, schedules, and locations, causing confusion and inefficiency.
Lack of Role-Specific Features: Organizers, planners, and advisors needed different tools, but not having role-based access led to miscommunication and inefficiency.
Difficulty Making Real-Time Changes: Adjusting trip details, like changing dates or rescheduling events, was challenging and caused disruptions.
Group Decision-Making Issues: There was no easy way for travelers to vote or give feedback on proposed events, making it hard to collaborate on plans.
Disorganized Documents: Trip-related documents like tickets and receipts were hard to manage, leading to logistical issues and confusion during the trip.
User Dashboards: We've crafted two distinct dashboards, one for Travelers and another for Trip Advisors, ensuring a personalized experience for both.
Detailed itinerary: The Trip page has been meticulously designed with a dual-pane layout—one side dedicated to the itinerary and the other showcasing an interactive map, providing a seamless and comprehensive trip overview.
Trip Preference: Recognizing that every traveler has unique needs, we've integrated customizable options that allow users to select their preferences when planning a trip, ensuring a tailored journey for each individual.
Profile: The profile page goes beyond basic information, featuring both personal details and the traveler’s specific preferences, offering a deeper, more personalized travel experience.
The Design
1
Trip Details
Left Side - Calendar View: The left side contains a calendar displaying critical trip details such as arrival, departure, and stay information for each day of the trip.
Chat Information: Each calendar event includes chat details related to that specific event, allowing for communication or notes.
Right Side - Map View: The right side contains a map of the entire trip. This map provides a visual representation of the journey.
Event Location Pinpointing: When an event on the calendar is clicked, the map pinpoints the location of that specific event, showing its exact position on the trip map.
Interactivity Between Calendar and Map: Selecting any event in the calendar dynamically updates the map to display the corresponding location for that event.
2
Create a New Trip
Basic: This step contains address, trip type, trip dates and traveling as informations.
Budget: This step contains the budget bracket, priorities, accommodations and activities.
Intentions: This step contains different interest options for the traveller to choose from.
Submit: Finally the submit step will show the travel summary and options to select the membership.
3
Travel Advisor Dashboard
This interface is to display the critical trip information for the travel advisor, the advisor can edit the basic information of the traveler over here and craft the trip itinerary by updating the information of each step.
4
Travel Settings
Each step in the travel settings are merged within a accordion, we start by selecting travel dates, budget allocation, travel time and Advanced settings.
Travel Dates: This step contains depart and return dates of the whole trip.
Budget Allocation: This step contains overall budget and transportation, and the lodging+activities budget of the trip
Travel Time: The transit time limit can be set in this section, it also shows the percentage of travel compared to the total trip timing.
Advanced Settings: The advanced settings contain options to select Boost smaller cities and Reward temperature seasonal weather. And the Departure port can also be selected in this step.
5
Carrier Info
This UI provides a comprehensive overview of the trip's schedule, event details, and traveler involvement, along with interactive elements for editing or customizing each event.
Header Section: At the top, the screen displays the trip's name, "Trip to Barcelona," with the date range of the trip (Aug 14 - Aug 20). On the right side of the header, the total time logged for the week is shown (2hrs 45min), along with a "Log Time" button.
Active Hours and Time Format: Below the header, there are options to customize the trip schedule. You can set active hours (e.g., 08:00 AM to 10:00 PM) and choose the time format (12 Hour or 24 Hour). There's also an option to adjust the time zone (CET in this case).
Traveler Icons: Icons for travelers involved in the trip are displayed next to their initials, allowing quick access to their details. Each traveler is represented by their initials in colored circles, showing who’s part of the trip.
Left Panel - Calendar View: On the left, there’s a timeline displaying the schedule for Monday, Aug 14. It lists all-day events as well as detailed time-blocked events. The events are color-coded and provide details such as flight departure ("Depart BOS"), flight arrival ("Arrive BCN"), check-ins, snacks, and visits ("Visit Colosseum"). The current day is highlighted with the travelers' names next to each event, and the specific people attending are tagged within the event.
Event Interaction and Icons: Each event contains icons for further interaction, such as adding comments, editing, or setting private/public settings. For example, some events have voting or private event icons next to them.
Right Panel - Map and Event Details: On the right side, a detailed view for creating or editing events is shown. It includes fields for:
Place name with a map pinpointing the location.
Start and end times for events.
The event title and category.
Participants (with an option to select all or specific travelers).
Additional options like making the event private or allowing voting.
There are "Update" and "Delete" buttons for managing event details.
