TravelVista · Mobile travel app concept

Travel
together.

TravelVista helps people find travel partners and plan trips together. They can book flights and stays, and create custom travel packages—all in one place.

Project name
TravelVista
My role
Project Lead · UX/UI Designer
Duration
2–4 weeks
Tools
Figma · FigJam

All research and screen designs are documented in FigJam and Figma.

Problem Statement

Many travelers face difficulties when planning trips because their friends often cancel at the last moment due to personal schedules, budget issues, or other commitments. As a result, many trips get postponed or cancelled completely. At the same time, most travel booking platforms only provide fixed packages that do not allow users to customize trips according to their budget, preferences, or travel style. Additionally, there are very few platforms that help travelers connect with compatible travel partners or communities with similar interests. Because of these limitations, planning a trip becomes stressful, time-consuming, and less flexible for many travel enthusiasts.

Solution Statement

Our App provides a centralized and user-friendly platform where users can easily book tickets, hotels, and travel packages while managing their entire travel journey in one place. The app also enables users to connect and travel with strangers who have similar interests through travel communities and group trip features, making travel more social, affordable, and engaging. By combining booking services, personalized travel options, secure payments, and community interaction, the platform simplifies travel planning and enhances the overall user experience.

Target Audience & The Approach

Target audience: People looking for travel partners and more flexible trip options.

The approach: Help them connect with travelers who share their interests and customize their travel plans.

Design Thinking Process

I followed a user-centered process to understand travelers’ challenges, define the problem, explore ideas, and shape a solution.

  1. Empathize
  2. Define
  3. Ideate
  4. Prototype
  5. Test

Empathize Phase

“I want to travel, but it’s hard when my friends cancel at the last minute.”
Traveler 01
“I wish I could shape a trip around my budget and preferences.”
Traveler 02
“I’d like to meet travel partners who share my interests.”
Traveler 03
“Planning a trip feels stressful when I have to manage everything separately.”
Traveler 04

Qualitative Research

Question 01

How do you usually plan and book your trips?

Aarav

I usually plan trips with friends and book through apps.

Riya

I mostly use travel apps and sometimes pre-made packages.

Karan

I usually plan trips myself and book everything separately.

Meera

I mostly plan trips through apps with friends.

Rahul

I usually book through apps or travel agencies.

Quantitative Research

Question 01 7 responses

What is your preferred way to travel?

Solo 42.9%
With friends 28.6%
With family 28.6%
Group tours 0%

Define Phase

Key needs

  • Affordable, customizable trips
  • Less dependence on friends’ schedules
  • More confidence when meeting travel partners

Problem focus

Travelers may struggle to plan trips that fit their budget and preferences, especially when friends can’t join.

How might we?

We help travelers plan trips that fit their budget and preferences, while finding trusted travel partners when friends can’t join.

User Persona

Harpreet Singh

Illustrated avatar of Harpreet Singh
Age
29
Occupation
Software Developer
Location
Chandigarh
I love traveling, but it’s hard to plan trips when friends cancel or our schedules don’t match.

Personality

ExplorerSocialBudget-consciousTech-savvy

Goals & Needs

  • Loves exploring new places.
  • Wants easy trip planning.
  • Prefers customizable trips within budget.
  • Interested in meeting new travel partners.

Behavior & Habits

  • Plans short trips and weekend getaways.
  • Uses travel apps for booking.
  • Enjoys adventure activities.

Frustrations or Pain Points

  • Friends cancel trips at the last moment.
  • Packages are often expensive or inflexible.
  • Hard to find reliable travel partners.

Empathy Map

Says

  • This app could help me find travel partners when my friends cancel.
  • I like that I can customize trips based on my budget.
  • The community feature looks useful for meeting travelers.
  • Traveling with verified people feels safer.
  • Booking everything in one app makes planning easier.

Thinks

  • This could solve the problem when friends are not available.
  • I hope the stranger travel feature is safe.
  • Maybe I can meet new people who like traveling like me.
  • Custom packages will help me control my travel budget.
  • This app might make trip planning faster.

Does

  • Explores destinations and travel packages in the app.
  • Searches for travel partners with similar interests.
  • Customizes trip options based on budget and time.
  • Joins travel discussions in the community.
  • Books trips through the app.

Feels

  • Excited about new travel opportunities.
  • Curious about meeting new travel partners.
  • Slightly concerned about safety.
  • Relieved that planning trips might become easier.
  • Happy about flexible travel options.
Illustrated avatar of the traveler
Souravpreet Singh

Flowchart

This flow shows the hotel booking process in the app.

TravelVista hotel booking flowchart Start at the splash screen and choose whether to log in or sign up. The login path includes Reset Password; both paths reach Home Page. Search for a hotel; if no result is found, return to Search. Continue through the hotel listing, hotel details, guest information, and Payment. If payment fails, return to Payment; if it succeeds, view Booking Confirmation and End. Yes · Log in No · Sign up No · Search again Yes · View hotels No · Retry payment Yes · Confirm booking Start Splash Screen Already have an account? Login Reset Password Sign Up Home Page Search Result found? Hotel Listing Page Hotel Detail Page Guest Information Payment Payment successful? Booking Confirmation End

Affinity Map

Ticket Booking

  • Flight Booking
  • Train Booking
  • Bus Booking
  • Booking Confirmation

Hotel Booking

  • Search Hotels
  • Hotel Filters
  • Budget Selection
  • Room Selection
  • Ratings & Reviews
  • Hotel Booking

Packages

  • Domestic Packages
  • International Packages
  • Family Packages
  • Customize Packages

Communities

  • Join Travel Communities
  • Travel with Strangers
  • Find Travel Partners

Personalized Features

  • Travel Preferences
  • Saved Destinations
  • Trending Destinations

Booking Management

  • My Bookings
  • Upcoming Trips
  • Past Trips
  • Cancel Booking
  • Download Tickets
  • Refund Tracking

Payment System

  • UPI
  • Net Banking
  • Credit/Debit Cards

Profile

  • Profile Information
  • Edit Profile
  • Payment Methods
  • Notification Settings

Support & Help

  • Contact Support
  • FAQs
  • Help Center

Competitive Analysis

Name Of The FeatureDescriptionOur AppGoibiboixigoMakeMyTrip
Ticket BookingUsers can book flights, trains, and buses easily from one platform. Have this feature Have this feature Have this feature Have this feature
Hotel BookingUsers can search, compare, and book hotels for their trips. Have this feature Have this feature Have this feature Have this feature
Travel PackagesProvides domestic and international travel package options. Have this feature Limited Limited Have this feature
Real-Time UpdatesGives live booking alerts, train status, and trip notifications. Have this feature Have this feature Have this feature Have this feature
Travel CommunitiesAllows users to join travel groups and communities. Have this feature Don’t have this feature Don’t have this feature Don’t have this feature
Travel with StrangersUsers can connect and travel with strangers having similar interests. Have this feature Don’t have this feature Don’t have this feature Don’t have this feature
Package CustomizationUsers can customize trips according to budget and preferences. Have this feature Don’t have this feature Don’t have this feature Limited

Information Architecture

Travelvista

Onboarding

Welcome Screen Splash Screen 1 Splash Screen 2 Splash Screen 3 Splash Screen 4 Splash Screen 5 Splash Screen 6
Sign Up
Sign InOTP

Payment Flow

Payment Screen
UPI
QR Code
Cards
Net Banking
Wallet

Home Page

Tickets

Flights
  • Search
  • Listed FlightsBooking ScreenPayment ScreenConfirmation
Trains
  • Search
  • Listed TrainsBooking ScreenPayment ScreenConfirmation
Buses
  • Search
  • Listed BusesBooking ScreenPayment ScreenConfirmation

Hotels

  • Search
  • Listed HotelsBooking ScreenPayment ScreenConfirmation

Packages

  • Search
  • Listed PackagesBooking ScreenPayment ScreenConfirmation
  • Customize PackageBooking ScreenPayment ScreenConfirmation

Communities

  • Search
  • Listed CommunitiesJoin
  • Joined CommunitiesCommunity Page

My Profile

Profile Info

Profile PictureNameEmailPhone NumberDate Of BirthGender

Edit Profile

Change PicChange NameChange EmailChange Phone Number
Save ChangesOTPChanges Saved

My Booking

Flights
Upcoming BookingsPast BookingsCanceled
Trains
Upcoming BookingsPast BookingsCanceled
Buses
Upcoming BookingsPast BookingsCanceled
Hotels
Upcoming BookingsPast BookingsCanceled
Packages
Upcoming BookingsPast BookingsCanceled

Payment Methods

Saved CardsUPI AccountsWallets
Add Payment MethodConfirm
Remove Payment MethodConfirm

Notifications

Push NotificationsEmail NotificationsSMS NotificationsPhone NumberBooking AlertsPromo Alerts

Support

Help CenterFAQsChat SupportContact UsReport Problem

About

App VersionPrivacy PolicyTermsAbout Us

Logout

Confirmation Popup

Delete Account

PasswordAccount Deleted

Full information architecture chart

Complete TravelVista information architecture chart showing onboarding, home page, payment flow, and profile sections

Typography & Colors

A clear, friendly visual system keeps trip planning easy to scan. Strong blue marks the main actions and selected choices, while restrained type sizes and soft surfaces keep forms, search results, and booking details readable.

01 / TypographyMobile interface

Poppins

Screen title
24–26 px · Bold
Section heading
18–20 px · Bold
Body & field labels
14–16 px · Regular
Helper text & metadata
12–13 px · Regular
Primary button
16 px · Medium
02 / Color paletteInterface tokens
  • Main theme colour#2563EB
  • Light black#64748B
  • Placeholder stroke#CBD5E1
  • Card bg grey#F8FAFC
  • AI green#22C55E
  • Green bg#D1FAE5
  • Blue bg#E8EFFD
  • Red#DC2626
  • Red bg#FEE2E2

UI Screens

See the screens in Figma: Open the Figma file ↗

01

Onboarding

Open sectionClose section
02

Main App

Open sectionClose section
03

Travel Partner & Community

Open sectionClose section
04

Package Builder

Open sectionClose section
05

Hotel Booking

Open sectionClose section
06

Flight Booking

Open sectionClose section
07

Profile & Settings

Open sectionClose section

Hiring? Let's talk.

design@sahilneholka.com
↑