Kupibilet / 2024
A clearer way to compare flights
Kupibilet sells flight and rail tickets. Expanding an itinerary inside flight search made the results harder to compare. The goal was to help travelers check transfers and fares, then continue to checkout.
Reported outcomes and design scope. Measurement details are noted below.
My contribution
I reviewed competing booking flows, helped compare prototypes in usability sessions and documented the selected modal in the design system. Research, analytics and engineering were part of the project team.
Key decision
We chose a modal over expanding cards to separate scanning results from reading one itinerary. A fixed header and footer kept the flight and checkout action visible; longer details scrolled between them.
Outcome
Reported conversion increased by 1.12% for opening route details and by 2.75% from results to checkout. The lightbox also became a reusable component.
Constraints behind the design
Long itineraries had to work on both phones and desktops. People still needed to see which flight they had chosen and how to continue to checkout.
Inline details interrupted flight comparison
The existing design kept details close to each result, but opening a long itinerary pushed other options down. The redesign separated the detailed reading task from comparing flights.
Separate flight scanning from itinerary details
The hypothesis was that a dedicated details view would help people understand the route and fare without losing their place. We needed to test whether the extra layer clarified the choice or interrupted it.
Comparing transfer and fare patterns across travel products
I reviewed airline and travel products on desktop and mobile, looking at transfers, fare rules and price options. The review gave us useful patterns to test in our own booking flow.
Keeping the selected flight and next action visible
The prototypes used fixed navigation and a persistent checkout action around a scrollable itinerary. This accommodated long journeys without forcing every result card to carry the full detail.
Testing expandable cards against a focused modal
In usability sessions, we compared the existing expandable card with the new modal. We checked whether people understood transfers, journey time and price, then followed up with a survey to inform the decision.
A documented pattern other teams could reuse
A design review identified seat selection as another use for the modal. I documented the component and its behavior in the design system, making the solution available beyond flight search.
What changed
These figures come from the project summary. The baseline, measurement period and distinction between relative percentages and percentage points are not available here.