ES | EN

A feature to create tailor-made travel routes

Odiseo Buenviaje

Travel planning can be overwhelming when looking for personalized experiences. This UX/UI case study explores how a digital platform can help users create dynamic itineraries based on their specific interests.

Through Design Thinking and interactive prototyping, I designed a feature that allows travelers to generate custom routes using Google Maps, filtered by preferences such as cultural tourism, gastronomy, or nature.

Problem

Users of the Odiseo Buenviaje app faced difficulties when planning personalized travel routes, as the platform lacked flexible options and recommendations tailored to their interests and preferences, limiting the overall travel experience.

Solution

We designed and implemented a personalized route feature that allows users to select specific interests, integrate temporary and permanent events, and plan their trips through an interactive calendar, offering a more intuitive and customized experience.

Role

UX/UI Designer

Duration

2-month project.

Understanding the User

Person taking a photo with a smartphone at sunset, over an orange background with the overlaid text 'Understanding the user' in blue and white typography.

Research

Objective

To deeply understand the app’s users in order to identify their needs and pain points when planning personalized travel routes.

Research Methodology

In-depth interviews. Observations at travel agencies.

Demographic Profile

Ages 25–50. Mixed genders. Residents of urban areas with access to multiple transportation options. Professionals and students who frequently travel for both work and leisure. Interests include technology, travel, cultural exploration, and outdoor activities.

Recruitment

12 participants selected from the Odiseo Buenviaje database. Recruited via app ads, social media, and email.

Graphic showing that the Odiseo app has 725,000 monthly users, mostly male (55%), with the largest age group being 25–34 years old (25%).

Defining the Problem

Synthesis

Users need to consult multiple sources to create a travel route. Much of the information is outdated. The data is unreliable. Routes are poorly personalized.

User research screen highlighting three pain points: Inconsistent information, difficulty consolidating data, and lack of personalized recommendations. Each item is accompanied by a sad face icon on an orange background. User Persona card featuring Marta, a 33-year-old graduate student who travels for study and leisure. It details her goals, behaviors, needs, frustrations, and a problem statement highlighting the need to consolidate cultural information and local recommendations to efficiently plan her trips. Customer Journey Map of user Marta with columns for each stage of travel: Research, Select, Plan, Organize, and Travel. Includes task list, emotions felt at each stage like frustration or ease, and implementation opportunities such as centralized information, personalized recommendations, and real-time updates.

Ideas for a Solution

Objective

Based on the data obtained during the research phase, our objective is to generate ideas for the personalized routes feature in the Odiseo Buenviaje app, using Google Maps as the foundation and focusing on various predefined themes.


Infographic with data from the first ideation session: 'Scamper' and 'Brainstorming'. Infographic with data from the second ideation phase: 'Allegories' and 'Mind Mapping'.

Key Points

During the ideation sessions, the three pain points identified during the research and synthesis phases (Inconsistency, Consolidation, and Personalization) were strategically addressed in each applied technique.

Information Inconsistency
  • We proposed incorporating an automatic route update system that provides real-time data (from verified APIs like Google Maps, weather, and traffic) about schedule changes or place closures.
  • A content validation system was suggested, allowing users and local experts to update and verify information about recommended places.
  • We discussed the idea of including real-time notifications about relevant changes along the route.

Difficulty Consolidating Information
  • We proposed merging data from multiple platforms (TripAdvisor, travel blogs, Google Maps) into a single interface to avoid switching between apps.
  • We suggested eliminating the need for external apps by integrating recommendations and booking features directly into Odiseo Buenviaje.
  • We identified the need for a unified platform to combine reservations, maps, and recommendations.

Lack of Personalization
  • We thought about adapting content personalization technologies (like Spotify playlists) to generate travel routes based on previous preferences.
  • We discussed organizing route search results based on the user's interests and travel habits.
  • We came up with the idea of creating personalized user profiles where interests (gastronomy, culture, adventure) are stored to deliver aligned suggestions.

Design

The next step was to define the flow, making sure the design elements aligned with the key points identified during the ideation sessions, and begin sketching the screens on paper.

User Flow Diagram



Infographic showing the user flow diagram of the Odiseo Buenviaje app: from start to finish, going through the entire process of creating personalized travel routes.


Paper Wireframes


Hand-drawn sketches of two mobile screens: the first shows the 'Create Route' screen with options to enter text, select filters, and a button to generate the route; the second screen shows 'Stops', displaying different attributes to configure a stop along the route.
Hand-drawn sketches of two more mobile screens: the first belongs to 'Point of Interest', where the user can access more information about the location to decide whether to add it to their travel route; the second belongs to 'Selected Route' and shows how the interface looks when the user has already designed a custom route, including pins and the path displayed on a map.

Prototype

Lo-Fi Prototype

Once the user flow diagram was refined and screen coherence ensured, we moved on to studying whether the sketches met the user’s goals and the project requirements. After validating the sketches with the design and development team, I began digitizing them.


Low-fidelity mobile prototypes showing two screens: the first, 'Create Route', displays fields to be filled in to generate a route; the second, 'Stops', shows the different attributes that can be configured when choosing a stop.


Two low-fidelity mobile prototypes. The first, 'Point of Interest', shows the layout of a screen for accessing more information about a location; the second, 'Selected Route', displays the map and various route points, including a button panel for route-related actions.


Usability Study

In order to identify navigation, comprehension, and user experience issues before moving to high-fidelity stages, we conducted a usability study using our low-fidelity prototypes.


Infographic about the usability study: objectives, methodology, and user profiles are shown. There is also a column listing the evaluated tasks.


Findings and Opportunities for Improvement

1 · Optimization of the Route Creation Process
Findings
  • Users felt they could save time if they were allowed to select the travel date from the first "Create Route" screen.
  • It was suggested to include an option to use the current location as the starting point, avoiding manual input.

Improvement Proposals:
  • Include a date selector on the initial route creation screen to streamline planning.
  • Add a “Use Current Location” button pre-selected in the origin field for greater speed and convenience.

2 · Improved Information Display and Validation
Findings
  • Lack of an interactive map on the “Stops” and “Stop Details” screens made it hard to visualize exact locations.
  • Users wanted to filter stops that were verified or recently updated to ensure reliable info.
  • They also suggested adding ratings and user reviews, as well as a reputation system to tag active users as “Experts.”
  • Some users proposed showing stop popularity by displaying how many times it has been added.

Improvement Proposals:
  • Implement an interactive map in the Stops section to visually display locations and allow direct interaction.
  • Add filters in the “Stops” tab to show only verified and/or updated stops.
  • Incorporate a rating and comment system, plus a user ranking feature (e.g., "Expert" badge based on contributions).
  • Display a popularity counter on the stop’s detail screen, showing how many users have added it.

3 · Personalization and Flexibility in Route Management
Findings
  • It was proposed to add a toggle on the “Created Route” screen to mark whether the route has been completed or is still pending.
  • A user recommended adding the option for the app to generate alternative routes in case of unexpected events.
  • Users found it helpful to define whether the completed route is public or private, allowing them to share with others or keep it personal.

Improvement Proposals:
  • Include a toggle on the route screen to mark it as pending or completed.
  • Add an option to enable automatic alternative routes in case of last-minute changes (traffic, closures, weather).
  • Implement a button to set route visibility as public or private, enabling users to share or keep their routes to themselves.


Hi-Fi Prototype

With the usability study results in hand, it was time to work on the high-fidelity prototype. The client wanted the "Route Maker" feature to maintain the same visual style as the Odiseo Buenviaje app, so we kept the existing brand aesthetic.


High-fidelity mobile prototype, 'Create Route' screen. The interface displays the incorporated modifications.

High-fidelity mobile prototype of the 'Stops' screen, renamed as 'Layovers'. It shows the interactive map, filters to select layovers, their features, and how to customize the route.

High-fidelity mobile prototype of the 'Layover Details' screen. Three screens are shown: the first is about the Arc de Triomf in Barcelona, displaying an image and additional info; the second shows the interactive map with the location; the third shows the rating and review system.

High-fidelity mobile prototype of the 'Created Route' screen. It shows three screens: the first with the route drawn on the map; the second with route configuration options; the third with the 'My Routes' screen, showing saved route management.

Test

Validation Usability Testing

In order to validate the improvements made to the personalized routes feature before launch, a Validation Test was conducted to confirm that the applied changes resolved the previously identified issues and that the user experience was satisfying.


Infographic with additional information on the Validation Testing. Objectives, methodology, user profiles, and the evaluated tasks are shown.


Impact of Implemented Improvements



The usability study demonstrated that the implemented improvements significantly optimized the user experience, especially regarding the smoothness of route creation and interaction with new features. However, some specific areas for improvement were identified. Implementing these adjustments will ensure an even smoother and more satisfying experience.

- Average planning time reduced by: 35% faster compared to the previous study.
- Overall satisfaction increased: From 3.8 to 4.6 out of 5.
- Higher success rate in key tasks: 85% of tasks completed successfully.

Mockups

Mockups de la aplicación. En la fotografía se ve una mano sosteniendo un teléfono móvil en primer plano. La otra mano está interactuando con la interfaz, que muestra la pantalla de 'Crear ruta nueva'.

Mockups de la aplicación. En esta imagen, se puede observar en primer plano la pantalla de un teléfono blanco iPhone sobre una laptop. La pantalla muestra una ruta personalizada por la Vila Olímpica de Barcelona.

Mockups de la aplicación. Se puede observar una fotografía de una mano sosteniendo un teléfono móvil. En la pantalla se ve información sobre la Escala 'Playa de la Nova Icaria', una fotografía y más información complementaria distribuida sobre la interfaz. De fondo de la imagen, puede verse arena que recibe la luz del sol.

Accessibility Considerations

These considerations ensure that the feature not only meets accessibility standards, but also delivers an inclusive experience for all users.


Accessibility Based on User Context

The app has been designed with dynamic adaptation to user context in mind—whether the feature is used indoors or outdoors, during the day or at night, with or without internet coverage. It includes an offline mode and can detect environmental factors (like low light or motion) to automatically adjust brightness and contrast. In “direct mode” for live route assistance, button sizes increase for better interaction.



Multisensory Routes

An auditory navigation mode is suggested for users with visual impairments or those who prefer not to look at the screen while walking. The app could include directional sounds or haptic feedback (e.g., vibration patterns for actions like turning, going straight, etc.).

It’s also suggested to integrate audio or visual content about surroundings (such as landscapes, historical buildings, or nature) to enrich the live route experience.

An optional storytelling mode could be offered, where the app narrates cultural stories or relevant facts at various stops.



Accessibility Information at Stops

The app displays up-to-date information on whether stops are accessible for people with reduced mobility, including ramps, accessible stairs, wide paths, or adapted restrooms.

Community collaboration is also encouraged, allowing users to tag or validate accessible points of interest. Active contributors could earn badges such as “Accessibility Expert.”

Additionally, users can apply filters to create routes made exclusively of accessible stops.



Conclusions

Photo taken from an airplane window. The wing is visible, surrounded by orange clouds. Overlaid text reads 'Conclusions, Takeaways'.

Next Steps

1. User Behavior Monitoring

Implement analytics tools (Google Analytics, Mixpanel, etc.) to track how users interact with the feature.

2. User Feedback Monitoring

Gather user feedback through in-app surveys, ratings in app stores (App Store, Google Play), social media, and customer service channels.

3. Bug Fixes (Hotfixes)

Quickly resolve any bugs or technical issues affecting the feature.

4. Data-Driven Optimization

Conduct design iterations based on collected data.

5. Tutorials and Help

Create educational materials, such as video tutorials or help center articles, to guide users in using the new feature.

6. Performance Evaluation

Compare key metrics before and after the launch, such as: user retention rate, increase in average app time, and/or number of routes used.

7. Qualitative Analysis

Organize focus groups or user interviews to dive deeper into their experience with the feature.

8. Feedback-Based Iteration

Regularly update the feature based on feedback and collected insights.

9. New Feature Development

Leverage the success of the current feature to introduce complementary functionalities.

10. Periodic Review

Conduct regular audits to ensure the feature’s proper functionality and ongoing relevance.

11. Technical Support

Set up a dedicated support channel for addressing issues related to the feature.


What I Learned

This project reinforced the importance of constant iteration in UX/UI, showing that listening to users and adapting the design to meet their needs is key to delivering real value. I learned how to turn insights into strategic decisions, balancing business goals, technical constraints, and user experience.

Additionally, working on personalized flow planning and integrating interactive features helped me deepen my understanding of designing digital experiences that adapt to different types of users. This experience reaffirmed my commitment to human-centered design and to effectively communicating UX/UI impact to teams and stakeholders.

Do you want your digital product to offer an easy and personalized experience?


More Projects