Project shortcuts
Our customer TUI Flight previously used 5 flight search systems on 20 individual websites and development teams from 3 core regions with employees from 30 countries. The flight search for TUI Flight's various source markets was therefore to be reduced to a standardized solution. The aim was to save development costs and retain customers internationally through a uniform appearance. In addition, we standardized business processes in order to also save costs on the customer side. Our many years of experience and expertise in the flight sector (website, booking systems, etc.) convinced the client to commission us with the transformation.
The technologies and procedures we use
Our team used the Modular Web Architecture (MWA), which is based on the core technologies Microfrontends and Static Site Generation. By using this technology for the first time, a lot of technical know-how had to be built up and shared with other teams and employees on the customer side. By standardizing the websites of different source markets/companies, many processes had to be compared and, if necessary, adapted. To this end, we had to deal intensively with the source markets that were previously served by other software solutions. We also changed the language used in the project from German to English in order to form teams with employees from different countries. With the help of AWS, we developed and deployed all components "serverless". We used Gitlab for source code management and CI/CD. We developed the backend code in nodejs using Typescript. We developed the frontends with Preact. Our static site generator is based on 11ty (eleventy). We used Contentful as the headless CMS.
Implementation in the DACH region
-
Implementation
As a first milestone, we implemented the technologies on the tui.com/flug site, which we were already familiar with. We iteratively replaced an existing solution in several sprints. The use of microfrontends made this easy. At the same time, we expanded the static site generator to support multiple clients.
-
Going live and expansion
Once the customization was live, we expanded the solution and applied it to the Austrian site tui.at/flug. Previously, a whitelabel solution was used for this, which we then replaced with an in-house development. We focused on ensuring that the new flight page did not have a negative effect on the existing package tour offers.
-
Integration of further pages
We were the last of the DACH sites to integrate the Swiss site tui.ch/en/flight. Previously, it was not possible to book flights on tui.ch. We also implemented the first steps for multilingualism here.
-
Further steps
Parallel to the implementation in the DACH region, we have already implemented parts of the new developments on the tuifly.be, tuifly.fr, tuifly.ma and tui.nl websites.