About

While Hostelworld offers booking and chat features, it lacks a dedicated space for spontaneous social interaction and discovery once a user arrives. Through user interviews, it became clear that travellers often feel untrustworthy of meeting others, what events to attend, or where to go—especially in unfamiliar cities. Many rely on the hostel themselves to make connetion or via excursions, but would find it helpful if there was an AI feature on hostelworld to connect users actively looking to meet. 

This self-initiated project explores how AI can reduce the friction of travel research and spark meaningful connections by offering real-time suggestions based on location, interests, and travel timelines—all within the context of the Hostelworld experience.

Scale

Role

Company

16 Weeks

Product Designer

Part of my project for Career Foundry Product Design Course

prmpt ai iPhone mockup

Problem Statement

When making travel plans, finding and saving tailored recommendations from other users is not always straightforward. As a result, users often go across multiple platforms for their travel needs and connections. This reduces user activity and engagement within Hostelworld. 

How Might We

How might we create a simpler user experience when searching for travel recommendations from other users, whilst also creating a better platform for users to connect with each other based on their travel preferences?

category choice iPhone mockup

Design Process

Discover

discover black

Product & competitive analysis

Define

define black

User journey mapping & proto-personas

Ideate

ideate black

low-fidelity wireframes

Design

design black

Usability testing, style guides, and final prototype

Discover

Product & competitive analysis

To understand the landscape of travel apps, a Product analysis was conducted to identify competitor strengths, weaknesses, opportunities, and threats, providing a clear picture of what works well in the market and where there is room for AI intergration.

Key Decisions 
Focus on community-based and social-travel platforms (e.g. Couchsurfing) to study how people connect in travel and social apps
Chose direct competitors Included adjacent platforms like Bumble BFF to understand user matching mechanics
Used SWOT analysis as the main framework to uncover strategic insights.
Insight
Hostelworld lacks a dynamic social feature—users can't easily find others nearby with similar interests. Other apps either lack real-time functionality, feel outdated (Couchsurfing), or don't cater specifically to travellers.
Next Steps
Define a unique value proposition: an AI-powered chatbot that can suggest relevant connections in real time, based on location, interests, and travel dates.
Begin ideating on user flows where a chatbot could naturally enhance discovery (e.g. “What's on in Barcelona today?” or “Find others going to that pool party”).
Screenshot 2025-05-16 at 18.08.42

Define

User journey mapping & proto-personas

After identifying key gaps and opportunities in existing products, I needed to understand who I was designing for and what their real needs were while travelling.. I conducted direct user interviews with five Hostelworld users who frequently travel solo or stay in hostels to uncover their real needs, motivations, and pain points when finding recommendations or connecting with others. 

Insight
Users want low-pressure, casual ways to meet people. 
Users want to easily be able to find other user recommendations of places to go.
Users find travel apps lacks often lack the ability to create serious connections with other users. 
Turning results into design
Make the chatbot feel human and helpful, not robotic.
Prioritise emotionally intelligent suggestions like "Ask Hostel Homie what others are doing tonight" or "Meet other solo travelers heading to the same beach."
Biggest Challenge
Ensuring the app encourages people to meet up without overwhelming or pressuring the user.
The interviews helped ground my ideas in real stories, but designing an AI that feels human and helpful was still an initial struggle.
2 hands sharing recommendations

Ideate

Low-fidelity wireframes

After the personas were created, I began desgining an app catering specifically to their needs. Starting with low-fidelity wireframes, I focused on the overall functionality and placement of the chatbot within the current app:

Key features
Intergrated chatbot bar: Placed prominently near the top for quick access, it allows users to type or tap into suggested prompts.
Dropdown lists: provide users quick access to personalise their search
CTAs: Bold and the bottom of the page so users knows they are finished wiht their selection choice and move to the next step
Initial changes

The early stage wireframes were shared to receive early feedback on the overall design and layout of the chatbot. Certain changes were taken into account:
Option to directly close the chat but also go back from any page.
Page headings so the user knows what the AI chatbot is assisting them with.

Design

Usability testing

I conducted moderated tests using four real-world travel scenarios:

Test 1

Start a new chate with the AI Hostel homie

Test 2

Find reviews from travellers about a restaurant 

Test 3

Find and message another traveller who's looking to meet

Test 4

Find travellers going to an event and message them

Screenshot 2025-05-14 at 17.48.42
Results
Aligning with user goals, two features were prioritised: 
Beginner Mode: a tailored experience providing simplified surf forecasts and safety tips. 
Session tracking: a feature for experience surfers to log, review and improve their sessions.
These finidings influenced wireframing and prototyping, ensuring the app's core structure met real user needs.
Insight
Users often struggle with viewing and understandign complex data displays.
Users opt for apps with additional features that enhance their surf experience.
Many Users access weather apps in bright light.
Users find alerts and live updates paramount for safety.
Next Steps
Findings helped shape personas that guided the development of the app, leading to essential features for safety, beginner surfers and session tracking.
HH intro beach
profile view
HH prompt tents-2
HH more details restaurant

Design

Style Guide

The style guide defines the brand identity across logo, colour palette, typography, and iconography. It ensures consistency and clarity across all platforms, with clear guidance on visual dos and don’ts.

Style guide
The Hostel Homie style guide was created to capture the social, spontaneous, and welcoming spirit of hostel travel. The visual identity blends bright oranges and purples to match Hostelworld's branding. Rounded shapes, conversational typography, and expressive micro-animations reflect the informal, human-like feel of the AI chatbot. Design choices prioritised simplicity and comfort—supporting travellers who may be navigating in unfamiliar environments. Accessibility considerations included readable font sizing, colour contrast checks, and a clean layout to ensure ease of use for diverse users on the move.
Insight
Travellers are more likely to engage with social features when the interface feels warm, informal, and approachable. Designing a chatbot that visually mimics this will help to build trust in the app. This emotional design approach made the app feel less like a tool and more like a travel companion.

Logo

LARGE LOGO
logo orange
logo black
logo white

Colours

Screenshot 2025-09-19 at 15.03.41

Typography

text style-arial
Screenshot 2025-09-16 at 13.18.58

Final Design

High-fidelity wireframes

Moving to mid- and high-fidelity prototypes in Figma, I refined flows for: chat interactions, event browsing, and one-on-one meetups.

typing to ava
HH select cateogry view
HH grid recommendations people
HH homescreen map

Reflection

Moving forward with design

The final designs reflect a process of iteration, testing, and refinement, ensuring each decision was tied to user needs and the overall goal of creating an engaging, motivating study experience.

Learnings

This project taught me how AI can enhance—not replace—human connection in product design. I learned to balance smart features with emotional intelligence, and to design for social comfort, not just usability. Most importantly, I gained confidence in synthesising research into actionable flows and embracing iteration based on feedback, not assumption

HH plane pic
ai prompt mockup

High-level plan for future iterations

Add AI personalisation over time (e.g., adjust tone, response type).
Create offline functionality for low-connectivity zones.
Introduce group matching for casual meetups (e.g., dinner groups or walking tours).
Design for accessibility and localisation across different travel cultures.

Thanks for watching!

If you are interested in my work, please get in touch:

Selected Works

Study LightProduct Design
View