Seatfrog Train Swap | Web App

Change your train, not your plans.


 
All information in this case study is my own and does not necessarily reflect the views of Seatfrog.

All information in this case study is my own and does not necessarily reflect the views of Seatfrog.

 
 

About

Since its inception, Seatfrog's mission has been to take every journey beyond the ordinary.

Upgrades were the foundation that built Seatfrog into a thriving business ready for its next stage of growth. Unfortunately, 2020 was not going to be the year anybody had envisioned (especially those in the travel industry).

Whilst passenger numbers were significantly reduced, it was vital that we use the time to create an additional revenue stream for the business. I was part of a small team that launched Seatfrog's second product.

My Role

In close collaboration with a Product Manager, Engineering Lead and Data Scientist, I lead the design process across the Discovery and Delivery phases of the project.

Responsibilities included the usual suspects; conducting user interviews, uncovering and distilling insights, building early user flows, sketching wireframes, creating high-fidelity designs, testing prototypes with customers and coordinating the handover process with the development team.

The beta-version of Train Swap (in Partnership with LNER) went live in January 2021.

 
 
Train Swap Launch email campaign

Train Swap Launch email campaign

 
 

The Challenge

Our partners, the Train Operating Companies, wanted to provide customers (using fixed tickets) the ability to change their journey. A whopping 70% of calls to customer support are for ticket changes alone, costing UK rail £210m per year.

From the outset, we already knew a little about the problems experienced by passengers on the U.K rail network. It's no secret that Train Companies have a less than favourable reputation amongst travellers, 58% of which do not think they get value for money.

 

Target Audience

As we were focusing on flexibility, our target audience were Advance Purchase Ticket Holders. This is the most popular way to ticket type in the U.K, and the most restricted. These customers are able to secure lower prices by travelling on a specified service (effectively sacrificing flexibility for affordability).

 
 

Although it's possible to make last minute changes to these tickets, it isn't cheap. A customer is able to swap to a new on-the-day service by paying the difference between their original ticket and the new one.

Unfortunately, a change can cost up to 7x the price of what was originally paid, making on-the-day changes inaccessible for most customers.

 
 
 
 

Discovery

There was clearly an opportunity here and we decided to survey our user base and quantify the size of the problem. Going into the exercise, I was cautiously optimistic that we were onto something, however…

We found that almost 85% of respondents wanted to swap their train within the last 12 months but didn't.

Why was this happening? I planned, facilitated and conducted empathy interviews with a range of different customers to find out.

 
 
Empathy interviews were conducted remotely, no standing desks here!

Empathy interviews were conducted remotely, no standing desks here!

Empathy Map & Persona artefacts.

Empathy Map & Persona artefacts.

 

∙ ∙ ∙

 
 

1/ Advance Ticket Holders were priced out of flexibility

It seemed that almost everybody we spoke with had an anecdote about trying to switch services, but ultimately didn't because of the cost. The ones with the biggest problem were those looking to change trains on-the-day of travel. They felt as though they were being unfairly penalised and couldn't understand why.

I checked at the desk to see if I could get an earlier train, the price was like £180 to change. This was a ridiculous amount of money, why couldn’t I just get on the train!?
— J. 🥵

∙ ∙ ∙

 

2/ Customers had a predetermined ‘Boredom Budget’

In this scenario, travellers would kill time by eating, drinking or shopping. This is extremely important because it meant they were happy to spend (something we started referring to as the boredom budget), the money just wasn't going to the train Operator.

If it’s too expensive to change my train, I’ll go to Lavazza, get myself a coffee, fire up my laptop and start writing my reports!
— P. ☕

∙ ∙ ∙

 

3/ Illegal work-arounds meant missed revenue

There was another option available to passengers with a slightly higher tolerance for risk...one interview participant actually admitted to catching an earlier service and then dodging the ticket inspector onboard!

I’ve actually switched trains by catching a different one and avoiding the guard! I only do this on trains I think I can get away with it.
— S. 🤫
 

∙ ∙ ∙

 
 
 

The Solution

Digging into our research had validated our hypothesis and revealed a group of customers that had slipped through the cracks. Expensive fares meant flexible Anytime Tickets were often unaffordable for your everyday passenger, and changes to an Advance Ticket weren't feasible either.

Although customers were prepared to spend some money at the station, the high prices for switching to another service on-the-day made this option totally inaccessible!

The solution was Seatfrog Trainswap, a web product allowing travellers to quickly change their departure times at an affordable price.

 
 
L: Screen - Select a new service | R: Screen - Successful Swap

L: Screen - Select a new service | R: Screen - Successful Swap

Desktop Landing page

Desktop Landing page

L: Screen - Skeleton State | R: Screen - Find Existing Train

L: Screen - Skeleton State | R: Screen - Find Existing Train

Draws were used for Sign In functionality allowing users stay focused on the task at hand

Draws were used for Sign In functionality allowing users stay focused on the task at hand

 

∙ ∙ ∙

 

∙ ∙ ∙

 
 

Key challenges

Although designing an interface allowing passengers to make a swap seemed straight forward enough (more on this later), two key challenges had emerged regarding the proposition for both travellers and operators;

  1. How might we price swaps in a way that was affordable for travellers & operators?

  2. How might we restrict swaps to ensure Anytime Ticket sales were not cannibalised?

 

1/ From unaffordable, to within reach

Previously, to make an on-the-day change, customers were charged the difference between the cost of their original ticket and a new one. As the price of tickets rises the closer you are to departure, the delta grows, putting changes out of reach for most customers.

With Train Swap, the approach was different. To switch trains, customers ONLY pay the difference between two brand new tickets on those services. It meant affordable changes for travellers, and the sale of an otherwise empty seat for operators.

 

2/ Avoiding Cannibalisation

The product is intended to give Advance Ticket holders added flexibility, not to provide existing Anytime Ticket holders with a cheaper alternative.

To prevent this issue, Train Swaps are only allowed within 24h of departure (when seats are most scarce). This adds an element of risk into the system, and means that if you want to guarantee added flexibility when making your original purchase decision, paying slightly more for an Anytime Ticket is the safer option.

 

∙ ∙ ∙

 
 
 

Usability Insights

When using Train Swap, customers first have to select their original service before choosing the one they want to catch. This is different to what customers usually do when purchasing a ticket, and we feared this added step had the potential to throw off first time users.

 
 
Find your existing train - steps outlined in red.

Find your existing train - steps outlined in red.

 
 

Our fears were validated during testing. Regardless of the fact "Find Existing Train" was written in plain English at the top of the screen, participants weren't seeing it. They had been preconditioned, by years of purchasing train tickets, to scan for the service they wanted to catch.

We identified one simple way to make the required input more obvious...

Change the text on the search CTA, that's all! Once we had made this seemingly insignificant adjustment, test participants understood exactly what was required and flew through the flow without issue.

 
 
Usability - CTA.jpg

CTA refinement, before and after.

 

∙ ∙ ∙

 
 

Seat reservations and customers concerns

Due to technical requirements, customers are allocated a seat reservation after they've purchased their Swap. This meant that initially, no seat reservation was mentioned on the Review and Pay screen.

This was an oversight on my part, and was reflected during a poor round of testing. Seat reservations are one of the main benefits Advance Ticket Holders receive, and customers were worried that they would miss out when making a swap.

Do I have a seat? I really don’t fancy standing all the way to Manchester.

A simple line of copy addressed the issue and put passengers concerns at ease.

 
 
Seat Reservation allocated upon purchase, before and after.

Seat Reservation allocated upon purchase, before and after.

 

∙ ∙ ∙

 
 

Shortcutting the swap

Although it would be possible for indirect customers to land on the website, we were anticipating that the majority of our traffic would be direct (as we planned to advertise the product on our apps and through our partner channels).

In this scenario, the website knows your original travel details already. This allowed customers coming through direct channels to skip journey input steps, and jump straight into confirming their seat reservation.

 
 
Direct customer journeys - highlighted in red (UI pictured below).

Direct customer journeys - highlighted in red (UI pictured below).

Train Swap Tile - displayed in Seatfrog 'Trip' emails and Partner comms.

Train Swap Tile - displayed in Seatfrog 'Trip' emails and Partner comms.

 

∙ ∙ ∙

 
 

Journey Reminders

Because swaps open 24 hours before departure, it was important we provided an option for passengers wanting to make a change ahead of this window.

To reach these potential customers, I created a simple feature called the Journey Reminder. Users that select a date outside of the 24 hour window are notified the service isn't yet open, and are given the option to sign-up for an email notification.

These emails also function as 'deeplinks' allowing users to shortcut their swap as soon as it's open.

 
 
Journey reminder customer journey - highlighted in red (UI pictured below).

Journey reminder customer journey - highlighted in red (UI pictured below).

Journey reminder - Opt-in Modal.

Journey reminder - Opt-in Modal.

 

∙ ∙ ∙

 
 

Delivery Details

As this was a brand new product, I built users flows and a flexible component library from scratch. This allowed me to organise requirements, symbols and other interface elements in a clear, concise manner, and was extremely valuable as a resource to share with our front-end development team.

 
 
Documentation - Train Swap Master Flow

Documentation - Train Swap Master Flow

Documentation - Train Swap Master Flow

Documentation - Button & Input field Atoms (Desktop)

System - Search Window.jpg

Documentation - Search Window Molecules (Desktop)

Documentation - Journey Card Eligibility (Desktop)

Documentation - Journey Card Eligibility (Desktop)

System - Grid - Moble.jpg

Documentation - Grids: Mobile

System - Grid - Desktop.jpg

Documentation - Grids: Desktop

 

∙ ∙ ∙

 
 

The Launch

Train Swap BETA program went live at the beginning of 2021 on a limited number of routes. As the platform was stabilised and appropriate optimisations were made, the product was gradually rolled out across more and more trains.

It now services the entire Eastern Mainline from London King's Cross to Edinburgh, and will begin supporting additional operators as the travel returns to capacity post-pandemic.

 
 
Early testing on the railway - Pictured: Adam & Nico

Early testing on the railway - Pictured: Adam & Nico

 

∙ ∙ ∙

 
 

The Impact

Overall, Train Swap has achieved the goals we set out to accomplish. Feedback from customers has been overwhelmingly positive, with 90% of users reporting that they are getting good value for money.

 
As we start to return to workplaces and travelling again, flexible features such as this will really help people back onto public transport - great job Seatfrog!
 

In addition, the product was chosen as a winner of the FOAK competition and secured a significant chunk of funding from the Department for Transport.

This was a contributing factor to the company’s survival throughout the pandemic, and will continue to play a part in its future as passenger numbers steadily return to capacity.

Unfortunately, COVID-19 meant the end of the line for many travel businesses and startups. For Seatfrog though, I’m pleased to say that it’s only the beginning.

 
 

 
 

Thanks for reading this case study!
If you would like to know more about this project, please contact me.