Bringing real unity to IAA's digital delivery

Prior to the migration to Magnolia, the IAA MOBILITY and IAA TRANSPORTATION websites were operated with Typo3. In order to cope with large load peaks, which occurred especially during upcoming trade show dates and due to the strong integration of media content, a CDN was in use.

The grown architecture of the VDA prevented the consolidation of the websites and thus complicated the workflows of editors and developers. A new platform and a relaunch of the websites were to change this and meet the real needs of IAA visitors.

The goal of the project was to transfer all VDA websites to a common backend. This was to ensure uniform editing of editorial content and at the same time facilitate the reuse of content. The elements of the user interface were to be based on components that could be adapted to the design of the respective client without duplication. Component templates should also offer more flexibility in terms of design options.

The VDA team chose Magnolia DXP because it both follows the headless approach and provides a graphical interface for visual content editing. This is a unique selling proposition of Magnolia DXP, as it provides maximum frontend flexibility and at the same time a very high user-friendliness for editors.

The implementation is carried out by Magnolia Partner and digital transformation expert IBM iX.

Developers also get real freedom in their choice of tools thanks to Magnolia DXP: They can freely choose between different frontend frameworks and easily deliver content to different touchpoints. Magnolia also allows them to easily integrate external interfaces using low-code configuration for true composability.

Also key to working with Magnolia and IBM iX was the scalability and portability of the DXP through containerization. The platform thus offers rapid provisioning of new instances for testing purposes and equally high scalability as the number of visitors to the websites increases.

The VDA also benefits from Magnolia in the area of DevOps: The unified architecture means a reduced workload.

The VDA's system runs on Docker, with Docker Compose handling the orchestration of Docker containers. To distribute the load across the frontend containers, the solution relies on a load balancer. The requests from the frontend containers are then served via REST interface by the Magnolia containers within the Docker network.

Thanks to the extensibility for which the Magnolia DXP was made, third-party systems of the VDA could be easily integrated and made available to editors. The services CookieBot and UserCentrics, for example, collect the consent of users and YouTube videos are integrated via API on the IAA MOBILITY and IAA TRANSPORTATION websites. The KeyCloak system was also integrated and is used to easily authenticate users. Solr was integrated for search and Matomo provides analytics data for all tenants.

The consolidation of a total of six VDA websites took place within Magnolia DXP. As a result, the VDA benefits from a unified management of its websites in multiple languages on a central platform. The advantage: working with Magnolia is particularly editor-friendly, as the DXP enables visual work and smooth workflows.

Magnolia's headless approach, in combination with the use of containers, also significantly simplifies administration and the setup of test instances. As a result, the VDA can work more efficiently and implement frontend features much faster. Simplifying processes now also makes it easier to onboard new developers.

With Magnolia, the VDA has opted for a truly modular platform that it can flexibly expand and customize to its individual needs. This provides the VDA with a future-proof architecture ready to meet all requirements.