DFL Deutsche Fußball Liga

Apps, Website and Pattern Library

header_abstand_transparent

Designer of the Bundesliga App, Bundesliga Next App und Bundesliga Fantasy Manager

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

Designer of the Bundesliga App, Bundesliga Next App und Bundesliga Fantasy Manager
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.

Bundesliga App Breaking Points by the freelance Art Director and freelance ui designer Christoph Gey of Cologne, Germany
Matchfacts Cards
Matchfacts Designer of the Bundesliga App, Bundesliga Next App und Bundesliga Fantasy Manager
Say HELLO to the Darkmode
Darkmode of the Official Bundesliga App
Feedback App Store for digital products of the Deutsch Fussball Liga
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

Quotes Bundesliga Next App
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.

Who made the Graphic Design and Art Direction of the B2B (Business to Business) Platform of the Bundesliga? Christoph Gey did.

“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.

New Corporate Design and Pattern Library of the Deutsche Fussball Bundesliga

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