Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

F1 — Motion (Re)Branding

Ein illustratives Motion (Re)Branding Konzept für das am Ende der Saison 2017 angekündigte neue F1 Corporate Design.

1 Aufgabenstellung

Im Motion Branding Kurs von Prof. Klaus Dufke ging es darum, ein neues Konzept für eine bestehende Marke audiovisuell zu inszenieren. Das Konzept sollte für drei Motion Poster als Entwurf umgesetzt werden. Die Motion Poster, bestehend aus Hochformat, Querformat und einem Season Special sollten 15 bzw. 30 Sekunden lang und loop-fähig sein.

2 Ideen

Zunächst einmal sollten wir Ideen für verschiedene Marken präsentieren. Meine Wahl fiel dabei auf Formel 1 und Sonos. Nach einem kursinternen Diskurs mussten wir uns für eine dieser Ideen entscheiden und dazu ein ausführliches Konzept erstellen. Ich entschied mich für Formel 1, da Ende November ein neues Corporate Redesign für 2018 angekündigt wurde und mir das neue Logo im Gedächtnis blieb. Bei dem Redesign handelte es nich nicht nur um ein kleines Update, sondern eine radikale Neuorientierung. Es löste im Internet zahlreiche Diskussionen aus, da viele der Meinung waren, dass ihnen das alte Logo besser gefallen hat. Mir gefiel dieser radikale Schritt jedoch mit der Zeit immer mehr. Zusätzlich hatte ich den Vorteil, dass ich fast komplett unvoreingenommen an dem Konzept arbeiten konnte, da es noch kein neues Motion Branding für das Redesign gab.

Artboard Copy.jpgArtboard Copy.jpg
Artboard.jpgArtboard.jpg
Artboard Copy 4.jpgArtboard Copy 4.jpg
Artboard Copy 5.jpgArtboard Copy 5.jpg
Artboard Copy 2.jpgArtboard Copy 2.jpg
Artboard Copy 7.jpgArtboard Copy 7.jpg
Artboard Copy 8.jpgArtboard Copy 8.jpg

F1-WIP-3.jpgF1-WIP-3.jpg
F1-WIP-2-1.jpgF1-WIP-2-1.jpg
F1-WIP-1-e1511526365720.jpgF1-WIP-1-e1511526365720.jpg

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
EmbedPreviewImage-maxresdefault.jpg

3 Konzept

3.01 Moodboard

Für die erste Präsentation erstelle ich bereits ein Moodboard, das wie folgt aussah: 

Artboard Copy 6.jpg
Artboard Copy 6.jpgArtboard Copy 6.jpg

Sein retro-future Charme war vom neuen F1 Logo, dem Film Thron und dem Rennspiel Wipeout inspiriert.

3.02 Entwürfe & Skizzen

Nach der Anfertigung des Moodboards machte ich mir Gedanken wie das neue F1 Logo animiert werden könnte und sammelte Ideen für die Erstellung des Layouts der Motion Poster.

3.jpg3.jpg
2.jpg2.jpg
1.jpg1.jpg
4.jpg4.jpg
5.jpg5.jpg
6.jpg6.jpg
7.jpg7.jpg

3.03 Mainidea

Da das neue Logo bei mir die Assoziation einer Rennstrecke, bei der zwei Autos durch eine Kurve fahren erweckte, bestand meine Mainidea für die Logo Animation darin, dass sich aus der Schnittmenge der gedachten Fahrspuren das Logo bildet.

01 copy.jpg01 copy.jpg
02 copy.jpg02 copy.jpg
03 copy.jpg03 copy.jpg
04 copy.jpg04 copy.jpg
05 copy.jpg05 copy.jpg

Alternativ hatte ich die Idee eines beschleunigenden Tachometers, bei dem die Formen des Logos aus dem Drehzahlmesser und dem darauffolgenden Begrenzer und dem Schaltvorgang entstehen würden.

12.jpg12.jpg
13.jpg13.jpg
14.jpg14.jpg
15.jpg15.jpg
16.jpg16.jpg
17.jpg17.jpg
18.jpg18.jpg
19.jpg19.jpg
20.jpg20.jpg

Die reine Logo-Animation war natürlich für ein 15-sekündiges Motion Poster zu wenig. Ich brauchte zusätzliche Elemente, mit denen ich beim Bewegtbild eine spannungsvolle Komposition entstehen lassen konnte.

3.04 Key Visual

Ich begann damit ein F1 Auto so abstrakt und minimal zu illustrieren wie möglich. Als ich mehr und mehr Linien wegnahm, merkte ich bei dem Prozess durch einen Zufall, dass sich die abgerundete Form des neuen F1 Logos perfekt dafür eignet, die aerodynamischen Stromlinienformen der Autos darzustellen. So konnte ich die Form des Logos für die Drauf– und Seitenansicht des Autos übernehmen und eine unterschwellige Verknüpfung schaffen.

9.jpg9.jpg
10.jpg10.jpg
11.jpg11.jpg
12.jpg12.jpg
13.jpg13.jpg
14.jpg14.jpg

3.05 Colorscript

Die Farben habe ich größtenteils vom neuen F1 Corporate Design übernommen. Hinzugefügt habe ich lediglich eine Farbabstufung, einen Farbverlauf und eine Akzentfarbe, welche einen Kontrast zu den bestehenden neuen F1 Farben bilden sollte. Im finalen Motion Poster habe ich mich aber gegen die Kontrastfarbe entschieden, da sie mir in dem Format nicht passend erschien. Den Farbverlauf habe ich benutzt, weil jedes F1 Team seine eigene spezifische Farbe hat. So wollte ich vermeiden, dass das neue F1-Rot mit dem Ferrari-Rot in Verbindung gebracht wird.

Alternativ hätte die Möglichkeit bestanden die Farben von allen F1 Teams zu verwenden und sie während des Videos ineinander überblenden zu lassen.

6.jpg6.jpg

3.06 Font

F1-typography-Turbo.pngF1-typography-Turbo.png
F1-typeography-Regular.pngF1-typeography-Regular.png
F1-typography-Torque.pngF1-typography-Torque.png

Mit dem neuen Corporate Design wurde auch eine neue Hausschrift vorgestellt, die F1 Regular, Turbo und Torque. Da diese Schrift momentan nicht frei verfügbar ist, suchte ich zunächst nach einer guten Alternative. Die einzig gut ausgearbeitete und sehr ähnliche Schrift die ich fand, war die Design System.

01 copy 2.jpg01 copy 2.jpg
01 copy 3.jpg01 copy 3.jpg
01 copy 4.jpg01 copy 4.jpg

Dabei handelt sich es sich leider um keine freie Schrift, sie kostet pro Schnitt 35€. Aus diesem Grund fiel meine Wahl dann schlussendlich auf die Ubuntu von Dalton Maag. Die Ubuntu ist eine humanistische Linearantiqua, welche auf den ersten Blick sehr klar und schlicht wirkt. Bei genauerem Hinsehen sind allerdings Ähnlichkeiten mit der F1 erkennbar. Zudem ist sie mit 8 Schriftschnitten gut ausgearbeitet und bietet somit auch für komplexe Layouts genügend Spielraum. Als Teil von Google Fonts ist sie für nicht kommerzielle Zwecke frei nutzbar.

7.jpg7.jpg

3.07 Texture

Damit die Immersion von einem schnell fahrenden F1 Auto verstärkt wird, verwendete ich bei meinem zweidimensionalen, illustrativen Konzept sich im Hintergrund schnell bewegende Texturen. Für den Asphalt, den Wind und das Season Special brauchte ich jeweils unterschiedliche Texturen.

8.jpg8.jpg

15.jpg15.jpg

3.08 Season Special

Für das 30-sekündige Season Special wollte ich nicht wieder eine statische Drauf- oder Seitenansicht von einem F1 Wagen zeigen, da diese Kameraeinstellungen meiner Meinung nach auf Dauer langweilig wirken. Deswegen entwickelte ich die Idee eine Kamerafahrt um eine zweidimensionale Rennstrecke zu zeigen. Dabei sollte die auf der Z-Achse im Hintergrund liegende Struktur die Dreidimensionalität des Raumes verstärken.

3.09 Styleframe

Nach der Erstellung der Komponenten entwickelte ich für die drei verschiedenen Videos jeweils einen Styleframe:

Zeichenfläche 1 Kopie 4.jpgZeichenfläche 1 Kopie 4.jpg

Styleframe für 15s Querformat

17.jpg17.jpg

Styleframe für 15s Hochformat

Zeichenfläche 1 Kopie 13.jpgZeichenfläche 1 Kopie 13.jpg
Zeichenfläche 1 Kopie 3.jpgZeichenfläche 1 Kopie 3.jpg

Styleframe für 30s Season Special

3.10 Storyboard

Da ich das Projekt nicht an jemand anderen übergeben oder pitchen musste, habe ich vorher kein richtiges Storyboard erstellt. Mir war, nachdem ich die Styleframes fertig hatte, auch relativ klar wie es aussehen und ablaufen sollte. Die weitere Umsetzung hing größtenteils von meinen After Effects Fähigkeiten ab.

4 Output

F1 Motion Poster 2018 – Querformat (00:15) 

F1 Motion Poster 2018 – Hochformat (00:15) 

F1 Motion Poster 2018 – Season Special (00:30)

F1 Motion Poster 2018 – Vimeo Cut (03:17)

Credits

Fazit

Ich bin mit dem Ergebnis meines Projekts recht zufrieden. Es war das erste Mal, dass ich mit After Effects gearbeitet habe. Das Programm hat meiner Empfindung nach eine sehr steile Lernkurve und ich musste sehr viel Zeit in das Schauen von Tutorials stecken, um es halbwegs bedienen zu können. Ich musste mich außerdem daran gewöhnen minutenlang auf den Rechner zu warten, nachdem ich Änderungen vorgenommen habe und der Mac sie erst mal rendern musste. Aber auch wenn es mir oft sehr komplex und frustrierend vorkam, habe ich erkannt, dass es nahezu unbegrenzte Möglichkeiten bietet alles sich Vorstellbare umzusetzen.

Mit dem Kurs an sich bin ich sehr zufrieden. Ich habe die Grundlagen der Videoproduktion gelernt und hatte endlich den Ansporn mich mit Animationen und After Effects auseinanderzusetzen.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Klaus Dufke

Entstehungszeitraum

Wintersemester 2017 / 2018