Projekt starten

Etage 04 · Kreation

Motion Design. Ideen in Bewegung.

Motion Design ist Gestaltung in Bewegung: Es macht aus Ideen, die sich schwer filmen lassen, kurze animierte Videos, etwa zu Software, Daten, Abläufen oder einer Marke. yop macht in Tallinn Motion Design für Erklärvideos, Anzeigen, Social Posts, Websites und Präsentationen, vom Skript bis zum Ton, und liefert jedes Video in den Sprachen, die Sie brauchen.

Motion Design

Wann ist Animation besser als ein Dreh?

Wenn sich das Thema schlecht filmen lässt: Software, die auf dem Bildschirm lebt, eine Dienstleistung ohne greifbares Produkt, Daten, die man als Form sehen muss, ein Vorgang im Inneren einer Maschine oder eine Idee, die erst ein Plan ist. Animation altert langsamer, lässt sich ohne Nachdreh ändern und leicht übersetzen, weil keine Lippen synchron sein müssen.

Motion Design liegt zwischen Design und Film. Es nutzt Formen, Schriften und Farben Ihrer Marke und ergänzt Timing, Bewegung und Ton, damit eine Botschaft in Sekunden ankommt. Aus denselben Elementen entstehen kurze Loops für Website, Social Posts und Anzeigen.

  • Erklärvideos. Wie Ihr Angebot funktioniert, in sechzig bis neunzig Sekunden.
  • Ads und Social. Kurze Animationen für bezahlte und organische Posts.
  • Markenanimation. Logoanimation, Übergänge und ein Bewegungsstil für alles, was Sie veröffentlichen.
  • Produkt- und UI-Animation. Software-Screens und Funktionen klar gezeigt, ohne das Chaos von Bildschirmaufnahmen.

Was wir animieren

Sechs Arten bewegter Bilder.

01

Erklärvideos

Skript, Sprecher, Illustration und Animation, die ein Produkt oder eine Idee von Anfang bis Ende erklären.

02

Animierte Spots

Kurze Anzeigen für Meta, YouTube und LinkedIn, in mehreren Längen und Formaten.

Öffnen →
03

Logo- und Marken­animation

Ihr Logo und Ihre Markenelemente in Bewegung, für Intros, Outros und die Website.

Öffnen →
04

UI- und Produkt­animation

Software-Funktionen und App-Abläufe, animiert aus den echten Designs, für Websites, Stores und Demos.

05

Daten und Infografiken

Zahlen und Abläufe als Bewegung, der man folgen kann.

06

Website-Animation

Leichte Loops und Illustrationen für Hero-Bereiche und Produktseiten, gebaut für kurze Ladezeiten.

Öffnen →

Testen

Vom Wort zur Bewegung.

So wandert eine Szene vom Skript zur fertigen Animation. Klicken Sie sich durch die Stufen oder lassen Sie sie ablaufen.

Szene 2 · „Morgen geliefert“

Skript: Text, Sprecher und Ton kommen zuerst.

So läuft es

Fünf Schritte zum bewegten Bild.

A01
01

Briefing und Skript

Botschaft, Zielgruppe und Länge vereinbart, dann das Skript geschrieben und freigegeben.

A02
02

Storyboard

Jede Szene skizziert, das Skript daneben, damit sich das ganze Video vor der Animation beurteilen lässt.

A03
03

Style Frames

Schlüsselbilder in Ihrem Corporate Design, damit der Look steht, bevor sich etwas bewegt.

A04
04

Animation und Ton

Animation, Sprecher, Musik und Soundeffekte, mit einer Korrekturrunde inklusive.

A05
05

Lieferung

Enddateien in jedem Format und jeder Sprache, dazu Kurzfassungen für Social und Anzeigen.

Glossar

Fachbegriffe, einfach erklärt.

Begriffe aus Briefings und Abnahmen, in ein, zwei Sätzen erklärt.

Animatic
Das Storyboard im Timing des Sprechertexts, damit Sie den Rhythmus vor der Animation beurteilen können.
Easing
Wie eine Bewegung Fahrt aufnimmt und zur Ruhe kommt. Gutes Easing lässt Animation natürlich statt mechanisch wirken.
Keyframe
Ein Zeitpunkt, an dem Position, Größe oder Farbe eines Elements feststeht. Die Software berechnet die Bewegung zwischen zwei Keyframes.
Kinetische Typo
Animierter Text, der die Botschaft allein trägt, oft dann, wenn es keinen Sprecher gibt.
Lottie
Ein Dateiformat, das Vektoranimation auf Websites und in Apps abspielt, oft viel leichter als eine Videodatei.
Style Frame
Ein fertiges Standbild einer Szene im finalen Look, freigegeben, bevor die Animation beginnt.

Passt das?

Wann Animation vorne liegt.

Ein kurzer Check, bevor Sie zwischen Dreh und Animation wählen.

Passt gut, wenn

  • Ihr Produkt ist Software, Service oder ein Ablauf, den keiner filmen kann.
  • Sie wollen das Video später ohne Nachdreh ändern.
  • Dasselbe Video muss in mehreren Sprachen funktionieren.
  • Die Botschaft beruht auf Zahlen oder Daten.

Passt nicht, wenn

  • Man muss echte Gesichter, Orte oder Kunden sehen, um Ihnen zu vertrauen.
  • Die Geschichte lebt von Emotion, die nur ein Mensch vor der Kamera trägt.
  • Es muss morgen etwas online gehen, und es gibt noch kein Skript.

Vergleich

2D, 3D oder Realfilm?

2D-Motion-Design, 3D-Animation und Realfilm im Vergleich
2D-Motion-Design, 3D-Animation und Realfilm im Vergleich2D-Motion-Design3D-AnimationRealfilm
Ideal fürErklärvideos, UI, Daten, MarkeProdukte, Räume, MechanikMenschen, Orte, Emotion
ÄnderungenEinfachMittelNachdreh nötig
SprachversionenEinfachEinfachUntertitel oder neuer Dreh
Relative KostenNiedrigerHöherJe nach Crew und Drehort

Günstig

Was den Preis einer Animation bestimmt.

Jedes Projekt hat pro Phase einen Preis, sobald das Briefing klar ist. Länge und Stil wiegen am meisten.

Hoch

Länge

Jede weitere Sekunde wird gestaltet und animiert: 30 Sekunden kosten viel weniger als ein Film von drei Minuten.

Hoch

2D oder 3D

3D braucht Modelle, Materialien und Renderzeit. Die meisten Erklärthemen und UI-Geschichten wirken in 2D gut.

Mittel

Zeichenstil

Flache Formen und Schrift bewegen sich schnell; detailreiche Szenen brauchen länger beim Zeichnen und Animieren.

Mittel

Sprecher und Musik

Eine Stimme und ein Library-Track sind einfach. Eigene Musik oder mehrere Stimmen und Sprachen kosten mehr.

Mittel

Änderungen nach Freigabe

Ein neues Skript nach dem Storyboard heißt neue Animation, darum hat es einen eigenen Preis.

Gering

Formate und Sprachen

Weitere Formate und Sprachversionen nutzen dieselben Szenen und kosten weniger, als viele erwarten.

Zeitplan

Wie lange dauert ein Erklärvideo?

Ein Erklärvideo von sechzig Sekunden braucht vom freigegebenen Briefing bis zur Enddatei meist einige Wochen, vor allem für Skript, Storyboard und Design. Einfache Ad-Schnitte und Logoanimationen gehen schneller, 3D und lange Videos dauern länger. Pünktliche Freigaben von Skript und Storyboard halten den Zeitplan.

yop nennt nach dem Briefing einen Festpreis pro Phase, also kennen Sie die Kosten, bevor die Animation beginnt. Änderungen nach der Storyboard-Freigabe sind möglich, kosten aber extra, weil Animation neu entsteht.

Ihre Animation

Was lässt sich schwer erklären?

Innerhalb von zwei Werktagen schreibt Ihnen einer der Gründer, wie wir es in sechzig Sekunden zeigen würden.

Fragen

Gefragt zu Animation.

Was ist Motion Design?

Motion Design ist Grafik in Bewegung: Erklärvideos, animierte Anzeigen, Logoanimationen und Datenvisualisierungen, meist mit Sprecher, Musik und Sounddesign. yop schreibt, gestaltet und animiert sie.

Den Preis bestimmen Länge, Stil und Komplexität. yop berechnet Motion Design als Festpreis pro Phase nach dem Briefing, vom Skript bis zur Lieferung.

Ein Erklärfilm von sechzig Sekunden dauert vom Briefing bis zur Lieferung meist einige Wochen. Kurze Anzeigen gehen schneller, 3D und Längeres dauert länger.

Ja. 2D passt zu den meisten Erklärthemen, UI und Marke; 3D zu physischen Produkten und Mechanik. Nach dem Briefing empfehlen wir eins von beiden.

Ja. Animation lässt sich leicht lokalisieren: neue Sprecher und Bildschirmtexte auf Deutsch, Englisch, Türkisch, Estnisch, Finnisch, Französisch, Spanisch und Arabisch.

Ihrem Unternehmen gehört das fertige Video, und Sie erhalten die Projektdateien für spätere Änderungen.

Nein, wenn es richtig geliefert wird. Kurze Loops kommen als Lottie-Datei oder kleines komprimiertes Video, getestet auf der Seite, damit sie auch mobil schnell laden.