View
More

Saga: Online booking flow

As part of the VCCP digital UX team, re-designing the online cruise booking flow for Saga holidays.

Watch redesign showcase reel

About the Project

Saga wanted a complete refresh of their digital experiences, from insurance to cruises. Although they had a large pool of loyal customers they felt their current online offering looked and felt dated, thereby impacting their ability to win over new customers.

Date:

January 2022

Client:

VCCP, Saga

Services:

Web Design

My Role

I was brought in to lead the transformation of Saga’s cruise booking experience – a journey that had become bloated and difficult to navigate due to years of incremental changes. A key challenge was ensuring the new experience would be accessible and intuitive for a broad user base, many of whom have varying levels of digital literacy and unique accessibility needs.

This redesign represented a significant step forward for Saga, touching multiple parts of the business. You can see the transformation in action in the accompanying video – and catch my cameo at 00:36 during a usability session I facilitated.

Stakeholder Engagement

To fully understand the legacy booking flow, I led working sessions with Saga’s leadership team, leveraging their deep knowledge of customer behaviour and internal constraints.

Key insights included:

  • Technical limitations caused by external API calls, particularly when users explored flight options. These needed to be minimised for both performance and cost efficiency.
  • Known customer behaviours that had emerged over years – such as returning to a booking multiple times before committing – helped shape the design principles moving forward.

Behavioural Analytics

Using Adobe Analytics, I uncovered that prospective customers frequently returned to review or amend their holiday packages before purchasing. This insight validated that a non-linear, flexible booking journey was essential – customers needed to explore, compare, and ‘tinker’ without losing context or progress.

"It was important to first lean into the Saga leadership teams' experience and knowledge of their customers."

Problem Statement

Informed by customer behaviour and aligned with broader efforts across the Saga digital estate, we defined our core design goals:

  • Simplify the end-to-end booking process
  • Create a cohesive and consistent UI using shared design patterns
  • Build a fully accessible journey that satisfies both user and business needs
  • Leave room for future flexibility and enhancements without requiring structural changes

Technical Alignment

I developed simple, annotated user flows to guide early conversations with product and engineering teams. These flows helped visualise complexity without prematurely introducing design decisions, allowing for clear discussions around system limitations and feasibility.

Ideation and Flow Design

Much of my early ideation centred on the relationship between configuration and confirmation – i.e. how users could select options while still seeing how their full holiday was coming together.

Two main directions were explored:

  • A linear flow, which simplified the experience but made editing previous selections feel cumbersome
  • A modular, step-by-step builder, where each section had its own space and updates were reflected in real time

The latter approach better suited Saga’s audience. It allowed customers to navigate freely, revisit decisions, and build confidence throughout. This design also reduced cognitive load and preserved context at every step.

Prototyping and Usability Testing

We tested the full prototype extensively, and the feedback was consistently positive. The journey was described as clear, intuitive, and modern – with many participants completing it unprompted.

“It’s a doddle.”
“Much easier to use than the existing site.”
“More modern looking... visually this is way more pleasing on the eye.”
“More clear, easy to use and up to date.”

UI Handover and Implementation

I collaborated closely with the UI team to ensure the clarity and breathing space from wireframes translated seamlessly into high-fidelity designs. The updated Saga design language was applied throughout, resulting in a polished, brand-aligned experience that felt consistent across their digital touchpoints.

No items found.