An app that supports the entire travel experience.
An app that supports the entire travel experience.
Project type
Individual project
Deliverables
Mobile app mockups
Duration
4 weeks
Tools
Figma
Mobile overview
THE CHALLENGE
How can we improve the available booking and communication support intravel apps to have an impact on user acquisition, retention, engagement, sales or other attributes.
My design process
For this design challenge, I followed the double diamond process.
Case [object Object]
The Double Diamond Model. 2015. From Rosala, Maria. “The Discovery Phase in UX Projects”.
https://www.nngroup.com/articles/discovery-phase/
DISCOVER
To begin with, I decided to look at the current most popular apps related to travel support and user reviews of them.
Get some context
I also read the comments about the apps and chose the ones that came up most often or seemed relevant to me.
PROS
“Chat with owners.”
“All in one place.”
“Simple. Readable.”
“Everything is handled by an app on your phone.”
“The offline versionis also useful.”
“Cancellation option.”
“Quick answers to questions.”
“Huge choice, easy and clear.”
“Quickly gaining levels with numerous promotions.”
“Fast efficient search.”
“Super precision.”
CONS
“There is no contact to hotels, to make sure if a dog is allowed in the room.”
“Photos are mixed, lack of information.”
“No option to add animals to the search engine, no fees for animals.”
“It is not possible to shorten the stay without permission in the app, but the contact is difficult, there should be such an option in the app.”
“I miss some options in filters.”
“It is not possible to sort the reviews, e.g. from the most recent...”
“No option to extend the stay by a day or several days.”
“It doesn't keep your messages or hotel address offline.”
“Precise adjustment of the price slider is impossible.”

Some solutions were well thought out in applications, while others showed room for improvement.
They have potential, and I would like to explore this further with further questions.

I decided to concentrate on millennials and their individual demands for flexibility, efficiency and autonomy.
My idea emerged from complaints received from the users.
These users’ needs constituted the basis both for the design process and the selection of the features implemented.

Listen to the people
To have a deep, free-flowing conversation with participants, I decidedto prepare
an interview guide to conduct a semistructured UX Interview.

I didn't ask many questions. I was guiding the topic and then listening carefully, observing what arouses their emotions.
Furthermore, I let the conversation take shape and deepened the threads that interested me.

That allowed me to go further in creating personas.

DEFINE
Create a personas
I imagined my user as a real person who has a job, a family, interests.
I tried to look for their real needs.
Emma Cham
Emma is a 29 year old employee of one of the larger e-commers in the region. Her job involves developing sales analysis,
creating reports and analysing trends. Despite a long working day, she tries to devote time to sport and run in the evenings.
She enjoys spending time with friends, attending cultural events. She is interested in other cultures.
Recently, she started taking Spanish lessons.
She is curious about other cultures and meeting people. She loves to travel. Especially alone.
She is then open to learning about people, customs and cuisine.
JOBS TO BE DONE
  • She adapts her trip to the situation. She likes to remain open to new possibilities.
  • She doesn't want to spend too much time on it.
  • She wants to be informed by local restaurants and places that showcase local cuisine and culture and lifestyle.
  • Emma is on a tight budget when she travels. She wants to be informed of the final price at no extra charge. Online payment system.
  • When travelling, it does not always have internet. She wants to be able to ask for details and be able to receive an answer later.
  • Is open to information about events and additional facilities at the hotel and wants to be able to book them online.
GAINS
  • Enthusiast of travel, suing places, people.
  • Contact with local guides, their tips, their style is a real value for her.
  • It is oriented towards immersion in local culture, a world different from everyday life.
PAINS
  • No time to read reviews. Needs a clear ranking.
  • Problems in making contact with the owner.
  • Problem with internet availability.
  • Unflexible terms of stay.
  • Hidden charges.
USE CASES
Emma would like an app that allows her to book and manage reservations efficiently while traveling.
She wants to be able to get everything done through the app when she is at the coffee shop.
She expects to find opportunities in the app to learn more about the local culture,
book a tour recommended by others. She is geared towards exploring and active sightseeing.
Likewise, she would like to be supported in this.
Johnny Willson
Johnny is a 42-year tech lead at an information technology company. He spends his vacations with his two children and wife.
He desires recreation and interesting activities for the children. He himself is quiet and loves nature.
He also enjoys spending time in nature. He is happy when the whole family is happy.
He wants his vacation to be as well-organized as possible.
However, he does not use travel agencies because they do not give him enough control over the possible choices.
JOBS TO BE DONE
  • He wants the holiday to be adapted to the needs of each member of the family.
  • He likes to make his own choices, but is willing to take hints.
  • It is important for him to have a good service.
  • He doesn't like to be surprised, likes to manage his own time and have many options to choose from.
GAINS
  • Attractions response to the needs of family members.
  • The reception's answer to all your needs.
  • Recommendation of reliable restaurants and table reservation option.
PAINS
  • If children's activities are not provided during the vacation or are not enjoyable for children.
  • Despite the hotel with 24-hour are problems with communicating with the reception desk.
USE CASES
He needs an app that comprehensively handles his holiday trip and is customized for his entire family.
An app that will keep him reliably in touch with the front desk. Having children and family sometimes causes surprises
for parents during the day.
He still wants lots of options and the ability to decide.
Define user needs
The jobs-to-be-done framework focuses instead on a change of behavior and on customer needs.
The point of departure is: “Why do customers use a product?”
WHEN
I look for local restaurants
I WANT TO
have information on those verified
SO I CAN
taste authentic local cuisine
WHEN
I visit new places
I WANT TO
a good local guide
SO I CAN
have a good quality trip
WHEN
I order extra service
I WANT TO
be informed about options
SO I CAN
book it easily anywhere
WHEN
I adapt room services
I WANT TO
get confirmation
SO I CAN
plan other activities
WHEN
I'm looking for a restaurant or a guide
I WANT TO
have a recommendation
SO I CAN
be sure it is verified
WHEN
planning my vacation
I WANT TO
I want to do everything in one place
SO I CAN
be sure not to forget anything
WHEN
I contact owner
I WANT TO
get in touch quickly
SO I CAN
save time and effort
WHEN
looking for a place to stay
I WANT TO
have clear and full information
SO I CAN
choose accommodation at short time
Get a point of view
Based on the earlier stage, I got the following overview of the app.

Travel Crew is an app for people who want to get information about potential accommodations
in a simple and clear way. And manage their accommodations and attractions while traveling.

There are already apps where you can find and book accommodation. However, this app is different from its competitors.
It introduces an emphasis on improving what is currently facing criticism from users.
Besides, it includes new elements such as stay management,
a communication panel with the owner and access to recommended places and attractions for users.

From the interviews conducted with users, it is clear that their needs differ significantly.
This is dictated by their living situation and age. That's why themed vacations have been created.
A large group of users indicates a desire to collect points and badges.
There was created a map on which users can mark places visited, collect badges.
The loyalty program created by the badges contains elements of gamification.

DEVELOP
After the define phase, I started sketching the first views.
Previous sketches
It quickly became apparent that sketching the views raised further questions.
I develop selected design issues that I came across during initial sketches using user flow.
Case undefined
User flow
The user flow describes the steps and choices taken by the user.
Allows you to concentrate on the action taken by the user.
It allows you to discover the paths for the user to move through the application.
It takes into account not only the most optimal user choices for the application,
but also considers other possibilities and turning points.
Case undefined
Information Architecture
This stage should test our assumptions, as we are just creating the framework on which the next steps
of application development will be based. It allows you to create categories and collections of information.

At this stage, we can perform competitive analysis for navigation, card sorting and tree testing.
It checks how users understand
the categories we have created and how they assign information to them.
Case undefined
Wireframe
In the next step, I put the previous sketches, user flow and information architecture side by side.
All of this together allowed me to create wireframes. Wireframe includes simple boxes and text to express the concept.
Initially, I created basic screens. Wireframes should contain only shadesof gray, simple shapes.
They make us focus on the layout of the elements, adequate space and functionality.
Professionally created, they provide an excellent basis for presenting to stakeholdersand discussing products.
Case undefined
Prototype
Creating the main screens made me think more deeply about the interactions.
In other words, I was thinking about the steps that will take place during the various actions performed in the application.
To keep it simple and clear, clickable prototypes of individual tasks are built.
App prototypeApp prototype
Design system

A design system is a collection of elements containing information about the visual sides of an application.
To the design system belong color palette, information about used fonts, used grids, icons, buttons, inputs,
cards, search elements, lists and many others. It is a collection of structured information, which,
if well described, facilitates the work of the whole team. In subsequent stages of the application development,
it is a starting point for the creation of further elements.
Simple design elements were used to extend the system and create more complex elements such as cards or lists.

I have included the elements of the design system below.

Color paletteTypographyInputsCards
DELIVER
Aesthetics, application consistency and functionality are also important at this stage.
Prototypes can be used for user testing as they give the impression of a working application.
You can see examples of how the app is used below.
App prototypeApp prototypeApp prototypeApp prototypeApp prototype
Conclusions
and further
developments
During the creating process I tried to think about the goal, keep the project simple.
I set time frames and kept the most important goals in mind. I did not lose sight of the fact that I create
a product for users in order to achieve the assumed business goals. An important evolving premise
is creating products and making design decisionsbased on data and research.
In the future, I would focus on finding omissions, improving effectiveness, developing the reception
communication system and themed vacations.