TUI Excursions.
Excursions make up a large part of TUI’s revenues so a requirement to allow users to buy excursions in the app was requested by stakeholders.
The initial first step was to introduce a native excursions results screen to users who had a holiday booking with TUI. This way we could upsell excursions available at their destination to them, as currently the way TUI sells excursions is through a holiday rep at the resort. This is a very analog process involving paperwork. The excursions team wanted to bring this process in the 21st century.
The current released native excursions payment journey has seen an overall 36% conversion uplift.
Excursions results.
Having already implemented holiday search results, we used the design as the base template for the excursion results. This means all results in the app have the same consistent styling.
Excursion detail screen.
The next step was the excursion detail screen. We hadn’t developed any other detail listing screens at this point so this was the chance to develop a base template we could use for all detail listing going forward.
Key things we put in place were text styles hierarchy including how to style titles, subtitles, bullet points and expandable and collapsable panels. We also designed badges to show information. This held us in good stead for designing the holiday details you can see in the holiday search project.
Configuration details.
The next step in the process was the configuration stages of booking an excursion. There is a wide selection of different types of excursions, so the configuration components had to be able to handle this alongside 8 languages. We started off with wireframes looking at different options of how to display the journey.
Designs.
After rounds of feedback making sure we had got to the right flow, we then moved onto the UI design work. Below are all the screens in the excursion configuration book flow.
Excursions prototype.
Below is the link to view were you can view and cancel an excursion booked.
