DFL Deutsche Fußball Liga
Apps, Website und Pattern Library
Die „Deutsche Fußball Liga“ ist ein Verbund von 36 deutschen Proficlubs, welche sich in die erste und zweite Bundesliga aufteilen. Bundesliga.
Als gebuchter, freiberuflicher Art Director und Grafikdesigner war ich Teil der „Creative Services“ Abteilung. Ich verbesserte Produkte wie die „Offizielle Bundesliga App“ und die „Fantasy Manager App“ grafisch und konzeptionell. Des Weiteren habe ich neue Produkte wie die „Bundesliga Next App“ von Grund auf grafisch und konzeptionell neu erstellt. Ich wurde gebeten die „B2B Platform“ grafisch zu überarbeiten, welche der DFL als Kommunikationsmittel zu Clubs und Broadcastern dient.
Als kleines Team waren wir in der Lage, ein Design System und eine Pattern Library zu erstellen, welches uns half ein neues Online Corporate Design Schritt für Schritt einzuführen. Dadurch werden in Zukunft digitale Produkte schneller und einheitlicher erstellt werden können.
Agentur: Freelance
Client: DFL (Deutsche Fußball Liga)
Rolle: Freiberuflicher Senior Art Director, User Interface Designer, User Experience Designer, Grafikdesigner, Illustrator
BUNDESLIGA APP ▾
FANTASY MANAGER ▾
NEXT APP ▾
B2B PLATFORM ▾
DESIGN SYSTEM ▾
Projekt Eins
Die offizielle Bundesliga App
Definition:
Mit der offiziellen App der Bundesliga bist du immer einen Schritt näher an Geschehnissen der Bundesliga und 2. Bundesliga. Für jedes Spiel erhältst du einen Live Ticker, umfangreiche Statistiken und Match Facts wie die Realformation oder xGoals. Alles in Echtzeit! Die App bietet ausserdem exklusive News, Videos und Interviews von den zwei Top Ligen des deutschen Fußballs.
Meine Aufgabe:
Als freiberuflicher Art Director haben das Team und ich das generelle Aussehen der App neugestaltet, neue UI Elemente entworfen, den Dark Mode eingeführt, den Tablet Landscape Modus umgesetzt, neue (aws) KI Features (wie erweiterte Statistiek – „Realformation“, „Angriffszonen“, „Schuss-/Passeffizienz“, …) entwickelt und neue Ideen konzipiert, …
Die App wurde im App Store gefeatured.
Matchfacts Cards
Sag HALLO zum Darkmode
Projekt Zwei
Bundesliga Fantasy Manager
Definition:
Bist du ein echter Bundesliga Manager? Dann beweise es mit dem offiziellen Bundesliga Fantasy Manager und spiele live wo auch immer du dich befindest. Du kannst alle aktuellen Spieler der Bundesliga auswählen. Jeder Spieler erhält Punkte sobald er auf dem Spielfeld steht. Basierend auf statistischer Analyse seiner Spiele. Wähle 15 Top Spieler der Bundesliga – egal bei welchem CLub sie spielen und erstelle dein Fantasy Team mit einem Budget von 150 Millionen.
Meine Aufgabe:
Als freiberuflicher Art Director überarbeitete ich das generelle Erscheinungsbild der Bundesliga Fantasy Manager App, führte den Dark Mode ein, erstellte eine Landing Page, Web Applikation und Key Visuals.
„Mit Christoph zusammenzuarbeiten war sehr einfach. Er verstand komplexe Probleme und fand erstaunliche Lösungen in Windeseile. Die User Experience und Benutzeroberfläche unser Produkte machten einen riesigen Sprung nach vorne, sobald er da war.“
Martin Aschenbrenner, Product Owner bei DFL Digital Sports GmbH
Projekt Drei
Bundesliga Next App
Definition:
Mit der neuen Bundesliga Next App bist du einen Schritt näher an deinem Lieblingsclub und Stars der Bundesliga und 2. Bundesliga. In der Video App siehst du die coolsten Skills, besten Paraden und erstaunlichsten Tore. Natürlich bekommst du auch Statistiken.
Was ich gemacht habe
Als freiberuflicher Art Director haben das Team und ich die App von Grund auf neu entwickelt. Sie wurde im Apple Store gefeatured. Wir erstellten auch eine Landing Page, Keyvisuals und vieles mehr. Mit einem Blick auf die Zahlen: Sie haben alle Erwartungen übertroffen.
Projekt Vier
B2B Platform
Definition:
Die B2B (Business to Business) Plattform der DFL kommuniziert zum einen mit den Clubs der ersten und zweiten Bundesliga (Informationsaustausch zu Logos, Farben, Aufstellungen, …) und zum anderen mit den Broadcastern (SKY, DAZN, EUROSPORT, …).
Meine Aufgaben:
Als freiberuflicher Art Director habe ich die Plattform grafisch überarbeitet und neue Funktionalitäten – wie eine KI unterstütze Inhaltsempfehlung, verbesserte Navigation und Cards – gestaltet.
„Ich bin sehr begeistert von seiner Arbeit. In den Projekten, indenen ich mit Chris zusammengearbeitet habe, hat er sich vollständig in das Team integriert. Seine UX Konzepte, aber auch entworfenen UI Elemente geben dem Produkt ein wundervolles Gesicht. Ich kann ihn nur herzlich Empfehlen!„
Fabian Mlink, Product Owner bei DFL Digital Sports GmbH
Projekt Fünf
Design System & Neues Online Corporate Design
Definition:
Eine Pattern/Design Library ist eine Sammlung, welche die neusten Interface Elemente, Logos, Farbdefinitionen, Vorgaben usw. speichert. Das Design System dient der Plattform übergreifenden, grafischen Ausrichtung aller visuellen Kommunikation. Dadurch werden Kosten und Zeit gespart, um zukünftig neue Funktionen in den digitalen Produkten einzuführen.
Meine Aufgaben:
Als ich als freiberuflicher Grafikdesigner bei der Deutsche Fußball Liga anfing, gab es noch kein Design System oder eine Pattern Library. So haben Marvin Strack und ich diese entwickelt. Wir haben nicht nur die besten Interface Elemente zusammengesucht, sondern diese auch verbessert, erweitert und Neue entworfen. Dies hat das Online Corporate Design der DFL Produkte grafisch vereinheitlicht, verändert, geschärft und verbessert. Dies ist das Fundament, durch welches sich das zukünftige Online Corporate Design der DFL weiterentwickeln und an technische Neuerungen anpassen kann.
Head of Department
Juan Pablo Kessler
Members of the Design Staff
Marvin Stracke
Simon Wolf
Philipp Reinhart-van-Gülpen
My Tasks
Senior Art Direction
User Interface Design
User Experience Design
Grafikdesign
Illustration
Project Manager
Björn Rosenthal
Martin Aschenbrenner
Fabian Mlink
Tobias Klein
Developer
Andreas Kern
Daniel Nova
David Cleef
David Goering
Florian Weiß
Henrik Ramendhal
Jan Dammshäuser
Robert Berghegger
Robin Moschinski
Sascha Kratochvil
Timo Rausch
