Workflow für einen KI-Maskottchen-Generator für Markenfiguren

Kurzantwort

Ein KI-Maskottchen-Generator funktioniert am besten, wenn du ihn als Produktionspipeline und nicht als Spielerei mit einem einzigen Prompt betrachtest. Nutze ein Bildmodell wie Nano Banana Pro, um die Figur zu entwerfen, eine zuverlässige Posenbibliothek aufzubauen und saubere visuelle Referenzen zu erstellen. Verwende anschließend ein Videomodell wie Seedance 2.0, um ausgewählte Posen in kurze, kontrollierte Animationen zu verwandeln.

Die Kernidee: Beginne mit statischen Posen der Markenfigur, bevor du irgendetwas animierst. Animationen werden deutlich einfacher, wenn Proportionen, Farben, Gesichtsausdrücke und gut erkennbare Posen der Figur bereits stabil sind.

• Nutze Nano Banana Pro für die erste Ausarbeitung der Figur, verschiedene Posen, Ausdrucksübersichten, Prop-Tests und stilistische Korrekturen.
• Nutze Seedance 2.0 für Bewegungsstudien, kurze Loops, Onboarding-Clips, Social-Media-Posts und kleine Produktinteraktionen.
• Verknüpfe jeden Prompt mit einem schriftlichen Maskottchen-Briefing, damit sich die Figur von einer Generierung zur nächsten nicht verändert.
• Prüfe die Ergebnisse in echten Produktkontexten und nicht nur vor weißem Hintergrund.

Diese Anleitung führt dich durch den gesamten Workflow: vom Markenbriefing über die anfängliche Posengenerierung, die Konsistenzkontrolle und Animations-Prompts bis hin zu Qualitätssicherung, Exporten und dem Punkt, an dem ein spezialisiertes Maskottchen-Tool mehr Zeit spart als ein allgemeiner KI-Stack.

Was ein KI-Maskottchen-Generator tatsächlich von dir braucht

Die meisten Teams beginnen mit der Bitte um ein „süßes Maskottchen“ oder eine „freundliche Markenfigur“. Das ist nachvollziehbar, reicht für die Produktion aber nicht aus. KI-Bildmodelle können aus vagen Prompts ansprechende Visuals erzeugen, doch ansprechend bedeutet nicht automatisch brauchbar. Ein Produktmaskottchen muss wiederholter Nutzung in Onboarding, Empty States, Ankündigungen, Hilfeinhalten, Preisübersichten, Anzeigen und Social-Media-Clips standhalten.

Das bedeutet, dass der Workflow vor der Generierung vier Grundlagen braucht:

• Eine Markenrolle: Was tut die Figur für die Nutzenden?
• Ein visuelles System: Formensprache, Farbpalette, Rendering-Stil und Anforderungen an die Dateien.
• Ein Posenplan: Welche Situationen muss die Figur unterstützen?
• Ein Bewegungsplan: Welche Animationsarten kann die Marke nutzen, ohne unruhig zu wirken?

Betrachte das Maskottchen als kleines Ensemblemitglied deines Produkts. Seine Persönlichkeit sollte sich nicht jedes Mal ändern, wenn du ein neues Asset brauchst. Je besser dein Briefing ist, desto weniger musst du später gegen das Modell ankämpfen.

Beginne mit einem Maskottchen-Briefing

Bevor du Nano Banana Pro öffnest, verfasst du ein kompaktes Maskottchen-Briefing. Das ist kein umfangreiches Markenhandbuch, sondern eine praktische Referenz, die du in Prompts einfügen und zur Prüfung verwenden kannst.

Definiere die Rolle der Figur

Beginne mit der Aufgabe, die die Figur erfüllt. Ein Maskottchen für das Onboarding hat eine andere Rolle als eines für den technischen Support. Ein Maskottchen für eine Finanz-App braucht andere emotionale Grenzen als eines für eine kreative Consumer-App.

Nützliche Aussagen zur Rolle sehen zum Beispiel so aus:

The mascot is a calm product guide for a B2B design tool. It helps users feel oriented, capable, and unblocked without being loud or childish.

The mascot is an energetic launch companion for an indie app. It appears in social announcements, release notes, and success states, with expressive poses and quick celebratory motion.

The mascot is a support assistant for a developer tool. It should feel technically fluent, patient, and concise. It should never look like a toy or a generic chatbot avatar.

Die Aussage zur Rolle ist wichtig, weil sie dir einen Filter gibt. Wenn das Modell etwas Charmantes zurückgibt, das aber nicht zum Produkt passt, kannst du es schnell ablehnen.

Visuelle Vorgaben definieren

Lege als Nächstes die visuellen Grenzen fest. Diese Vorgaben sorgen dafür, dass die Figur zu deiner App und deinem Markensystem passt.

Dazu gehören:

• Formensprache: geometrisch, abgerundet, flach, dreidimensional, handgezeichnet, stickerartig oder an ein Icon angelehnt.
• Farbpalette: primäre Markenfarben, Akzentfarben und Farben, die vermieden werden sollen.
• Detailgrad: einfach genug für kleine UI-Flächen, detailliert genug für Marketingzwecke oder separate Versionen für beides.
• Hintergrund: transparent, freigestellt, keine Szene, sofern nicht erforderlich.
• Ausgabeziel: SVG-tauglich, saubere Vektorformen, keine unruhigen Texturen, keine komplexen feinen Liniendetails.
• Stimmung: ruhig, clever, hochwertig, technisch, verspielt, redaktionell oder unterstützend.

Für Maskottchen-Systeme ist „SVG-tauglich“ eine wichtige Vorgabe. Selbst wenn das Bildmodell Rastergrafiken ausgibt, sollte die Komposition leicht nachzuzeichnen, zu bereinigen oder als Vektor neu aufzubauen sein. Bitte um einfache Konturen, klare Silhouetten, begrenzte Schattierungen und gut erkennbare Gliedmaßen.

Posenplan definieren

Erzeuge keine zufälligen Posen. Erstelle stattdessen eine Posenbibliothek rund um wichtige Produktmomente.

Eine nützliche erste Posenmatrix umfasst:

Moment	Pose	Einsatzort
Begrüßung	winken oder etwas präsentieren	Onboarding, Registrierung, erster Start
Nachdenken	eine Notiz halten, etwas untersuchen, neugierig schauen	Laden, Suche, Planung
Erfolg	feiern, Daumen hoch, eine Trophäe halten	Fertigstellung, Zahlung erfolgreich, Bereitstellung erfolgreich
Fehler	verwirrt, hält ein Schild, zeigt auf „Erneut versuchen“	404, leere Ergebnisse, fehlgeschlagener Status
Hilfe	zeigt, erklärt, hält ein Werkzeug	Dokumentation, Tooltips, Support
Ankündigung	Megafon, Banner, Konfetti	Launch-Posts, Release Notes
Pause	sitzend, untätig, neutral	Dashboard, Footer, Hilfe-Center

Die Posenmatrix verhindert das klassische KI-Problem: Du erstellst 30 unterhaltsame Bilder und stellst dann fest, dass keines davon den tatsächlichen UI-Bedarf erfüllt.

Nutze Nano Banana Pro für die erste Charakterrichtung

Nano Banana Pro eignet sich für diese Phase, weil es auf die Erstellung und Bearbeitung von Bildern ausgelegt ist und eine bessere Kontrolle über komplexe visuelle Anweisungen ermöglicht. Google beschreibt Gemini 3 Pro Image außerdem in der Gemini API-Dokumentation als nützlich für die professionelle Bildbearbeitung und kontrollierte kreative Arbeit. Für Maskottchen bedeutet das bessere Ergebnisse, wenn der Prompt Markenvorgaben, die gewünschte Anordnung, Hinweise zur Textvermeidung, Referenzen und präzise Änderungen enthält.

Beginne mit der Konzeptfindung, aber halte sie fokussiert. Du suchst nach einer Charakterrichtung, die sich zu einem System weiterentwickeln lässt.

Fordere drei Konzepte an, nicht zwanzig

Zu viele Konzepte können den Prozess verlangsamen. Bitte um drei klare Richtungen innerhalb desselben Markenbriefings. So bekommst du Auswahl, ohne den Fokus zu verlieren.

Create three distinct mascot concepts for a SaaS app called [product name].

Brand role:
The mascot is a calm product guide that helps users feel oriented, capable, and unblocked.

Audience:
Startup founders, designers, and product teams.

Visual style:
SVG-friendly, clean vector illustration, rounded geometry, limited shading, transparent background, no text, no complex texture.

Brand palette:
[primary color], [secondary color], [accent color]. Avoid neon colors and overly childish styling.

Output:
Show each concept as a full-body character in a neutral standing pose, with clear silhouette and simple proportions.

Bewerte die Ergebnisse danach, ob sie sich als System eignen, nicht nur nach ihrem unmittelbaren Charme. Die beste Maskottchenrichtung ist meist diejenige, die sich in verschiedene Posen bringen, vereinfachen, animieren und wiederverwenden lässt. Vermeide Figuren mit winzigen Accessoires, komplexer Kleidung, detaillierten Händen oder filigranen Gesichtszügen, es sei denn, diese Details sind für die Marke unverzichtbar.

Wähle eine Basis und lege die Identität fest

Sobald du dich für eine Richtung entschieden hast, erstelle ein Identitätsprofil. Das ist eine schriftliche Beschreibung der Figur, die du in jedem Prompt wiederverwendest.

Character identity lock:
A compact, rounded brand mascot with a friendly upright posture, oversized expressive eyes, simple mitten-like hands, short legs, and a small accent scarf in the brand's lime color. The character uses clean vector shapes, a limited blue, white, charcoal, and lime palette, subtle shadow only, transparent background, and no text.

Das Identitätsprofil klingt nicht besonders glamourös, ist aber äußerst wirkungsvoll. Es gibt dem Modell vor, was auch bei wechselnder Pose konsistent bleiben muss.

Erstelle ein Blatt mit neutralen Posen

Erstelle vor emotionalen oder dynamischen Posen neutrale Ansichten. So erhältst du eine solide Referenzgrundlage.

Using this character identity lock, create a neutral pose sheet for the same mascot.

Keep the same proportions, colors, face, and design details across all views.

Views:
1. Front-facing standing pose.
2. Three-quarter view facing right.
3. Three-quarter view facing left.
4. Seated neutral pose.
5. Simple head-and-shoulders avatar crop.

Style:
Clean SVG-friendly vector illustration, transparent background, consistent line weight, no text, no scene, no extra characters.

Prüfe, ob das Maskottchen in allen Ansichten noch wie dieselbe Figur aussieht. Wenn das Modell Gesicht, Farben, Körperform oder Accessoires zu stark verändert, korrigiere das, bevor du fortfährst.

Erstelle die erste Posenbibliothek

Nach der neutralen Posenübersicht geht es mit funktionalen Posen weiter. Ziel ist nicht, jedes mögliche Asset zu erstellen. Ziel ist eine kleine, nützliche Bibliothek, die zeigt, dass die Figur typische Produkt- und Marketingmomente meistert.

Erstelle jeweils eine Pose pro Prompt

Viele Posen in einem Bild zu generieren, kann für die Ideenfindung hilfreich sein. Für die Produktion ist es jedoch meist besser, pro Ausgabe nur eine Pose zu erstellen. So hat das Modell mehr Spielraum, die Proportionen beizubehalten, und die Prüfung wird einfacher.

Verwende diese Struktur:

Create one new pose of the same mascot from the character identity lock.

Pose:
The mascot is welcoming a new user, standing in a three-quarter view, one hand waving and the other hand presenting an empty product screen area.

Constraints:
Same face, same body proportions, same colors, same accent scarf, same clean vector style, transparent background, no text, no UI details, no extra characters.

Composition:
Full-body mascot, centered, with enough empty space around the body for cropping.

Wiederhole das anschließend für jeden Produktmoment.

Erstelle ein minimal ausreichendes Posen-Set

Eine praktische erste Bibliothek umfasst 8 bis 12 Posen:

• Neutrales Stehen.
• Begrüßend winken.
• Auf etwas zeigen oder etwas präsentieren.
• Nachdenken oder etwas prüfen.
• Erfolg feiern.
• Pose bei einem kleinen Fehler oder leichter Verwirrung.
• Ein Dokument, eine Karte oder eine Checkliste halten.
• Sitzen oder sich ausruhen.
• Ankündigungspose.
• Pose für Support oder Erklärungen.

Das reicht für Onboarding, Empty States, Launch-Inhalte, Support-Dokumente und Social-Media-Snippets. Du kannst die Bibliothek später jederzeit erweitern.

Halte die Figur über mehrere Generierungen hinweg konsistent

Konsistenz ist der Hauptgrund, warum KI-Workflows für Maskottchen frustrierend werden. Das erste Bild sieht gut aus. Beim zweiten verändert sich das Gesicht. Beim dritten ändert sich die Farbpalette. Beim vierten bekommt die Figur einen neuen Körperbau. Das fünfte sieht großartig aus, aber nur als Rasterillustration mit einem unruhigen Hintergrund.

Mit ein paar Gewohnheiten kannst du diese Abweichungen reduzieren.

Verwende Referenzen gezielt wieder

Wenn das Tool Bildreferenzen unterstützt, verwende die beste neutrale Pose und eine gelungene Aktionspose als Referenzen. Füttere das Modell nicht mit einem unübersichtlichen Ordner voller gemischter Ergebnisse. Referenzen sollten klare Beispiele dafür sein, was du beibehalten möchtest.

Nutze Formulierungen wie diese für Referenzen:

Use the attached mascot image as the identity reference. Preserve the same character design, face, proportions, colors, and overall vector style. Only change the pose and gesture.

Wenn ein bestimmtes Detail wichtig ist, benenne es. Modelle erkennen nicht immer selbst, welche Details zur Identität gehören und welche nur Dekoration sind.

The lime scarf, rounded rectangular head shape, charcoal outline, and simple mitten hands are part of the mascot identity. Keep them unchanged.

Verwende Negativvorgaben

Negativvorgaben helfen, wenn das Modell immer wieder unerwünschte Details hinzufügt.

Do not add text, speech bubbles, background scenery, extra objects, realistic fur, detailed fingers, complex clothing, gradients, heavy shadows, or additional characters.

Für SVG-taugliche Maskottchen sind Negativvorgaben besonders hilfreich. Sie halten das Ergebnis sauber genug für den Einsatz in der Benutzeroberfläche.

Versioniere deine Prompts

Speichere den Prompt, mit dem du jede freigegebene Pose erstellt hast. Notiere das Modell, das Datum, die Referenzbilder und die Bearbeitungshinweise. Das klingt zunächst übertrieben, bis du den Stil zwei Monate später erneut erstellen musst.

Ein einfaches Protokoll reicht:

Asset	Modell	Prompt-Version	Referenz	Notizen
welcome-wave-v1	Nano Banana Pro	mascot-pose-v3	neutral-front.png	Gute Proportionen, Schal zu groß
success-confetti-v2	Nano Banana Pro	mascot-pose-v4	neutral-front.png, welcome-wave.png	Freigegeben
support-pointing-v1	Nano Banana Pro	mascot-pose-v4	neutral-front.png	Einfachere Hand nötig

Dieses Protokoll wird zu deinem kleinen Art-Direction-System.

Posen mit Nano Banana Pro bearbeiten und korrigieren

Erwarte nicht, dass die erste Generierung final ist. Der eigentliche Wert entsteht durch gezielte Bearbeitungen.

Bei jeder Bearbeitung nur eine Sache ändern

Wenn du fünf Korrekturen auf einmal anforderst, verbessert das Modell möglicherweise einen Bereich und verschlechtert einen anderen. Halte die Änderungen gezielt:

Keep the mascot exactly the same, but simplify the hand shape. Use rounded mitten-like hands with no visible fingers. Do not change the face, colors, body proportions, pose, or background.

Keep the same mascot and pose, but remove the background elements and export on a transparent background. Keep clean vector-style edges.

Keep the same mascot and composition, but make the expression more calmly helpful instead of excited. Do not change the body, colors, props, or style.

Gezielte Bearbeitungen helfen dir auch dabei, die Pose für Animationen geeigneter zu machen. Vereinfache Hände, trenne Requisiten vom Körper, sorge für klarere Silhouetten und entferne Details, die im Video flimmern oder sich verformen könnten.

Referenzbilder für Animationen erstellen

Bevor du Seedance 2.0 verwendest, erstelle statische Keyframes. Ein Keyframe ist ein Standbild, das den Anfang, die Mitte oder das Ende einer Bewegung darstellt.

Für ein Winken könntest du Folgendes erstellen:

• Frame A: Arm nach unten, neutrales Lächeln.
• Frame B: Arm angehoben, Lächeln etwas strahlender.
• Frame C: Arm noch weiter angehoben oder geneigt, Körper leicht geneigt.

Für eine Feier:

• Frame A: Neutrale Erwartungshaltung.
• Frame B: Arme nach oben.
• Frame C: abschließende, freudige Pose.

Für einen Fehlerstatus:

• Frame A: neutral.
• Frame B: bemerkt das Problem.
• Frame C: zuckt sanft mit den Schultern oder zeigt auf „Erneut versuchen“.

Du brauchst nicht immer eine vollständige Bild-für-Bild-Animation, aber Keyframes helfen dem Videomodell, die Bewegung zu verstehen, ohne die Figur jedes Mal neu zu erfinden.

Assets für Seedance 2.0 vorbereiten

Seedance 2.0 ist ein multimodales Videomodell und eignet sich daher besonders, wenn du die Videogenerierung mit einer Kombination aus Text- und Bildreferenzen steuern möchtest. Für Maskottchen-Animationen solltest du möglichst klare Referenz-Standbilder und einen Bewegungsprompt bereitstellen, der nur die benötigte Bewegung beschreibt.

Der häufigste Fehler besteht darin, eine komplette filmische Szene anzufordern, obwohl du nur eine winzige Produktanimation brauchst. Halte die Anfrage klein.

Lege fest, wofür die Animation gedacht ist

Bevor du Seedance einen Prompt gibst, wähle das Ziel aus:

Ziel	Geeignetster Animationstyp	Typische Dauer
Produkt-UI	dezente Loop-Animation, Blinzeln, Zeigen, Hüpfen	1 bis 3 Sekunden
Onboarding	kurze erklärende Geste	3 bis 6 Sekunden
Launch-Video	ausdrucksstarker Moment der Figur	4 bis 10 Sekunden
Social-Media-Beitrag	leicht verständlicher Loop mit klarer Aktion	5 bis 12 Sekunden
Hilfsinhalte	ruhiges Zeigen oder Demonstrieren	2 bis 6 Sekunden

Das Ziel bestimmt das Energieniveau. Ein Maskottchen, das sich in einem Dashboard endlos bewegt, kann ablenken. Dieselbe Bewegung kann in einem Launch-Post genau richtig sein.

Erstelle ein Animationskonzept

Lege vor der Videogenerierung die Animationsregeln fest:

Motion style:
Subtle, friendly, product-safe. The mascot moves like a clean vector character, not a realistic 3D figure. Motion should be smooth, small, and loopable.

Allowed movement:
Blink, slight body bounce, one hand wave, small head tilt.

Not allowed:
Camera movement, scene change, extra characters, changing outfit, changing colors, changing face, realistic texture, busy background.

So verhinderst du, dass das Videomodell aus einem UI-Asset einen Kurzfilm macht.

Eine Maskottchen-Pose mit Seedance 2.0 animieren

Beginne mit einer freigegebenen Pose und generiere anschließend einen kurzen Loop. Starte nicht mit deiner komplexesten Szene. Verwende als ersten Test ein Winken, Blinzeln oder sanftes Hüpfen.

Seedance-Prompt für ein einfaches Winken

Create a short loopable animation from the provided mascot image.

Character:
Preserve the exact same mascot identity, proportions, colors, face, scarf, and clean vector illustration style.

Motion:
The mascot performs a small friendly wave with one hand, blinks once, and has a subtle body bounce. The movement should be smooth and restrained.

Composition:
Transparent or plain solid background, centered full-body character, no camera movement, no text, no new props, no extra characters.

Timing:
2 seconds, loopable, product UI safe, calm and friendly.

Prüfe zuerst, ob die Identität erhalten bleibt. Wenn sich das Maskottchen zu stark verändert, lohnt es sich nicht, die Animation zu behalten.

Seedance-Prompt für eine Erfolgsanimation

Create a short success animation from the provided mascot image and reference pose.

Character:
Keep the exact same mascot design, proportions, colors, face, and vector style.

Motion:
The mascot raises both arms in a small celebration. A few simple brand-colored confetti shapes appear briefly and fade out. The motion should feel polished, lightweight, and suitable for a SaaS success state.

Composition:
Mascot remains centered. No camera movement. No background scene. No text. No extra characters. Keep the character readable at small sizes.

Timing:
3 seconds, clean beginning and ending, suitable for web onboarding.

Seedance-Prompt für eine Onboarding-Erklärung

Animate the provided mascot as a helpful onboarding guide.

Character:
Preserve the same mascot identity, colors, face, proportions, and clean vector style.

Motion:
The mascot turns slightly toward an empty area on the right and points gently, as if presenting a product feature. Add a small head nod and a calm blink. Keep the movement subtle and professional.

Composition:
Full-body character on transparent or plain background. Leave empty space on the right for UI copy. No text, no interface, no extra props, no camera movement.

Timing:
4 seconds, smooth and restrained, suitable for an onboarding screen.

Erstelle Animations-Keyframes aus Posen von Nano Banana Pro

Für eine besser steuerbare Animation generierst du zunächst Keyframes in Nano Banana Pro, bevor du zu Seedance 2.0 wechselst. Dadurch erhält das Videomodell einen klareren visuellen Ablauf.

Keyframe-Prompt für ein Winken

Create three keyframe images for the same mascot performing a friendly wave.

Use the same character identity, proportions, colors, face, scarf, and clean SVG-friendly vector style in all frames.

Frame 1:
Mascot standing neutral, one hand low.

Frame 2:
Mascot hand raised halfway, slight head tilt, friendly smile.

Frame 3:
Mascot hand raised at the top of the wave, tiny body lean, same expression.

Constraints:
Transparent background, no text, no extra props, no extra characters, consistent camera angle, consistent scale.

Verwende diese Frames anschließend als Referenzen in Seedance:

Animate the mascot from keyframe 1 to keyframe 3 and back into a smooth loop. Preserve character identity exactly. Keep the motion small, clean, and vector-like. No camera movement, no new objects, no background scene, no text. 2 seconds, loopable.

Keyframe-Prompt für eine Feieranimation

Create three keyframe images for the same mascot celebrating a completed task.

Frame 1:
Mascot looks pleased with arms relaxed.

Frame 2:
Mascot lifts arms and leans upward slightly.

Frame 3:
Mascot holds a small success pose with a few simple brand-colored confetti shapes.

Keep the same character identity, proportions, palette, face, and vector style. Transparent background. No text. No background scene.

Seedance kann die Bewegung anschließend mit einem klareren Gefühl für Anfang, Mitte und Ende interpolieren.

Animation markensicher halten

Die Animation des Maskottchens sollte die Nutzer unterstützen und nicht von der eigentlichen Aufgabe ablenken. Dieselbe Figur kann je nach Oberfläche unterschiedlich intensiv bewegt werden.

Bewegung in der Produkt-UI

Setze Bewegung in der Produkt-UI ein für:

• Leerzustände.
• Erfolgszustände.
• Onboarding-Schritte.
• Ladephasen.
• Hilfebereiche.

Halte sie dezent. Die Bewegung sollte die Interaktion nicht verzögern, nicht von Formularen ablenken und sich nicht hektisch in der Nähe wichtiger Bedienelemente wiederholen. Ein Blinzeln, Nicken, Zeigen oder leichtes Hüpfen reicht oft schon aus.

Bewegung im Marketing

Im Marketing darf die Figur mehr Persönlichkeit zeigen. Auf Landingpages, in Social Posts und Launch-Videos kann das Maskottchen ausladender gestikulieren, auf Requisiten reagieren und ausdrucksstärkere Bewegungsabläufe verwenden.

Vermeide trotzdem, dass jede Animation zu einer eigenen visuellen Welt wird. Behalte dieselben Proportionen, denselben Stil, dieselbe Farbpalette und dieselben Verhaltensregeln bei.

Bewegung für Social Media

Bei Social Clips ist gute Lesbarkeit wichtiger als Detailreichtum. Zuschauer sehen das Video schnell und oft auf einem kleinen Bildschirm. Klare Silhouetten, einfache Bewegungen und ein aufgeräumter Bildausschnitt funktionieren in der Regel besser als aufwendige Animationen.

Verwende:

• Eine klare Handlung.
• Eine zentrierte Komposition.
• Starke Kontraste.
• Möglichst wenig oder gar keinen Text.
• Eine Schleife, die auch ohne Ton verständlich ist.

Wenn du Untertitel oder Produktbotschaften brauchst, füge sie in deinem Videoeditor hinzu, anstatt das Modell aufzufordern, fertigen Text direkt in die Charakteranimation einzubauen.

Export und Produktionsnachbearbeitung

Auch KI-Ausgaben müssen in der Produktion geprüft werden. Das Ziel ist nicht, jede Generierung unverändert zu veröffentlichen. Vielmehr geht es darum, schnell ein starkes Ausgangs-Asset zu erstellen und es anschließend für den jeweiligen Kanal aufzubereiten.

Exporte statischer Posen

Für statische Posen solltest du Folgendes vorbereiten:

• SVG, wenn möglich.
• PNG mit transparentem Hintergrund.
• WebP für eine bessere Web-Performance, sofern Transparenz und Browserunterstützung deinen Anforderungen entsprechen.
• Einheitliche Dateinamen, zum Beispiel mascot-welcome-wave.svg und mascot-success-celebration.png.

Prüfe jede Pose in den Größen, in denen du sie tatsächlich verwenden wirst. Eine Pose, die bei 1200 px gut aussieht, kann bei 160 px nicht mehr funktionieren, weil der Gesichtsausdruck verschwindet oder das Requisit nicht mehr erkennbar ist.

Animationsexporte

Wähle das Format für Animationen je nach Einsatzbereich:

Einsatzbereich	Praxistaugliches Format
App-UI-Schleife	Lottie, animiertes SVG, WebM oder ein leichtgewichtiges MP4 – je nach deinem Tech-Stack
Landingpage	MP4/WebM mit Vorschaubild
Social Media	MP4
E-Mail	Statischer Fallback oder GIF nur bei Bedarf
Doku/Hilfe-Center	Kleines MP4/WebM oder statische Pose

Stelle für wichtige Produktzustände immer einen statischen Fallback bereit. Nutzer mit aktivierter Einstellung für reduzierte Bewegung, geringer Bandbreite oder E-Mail-Clients sehen die Animation möglicherweise nicht.

Barrierefreiheitsprüfungen

Maskottchen sollten niemals die einzige Möglichkeit sein, wichtige Informationen zu vermitteln. Wenn ein Fehlerzustand ein verwirrtes Maskottchen verwendet, muss der Text den Fehler trotzdem erklären. Wenn eine Erfolgsanimation abgespielt wird, braucht die Oberfläche weiterhin eine klare Erfolgsmeldung.

Denke auch an reduzierte Bewegung. Produktanimationen sollten die Präferenzen der Nutzer respektieren und keine wesentlichen Informationen ausschließlich durch Bewegung vermitteln.

QA-Checkliste für KI-generierte Maskottchen-Systeme

Nutze diese Checkliste, bevor du die Maskottchen-Assets veröffentlichst.

Konsistenz der Identität

• Wirkt jede Pose wie dieselbe Figur?
• Bleiben Gesicht, Farben, Proportionen und charakteristische Details konsistent?
• Passt die Figur weiterhin zu ihrer Markenrolle?
• Bleiben abgelehnte Details aus neuen Generierungen heraus?

UI-Tauglichkeit

• Funktioniert die Pose auf hellen und dunklen Hintergründen?
• Ist die Silhouette auch in kleinen Größen gut erkennbar?
• Sind die Kanten sauber genug für den Produktionseinsatz?
• Fügt sich das Maskottchen in reale Screens ein, ohne Inhalte zu überladen?
• Ist rund um das Asset genug Freiraum für responsive Layouts vorhanden?

Animationsqualität

• Bleibt die Identität der Figur in der Animation erhalten?
• Ist die Bewegung für ihren Einsatzort zurückhaltend genug?
• Beginnt und endet die Schleife sauber?
• Bleiben Hände, Gesicht und Requisiten während der Bewegung stabil?
• Gibt es eine statische Fallback-Version?

Markenkontrolle

• Sind Prompts und Referenzen gespeichert?
• Sind freigegebene Posen benannt und versioniert?
• Sind die Quelldateien an einem gemeinsamen Speicherort abgelegt?
• Sind Nutzungsregeln für Produkt, Marketing und Social Media dokumentiert?

Häufige Fehler

Zu früh mit der Animation beginnen

Wenn das Maskottchen als statisches Bild nicht konsistent ist, wird die Animation das Problem noch verstärken. Lege zuerst die Identität der Figur und die Posenbibliothek fest. Danach animierst du die besten Posen.

Jedes Tool die Figur neu gestalten lassen

Nano Banana Pro und Seedance 2.0 haben unterschiedliche Stärken. Verwende Nano Banana Pro, um die visuelle Identität festzulegen und zu korrigieren. Verwende Seedance 2.0, um diese Identität zu animieren. Der Videoschritt sollte nicht zu einer Neugestaltung werden.

Eine ganze Kampagne in einem Prompt anfordern

Große Prompts, die gleichzeitig ein Maskottchen, eine Szene, eine Produkt-UI, Text, Requisiten und Animation anfordern, sind schwer zu kontrollieren. Teile den Workflow in Konzept, Pose, Bearbeitung, Keyframes, Animation und Export auf.

Das Dateiformat bis zum Schluss ignorieren

Wenn du Assets im SVG-Stil brauchst, fordere von Anfang an SVG-taugliche Grafiken an. Klare Konturen, begrenzte Farbpaletten und einfache Formen lassen sich leichter umwandeln und pflegen als malerische Bilder.

Überall Bewegung einsetzen

Maskottchen-Animationen funktionieren am besten, wenn sie eine Aufgabe haben. Setze sie ein, um zu feiern, Orientierung zu geben, Sicherheit zu vermitteln oder etwas zu erklären. Wenn die Bewegung den jeweiligen Nutzungsmoment nicht unterstützt, ist eine statische Pose oft besser.

Ein vollständiges Workflow-Beispiel

Hier ist ein praktischer, durchgängiger Ablauf für ein SaaS-Team, das ein Maskottchen für Onboarding- und Launch-Inhalte erstellt.

Schritt 1: Briefing schreiben

The mascot is a helpful product guide for a collaborative design app. It should feel calm, clever, and optimistic. It appears in onboarding, empty states, docs, and launch posts. The visual style should be SVG-friendly, rounded, clean, and modern, with a limited palette based on navy, white, mint, and coral. The character should not feel childish, chaotic, or overly detailed.

Schritt 2: Drei Basiskonzepte in Nano Banana Pro erstellen

Fordere drei neutrale Ganzkörperkonzepte an. Wähle eines anhand seines Wiederverwendungspotenzials aus.

Schritt 3: Die Identität festschreiben

Schreibe die freigegebenen Details der Figur in einen wiederverwendbaren Absatz. Nenne Proportionen, Farben, Gesicht, Accessoires und Stil.

Schritt 4: Neutrale Ansichten erstellen

Erstelle eine Ansicht von vorn, eine Dreiviertelansicht, eine sitzende Ansicht und Avatar-Zuschnitte. Korrigiere jede Abweichung von der festgelegten Identität.

Schritt 5: Acht Produktposen erstellen

Erstelle Posen für Begrüßung, Erfolg, Support, Fehler, Nachdenken, Ankündigung, Ausruhen und Zeigen. Speichere den Prompt für jedes freigegebene Asset.

Schritt 6: Animations-Keyframes erstellen

Erstelle für die drei Animationen mit dem größten Nutzen Keyframes:

• Begrüßungswinken.
• Erfolgsmoment.
• Onboarding-Geste.

Schritt 7: Mit Seedance 2.0 animieren

Verwende die freigegebene Pose oder die Keyframes als Referenz. Fordere kurze, kontrollierte Bewegungen an – ohne Neugestaltung, ohne neue Szene und ohne Kamerabewegung, sofern das Zielmedium sie nicht erfordert.

Schritt 8: Überarbeiten und exportieren

Bereite statische SVG-/PNG-Assets, kurze Videoexporte, Poster-Frames und statische Fallbacks vor. Teste die Assets in der tatsächlichen UI und in Marketingvorlagen.

Diese Prompts kopieren

Verwende sie als Ausgangspunkt und ergänze anschließend deine Markendetails und Referenzen.

Prompt für ein Maskottchenkonzept in Nano Banana Pro

Create three mascot concepts for [product name], a [product category] for [audience].

Brand role:
[Describe what the mascot helps users feel or do.]

Personality:
[Calm, clever, playful, premium, technical, supportive, etc.]

Visual style:
SVG-friendly clean vector illustration, rounded shapes, limited palette, transparent background, simple readable silhouette, no text.

Brand palette:
[List colors.]

Avoid:
Busy backgrounds, realistic texture, complex clothing, detailed fingers, extra characters, text, logos, or scene elements.

Output:
Three full-body neutral mascot concepts with consistent scale and clear silhouettes.

Prompt für eine Maskottchenpose in Nano Banana Pro

Create one new pose of the same mascot using the attached reference image.

Pose:
[Describe the exact action and emotional state.]

Identity:
Preserve the same mascot design, face, proportions, colors, accessories, and clean vector style.

Composition:
Full-body character, transparent background, centered, enough padding for cropping.

Avoid:
Text, background scene, extra props unless specified, extra characters, realistic texture, complex gradients, or style changes.

Korrektur-Prompt für Nano Banana Pro

Keep the same mascot and pose. Only change the following detail:
[Specific correction.]

Do not change the face, colors, body proportions, accessory, composition, background, or overall vector style.

Animations-Prompt für Seedance 2.0

Animate the provided mascot image into a short product-safe loop.

Character:
Preserve the exact same mascot identity, proportions, colors, face, accessory, and clean vector illustration style.

Motion:
[Describe one simple action: wave, blink, point, bounce, celebrate, nod.]

Style:
Smooth, restrained, friendly, loopable, suitable for a web product interface.

Composition:
Centered full-body character, transparent or plain background, no camera movement, no text, no new props, no extra characters.

Timing:
[2 to 4 seconds], clean beginning and ending.

Wann du svgapp statt eines DIY-Workflows verwenden solltest

Ein DIY-Workflow mit Nano Banana Pro und Seedance 2.0 kann leistungsstark sein. Gleichzeitig gibt es dabei viel zu verwalten. Du musst das Briefing schreiben, Referenzen beibehalten, Abweichungen korrigieren, Posen generieren, Animations-Frames vorbereiten, Exporte testen und alles organisiert halten.

Das ist sinnvoll, wenn du individuelle Experimente oder eine einmalige Kampagne brauchst. Es wird kostspielig, wenn du eigentlich eine konsistente Maskottchenbibliothek für eine App, ein SaaS-Produkt, eine Landingpage oder ein Launch-System benötigst.

svgapp konzentriert sich auf den entscheidenden Teil des Problems: wiederverwendbare Maskottchen-Assets und konsistente, für SVG geeignete Posen zu erstellen, ohne eine lange Kette allgemeiner Tools miteinander verknüpfen zu müssen. Videotools kannst du später weiterhin verwenden, aber die statische Charaktergrundlage ist von Anfang an sauberer.

Zusammenfassung des finalen Workflows

Verwende diese Abfolge:

1. Erstelle ein Maskottchen-Briefing.
2. Generiere in Nano Banana Pro eine kleine Auswahl an Basiskonzepten.
3. Wähle eine Figur aus und erstelle einen Identitäts-Lock.
4. Generiere neutrale Ansichten und korrigiere Abweichungen.
5. Erstelle eine Posenbibliothek für echte Produktsituationen.
6. Erstelle Keyframes für die wenigen Posen, die Bewegung brauchen.
7. Animiere kurze, kontrollierte Loops in Seedance 2.0.
8. Exportiere statische und animierte Assets mit Fallbacks.
9. Teste alles in echten UI- und Marketing-Layouts.
10. Speichere Prompts, Referenzen und freigegebene Assets, damit dein Maskottchen-System wachsen kann.

Der beste Workflow für einen KI-Maskottchen-Generator ist nicht der, der die meisten Bilder erstellt. Es ist der, der deinem Team eine Figur gibt, die ihr tatsächlich wiederverwenden könnt. Starte statisch, bleib konsistent, animiere nur, was wichtig ist, und verknüpfe das Maskottchen mit den Produktsituationen, in denen es Nutzer am meisten unterstützt.