Design
Platform Development
Drupal

Topdeck Travel mobile app

A longstanding relationship since 2018 that recently extended to include the design and development of the new Topdeck Travel app.

7000+

Downloads

6+

Integrations including Drupal API's and Azure SSO

2

Platforms - seamless navigation between the mobile app and Drupal website

Topdeck mobile app screen view
Topdeck mobile view on a background of people climbing a mountain

The ask

The new app aims to provide Topdeck customers with an engaging in-trip experience, offering key information related to their trip and building excitement for the next step of their adventure. It also allows customers to settle their balance pre-departure.

The scope of the project was to deliver an app in time for the 2024 peak travel season, which meant that we needed to mobilise rapidly and focus on an MVP delivery.
 

Grid of Topdeck Travel mobile view
Topdeck mobile view
1temple

The approach

Discovery

Discovery focused on defining the app experience through collaborative workshops and competitive analysis. The outputs of these activities generated the app map and overall content structure, which formed the foundation for the initial app lo-fi prototype.

 

Woman sitting on a bench at a train station. She is looking at a phone in her hands and there is a train on the platform behind her.

 

Design

Moving into the design phase, we needed to ensure that users felt a cohesive experience using the app and the Drupal website, but also ensure that the app reflected the unique Topdeck brand and felt distinct. Atomic design principles guided our approach, allowing us to create a flexible design system that would work beyond MVP delivery. From the initial design concepts through to the final high fidelity prototype, close collaboration with both the Topdeck project team and the app development team was crucial for successful delivery.

 

Development highlights 

  • Built using Flutter (our open-source framework of choice)
  • Complex notification system, based on the departure date of the trips booked - for example, notifying customers when new information is available within the app
  • Preventing customers from accessing the full app when payments were outstanding for an upcoming trip
  • Integration with the Drupal website APIs to allow content such as trip itineraries to be kept up to date in real time
  • Integration with several third party APIs such as Hero and Qualtrics
  • Implementation of Azure Single Sign On across the Drupal website and mobile app to allow users to have a much smoother experience navigating between the two
  • Customers able to update their personal information within the app
Topdeck mobile view on a background photo a woman in sand dunes

The results

Central to the success of this project has been the longstanding partnership between Topdeck and Zoocha, allowing us to be open, agile and pragmatic at each stage of delivery in order to achieve the end goal.


The launch of the Topdeck app has also been met with industry acclaim through publication in travel media, detailing the highlights and functionality of the user experience. 

Experience the app here.

Topdeck mobile view
Woman standing while travelling on a bus looking at a phone in her hand.
Three Topdeck mobile views on a background of a tropical beach
The project was run with impressive precision, and milestones were delivered on time and inline with expectations. The result is a new forward-looking app which perfectly delivers what customers need pre and post departure Topdeck Travel
645de
Topdeck mobile view

How can we help?

If you want to know more about how we can help your organisation build a better future with digital, let's start the conversation
How can we help?