More

Fortuna Düsseldorf

Digitale Trikot-Launchkampagne

2020

Auftraggeber: Fortuna Düsseldorf

Lösungen: Beratung, Kampagnenkonzept, Design, Front-End Development, Animation

Trikot-Rendering: In Zusammenarbeit mit Morphoria Design Collective

Das Fortuna-Heimtrikot der Saison 2020/2021 ist ein Novum in der 125-jährigen Vereins­geschichte: Erst­mals wurde das Design des Shirts von den Mit­gliedern mit­bestimmt. 12.530 Stimmen wurden in der eigenen F95-App abgegeben. Der Trikotlaunch wurde mit einer mehrtägigen Teaser-Kampagne beworben, um für den Tag des Launches maximale Aufmerksamkeit zu erreichen.

Eine besondere Herausforderung für den Trikotlaunch waren die Einschränkungen durch die Corona-Schutzmaß­nahmen. Wie kann man trotz der Distanz zu den Fans eine emotionale Verbindung aufbauen? Wie können die Fans ihren Verein erleben, wenn sie nicht im Stadion oder auf einem Event sein dürfen?

Mit der digitalen Trikotvorstellung und einer begeisterenden User Experience – getragen durch einzigartige „Scrollytelling”-Animationen – konnten wir in Kooperation mit dem Marketing-Team der Fortuna Düsseldorf genau diese Herausforderung meistern und so Nähe und Emotion trotz räumlicher Distanz herstellen.

Microsite ansehen ↗

Idee

Die Ergebnisse der Mitgliederumfrage werden täglich auf einer Microsite vorgestellt. Jeder Tag wird unterschiedlich inszeniert – Inhalte, Design und Animationen sind auf die jeweilige Frage angepasst. Dabei ist die Dramaturgie entscheidend: es wird täglich nur ein kleiner Teil des Trikotdesigns offenbart oder angedeutet, um zuletzt das Trikot feierlich und überraschend im 3D-Rendering enthüllen zu können.

Umsetzung

So vielfältig wie die Fans der Fortuna sind auch die Nutzeranforderungen. Deshalb ist die Microsite für alle Endgeräte optimiert (responsive) und die Ladezeiten trotz aufwendiger Animationen sehr kurz, um alle Fans mitnehmen zu können. Die Ergebnisse der Umfrage werden grafisch in Verbindung mit Designelementen des Fortuna Düsseldorf Corporate Designs und des neuen Trikots inszeniert. Die Animation der Inhalte liegt in der Hand des Nutzers: „Scrollytelling” nennt sich das Format, bei dem Nutzer durch ihre eigene Scrollgeschwindigkeit das Tempo und den Ablauf der Animationen steuern können.

Lottie & Webflow

Technische Innovation auf höchstem Niveau: Die Seite wurde mit der Webtechnologie „Lottie” und dem Designtool „Webflow” umgesetzt. Das besondere an dieser Lösung ist, dass fast jedes Element auf der Seite aufwendig animiert werden kann, ohne dass man sich durch Videoauflösungen und -Formate einschränken lassen muss. Außerdem konnten wir so sicherstellen, dass die Animationen in jeder Auflösung die richtige Größe und das richtige Tempo besitzen.

Datenvisualisierung

Fundament für alle Designelemente sind die Themen und Ergebnisse der Mitgliederumfrage. Alle eingesetzten Formen dienen immer dem Zweck der inszenierenden Datenvisualisierung. So nutzen wir beispielsweise den Aufbau eines Balkendiagramms als eleganten Übergang für die Enthüllung des adaptierten Stadtwappens. Und eine V-förmige Fläche im Kuchendiagramm wird durch eine Übergangsanimation zum neuen V-Ausschnitt des Trikots.

Trikotlaunch

Finale! Am letzten Tag wird nun endlich das neue Heimtrikot vorgestellt. Während der Nutzer scrollt, tritt das 3D-Rendering des Trikots in den Vordergrund und dreht sich um 360°. Dabei werden jeweils einzelne Features und Designelemente hervorgehoben, um auf alle Highlights des neuen Trikots eingehen zu können. So können die Fans noch einmal ganz genau nachvollziehen, wie stark die Ergebnisse der Umfrage das Trikotdesign beeinflusst haben.

Ergebnis

Transparenz, Nähe, Begeisterung. Die Microsite stellt die Ergebnisse der Mitgliederumfrage abwechslungsreich dar und sorgt darüberhinaus für weitere Transparenz im mitgliedergeführten Verein. Der digitale Trikotlaunch begeistert die Fans in einer Zeit des Social Distancing und ermöglicht es dem Marketing-Team der Fortuna Düsseldorf trotz Corona-Schutzmaßnahmen mit gutem Content nahe zu sein.

Let’s talk about ideas.

Kontakt

mintley GmbH
Mülheimer Straße 18
40239 Düsseldorf
Germany
+49 211 97632117

New Business

Jan Filek
Managing Director
+49 211 97632117
LOADING

Willkommen bei mintley

Wir sind ein unabhängiges, inhabergeführtes Design Studio aus Düsseldorf. Wir sind spezialisiert auf die Verbindung von Branding und User Experience Design.

Ihr Browser wird nicht unterstützt

Um den vollen Funktionsumfang unserer Website nutzen zu können, empfehlen wir Ihnen, einen aktuellen Browser zu verwenden.

Generell unterstützen wir folgende Browser:
Google Chrome, Firefox / Safari / Opera / Edge in aktueller Version. Updates oder Downloads der Browser erhalten Sie von den jeweiligen Anbietern.

Kontakt

Sie möchten Ihren Browser nicht updaten, uns aber trotzdem kontaktieren?

mintley GmbH
Mülheimer Straße 18
40239 Düsseldorf
Germany
+49 211 97632117

jobs (at) mintley (dot) com
hello (at) mintley (dot) com