BACKGROUND

The company aimed to enhance group travel planning experience by creating a smart web app with features that offer planning transparency, organisation and personalized travel recommendations. Some of the features included:

Planning board

Budget finder

AI Chat support (ChatGPT)

RESEARCH

For this project, we followed a Lean UX design process with three iterations. In all iterations, we started with research, assessing the influence of travel planning apps on pre-trip experiences. This involved an online survey, interviews, and expert consultations to understand user perspectives. Here are the key research insights:

• The number one challenge people face when planning a group trip is dealing with people’s needs
• 67.9% of people indicated that it is important to collaborate in real-time when planning trips with others
• The most desired feature on travel planner apps is a voting feature for making decisions
• 57.1% of people had imagined the collaboration of multiple apps when planning trips
• Budget declaration in group trips is of importance
  
• 64.3% of people indicated that it is important to delegate and distribute tasks when planning a group trip.
  

WORKSHOP AND IDEATION

We employed survey data and competitive analysis to guide brainstorming sessions, with a focus on crafting a straightforward platform with distinctive value. These online sessions, involving a designer and product manager, primarily delved into feature prioritization and integrations, multi-channel adjustments, and user expectations to ensure user-friendliness and maintain design simplicity

Brainstorming insights formed the basis for user stories, defining actions within the app. Information architecture and user flows were created for efficient navigation.

SOLUTIONS DESIGNED

We started by designing multiple key screens. After collecting feedback from research and the product manager, we chose one of these versions.

First, we drew various design styles for specific screens, recognizing that we might have unique perspectives on screens such as the login screen. These design options laid the foundation for our overall design language, covering aspects like form fields, buttons, and the general appearance.

After the sketches, we proceeded to develop low-fidelity wireframes for the initially sketched screens and integrated these wireframes into the flow sequence. This step guaranteed the inclusion of all necessary screens in the processes.

HIGH FIDELITY DESIGN

For high-fidelity designs, we adhered to design principles, maintaining consistency with brand elements. We iterated, considering testing and feedback, to build a strong design system using Figma.

Through three iterations performed, we designed over 350 screens, including the mobile version. These screens were tested and refined with input from stakeholders, including the designer and product manager. The final designs can be seen below.