Die 6 besten Agenturen für Motion Design im Web 2026

Was Motion Design im Web von Motion Design im Film unterscheidet

Im Film rendert eine Farm über Nacht. Im Web rendert das Endgerät des Besuchers, in Echtzeit, während er scrollt. Das ist der ganze Unterschied, und er entscheidet über jede Technikwahl.

Die Zielmarke sind 60 Bilder pro Sekunde auf einem drei Jahre alten Android-Mittelklassegerät, nicht auf dem MacBook des Designers. Ladezeit ist dabei keine Kür, sondern Nebenbedingung: Was die Animation an Megabyte kostet, zahlst du bei den Core Web Vitals und damit bei der Sichtbarkeit. Deshalb gehören Video-Embeds im Hero zu den teuersten Fehlern. Sie sind schwer, sie skalieren schlecht, sie reagieren auf nichts.

Dazu kommt eine Regel, die im Film nicht existiert: prefers-reduced-motion. Wer im Betriebssystem reduzierte Bewegung eingestellt hat, bekommt die ruhige Variante ausgeliefert. Nicht optional, sondern Teil sauberer Umsetzung.

Die Rangliste 2026

Die Reihenfolge folgt den Prüfpunkten weiter unten: nativ im Browser statt Video, Belastbarkeit auf Mittelklasse-Geräten, eigene 3D-Kompetenz, Preistransparenz. Über die anderen fünf Anbieter steht hier nur, was am 9. September 2026 auf deren eigener Website belegt war, also Standort laut Impressum, Fokus, Stack, benannte Kunden und Awards. Qualitätsurteile über Arbeiten, die wir nicht von innen kennen, gibt es nicht.

1. INSYNC

INSYNC arbeitet aus der Oberpfalz mit internationalem Team und über 250 umgesetzten Projekten. Motion ist hier keine Zusatzleistung, sondern eine eigene Ebene jedes Projekts: GSAP für frame-präzise Timelines und Scroll-Scrubbing bei 60fps, Rive mit State Machines für interaktive Echtzeit-Animationen, Lottie für leichte UI-Bewegung, dazu WebGL für 3D direkt im Browser, von drehbaren Produktmodellen über interaktive Globen bis zu Scroll-3D-Szenen.

Wenn Echtzeit an Grenzen stößt, übernimmt ein Render-Stack aus Blender, Cinema 4D und Unreal Engine, ergänzt um AI-Renderings. Alles landet nativ im Browser, ohne Video-Embed, ohne Megabyte-Last. Die Seite selbst läuft auf Next.js oder Astro mit Sanity, Webflow als Option, Design und Entwicklung in einem Team.

Der beste Beleg ist die eigene Motion-Design-Seite: interaktive Rive-Hero, WebGL-Live-Demo, eine Echtzeit-Frequenz-Visualisierung mit fünf Interaktions-Zuständen. Cases: FRAMEN, dessen Director of Innovation sagt, die Seite könne im Look mit denen großer Megakonzerne mithalten, Silencio Network mit über 200.000 Besuchern und einer Runde über 2,5 Mio. USD, dazu Allthings und INVENTRY.

Motion wird als Teil des Webprojekts kalkuliert, Projektpreise stehen offen ab 6.000 Euro, einzelne Animationen und Assets gibt es auch separat. Passt für B2B-Marken, die Bewegung als Teil der Marke wollen und nicht als Effekt obendrauf.

2. ROCANI

ROCANI sitzt in Berlin und nennt sich Creative Innovation Studio, laut Impressum ein Einzelunternehmen von Romano Casellini, das mit einem Netzwerk arbeitet. Das Spektrum reicht von Brand Identity über Digital Experience und CGI-Animation bis zu Spatial und Extended Reality. Technisch nennt die Seite Next.js mit Storyblok, konkrete Motion-Bibliotheken bleiben offen. Als Kunden listet ROCANI Adidas, Audi, Gucci, Coca-Cola, SAP, Highsnobiety und das Humboldt Forum, an Awards 11x FWA Site of the Day, 6x Awwwards Site of the Day, zwei Studio-of-the-Year-Nominierungen und vier Lovie Awards. Preise auf Anfrage. Passt für Marken, die Brand, CGI und Web-Experience aus einer Hand wollen.

3. ASTRAL

ASTRAL (ASTRAL Kreativ GmbH) kommt aus München und beschreibt sich als Design Studio mit digitalem Fokus, von der Idee bis zum Code. Im Angebot: Brand Strategy, Brand Design, High-End-Websites, 3D und WebGL, Motion Design, AI-Workflows. Die Award-Liste ist die längste der Runde, laut eigener Seite über 400 Auszeichnungen, darunter Cannes Lions, D&AD, The One Show, ADC, Awwwards und Webby. Die eigene Seite ist selbst ein Showreel, inklusive Sound im Hero. Wer das mag, weiß nach zehn Sekunden, ob die Handschrift passt. Preise auf Anfrage. Passt für Produkt- und Kampagnen-Launches, bei denen 3D und Motion die Story tragen.

4. Demodern

Demodern nennt sich Experience Technology Agency, sitzt seit 2008 in Köln und führt laut Seite weitere Standorte in Hamburg, Berlin, Düsseldorf, München und Nürnberg. Der technische Schwerpunkt liegt auf 3D-Echtzeit im Browser, Physically Based Rendering mit HDRI sowie AR und VR inklusive WebXR-Geräten, dazu kommen Messe und Retail. Kunden laut Site: Nike, IKEA, SAP, Zeiss, MINI, Montblanc, Vodafone. Als eigenes Produkt zeigt Demodern einen 3D Product Explorer mit Live-Demo, Hotspots und animierten Bauteilen. Preise auf Anfrage. Passt für Konzerne, die 3D-Produktvisualisierung als System brauchen und nicht als Einzelprojekt.

5. funkhaus

funkhaus (Funkhaus Creative GmbH) arbeitet aus Rostock, gegründet 2015, sieben Personen, 45 Kunden laut eigener Seite, Vier-Tage-Woche. Das Studio positioniert sich als Branding und Digital Studio mit Schwerpunkt auf Motion und Interaction Design, Immersive Storytelling sowie 3D und WebGL. Technisch: Nuxt mit Directus. Cases laut Site sind Hotel Neptun mit Interaction und Motion Design, Festsaal Kreuzberg mit Motion Development, About You Pangea Festival und Morii Yachting. Preise auf Anfrage. Passt für Startups und Scale-ups mit mittlerem Budget, die ein festes kleines Team wollen.

6. Double Play

Double Play (Double Play GmbH) sitzt in Salzgitter, hat ein Kernteam von zwei bis drei Personen plus Freelancer und ist Webflow Premium Partner. Die Selbstbeschreibung: Creative Boutique Studio für Websites mit scharfer Botschaft, ausgezeichnetem Design und weichen Animationen, inklusive Sound Design und interaktiven 2D- und 3D-Animationen. Awards laut Site: Awwwards Site of the Day, FWA, CSSDA. Als einziger Anbieter neben INSYNC stehen die Preise öffentlich: One-Pager 11.000 bis 12.000 Euro, Website 15.000 bis 40.000 Euro, Web Experience ab 18.000 Euro. Passt für einzelne, hochanimierte Seiten mit klarem Preisrahmen.

Vier Dinge, die du in einem Motion-Portfolio prüfst

Für alle vier brauchst du nichts außer einem Browser und einem Handy. Sie funktionieren bei jedem Anbieter dieser Liste, und sie dauern zusammen keine zehn Minuten.

Die eigene Seite der Agentur ist das Portfolio

Eine Agentur, die Motion verkauft, aber selbst eine statische Seite betreibt, hat eine Erklärung nötig. Die eigene Website ist das einzige Stück Arbeit, bei dem niemand Budget, Freigabeschleifen oder Kundenkompromisse vorschieben kann. Schau dir an, was im Hero passiert, was beim Scrollen passiert und ob irgendetwas auf deine Maus reagiert. Was dort nicht stattfindet, wirst du im eigenen Projekt selten bekommen.

Läuft es auf einem drei Jahre alten Android flüssig?

Nimm nicht dein neues iPhone. Nimm das Gerät, das deine Zielgruppe tatsächlich benutzt, ein Android-Mittelklassegerät aus dem Jahr davor oder älter. Scroll eine Referenzseite einmal komplett durch. Ruckelt der Scroll, springt der Text nach, wird das Gerät warm, dann ist die Animation nicht optimiert, sondern nur schön. Welche Eigenschaften dabei billig sind und welche teuer, steht in unserem Beitrag zu Website-Animationen.

Nativ im Browser oder Video-Embed?

Rechtsklick auf die Animation. Erscheint ein Video-Kontextmenü, ist es ein Film. Erscheint keins, wird gerendert. Zweiter Test: Zieh das Browserfenster schmaler. Echte Web-Animation reagiert auf die neue Breite, ein Video wird beschnitten oder verzerrt. Der Unterschied ist nicht akademisch. Video kostet Megabyte, reagiert auf keine Eingabe und lässt sich nicht zu einem 3D-Erlebnis weiterentwickeln.

Respektiert die Seite prefers-reduced-motion?

Stell in den Systemeinstellungen deines Rechners „Bewegung reduzieren“ ein und lade die Referenz neu. Eine sauber gebaute Seite liefert dann die ruhige Variante: Inhalte erscheinen, statt zu fliegen, Parallax und Auto-Play sind aus. Passiert nichts, hat jemand die Einstellung schlicht ignoriert. Das ist kein Detail für Nerds. Es ist der einzige harte Barrierefreiheits-Test, den du in zwanzig Sekunden selbst machst.

Was Motion kostet und wann es sich lohnt

Öffentliche Zahlen gibt es in dieser Liste nur an zwei Stellen. Double Play nennt 11.000 bis 12.000 Euro für einen One-Pager, 15.000 bis 40.000 Euro für eine Website und ab 18.000 Euro für eine Web Experience. Bei INSYNC ist Motion Teil des Webprojekts, die Projektpreise beginnen bei 6.000 Euro für einen One-Pager und liegen bei 15.000 bis 30.000 Euro und mehr, sobald Motion, Mehrsprachigkeit oder ein Design-System dazukommen. Die übrigen vier Anbieter kalkulieren auf Anfrage.

Der Preisunterschied entsteht selten am Design, fast immer an der Umsetzung. Eine Lottie-Animation im Header ist eine Tagesaufgabe. Eine Rive-Komponente mit fünf Zuständen, die auf Eingaben reagiert, ist eine Woche. Eine WebGL-Szene mit eigenem 3D-Modell und Scroll-Steuerung ist ein eigener Projektstrang, inklusive Optimierung für schwache Geräte.

Lohnen tut sich das dort, wo Erklärung teuer ist: erklärungsbedürftige Produkte, Investorenkommunikation, Marken in einem austauschbaren Wettbewerbsfeld. Für eine Seite mit drei Unterseiten und einem klaren Angebot ist solides Webdesign die bessere Investition. Wir sagen das lieber vorher als hinterher.

Häufige Fragen