UXMA Kinetic Icon Set

UXMA brauchte ein animiertes Icon-Set für ihre Website, Social Media und Präsentationsvorlagen. Wo eine technische Integration möglich ist, werden die Icons als Lottie-Dateien eingesetzt: leicht, skalierbar, für alle digitalen Plattformen. Meine Aufgabe war Gestaltung und Animation der dekorativen, kinetischen Ikonografie. Die funktionale UX-Motion-Arbeit lag bei einem anderen Teil des Teams.

Ausgangspunkt war eine Analyse der UXMA-Markenidentität, die den Animationsstil durchgehend geprägt hat. Die wichtigsten Parameter haben wir in einer Infografik dokumentiert, um die Analyse handhabbar zu machen.
Insgesamt wurden über 40 Icons animiert. Die Ausgangsvektoren waren bereits vorhanden, aber jedes musste einzeln in Illustrator vorbereitet werden, bevor es in After Effects ging. Das bedeutete: das Animationskonzept für jedes Icon durchdenken, bevor die Datei angefasst wird. Ohne diese Klarheit im Vorfeld wäre die Vorbereitungsarbeit komplett neu aufzurollen gewesen.

Um Konsistenz über das gesamte Set sicherzustellen, haben wir eine primäre Animationskurve und eine gespiegelte Version für das Easing definiert. Die Bewegung startet schnell und verlangsamt sich graduell, entspannt und natürlich statt mechanisch.
Der Export als Lottie-Dateien war neu im Workflow, mit einer steilen Lernkurve. Das Format hat strenge Anforderungen: Kleine Inkonsistenzen im After-Effects-Setup, die in einem normalen Videoexport unsichtbar wären, werden in einer Lottie zu Bugs. Saubere Ergebnisse über alle 40 Icons zu bekommen bedeutete, nicht nur das Animationstool zu beherrschen, sondern auch die technischen Grenzen des Ausgabeformats zu verstehen.