DFL Deutsche Fußball Liga
Apps, Website and Pattern Library
The “Deutsche Fußball Liga” is an association of the 36 German professional football clubs participating in the Bundesliga and 2. Bundesliga.
Hired as a freelance senior art director and graphic designer, I was part of the division “Creative Services”. I’ve improved products like the “Official Bundesliga App” and the “Fantasy Manager App” visually and conceptually. I’ve also created new digital products such as the “Bundesliga Next App” visually and conceptually from the ground up. I’ve also reskinned the “B2B Platform” of the DFL, which is used to communicate with broadcasters and clubs.
As a small team, we were also able to introduce a design system and pattern library to the company to develop a new online corporate design. This is going to help the creation of digital products much faster and more efficiently in the future.
Agency: Freelance
Client: DFL (Deutsche Fußball Liga)
Role: Freelance Senior Art Director, User Interface Designer, User Experience Designer, Graphic Designer, Illustrator
BUNDESLIGA APP ▾
FANTASY MANAGER ▾
NEXT APP ▾
B2B PLATFORM ▾
DESIGN SYSTEM ▾
Project One
The official Bundesliga App
Definition:
With the Bundesliga’s official app you are always one step closer to events in the Bundesliga and Bundesliga 2. For every match, it offers you a live ticker, comprehensive statistics and advanced match facts such as real tactical positioning or xGoals – all in real time! The app also offers you exclusive news, videos and interviews from the top two divisions of German football.
What I did:
As a Freelance Art Director the team and I have redesigned the general look of the official Bundesliga App, designed new UI elements, introduced the dark mode, designed the tablet landscape modus, created new (aws) AI features such as advanced statistics like “Average Positions”, “Attacking Zone”, “Shot/Pass Efficiency”, developed new conceptional ideas and did many more.
The app got featured at the Apple Store.
Matchfacts Cards
Say HELLO to the Darkmode
Project Two
Bundesliga Fantasy Manager
Definition:
Are you a real Bundesliga Manager? Then prove it in the Official Bundesliga Fantasy Manager and play the game live wherever you are. You can select all current players of the season from the Bundesliga. Each player gets points for their actions on the field based on the statistical analysis of the match. Choose your 15 top players in the Bundesliga regardless of which club they play for and create your fantasy team with a budget of 150 million
What I did:
As a Freelance Art Director I’ve redesigned the general look of the Bundesliga Fantasy Manager App, introduced the dark mode, created a landing page, web application and key visuals.
“Working together with Christoph is very easy. He completely understands complex problems and finds astonishing solutions in a short time. Our products’ user experiences and interfaces made a huge step since he is on board.”
Martin Aschenbrenner, Product Owner bei DFL Digital Sports GmbH
Project Three
Bundesliga Next App
Definition:
With the new Bundesliga Next App your one step closer to your favorite club and stars of the Bundesliga and 2. Bundesliga. In this video app you see the coolest skills, the best saves and astonishing goals. Of course you’ll also get stets.
What I did:
As a Freelance Art Director I have created this app with the talented DFL team from the ground up. It got featured on the Apple Store. We also created a landing page, keyvisuls and much more. With a view on the numbers: They outdone the expectations.
Project Four
B2B Platform
Definition:
The B2B (Business to Business) Platform of the DFL communicates on the one hand with the clubs of the 1st and 2nd Bundesliga (exchange of information like logos, colors, squad, …) and on the second hand it communicates with the broadcasters to distribute match clips.
What I did:
As a Freelance Art Director I’ve reskinned this platform and created new features like an artificial recommendation, improved navigation and several cards.
“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
Project Five
Design System & New Online Corporate Design
Definition:
A Pattern/Design Library is a hub that stores the latest user interface elements, logos, color definitions, guidelines, etc. This Design System is used to align the visual communication across all digital touchpoints and reduces additional costs for the development of new features and products in the future.
What I did:
When I’ve started as a Freelance Art Director working with the Deutsche Fußball Liga they had no pattern or design library at all. So I’ve created one together with Marvin Stracke. Not only do we gathered together the best practice user interface elements of the DFL but we’ve invented lots of them new, to define and aligned the improved digital corporate design for all DFL products. That’s the foundation the online corporate design of the DFL will develop for the future and adapt to new technical possibilities.
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
Graphic Design
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
