F95 x mintley
Scrollytelling Website for Fortuna Düsseldorf
Scrollytelling Website for Fortuna Düsseldorf
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 Vereinsgeschichte: Erstmals wurde das Design des Shirts von den Mitgliedern mitbestimmt. 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.
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.
We build living brand experiences.
