Bewegungs- und animiertes Branding: Identität zum Leben erwecken

Denken Sie an die letzte App, die Sie geöffnet haben. Bevor Sie auch nur eine Taste gedrückt haben, hat sich wahrscheinlich etwas bewegt – ein Logo pulsierte sanft, eine Ladeanimation drehte sich, ein Bildschirm glitt an seinen Platz. Sie haben es kaum bemerkt, und genau das ist der Punkt. Bewegung ist stillschweigend zu einem Teil der Art und Weise geworden, wie Marken sich vorstellen. Ein statisches Logo sagt „hier bin ich“. Ein bewegtes Logo sagt „so verhalte ich mich“.

Lange Zeit bedeutete Branding feste Dinge: ein Zeichen, eine Farbpalette, eine Schriftart. Aber immer mehr unseres Lebens spielt sich auf Bildschirmen ab, die sich bewegen können, und Marken, die das ignorieren, lassen Persönlichkeit auf der Strecke. In diesem Leitfaden erklären wir, was Motion Branding eigentlich ist, warum es wichtig ist, welche Bausteine Sie verwenden können und wie Sie es so gestalten, dass es wie eine Marke und nicht wie ein Haufen zufälliger Effekte wirkt. Es sind keine Kenntnisse in Animationssoftware erforderlich.

Was ist Motion Branding wirklich?

Motion Branding ist der Einsatz von Bewegung, um die Identität Ihrer Marke auszudrücken. Es umfasst alles, von einem Logo, das beim Öffnen einer App animiert wird, über die Art und Weise, wie ein Button beim Darüberfahren reagiert, bis hin zu einem kurzen Marken-Sting am Ende eines Videos. Wenn Ihre visuelle Identität die Besetzung der Charaktere ist – Logo, Farben, Typografie – dann ist Bewegung die Art und Weise, wie sie gehen, gestikulieren und sprechen. Sie verleiht einer flachen Identität einen Herzschlag.

Entscheidend ist, dass Bewegung keine nachträglich angebrachte Dekoration ist. Gut gemacht, drückt sie dieselbe Persönlichkeit aus wie der Rest Ihrer Marke. Eine ruhige, hochwertige Marke bewegt sich langsam und sanft. Eine spielerische, energiegeladene Marke hüpft und schnappt. Die Bewegung sollte sich wie eine natürliche Erweiterung Ihres Brand Tone of Voice anfühlen – die Art und Weise, wie Sie sich bewegen und wie Sie schreiben, sollte deutlich vom selben Charakter stammen.

Wo Sie es tatsächlich sehen werden

Bewegung zeigt sich an mehr Orten, als man erwartet: App-Starts und Ladezustände, Website-Scroll-Effekte, animierte Social-Media-Beiträge, Video-Intros und -Outros, animierte Icons und subtile Übergänge zwischen Bildschirmen. Jede ist eine kleine Chance, jemanden daran zu erinnern, wer Sie sind. Und da so viel davon im Web lebt, hilft es, die Grundlagen der Web-Animation zu verstehen, damit Ihre Ideen sowohl schön als auch schnell sind.

Warum Motion Branding die Mühe wert ist

Sie fragen sich vielleicht, ob ein bewegtes Logo ein Luxus ist. Das ist es nicht, aus drei bodenständigen Gründen. Erstens ist Aufmerksamkeit Mangelware – Bewegung ist eine der schnellsten Möglichkeiten, das menschliche Auge zu fangen, das sich entwickelt hat, um Dinge zu bemerken, die sich bewegen. Zweitens erhöht Bewegung die Einprägsamkeit; eine unverwechselbare Animation gibt den Menschen einen weiteren Anhaltspunkt, um sich an Sie zu erinnern. Drittens signalisiert sie, dass Sie aktuell und durchdacht sind, was stillschweigend Vertrauen aufbaut.

Es gibt auch einen emotionalen Gewinn. Die Art und Weise, wie sich etwas bewegt, kann sich freundlich, selbstbewusst, ruhig oder aufregend anfühlen, bevor ein einziges Wort gelesen wird. Das macht Bewegung zu einem starken Partner für emotionales Branding – eine sanfte, federnde Animation kann eine Marke auf eine Weise warm erscheinen lassen, die ein statisches Bild einfach nicht kann.

Die Bausteine einer Bewegungsidentität

Sie brauchen kein Hollywood-Budget, um anzufangen. Eine Bewegungsidentität ist eigentlich eine kleine Reihe von Regeln, wie sich Ihre Marke bewegt, die konsequent angewendet werden. Hier sind die Kernbestandteile und was jeder einzelne bewirkt.

Beachten Sie die letzte Zeile. Zu wissen, wann man stillbleiben sollte, ist genauso wichtig wie zu wissen, wie man sich bewegt. Bewegung überall ist ermüdend; Bewegung in den richtigen Momenten ist erfreulich.

Die Psychologie der Bewegung

Bewegung trägt Bedeutung, ob wir es wollen oder nicht, weil unser Gehirn darauf ausgelegt ist, Bewegung so zu lesen, wie wir Körpersprache lesen. Etwas, das sanft einsetzt und sich weich niederlässt, wirkt ruhig und vertrauenswürdig, wie eine Person, die mit unaufgeregter Stimme spricht. Etwas, das knackig und federnd ist, wirkt energisch und jugendlich, wie jemand, der mit den Händen redet. Eine scharfe, abrupte Bewegung kann dringend oder sogar aggressiv wirken, während eine langsame, schwebende Bewegung hochwertig und gelassen wirkt. Nichts davon ist zufällig, und es bedeutet, dass Ihre Bewegungsentscheidungen den Menschen stillschweigend mitteilen, wie sie über Sie denken sollen.

Deshalb funktioniert das Übernehmen des Animationsstils eines Konkurrenten selten. Die Art und Weise, wie sich eine Luxusmarke bewegt – langsam, geschmeidig, großzügig – würde bei einer spielerischen Kinder-App träge wirken, und das federnde Hüpfen einer lustigen Verbrauchermarke würde bei einem seriösen Finanzdienstleister frivol wirken. Gehen Sie von Ihrer eigenen Persönlichkeit aus und lassen Sie die Bewegung folgen, anstatt zu kopieren, was anderswo beeindruckend aussieht. Wenn die Bewegung zur Botschaft passt, empfinden die Menschen eine Marke als kohärent, auch wenn sie nie erklären könnten, warum.

Häufige Fehler beim Motion Branding

Einige Fehltritte verderben ansonsten gutes Motion. Der erste ist Übertreibung – alles zu animieren, bis der Bildschirm nie stillsteht und der Inhalt schwer zu fokussieren ist. Der zweite ist Inkonsistenz, bei der jede Seite ihr eigenes Tempo und ihren eigenen Stil erfindet, wodurch die Marke zerstreut wirkt. Der dritte ist Bewegung, die keinem Zweck dient, sich zur Dekoration dreht oder gleitet, anstatt jemandem zu helfen, zu verstehen, was passiert. Der vierte ist das Ignorieren von Leistung und Zugänglichkeit, das Versenden von schweren Animationen, die auf älteren Geräten ruckeln oder bei Menschen, die empfindlich auf Bewegung reagieren, Unbehagen auslösen. Wenn Sie diese vier Fehler vermeiden, wird Ihr Motion beabsichtigt und hochwertig wirken, anstatt geschäftig und amateurhaft.

Bleiben Sie konsequent, sonst zerfällt es

Der schnellste Weg, Motion billig wirken zu lassen, ist, jede Leinwand ihre eigenen Regeln erfinden zu lassen. Eine Seite federt, eine andere gleitet, eine dritte dreht sich grundlos – und plötzlich wirkt Ihre Marke chaotisch. Die Lösung ist die gleiche wie überall im Branding: Wählen Sie eine kleine Reihe von Bewegungsregeln und wenden Sie diese überall an. Dies ist lediglich Markenkonsistenz, erweitert auf Bewegung.

Halten Sie Ihre Bewegungsregeln schriftlich fest

Bewegungsrichtlinien gehören in Ihre Markendokumentation neben Farbe und Typografie. Notieren Sie Ihr bevorzugtes Tempo, Easing, die Signatur-Logoanimation und einige Do's und Don'ts. Wenn Sie Ihre Richtlinien erstellen oder aktualisieren, zeigen unser Leitfaden zur Erstellung eines Brand Style Guides und die praktische Checkliste für Brand Guidelines, was erfasst werden sollte, damit ein neuer Designer markenkonform arbeiten kann, ohne raten zu müssen.

Performance und Barrierefreiheit: der Teil, den viele vergessen

Eine bewegte Marke ist nur dann gut, wenn sie für jeden funktioniert. Schwere Animationen können eine Seite verlangsamen und Besucher auf älteren Handys oder bei langsameren Verbindungen frustrieren. Halten Sie Dateien klein und Bewegungen effizient. Genauso wichtig ist, dass manche Menschen Unbehagen oder sogar Übelkeit durch große Bewegungen erfahren. Respektieren Sie daher immer die Einstellung „Reduzierte Bewegung“, die es Besuchern ermöglicht, Animationen zu deaktivieren. Gutes Motion Branding ist von Natur aus inklusiv – es bereitet denen Freude, die es wünschen, ohne diejenigen zu bestrafen, die es nicht möchten.

Bewegung über Ihre Kanäle hinweg

Sobald Sie eine Bewegungssprache haben, sollte sie sich verbreiten. Animierte Beiträge halten den Scroll in sozialen Feeds in der Regel viel besser an als statische Bilder, was sich gut mit intelligentem Social Media Branding verbindet. Dieselben charakteristischen Bewegungen können in Ihren Video-Outros, Ihrer App und Ihrer Website erscheinen und alles miteinander verbinden. Und wenn Ihre Marke Illustrationen oder Symbole verwendet, können diese sich auch bewegen – ein Thema, das sich mit Ikonografie und Illustration überschneidet.

Wo Sie anfangen können, wenn Sie bei Null anfangen

Sie müssen nicht alles auf einmal animieren. Beginnen Sie mit dem Moment, den die Leute am häufigsten sehen: Ihr Logo. Entwerfen Sie eine geschmackvolle Animation für das Erscheinen Ihres Zeichens und verwenden Sie sie konsequent. Fügen Sie als Nächstes sanfte Übergänge zu Ihrer Website hinzu, damit Bildschirme sich mit Absicht bewegen, anstatt abrupt zu wechseln. Animieren Sie dann eine Handvoll Ihrer meistgenutzten Icons oder eine einzelne Social-Media-Vorlage. Jeder kleine Erfolg baut im Laufe der Zeit eine kohärente Bewegungsidentität auf, ohne ein riesiges Projekt oder Budget.

Motion Branding geht nicht darum, anzugeben. Es geht darum, Ihrer Identität eine unverwechselbare Bewegungsart zu geben – ruhig oder verspielt, mutig oder sanft –, sodass selbst eine halbe Sekunde Animation die Menschen daran erinnert, mit wem sie es zu tun haben. Wenn die Regeln stimmen und konsequent angewendet werden, ist Ihre Marke kein Bild mehr, sondern eine Präsenz. Wenn Sie Hilfe bei der Gestaltung einer Bewegungssprache wünschen, die zu Ihrer Identität passt, hilft Ihnen unser Team gerne, einzusteigen.

Häufig gestellte Fragen

Referenzen

1. Nielsen Norman Group. „The Role of Animation and Motion in UX.“ nngroup.com.
2. Google. „Material Design — Motion.“ material.io.
3. Adobe. „Motion Design and Brand Identity.“ adobe.com.