Eligasht B2B is a specialized web-based application tailored for travel agencies.
It functions as a division of the Eligasht company.
To facilitate workshops with users,
experts and senior business, and
technical stakeholders
Create wireframes and prototypes for
usability testing
Conduct usability testing
Meeting up with developers
The company wanted to streamline the day-to-day operations of travel agencies through a centralized platform. The goal was to design a user-friendly, efficient web application that would cater to the specific needs of travel agents, providing them with a comprehensive tool to manage their bookings, services, and customer interactions in a more effective way.
stakeholders interviews
Market research analysis
Prototype testing
Card sorting
Persona
focus group
The Challenge
The main challenge of this project lay in understanding the unique workflows and pain points of travel agency employees. Travel agents handle multiple tasks simultaneously, from booking flights to managing customer service, often using fragmented systems. We needed to create a cohesive tool that could consolidate these processes in a streamlined way.
Additionally, the solution had to work for a broad range of users, tech-savvy and less experienced employees nationwide. Cultural and logistical differences between users posed a potential limitation, which called for an in-depth understanding of the users’ specific needs and environments.
The travel industry is built on human connections, and we wanted our research to reflect that. We decided to leverage focus groups as our main research method. We selected a small but diverse group of participants, ensuring that we had the right personas that mirrored our target audience of travel agency employees. The focus group session allowed us to dive deep into their work routines, uncovering frustrations, needs, and how they interacted with existing tools.
Recruitment and Execution:
We brought together 9 participants representing different segments of our user base, including agency owners, ticketing staff, and sales representatives. Rather than seeking a high volume of participants, our priority was relevance and specificity. The focus group gave valuable insights into user behaviors, preferences, and key challenges that informed our design decisions.
main concepts
Insights Gained from Focus Groups
One of the key findings was the fragmentation in how different agencies operated. Many of them had their workflows, leading to inefficient processes and duplicated efforts. Another significant pain point was the difficulty in tracking bookings and services, leading to lost sales and frustrated customers.
based on our research, we created several features and concepts. we conduct an inventory of project features and content. Each of these features is
made up of one card.
The set of cards is then presented to the users, and then they regrouped the different cards according to their point
of view.
With this, we had the input to define the best-organized information based on the users’ standards.
One aspect of the Eligasht B2B that I was very eager to design was the Information Architecture. I wanted to create a simple workflow so any employee with any knowledge level could understand the system.
Keeping the card sort results in mind, I developed a site map that will allow users to navigate the web app easily.
Hierarchy and Flow: This sitemap reflects the navigation hierarchy we refined through card sorting exercises. By prioritizing user-centric features like “Dashboard” and “Contracts” at the top of the hierarchy, we ensured that users can access frequently used sections with minimal clicks.
Content Organization: Features like “Sales by Year,” “Best-Selling Flights,” and “Service Discount Codes” are organized to reduce cognitive load on users. This logical flow mirrors the feedback we received during our usability testing, where users appreciated a simplified, linear process for accessing data and managing contracts.
In the next step, I started sketching on the paper. the most important part was the dashboard page, where we should
put all the necessary information for the agencies.
I sketched different versions of the dashboard page and we concluded to display a pie chart for sales and also a
table view for the recent contracts.
On the dashboard page, we presented a search form for all kinds of services that
agencies have access to.
In the table view, we display all the information about the recent contracts and also show the small progress bar
for each contract to determine the progress percentage of the contract
For the contract section, I designed an advanced search at the top so the user can search the contract with just a little bit of information about it.
This concept was essential because, in the research phase, when we built our personas, we found that one of the main user tasks was to search for contracts and edit them. Sometimes, they don’t have all the information available to find the specific contract, so we should provide a simple way for them to find any kind of contract with any information they have available.
The problem we faced in the contract listing was showing many columns in a single table. However, we don’t have
much space, so we came up with the idea of displaying related columns in one column with the divider line so that users can easily scan through the listing.
for the report section, we considered four important reports and presented them as
a bar chart.
After multiple iterations of the design process, the final design was a high-fidelity prototype. The design aimed to
incorporate consistency throughout the whole product.
for this section, users must provide all the information for the new flight, for this purpose we divided the process into 4 small sections
and that is: flight directions, flight names, flight sales code, and flight connections
in this section, we have lots of input fields. because this part of the application was dependent on other sections.
to create a clean form, we divided fields into several parts and presented it as a form blow.
Throughout the application, there are many complex forms that employees of the agencies have to fill out.
If these forms get disordered, it is going to be a time-consuming process. The form below is another example
that I tried to design in a way that can be easily understood at first glance.
In this model, users should provide information about prices for each flight, including buying and selling prices according to the agency policy.
In this section, I created three tabs to display information about the agency and its employees. Our research revealed a connection among these three types of information for every agency: Agency Profile, Employee List, and Attachment Documents.
Lessons Learned and Future Enhancements
The Eligasht B2B project provided valuable insights into designing user-centered platforms for a niche market like the travel industry. Through this process, we were able to deliver a functional and intuitive solution that addressed immediate pain points for travel agency employees. However, every design process is iterative, and this project highlighted several areas where we can refine our approach for future iterations.
What We Learned:
Although our current methods were effective, we see opportunities for improvement in the Eligasht B2B platform. In future development phases, we plan to adopt more rigid UX research methods tailored to our B2B needs.
1. Longitudinal User Research
To gain deeper insights into user behavior, we will implement longitudinal studies, observing travel agents’ interactions with the platform over weeks or months. This will help us understand how users adapt, experience friction, and value features over time.
2. Contextual Inquiry
Conducting contextual inquiries in travel agencies will allow us to observe real-time user interactions. This method will reveal challenges not identified in controlled usability tests, such as navigation delays and missed notifications, enabling further optimization of the user experience.
3.Affinity and Journey Mapping
We will enhance affinity mapping to better categorize insights from various user personas. Detailed journey mapping will help visualize the experiences of different user types, enabling us to prioritize features that address specific needs and keep the platform user-focused.
4. A/B Testing for Optimization
Introducing A/B testing will help optimize the user interface. By testing different layout variations, we can measure the impact of design changes on user engagement and performance, leading to data-driven improvements in conversion rates and user satisfaction.
5. Heuristic Evaluation for Usability
Regular heuristic evaluations will ensure our platform complies with usability principles. Engaging external experts to assess learnability and efficiency will provide quality assurance, making the product accessible to all users.
Integrating New Learnings with Current Successes
While these future methods focus on enhancing research, they will build on the core strengths of our initial approach. The insights we gained through our focus groups, affinity mapping, and usability tests laid a solid foundation for the Eligasht B2B platform, and future research will enable us to refine this foundation even further.