"Add a baggage" feature
As a travel website, Gotogate has tried to innovate their UI to be more User-centric in the last two years.
Baggage is an essential contribution to our company's revenue, and it feels appropriate to start to innovate from here.
Company
Etraveli AB
Role
Sales Ux designer
Responsibilities
Taking over previous designer's work and get the project to completion while discovering issues.
Year
2021-2022
First iteration (left) VS final iteration (right)
Improvements in
- copy
- hierarchy
- simplification ( adding personal item to cabin baggage).
- following new brand identity guidelines
Company
Etraveli Group is a leading global technology provider for Flights focused on offering the best possible flight content delivered through flexible tech solutions to the consumer and any company facing the consumer. Through our consumer brands like Gotogate, Mytrip, and Flightnetwork and our global partnerships with Google Flights, Skyscanner, Kayak, Booking.com and others, they provide search, booking and fulfilment services for Flights and related products.
Problem
How can we sell items of baggage to the customers in an intuitive way for them?
The previous UX designer in this team worked on this design statement before going on Paternity leave. That's when I took over his initial wireframes.
Upon closer inspection, I noticed inconsistencies and readability issues in the wireframes. Will these issues hinder user performance?
​
Process
After six months of research, the challenge was to question existing data and advocate for more time to work on the project with qualitative testing.
The project was divided into different parts, and a challenge was to deliver the work in chunks while still ensuring an agile process and cohesive live material.
Design choices were questioned, and a Hi-fi prototype was created and tested with seven users in-house to determine if the UI would operate as anticipated.
The results allowed for further work on functionality and interaction improvement.
The project was then refined and delivered to developers, who began to deliver it in chunks to test on the live site.
The first A-B test fell short of the expected results, leading to new questions, and we got to try a new tool on the A-B test website to test the segment the team wanted to focus on. The resulting qualitative and quantitative insights allowed the team to identify and correct several issues before the final release of the design. The design performed better than the previous one, offering unique insight and potential for iteration in future versions.
Insights
The redesigned product surpassed the original, providing valuable insights and a path for future improvements. The process highlighted the importance of iterative testing and clear communication for transformative results.
Wireframes
Before - comments on improvenents
After