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.
Erklärvideos
Skript, Sprecher, Illustration und Animation, die ein Produkt oder eine Idee von Anfang bis Ende erklären.
Animierte Spots
Kurze Anzeigen für Meta, YouTube und LinkedIn, in mehreren Längen und Formaten.
Logo- und Markenanimation
Ihr Logo und Ihre Markenelemente in Bewegung, für Intros, Outros und die Website.
UI- und Produktanimation
Software-Funktionen und App-Abläufe, animiert aus den echten Designs, für Websites, Stores und Demos.
Daten und Infografiken
Zahlen und Abläufe als Bewegung, der man folgen kann.
Website-Animation
Leichte Loops und Illustrationen für Hero-Bereiche und Produktseiten, gebaut für kurze Ladezeiten.
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 · 4 SEKUNDEN
Der Wagen verlässt den Laden und fährt zum Haus. Das Paket hüpft vor die Tür.
Sprecher Heute verpackt, morgen bei Ihnen.
SFX Motorbrummen, leises Klopfen.
- 2A1.2 sDer Wagen fährt los.
- 2B1.6 sEr fährt durch die Stadt, die Kamera folgt.
- 2C1.2 sDas Paket landet vor der Tür.
Palette
- Koralle#FF6A4D
- Violett#6E28FF
- Himmel#D6F3FF
- Gold#FFC83D
- Tinte#16131C
Kurve · Position Wagen
Ease-in und -outSchrift
AaSpace Grotesk · BoldHeadline 48 · Text 18Ebenen
- Schrift
- Paket
- Wagen
- Hausstatisch
- Shopstatisch
Skript: Text, Sprecher und Ton kommen zuerst.
So läuft es
Fünf Schritte zum bewegten Bild.
Briefing und Skript
Botschaft, Zielgruppe und Länge vereinbart, dann das Skript geschrieben und freigegeben.
Storyboard
Jede Szene skizziert, das Skript daneben, damit sich das ganze Video vor der Animation beurteilen lässt.
Style Frames
Schlüsselbilder in Ihrem Corporate Design, damit der Look steht, bevor sich etwas bewegt.
Animation und Ton
Animation, Sprecher, Musik und Soundeffekte, mit einer Korrekturrunde inklusive.
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.
- AAnimatic
- Das Storyboard im Timing des Sprechertexts, damit Sie den Rhythmus vor der Animation beurteilen können.
- EEasing
- Wie eine Bewegung Fahrt aufnimmt und zur Ruhe kommt. Gutes Easing lässt Animation natürlich statt mechanisch wirken.
- KKeyframe
- Ein Zeitpunkt, an dem Position, Größe oder Farbe eines Elements feststeht. Die Software berechnet die Bewegung zwischen zwei Keyframes.
- KKinetische Typo
- Animierter Text, der die Botschaft allein trägt, oft dann, wenn es keinen Sprecher gibt.
- LLottie
- Ein Dateiformat, das Vektoranimation auf Websites und in Apps abspielt, oft viel leichter als eine Videodatei.
- SStyle 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 | Realfilm |
|---|---|---|---|
| Ideal für | Erklärvideos, UI, Daten, Marke | Produkte, Räume, Mechanik | Menschen, Orte, Emotion |
| Änderungen | Einfach | Mittel | Nachdreh nötig |
| Sprachversionen | Einfach | Einfach | Untertitel oder neuer Dreh |
| Relative Kosten | Niedriger | Höher | Je 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.
Länge
Jede weitere Sekunde wird gestaltet und animiert: 30 Sekunden kosten viel weniger als ein Film von drei Minuten.
2D oder 3D
3D braucht Modelle, Materialien und Renderzeit. Die meisten Erklärthemen und UI-Geschichten wirken in 2D gut.
Zeichenstil
Flache Formen und Schrift bewegen sich schnell; detailreiche Szenen brauchen länger beim Zeichnen und Animieren.
Sprecher und Musik
Eine Stimme und ein Library-Track sind einfach. Eigene Musik oder mehrere Stimmen und Sprachen kosten mehr.
Änderungen nach Freigabe
Ein neues Skript nach dem Storyboard heißt neue Animation, darum hat es einen eigenen Preis.
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.
- 01 · Totale
- 02 · Nah
- 03 · Motion Design
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.
- Von
- name@ihrefirma.de
- An

Anıl oder Hatice- Senden
- Innerhalb von zwei Werktagen schreibt Ihnen einer der Gründer, wie wir es in sechzig Sekunden zeigen würden.
- Antwort
- Innerhalb von zwei Werktagen
Fragen
Gefragt zu Animation.
Was ist Motion Design?
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.
Was kostet ein Erklärvideo?
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.
Wie lange dauert die Produktion eines Erklärfilms?
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.
Machen Sie 2D- und 3D-Animation?
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.
Kann das Video in anderen Sprachen entstehen?
Ja. Animation lässt sich leicht lokalisieren: neue Sprecher und Bildschirmtexte auf Deutsch, Englisch, Türkisch, Estnisch, Finnisch, Französisch, Spanisch und Arabisch.
Wem gehört die Animation?
Ihrem Unternehmen gehört das fertige Video, und Sie erhalten die Projektdateien für spätere Änderungen.
Bremst ein Animationsvideo unsere Website aus?
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.
Filme, Fotos, Marke und Präsentationen aus einem Kreativteam.
Werbefilme, Imagefilme und Produktvideos, gedreht und geschnitten.
TV- und Online-Spots, vom Skript bis zur letzten Kurzfassung.
Ein Drehtag, Hochkant-Videos für Wochen.
Logo, Farbe, Schrift und die Regeln, die sie zusammenhalten.
Fotos, die das Produkt verkaufen und die Menschen dahinter zeigen.
Präsentationen, die in den ersten fünf Folien überzeugen.







