LOTTO.de + Magnolia
LOTTO.de überzeugt mit nutzerorientierter und Full-Responsive Website
Für die Toto-Lotto Niedersachsen GmbH konzipierte die Digitalagentur Neoskop mit Magnolia eine Full-Responsive Plattform mit neuester Webtechnologie und einem modernem und überzeugendem Design.
LOTTO.de - mehr als der Lotterie-Klassiker LOTTO 6aus49
Der deutsche Lotto- und Totoblock (DLTB) ist die Gemeinschaft der selbstständigen Lotteriegesellschaften in den 16 Bundesländern. Die Landeslotteriegesellschaften führen die staatlichen Glücksspielangebote bundesweit nach gemeinsamen Grundsätzen durch und verstehen sich als verlässliche, verantwortungsvolle Anbieter von staatlich genehmigten Lotterien und Wetten. Die Website ging erstmals 2012 online und wurde von der Toto-Lotto Niedersachsen GmbH stellvertretend für alle Gesellschaften betrieben.
Mit dem Relaunch der Website sollte nicht nur die Verteilerposition gestärkt werden, sondern zusätzlich mit einer klaren Designsprache die Diversität von LOTTO.de – bestehend aus den Lotterien LOTTO 6aus49, Eurojackpot, GlücksSpirale und KENO – herausgestellt und als eigene Marken präsentiert werden.
Highlights
Die Herausforderung
Die Herausforderung
Den Nutzerbedürfnissen gerecht werden
Immer mehr Menschen rufen Websites über ihr Smartphone auf – Tendenz steigend. So wird auch LOTTO.de von über 50% der User vom Handy aus aufgerufen. Bisher wurde dieser Trend zwar erkannt, aber durch die Betreibung von zwei getrennten Websites — eine für mobile Geräte und eine für Desktop-PCs — waren doppelter Pflegeaufwand sowie verschiedene Inhalte die negative Konsequenz.
Grundsätzliches Ziel des Relaunches war, eine innovative und nutzerzentrierte Full-Responsive-Website auf Basis der neuesten Webtechnologie zu konzipieren. Zudem sollte ein Redesign erfolgen, welcher die einzelnen Lotterien als eigenständige Marken unter dem Absender LOTTO.de klar kommuniziert und untereinander abgrenzt. Zusätzlich sollte auch die Neukundengewinnung über SEO nicht außer Acht gelassen werden.
Die Lösung
Die Lösung
Perfekte Brand-Experience dank Mobile-First-Strategie
Um ein spannendes Spielerlebnis durchweg auf allen Devices zu garantieren, setzte LOTTO.de bei der Umsetzung auf Mobil-First und konzipierte zunächst das Designkonzept für mobile Endgeräte. Erst im zweiten Schritt wurde die Website auch für die Desktop- und Tablet-Variante adaptiert.
Die Umsetzung erfolgte mit dem innovativen Hybrid-Headless-Ansatz von Magnolia, da dieser die Vorteile des Headless CMS und die der herkömmlichen CMS-Technologie optimal vereint: Zum einen erfolgt die Erstellung von sauber strukturierten Inhalten in der gewohnten WYSIWYG-Umgebung und zum anderen werden Content-Pflege und Auslieferungsschicht konsequent getrennt.
Dadurch erlangte LOTTO.de mehr Flexibilität im Hinblick auf die Ausspielung auf verschiedenen Devices und eine bessere Performance unter Berücksichtigung der Redakteursbedürfnisse. Technologisch wurde zudem auf die neue REST-API des Magnolia CMS gesetzt, die speziell für den Einsatz als Headless CMS entwickelt wurde.
Mit App-Feeling zum Gewinn
Die meisten Kunden spielen LOTTO regelmäßig und nutzen das Smartphone zum Aufrufen der Website. Daher ist es wichtig, dem User präsent zu bleiben, sich an ihn zu binden und ein komfortables Spielerlebnis zu garantieren.
Aufgrund dessen wurde die Website mit Magnolia zusätzlich auch als Progressive Web App (PWA) entwickelt. Sie kann direkt durch Aufruf der Website URL auf dem Homebildschirm des jeweiligen Devices gespeichert werden. Das schont den Speicher und führt zu kurzen Ladezeiten.
Das Ergebnis
Das Ergebnis
In kürzester Zeit zur innovativen Website-Lösung
Innerhalb weniger Monate ging die neue Website LOTTO.de als innovative Full-Responsive CMS-Lösung mit Hybrid-Headless-Ansatz online. Ebenso innovativ ist die technische Infrastruktur, die auf der Container-Lösung Docker und dem Container-Management-System Kubernetes basiert.
Dank eines neuen Design-Konzepts werden nun auch die einzelnen Lotterien als eigenständige Marken wahrgenommen. Eine fortschrittliche SEO-Konzeption rundet den Relaunch der Seite ab.