Custom Development, Digital Marketing
Jägermeister Games Dashboard
Ein zentrales Auswertungs-Cockpit für interaktive Marken-Games – in Echtzeit angebunden an die NYO Pocket Rocket Games API.
Unsere Services
UI/UX Design, Marketing Dashboards, Individual Entwicklung
Gebraucht wurde ein Dashboard im Look & Feel der Marke, das Game- und Kampagnendaten in Echtzeit sichtbar, vergleichbar und steuerbar macht und eine intuitive Nutzung ohne technisches Vorwissen ermöglicht.
Für eine weltweit bekannte Marke wie Jägermeister eine Gamification-Strategie zu konzipieren und umzusetzen, war für uns eine besondere Ehre. Um das Konzept sowohl nationalen als auch internationalen Märkten zugänglich zu machen, entwickelten wir neben zwei Browsergames auch ein individuelles Marketing-Reporting-Dashboard, das die Performance der Kampagne transparent und zentral auswertbar macht.
Gamifikation, App-Entwicklung
Ausgangssituation|
Für Jägermeister sind interaktive Games ein vielseitiges Marketinginstrument. Ob am Point of Sale, auf Events oder in digitalen Kampagnen – die spielbaren Erlebnisse fördern die Interaktion mit der Marke, generieren Opt-ins und ermöglichen die Teilnahme an Gewinnspielen. Mit der wachsenden Anzahl an Games und Kampagnen fehlte jedoch eine zentrale Plattform, um den Erfolg dieser Maßnahmen transparent zu erfassen und auszuwerten.
NYO, Individual Entwicklung
Die Lösung|
Wir haben ein dediziertes Web-Dashboard entwickelt, das direkt an die NYO Pocket Rocket Games API andockt und alle Game- und Kampagnendaten in einem markenkonformen Cockpit bündelt. Vom Login bis zur Detailauswertung einer einzelnen Kampagne arbeitet das Marketing-Team in einer Oberfläche, die vollständig im Jägermeister-Design gehalten ist – hauseigene „Meister“-Hausschrift inklusive.
NYO, Individual Entwicklung
Kernfunktionen |
- Games-Cockpit: Durchsuch- und sortierbare Übersicht aller Games mit aggregierten Kennzahlen („X Games · Y getrackte Sessions“) und Deep-Links zur Live-Game-URL.
- Game-Detail & KPIs: Tab-Ansicht je Game mit KPI-Kacheln, Zeitreihen-Charts und paginierter, sortierbarer Session-Tabelle.
- Kampagnen-Detail: Pro Kampagne KPIs, teilbare Share-URL mit Copy-Button und automatisch generiertem QR-Code für den Einsatz vor Ort.
- Gewinn-Steuerung: Limitierung der ausspielbaren Gewinne je Kampagne (konfiguriert, eingelöst, verbleibend). Diese als Pilot für ein Game entwickelte Mechanik lässt sich als modulares Feature für künftige Aktionen adaptieren.
- Nutzer- & Rollenverwaltung: Einladung und Rechteverwaltung von Nutzern mit rollenbasiertem Zugriff (root / admin) bis auf Endpunkt-Ebene.
Individual Entwicklung, Game Anbindung
Technische Finessen|
Das Dashboard ist als reine Frontend-/SSR-Anwendung ohne eigene Datenhaltung auf Basis von Nuxt 4und Vue 3 umgesetzt.
- Resiliente API-Anbindung: Eine zentrale Fetch-Schicht (useApiFetch) injiziert Basis-URL und JWT-Bearer-Token, baut reaktive Cache-Keys aus Methode, Pfad und Query und löst bei abgelaufenem Token (HTTP 401) automatisch Logout und Redirect aus, während die Sitzung immer konsistent bleibt.
- Sichere Authentifizierung: Login per JWT mit Endpoint-Fallback (/auth → /auth/login), Cookie-Speicherung mit sameSite-lax und secure-Flag in Produktion. Das Token verlässt nie das SSR. Alle Abrufe erfolgen clientseitig.
- Analytics-Endpunkt: Der Statistik-Endpunkt liefert Kennzahlen gruppiert nach Tag/Woche/Monat, gefiltert nach Zeitraum und Kampagne. Daten werden reaktiv nachgeladen, sobald ein Filter geändert wird.
- Visualisierung von Grund auf: Sämtliche Charts sind handgebaut in reinem SVG – ganz ohne externe Charting-Bibliothek. Inklusive Zoom-Slider (3–30 Tage), bidirektionaler Kopplung an den Datumswähler, Tooltips sowie Export als SVG und PNG. Maximale Kontrolle, minimaler Ballast.
- Zeitzonen-Korrektheit: Datumswerte werden bewusst als lokale Datumsangaben übergeben. So werden die klassischen UTC-Verschiebungen um einen Tag vermieden und die Zahlen stimmen tagesgenau.
- Deployment: Containerisiert wird via Docker (Multi-Stage, Non-Root, Healthcheck). Das Deployment erfolgt über Coolify und sorgt für einen reproduzierbaren und betriebssicheren Betrieb.
Welche Kennzahlen das Dashboard sichtbar macht |
Kennzahl | Marketing-Nutzen |
Game Count & Unique Plays | Reichweite und echte Spielerzahl |
Opt-In-Rate | CRM-/Consent-Conversion der Kampagne |
Spielzeit je Session & gesamt | Engagement-Tiefe der Spieler |
Data Completion Rate | Qualität der erfassten CRM-Daten |
Redemption Rate | Eingelöste Gutscheine / Gewinne |
Completion Quote je Kampagne | Abschlussquote im Vergleich der Standorte |
Verbleibende Gewinne | Steuerung des Budgets je Aktion |
Das Ergebnis |
Aus reinen Rohdaten wurde ein intuitives Marketing-Instrument. Das neue Dashboard bietet Jägermeister jederzeit volle Transparenz über Reichweiten, Opt-ins, Spielzeiten und Einlösungsraten, aufgeschlüsselt nach Game, Kampagne und Zeitraum.
Das Marketing-Team kann Budgets durch die direkte Gewinnsteuerung effizient schützen, Kampagnen via QR-Code sofort an den Verkaufsstandort bringen und mit den exportierbaren Charts jederzeit überzeugende Reports erstellen. Ein echter Gamechanger für die internationale Gamification-Strategie von Jägermeister.
Custom Development
Leistenschneider
Mit einem individuell entwickelten Terminal revolutioniert die Leistenschneider GmbH ihren Bewerbungsprozess – digital, effizient und benutzerfreundlich.
Homepage
Flughafen Saarbrücken
Gestaltung eines kundenzentrierten Online-Auftritt-Homepage-Relaunch-Projektes des Saarbrücker Flughafen.
App-Entwicklung
Pinion
Next-level Customer Experience dank der Smart.Shift App. Pocket Rocket bringt die Smart.Shift Gangschaltung aufs Smartphone.
Bock? Dann lass uns reden|
