Eligasht Mobile App

Research and Empathise 

I collected the data from the SEO team to know what is the most services that users search on the web-based version
and after that try to rank them. I gathered Pageview Tracking and behavior analysis of the web site

User Research
in the user research phase, I conducted a series of interviews with potential stakeholders including managers, and employees to better understand the current process, areas of complexity, and frustrations.we also did some competitor research and we interviewed several travelers to find out how they currently searched for flights and planned their trips.  I then summarised the information I collected and created:

1. Personas: Creating a short bio for the 2 main personas, highlighting their motivation, needs and frustrations.

2. User flow: Mapping the common booking steps for flows of our target users.

Behavior analysis

Findings

Identifying the issues
Once I determined the current users and their behavior I was able to describe the issues we want to solve and how to tackle them. I marked the user’s frustration points on the user flow to highlight areas of “bottleneck” within the booking process. With the team, we started hypothesizing solutions that could help make the booking process easier.

We gained a bunch of insights from these interviews and created an affinity diagram to discover common themes
and patterns.

The common insights that arose were: most searches refer to flight search for neighborhood country People weren’t really sure where they
wanted to go on their next holiday but they had a basic idea. People’s travel choices were often influenced by where their friends went.

Ideate

At this stage, I knew that what I was going to design, for the first page of the app and that was flight search in an
intuitive way.

I started by sketching as many different ideas as we could think of, once we had a bunch of them, we discussed them in
more detail and pulled out the key ideas.

Wireframing different layouts

After the ideating different layout, I created wireframes of them so stockholders could grasp a better understanding of each layout

I create 4 different layouts with various structures for the main page which was the flight search. On this page, we wanted to provide an understandable and intuitive design for searching flight.

Decision

we discussed every layout with our persona and also with stakeholders and we conclude continuing with layout 2, which was the most intuitive and easy to use layout amount others.

Prototype 

based on our research and user journey I designed the flight search in a new way
that users can find and search flight as easy as possible.for the passenger section I put all three passengers type in
a component so the user can quickly add or remove them.

for the reservation page, I designed a progress bar on the top so the user
knows at what stage he is right now.

Design of other services 

for the rest of the search services, I took the same concept to design other pages for example for the hotel+flight section I designed the search page similar to the
flight search with just a little bit different in the bottom.

based on our user-flows for the result page of the flight+hotel section we should consider designing the change flight button so the user can select a
combination of any flight along with any hotel.

Holiday packages

In holiday package service there are a number of hotels that included in every package. users should know how many days in each hotel they will be staying so we kept the same card view design for hotels just at the bottom of every card we showed days and dates of staying in each hotel.

from our user research, we found that for holiday packages knowing the airline and also knowing the different dates for a specific holiday package is so important for users so for this purpose we provide a date slider at the top of the holiday package search page.

Hotel search

for other main services of the company as I mentioned before we kept the same concept. for hotel search section user select the location and desire date range and then search for the hotel. for selecting dates we tested several designs of date picker with users and finally decided to design a date picker in which the user can select a date range in a simple way and after confirming the date we show a small checkbox interaction that you have selected the check-in and check-out date.

Usability Testing

We were pretty short on time but usability testing of the Hi-fidelity prototype was conducted on a mobile phone to see how users would complete certain tasks once they were given some context. Participants were recruited based on their similarity with the defined persona. A test plan was designed according to identified test objectives & scenario-based tasks were given to participants.

Participants were encouraged to “think aloud” and speak up whatever comes to their mind while using the prototype.

We put together a test scenario and observed people as they searched for flights, hotels, travel insurance, or trains. We found that people liked the overall feeling of the app and they could manage to reserve any kind of travel service that they wanted.

Next Steps

Working on the Eligasht application was really interesting as well as informative. The research conducted to absorb the domain knowledge proved to be really valuable. Not only I learned the user behaviors of different kinds of travelers but I also got to know the travel industry more in-depth. In this case study, I covered only the booking journey of the user. The next step would be to explore other user journeys such as order tracking support systems and etc.