TRIPOT - Travel App
This is a UI Based Casestudy where I Designed a Travel booking app from scratch which did not have any Brand guidelines
PROBLEM STATEMENT
This Design challenge was to visualize an app for a hypothetical travel app named “Tripot”, which did not have any brand guideline.
EXECUTION SUMMARY
Project Domain
Travel Tech.
Timeline
20 Days
Tool
Figma
Target Audience
Adults of 20-40 Years
PROPOSED SOLUTION
Clean interface : Exclude clutter to avoid distractions while surfing through the application
Clear Distinction: A user friendly app that provides clear distinction between hotels, flights, trains and bus booking options.
Trip Records: For every type of booking there is a record to help users go back to them when they require it
Hotels Information card : For every hotel, their information card contains clear pictures of the property to help users make an informed decision while booking
UNDERSTANDING THE PROBLEM STATEMENT
How will it impact users?
A digital travel booking space makes it easy and fast to book hotels and conveyance for users all by using one single space for all kinds of booking.
In case of hotel bookings, featured photos and reviews of the property helps users to make an informed decision and let them compare one property with the other.
The app provides a hassle free environment by reducing paperwork and allowing an easy transaction process. With offers and coupons available on these apps, Users can book at attractive rates.
PRIMARY RESEARCH
Mobile and web apps make it easier and faster to communicate with travel companies or book tickets, book hotels and search for good offers.
In today’s world, most people have money to travel have worked had to earn it. Hence they always on the run and don’t have time to leisurely sit in front of their computers while having a long conversation with a travel agent.
They are most helpful as they provide every booking option under one roof
More and more people are interested in knowing the customer reviews or photos for a property before booking and these applications allow them to do so, especially in situations like the COVID, they help them make an informed decision.
These applications help users especially when they make spontaneous decide for a trip.
MARKET RESEARCH
Expedia's usefulness ease of discovery, staying organized, booking and trustworthiness makes it great from a product perspective.
It has some really helpful features such as Scratchpad that stores and organizes a customer's search queries for easy retrieval and Itinerary Sharing which allows users to share their live itineraries with their co-workers, friends and/or family.
Airbnb connects people who want to rent out their homes with people who are looking for accommodations in specific Locations, in the hotel boking space,.
In order to create a more familiar picture of the other person, hosts and guests create a profile with their pictures and links to social media. Reviews are one of the most successful ways Airbnb creates trust between users.
MakeMyTrip lets users book air tickets, bus tickets, buy holiday packages, book hotels and accommodations and hire a car. Users can also access other travel-related services provided by third-party vendors like visa processing and travel insurance.
Goibibo's features like Fare calendars help users book flights by comparing fares. With Multi-city option users are able to book flights for upto 4 different routes in a single go. They also provide an option to lock the flight fares at Rs 0 and pay later within 23 hours
USER RESEARCH
TARGET AUDIENCE
Young people between the age of 18 - 45 years
9 to 5 office going people who need one stop solution for faster travel bookings
Business travelers who travel regularly and use digital applications for travel bookings
Family vacationers who like to plan trips and do not want to switch between multiple applications to create bookings
IDEATION AND DESIGNING
CONSIDERATIONS
To create a simple user experience for booking
To create an experience of less clutter and confusion while booking
To provide one stop space for all kinds bookings related to travel
HIGH FIDELITY DESIGNS
The home screen contains a search bar to search any location for flights and hotels
It contains individual booking options hotels, flights, trains and buses
To book flights user clicks on the flights button on the home screen
App provides three options in flight bookings : One way, Round trip and Multicity
After filling the details and tapping search, available flights appear in the search result.
As soon as an criteria for sorting is selected, user is redirected back to the flights and can see the result sorted
To search for hotels user clicks on the hotels button on the home screen, which redirects them to this screen
As soon as they click on the dates place holder, users are redirected to this page from here they can select the check in date and check out dates for hotel booking.
Users can add no. of rooms and no. of guests by specifically mentioning adults and children individually from here.
There is also an option to sort the results along with fliters to apply.
HOME SCREEN
Users can find deals on every kind of bookings here
FLIGHTS
This screen allows users to fill details such as flying from and fliging to with travel dates , no.of passengers and preferred class
SEARCH RESULTS - FLIGHTS
SORT BY IN FLIGHTS
SEARCH - HOTELS
Here also there are place holders for destinations , travel dates and no. of guests
DATES
GUESTS
SEARCH RESULT - HOTELS
After filling the details, the users can find resulted hotels with their per night rates and photos mentioned for every hotel.
They can also sort and filter the results
FILTERS FOR HOTELS
Filters for hotels consists of price slider, class of the property, ratings, etc.
SORT BY - HOTELS
Hotels can be sorted by price and most popular hotels
MY TRIPS
My trips contains the record of bookings for every kind.
Bookings are divided into three types, all, upcoming, and completed bookings.
Users can also share their booking details with share buttons placed on every card
DESIGN ASSESTS
REFLECTION
This project helped me understand how design workflows when vision of the product is not clear
Through this attempt on UI I was able to get clarity on where I could improve on typography and color scheme
Travel applications need to provide a simple and hassle free interface to users to navigate through different features, hence I tried incorporating the insights obtained through market research and primary research.
If given more time and got hold of more resources, other userflows can also be explored.