Webanimation & Erkläranimation – Bewegung, die etwas sagt

Animation muss nicht spektakulär sein, um zu wirken. Oft sind es die kleinen Dinge: ein Element, das beim Scrollen einblendet, ein Icon, das sich kurz bewegt, eine Erklärsequenz, die zeigt wie ein Produkt funktioniert. Als Webdesignerin aus Dresden entwickle ich Animationen, die zu deiner Website passen – performant, verständlich und mit einem klaren Zweck.

Mein Fokus liegt auf Webanimationen und einfachen Erkläranimationen. Keine aufwändigen 3D-Produktionen – sondern präzise Bewegung, die Inhalte verständlicher macht und Nutzern das richtige Gefühl gibt.

Animation anfragen

Animationsleistungen im Überblick

Erkläranimationen

Komplexe Produkte, Abläufe oder Dienstleistungen verständlich erklärt – mit einfachen, klaren Animationen, die ohne großen Produktionsaufwand funktionieren. Ideal für Startpages, Onboarding oder Produktpräsentationen.

Micro-Interactions

Hover-Effekte, Button-Animationen, Scroll-Trigger – kleine Bewegungen, die eine Website lebendig machen und Nutzern subtil zeigen, was passiert. Umgesetzt mit CSS oder GSAP, performant und barrierefrei.

Scroll-Animationen

Elemente, die beim Scrollen einblenden, sich verschieben oder aufbauen – für einen modernen Webseitenauftritt mit Tiefe. Ich setze Scroll-Animationen gezielt ein, damit sie unterstützen statt ablenken.

Lottie & JSON-Animationen

Vektorbasierte Animationen im Lottie-Format – skalierbar, dateiklein und direkt in Websites einbindbar. Perfekt für Illustrationen, Icons oder animierte Loader, die auf allen Geräten scharf wirken.

GIF & Loop-Animationen

Einfache, wiederholende Animationen als GIF oder animiertes WebP – für Social Media, E-Mails oder eingebettete Erklärbilder. Schnell, leichtgewichtig und überall einsetzbar ohne Video-Player.

Seiten-Transitions

Weiche Übergänge zwischen Seiten oder Abschnitten geben einer Website ein kohärentes, hochwertiges Gefühl. Ich implementiere Transitions, die schnell laden und das Navigieren angenehm machen.

Banner & Social Media

Animierte Banner, Story-Grafiken oder LinkedIn-Slides – für digitale Werbemittel, die auffallen. Geliefert in den richtigen Formaten und optimiert für die jeweilige Plattform.

Logo-Animationen

Ein Logo, das sich kurz aufbaut oder einblendet, hinterlässt Eindruck – auf der Website, im Video-Intro oder als Splash-Screen. Ich animiere Logos so, dass sie zur Marke passen und nicht überladen wirken.

Animationen, die auf Websites wirklich funktionieren

Nicht jede Animation passt auf jede Website – und nicht jede Idee lässt sich mit vertretbarem Aufwand sinnvoll umsetzen. Ich arbeite hauptsächlich mit CSS-Animationen, GSAP, Lottie und einfachen Videoformaten. Das sind die Tools, die im Web performant sind, auf mobilen Geräten stabil laufen und keine riesigen Ladezeiten verursachen.

Unten siehst du eine Auswahl aus meinen Animationsprojekten – von Erklärfilmen über Webdesign-Animationen bis zu Motion-Elementen für digitale Kommunikation.

Wann lohnt sich Animation – und wann nicht?

Animation ist kein Selbstzweck. Eine Website, die sich überall bewegt, wirkt unruhig – und kann Nutzer sogar überfordern. Ich setze Animationen gezielt ein: dort, wo sie einen Inhalt erklären, eine Aktion bestätigen oder die Aufmerksamkeit auf das Richtige lenken.

Besonders sinnvoll sind Animationen, wenn ein Ablauf, ein Produkt oder eine Funktion schwer in Worte zu fassen ist. Eine kurze Erkläranimation transportiert das in Sekunden – ohne Leseaufwand, ohne Video-Player, auf allen Geräten.

Micro-Interactions hingegen wirken im Hintergrund: Ein Hover-Effekt, der zeigt, dass etwas klickbar ist. Ein Ladeindikator, der beruhigt. Ein Formularfeld, das Fehler weich markiert. Sie machen eine Website nicht nur schöner, sondern auch benutzbarer.

Deine Website braucht mehr Bewegung?

Ob du eine Erkläranimation für ein komplexes Produkt brauchst, Scroll-Effekte für mehr Lebendigkeit oder einfach weißt, dass deine Seite noch etwas fehlt – ich schau mir das gern an und sage dir, was sinnvoll ist.

Animation anfragen
Grafikdesignerin Dresden – Anita Mostofa, Expertin für kreatives Design

Häufige Fragen zu Webanimation & Erkläranimation

Mein Schwerpunkt liegt auf Webanimationen und Erkläranimationen: Scroll-Effekte, Micro-Interactions, Lottie-Animationen, GIFs, animierte Banner und einfache Erklärsequenzen. Große aufwändige 3D-Produktionen sind nicht mein Hauptfeld – aber für klare, wirkungsvolle Animationen, die auf einer Website funktionieren, bin ich die richtige Anlaufstelle.

Je nach Art der Animation gibt es verschiedene Wege: CSS-Animationen und GSAP-Effekte werden direkt im Code implementiert, Lottie-Animationen als JSON-Datei eingebunden, GIFs und animierte WebPs einfach als Bildformate eingebettet. Ich liefere alles so, dass es direkt einsatzbereit ist – inklusive Einbindung, wenn wir gemeinsam an der Website arbeiten.

Erklärvideos sind klassische Videoproduktionen mit Vertonung und aufwändigem Schnitt. Erkläranimationen sind vektorbasierte oder grafikbasierte Animationen, die ohne Video-Codec auskommen – leichter, skalierbarer und oft günstiger. Für viele Website-Zwecke – z. B. einen animierten Ablauf oder eine Produktfunktion – ist eine Erkläranimation die smartere Wahl.

Nicht, wenn sie richtig umgesetzt sind. Lottie-Animationen sind extrem klein, CSS-Animationen haben keinen Overhead, und GIFs lassen sich durch animiertes WebP ersetzen, das deutlich kleiner ist. Ich achte bei jeder Animation auf Performance – keine ruckelnden Effekte, kein unnötiges Gewicht.

Ja, das geht oft gut – besonders Scroll-Animationen, Hover-Effekte und Lottie-Einbindungen lassen sich nachträglich integrieren. Ich schaue mir deine Seite an und gebe dir eine ehrliche Einschätzung, was sinnvoll ist und was sich lohnt.