New LOTTO.de platform impresses with the latest web technologies and a modern responsive design

More and more people access websites from their smartphone and this trend show no sign of stopping. In case of LOTTO.de, over 50% of its users access the site from a mobile device. LOTTO.de had already taken this into account, but the operation of two separate websites (one for mobile devices and one for desktop PCs) had the disadvantage of doubled administration efforts and differing content.

The fundamental goal of the relaunch was to design an innovative, user-centric and fully responsive website based on the latest web technology. Additionally, a redesign was requested to clearly communicate the individual lotteries as independent brands under the originator LOTTO.de and seperate them from each other. New customer acquisition via SEO also needed to be taken into account.

In order to guarantee a consistently exciting gaming experience on all devices, LOTTO.de opted for a mobile-first approach during implementation and the first draft of the design concept was for mobile devices. The website was then adapted for desktop and tablet variants in the second phase.

The implementation employed the innovative Hybrid Headless approach from Magnolia, which optimally combines the benefits of Headless CMS with those of conventional CMS technology. Cleanly structured content is created in the familiar WYSIWYG environment, while content administration and the delivery layer are consistently separated.

This approach gave LOTTO.de greater flexibility in terms of presentation on different devices and better performance, while taking into account the needs of the editors. In terms of technology, the new REST-API from the Magnolia CMS was used, which was developed specifically for use as a Headless CMS. 

Most customers play LOTTO regularly and use their smartphones to visit the website. That is why it’s important to remain present for the user, connect with them and guarantee a smooth gaming experience.

For this reason, the website was also developed as a Progressive Web App (PWA) with Magnolia. It can be saved directly on a device's home screen by using the website URL. This takes up minimal memory storage and ensures a short loading time.

After just a few months, the new LOTTO.de website went online as an innovative, fully responsive CMS solution with a Hybrid Headless approach. And the technical infrastructure is just as innovative: it is based on the Docker container solution and the Kubernetes container management system.

Thanks to a new design concept, the individual lotteries are now perceived as standalone brands. A progressive SEO design completes the site relaunch.