Travel planning made simple: a new feature on Barcelona Turisme to streamline trip and itinerary planning.
My Role
UX/UI Designer
UX Researcher
Project Type
Concept
Add a Feature
Timeline
8 Weeks
Tools
Figma
FigJam
Google Forms Lyssna
Skills
UX/UI Design, User Research, User Interview, Ideation, Wireframing, Prototyping, User Testing
OVERVIEW
Barcelona Turisme, the city's official travel website
Context
Barcelona Turisme is the go-to resource for travelers to Barcelona. The website provides travel information, guided tours, and event tickets to help travelers make the most of their Barcelona experience.
It’s challenging to create personalized itineraries
Problem
The Barcelona Turisme website offers extensive travel information and 190+ activities, but creating personalized day-to-day itineraries with these activities is challenging. It’s time-consuming to find the most relevant details and sift through lengthy listings.
Solution
Introducing the AI travel assistant feature
Integrating an AI-powered travel planning tool into Barcelona Tourisme’s website can streamline trip planning and enhance user experience. This feature promotes products, attracts customers, and boosts satisfaction. The 24/7 AI assistant offers personalized recommendations and custom itineraries with curated activities from Barcelona Tourisme.
Get travel advice from our AI assistant — ask anything!
Our AI travel assistant offers Barcelona recommendations and creates personalized itineraries. Chat to refine the results.
Personalized itineraries with a curated selection of activities
Barcelona Turisme activities and tickets displayed with relevant attractions, making purchases easier for travelers.
Save your itineraries and share them anytime!
Manage your chats, saved items, and share trip plans with your travel companions.
RESEARCH
Market Trends
Global AI adoption in the travel industry is evident, with industry leaders embracing AI to push their products and promote sales:
“Travel has become one of the most popular use cases for AI that Google, Microsoft, and OpenAI like to point to in demos, and firms like Tripadvisor, Expedia, and Booking.com have started to launch AI-powered vacation-planning products too.” (Source: MIT Technology Review)
Why an AI travel assistant feature?
(Source: Market.us)
Surveys & User Interviews
Are users open to using AI for trip planning?
I sent out a survey on users' AI usage in trip planning. While 72% have never used an AI tool to plan trips, 92% of those are open to using AI.
Key insights from 5 moderated user interviews
4/5 users valued personalized itineraries but found planning time-consuming and stressful.
3/5 users disliked multiple filter steps for trip advice, preferring a faster, more direct approach.
While AI is evolving to deliver more accurate results, users believe AI can speed up travel planning.
They preferred custom itineraries tailored to their interests, with easy sharing options.
Competitor Analysis
How are travel companies using AI?
I analyzed 3 travel companies offering AI-powered trip planning products to learn about how they utilize AI to assist travelers in planning their trips.
Key findings:
Companies primarily use two formats: a Gen AI chatbot for instant assistance, or a filter system followed by AI-suggested results.
Most AI features are free, but some require a paid upgrade.
Users need to sign in to view results or access their chat history.
DEFINE
Persona
Who we’re helping - travelers seeking for personalized travel advice and itineraries
I developed the user persona from insights gathered from user interviews. Anthony helped ensure the design process stayed aligned with user needs.
Empathy Map
Empathizing and understanding our users
This step helped me understand how users feel, think, or act the way they do, fostering empathy by exploring their actions and emotions.
How might we help travelers?
IDEATE
Task Flows
How users interact with the new AI feature
I focused on 3 task flows, outlining users' interactions with the AI travel assistant, and developed lo-fi wireframes for these interactions.
1. Ask the AI assistant to generate an itinerary and then refine it
2. Save an itinerary or product and view saved item
3. Share an itinerary with a travel companion
DESIGN
Mid-fi to hi-fi: key screen adjustments
To gather user feedback before finalizing the design, I created mid-fi wireframes, refined them into hi-fi versions. I also made the prototype interactive with animations to simulate the chat flow.
I considered findings from conducted initial user testing, and made adjustments to key screens:
Welcome page
Initial Testing
Style Guide
Integrating new elements with existing UI
Working with an existing website involves considering the current UI, adhering to its guidelines, and introducing new elements for the new feature.
Chat page
Itinerary page
TEST & ITERATE
Usability Test
Testing with hi-fi wireframes & interactive prototype
I conducted usability testing with 15 participants on the Lyssna platform to assess the design, uncover issues, and identify improvement areas.
Success metrics
Areas for Improvement
1. Revised the user page
2. Another iteration on the itinerary page
Final design
REFLECTION
The AI feature presented unique challenges due to its evolving nature. It pushed me to think creatively, deeply understand user needs, and ensure alignment with the Barcelona Tourism brand. This project was a valuable lesson in integrating new features into an existing design, and it offered an exciting opportunity to contribute to AI innovation in the travel industry.