Was sich bewegt, wird verstanden
Manche Zusammenhänge lassen sich in drei Absätzen erklären – oder in fünf Sekunden zeigen. Wir bauen Animationen, die genau das tun: erklären, nicht dekorieren.
Die meisten Websites benutzen Bewegung als Verzierung: Etwas blinkt, etwas fliegt herein, und der Besucher hat nichts davon. Motion Design ist etwas anderes – es übernimmt Erklärarbeit. Wenn ein Angebot aus mehreren Teilen besteht, die zusammenwirken, ist eine bewegte Grafik der kürzeste Weg vom Nicht-Verstehen zum Verstehen. Der Text darunter darf dann kürzer werden.
Wir arbeiten dabei nicht mit Videodateien, sondern bauen die Bewegung direkt in die Seite – als Vektorgrafik, die mit der Seite geladen wird. Das hat drei handfeste Vorteile: Sie ist in jeder Bildschirmgröße gestochen scharf, sie kostet einen Bruchteil der Ladezeit eines Videos, und sie lässt sich nachträglich ändern, ohne dass jemand neu rendern muss. Für Ladezeit und Sichtbarkeit ist das ein Unterschied, den Google misst.
Ein Beispiel aus unserer Arbeit: Für einen Elektro-Meisterbetrieb hängen Photovoltaik, Speicher, Hausverbrauch, Wallbox und Netz voneinander ab – erklärt man das in Prosa, braucht es drei Absätze, die niemand liest. Als bewegtes Schema ist der Zusammenhang in Sekunden da. Wie das im Ganzen aussieht, steht in der Fallstudie zu FE Elektrotechnik.
Was Sie bei uns bekommen
Erklären statt dekorieren
Jede Animation muss eine Frage beantworten, die der Text sonst mühsam beantworten müsste. Bewegung ohne Aufgabe bauen wir nicht ein.
Im Code, nicht als Video
Vektoren statt MP4: gestochen scharf auf jedem Bildschirm, ein Bruchteil der Dateigröße, jederzeit änderbar.
Scrollgesteuerte Abläufe
Ein Prozess in Schritten, ein Vorher-Nachher, eine wachsende Zahl: Der Besucher steuert das Tempo mit dem Daumen.
Mikro-Interaktionen
Knöpfe, Formulare, Ladezustände: kleine Rückmeldungen, die eine Seite wertig statt billig wirken lassen.
Rücksicht eingebaut
Wer Bewegung im Betriebssystem abgeschaltet hat, bekommt die ruhige Fassung. Das ist Pflicht, nicht Kür.
Ohne Ladezeit-Strafe
Animationen laufen auf der Grafikkarte und blockieren nichts. Die Seite bleibt schnell – auch auf älteren Handys.
Ihr Projekt umfasst
- Konzept: Was muss die Bewegung erklären?
- Storyboard und Timing-Abstimmung
- Animation als Vektor (SVG/CSS/Lottie)
- Einbau in Ihre Website
- Ruhige Fassung für reduzierte Bewegung
- Test auf Handy, Tablet und Desktop
Passt gut dazu
WebdesignWebdesign →
Individuelle Websites, die Vertrauen aufbauen und Besucher zu Anfragen machen – kein Baukasten, kein Template von der Stange.
WebentwicklungWebentwicklung →
Maßgeschneiderte Web-Anwendungen, Portale und Schnittstellen – performant, sicher und skalierbar entwickelt.
SEO & SichtbarkeitSEO & Sichtbarkeit →
Bei Google gefunden werden, wenn Kunden suchen: technisches SEO, Inhalte und lokale Sichtbarkeit in der Region Stuttgart.
Preise
Was Motion Design bei uns kostet
Abgerechnet wird je Baustein – ein Baustein ist ein abgeschlossenes bewegtes Element, etwa ein Ablauf, eine Erklärgrafik oder eine Zahlenanimation. Wer mehrere braucht, zahlt den Preis je Stück. Das hält den Einstieg klein und die Rechnung nachvollziehbar.
Ein Baustein
250 €
einmalig · netto
Ein animiertes Element, eingebaut in eine bestehende Seite.
- Ein Ablauf, eine Erklärgrafik oder eine Zahlenanimation
- Konzept nach Ihrer Vorlage oder unserem Vorschlag
- Direkt in der Website gebaut – keine Videodatei, kein Nachladen
- Reduzierte Bewegung wird respektiert (prefers-reduced-motion)
- Zwei Korrekturschleifen
Umsetzung ca. 3–5 Werktage
Alle Preise netto zzgl. gesetzlicher Umsatzsteuer. Das Angebot richtet sich an Unternehmen, Selbstständige und öffentliche Auftraggeber. Zusätzliche Leistungen nach Aufwand: 95 € pro Stunde. Stand 06/2026.
Kostenlosen Entwurf anfragenHäufige Fragen
Motion Design: Gut zu wissen
Ist das nicht einfach ein Video?
Nein. Ein Video ist eine Datei, die geladen und abgespielt wird – oft mehrere Megabyte, unscharf bei hoher Auflösung, für Änderungen muss neu gerendert werden. Wir bauen die Bewegung aus Vektoren direkt in die Seite: scharf in jeder Größe, deutlich kleiner, und ein Zahlendreher ist in Minuten korrigiert statt in einer neuen Produktionsrunde.
Macht Bewegung meine Website langsamer?
Richtig gebaut nicht. Wir animieren nur Eigenschaften, die die Grafikkarte übernimmt, und laden nichts nach, was für den ersten Bildschirm nicht gebraucht wird. Eine animierte Vektorgrafik wiegt in der Regel weniger als ein einzelnes Foto auf derselben Seite.
Was ist mit Menschen, denen Bewegung unangenehm ist?
Für die gibt es jede Animation auch in einer ruhigen Fassung. Wer im Betriebssystem „Bewegung reduzieren“ eingeschaltet hat, bekommt sie automatisch – ohne dass Inhalt verloren geht. Das ist Teil jeder Umsetzung, nicht Aufpreis.
Wofür lohnt sich Motion Design – und wofür nicht?
Es lohnt sich, wenn etwas erklärungsbedürftig ist: ein Ablauf, ein System aus mehreren Teilen, ein Vorher-Nachher, ein Zahlenverhältnis. Es lohnt sich nicht als Dekoration auf einer Seite, deren Inhalt schon klar ist – dann kostet es nur Aufmerksamkeit.
Was kostet Motion Design?
Das hängt davon ab, wie viel erklärt werden muss: eine einzelne Erklärgrafik ist etwas anderes als ein durchgehendes Bewegungskonzept für eine ganze Website. Sagen Sie uns, was unklar bleibt, wenn jemand Ihre Seite liest – daraus ergibt sich der Umfang und ein belastbarer Preis.
Motion Design in Ihrer Stadt
Wir betreuen Unternehmen in der gesamten Region Stuttgart – persönlich und vor Ort:
Digitalagentur · Sindelfingen bei Stuttgart
Bereit für Ihre Premium-Website?
Erzählen Sie uns von Ihrem Vorhaben – Sie erhalten innerhalb von 7 Tagen einen individuellen Design-Entwurf und eine ehrliche Einschätzung. Kostenlos & unverbindlich.
Kostenlos & unverbindlich · Antwort innerhalb von 24 Stunden