MILAN RISTOVSKI

FAN FLYER

a one-stop platform offering exclusive travel packages to football games,
including flights, accommodations, and match tickets.

Background

MY ROLE

As the sole designer on this project, I was tasked with creating a new flow on an existing platform, focused on customization of travel packages for football fans which include match tickets, flight tickets and accommodation.
The main phases of my work included: Understanding Business & Technical Constraints, Mapping User Flows, Wireframing, UI Design, Testing & Iteration with Stakeholders.

Mobile UI Mobile UI

Pricing summary

Main Challenges

1
Designing Around Pricing Logic

The client wanted to keep the pricing of individual components (tickets, flights, hotels) hidden for business model reasons, while still making the overall checkout experience feel transparent and trustworthy. This required delicate UX decisions to build confidence without exposing granular costs.

2
TECHNICAL Constraints

The platform relied on third-party APIs for flight and accommodation data that came with certain limitations, particularly in terms of discovery. My initial proposals, designed to let users explore and compare options using multiple criteria, had to be adapted to the technical constraints, while still providing the users with a curated experience with multiple choices.

3
CUSTOM CHECKOUT FLOW

The checkout experience needed to support a wide range of user choices like ticket types, flight options, hotel preferences, and additional extras, all spread across several steps. This level of customization introduced challenges common to e-commerce platforms: maintaining clarity, minimizing friction, and helping users feel in control throughout a potentially complex journey.

Checkout flow

Segments of the checkout flow

Solution

Here’s how I approached each of the main challenges, aiming to keep the experience clear and structured, and to help users move through the checkout process with confidence:

  • I avoided showing individual component prices and instead highlighted what was included, along with the cost of any additions at each step. The total price and a summary of all selected extras remain visible throughout the flow.

  • I focused on defining criteria to display the three best-matching options for flights and accommodation. This approach was intended to reduce choice fatigue while still giving users the ability to further explore and filter results if needed.

  • For the checkout flow, I structured the process into clear, separate steps using an accordion-style layout. Previous steps remain easily accessible for review and editing, helping users keep track of what they had selected and what was coming next.

    • Desktop UI

    Desktop view of the homepage

    Background

    Next case study

    MEDIKIRA

    Arrow Icon