Produkt-Launch-Video

Konzipiere und erstelle kinoreife, wirkungsvolle Produkt-Launch-Videos, die den Zuschauer das Produkt fühlen lassen, bevor er es jemals berührt.

Dieser Skill ist nicht auf eine einzige Ästhetik festgelegt. Der visuelle Stil passt sich der DNA des Produkts an – entscheidend ist, dass die gewählte Richtung in Bewegung, Licht, Komposition und visuellem Storytelling absolute Spitzenstandards widerspiegelt.

Kernphilosophie

Drei Prinzipien bestimmen jede Entscheidung:

Intentionalität statt Dekoration. Jedes visuelle Element, jede Bewegung und jede Lichtquelle muss einen Zweck haben. Egal ob minimalistisch oder maximalistisch – nichts existiert nur, um Platz zu füllen. Alles treibt die Erzählung voran, hebt ein Feature hervor oder ruft eine bestimmte Emotion hervor.

Sensorische Übersetzung. Ein großartiges Launch-Video lässt den Zuschauer das Produkt fühlen. Übersetze abstrakte Konzepte (Geschwindigkeit, Sicherheit, Komfort) und physische Eigenschaften (Gewicht, Haptik, Reaktionsfähigkeit) in visuelle und auditive Erlebnisse. Wenn das Produkt schnell ist, soll der Zuschauer Geschwindigkeit spüren. Wenn es elegant ist, soll der Zuschauer in jedem Frame Raffinesse spüren.

Meisterschaft des Kontrasts. Großartige Videos leben von Gegensätzen. Nutze Kontraste in der Größe (Makrodetails vs. panoramische Weitwinkelaufnahmen), im Tempo (rasende Energie vs. Zeitlupen-Enthüllungen), in der Beleuchtung (Schatten vs. Licht) und im Audio (Stille vs. starke Beats), um dynamische Spannung zu erzeugen, die die Aufmerksamkeit fesselt.

Wann verwenden

Erstellen eines Produkt-Launch- oder Ankündigungsvideos
Erstellen einer Demo oder Feature-Walkthrough mit kinoreifer Qualität
Erstellen eines Marken-Reveals oder Teaser-Trailers
Produzieren von animierten Produkt-Shows mit Bewegungsgrafiken
Storyboarding und Planung der Videostruktur für jedes Produkt
Verwandeln von Produktbildern, Fotos oder Konzepten in Video-Erzählungen

Phase 0: Das Produkt verstehen

Bevor visuelle Arbeit beginnt, verstehe tiefgehend, was du präsentierst. Das formt alles.

Stelle dem Benutzer (alle auf einmal, keine Häppchenweise Fragen):

Produkt – Was ist das Produkt? Was tut es? Welches Problem löst es?
Zielgruppe – Wer sieht sich dieses Video an? Entwickler? Verbraucher? Investoren? Internes Team?
Kernbotschaft – Was ist DAS EINE, an das sich der Zuschauer nach dem Anschauen erinnern soll?
Ton – Was soll der Zuschauer fühlen? (Beeindruckt / Aufgeregt / Ruhig / Inspiriert / Gestärkt)
Dauer – Wie lang? (15s Teaser / 30s Spot / 45-60s voller Launch / 90s+ Deep Dive)
Assets – Hast du Logos, Produktfotos, Screenshots, Aufnahmen, Markenfarben oder Schriftarten?
Voiceover – Soll das Video eine Erzählung haben? Wenn ja, in welcher Sprache? Gibt es eine Präferenz für die Stimme (Geschlecht, Ton, Energielevel)?
Referenz – Gibt es Videos, die du bewunderst? (Apple-Keynote-Stil, Nike-Produktfilme, Stripe-Developer-Ästhetik, verspielte Notion-Vibes, Luxusuhren-Werbung usw.)
Veröffentlichungskontext – Wo wird dieses Video gepostet? (Landing Page, X/Twitter, LinkedIn, YouTube, Shorts/Reels/TikTok, Investoren-Deck, interne Demo.) Seitenverhältnis, Untertitel und Tempo hängen davon ab.

Wenn der Benutzer bereits Kontext im Gespräch geliefert hat, extrahiere Antworten aus dem Vorhandenen und bestätige Lücken.

TOR: Fahre nicht mit Phase 1 fort, bis du Antworten (vom Benutzer oder aus dem Kontext abgeleitet) auf alle 9 obigen Fragen hast. Wenn Assets bereitgestellt werden, prüfe sie – liste jedes verfügbare Asset auf und plane, jedes dort einzusetzen, wo es die Erzählung stärkt. Nicht jedes Asset muss erscheinen, aber keines sollte ohne Grund ignoriert werden.

Phase 1: Die Ästhetik festlegen

Dies ist die wichtigste kreative Entscheidung. Die Ästhetik muss sich anfühlen, als wäre sie für dieses spezifische Produkt entworfen worden – nicht als generische Vorlage mit ausgetauschtem Logo.

Schritt 1.1: Eine visuelle Richtung wählen

Basierend auf der Persönlichkeit des Produkts und der Ton-Präferenz des Benutzers, schlage 2-3 verschiedene ästhetische Richtungen vor. Jede Richtung sollte Folgendes enthalten:

Name – Ein kurzer, evokativer Titel (z. B. „Mitternachtspräzision“, „Warme Analogie“, „Elektrischer Puls“)
Stimmung – 2-3 Sätze Beschreibung der emotionalen Atmosphäre
Farbpalette – 4-5 Farben mit Hex-Codes und Rollen (Hintergrund, Primär, Akzent, Text, Hervorhebung)
Typografie – Schriftpaarung (Display + Fließtext) von Google Fonts oder Fontshare (niemals Inter, Roboto, Arial oder Systemschriften). Die Schriftart muss die Persönlichkeit des Produkts verkörpern:
- Elegante Serifen (z. B. Playfair Display, Cormorant) → Luxus, Redaktionell, Premium
- Kräftige groteske Sans-Serifen (z. B. Space Grotesk, Satoshi) → Technologie, kühn, modern
- Geometrische Sans-Serifen (z. B. Plus Jakarta Sans, General Sans) → sauber, vertrauenswürdig, SaaS
- Kinetische oder variable Schriften (z. B. Syne, Cabinet Grotesk) → Jugendkultur, kreativ, verspielt
- Monospace- oder Code-Schriften (z. B. JetBrains Mono, Fira Code) → Entwicklertools, Terminal-Ästhetik
Die Schrift ist die sichtbar gemachte Markenstimme. Ein Missverhältnis zwischen Produktpersönlichkeit und Schriftart untergräbt jede andere Designentscheidung.
Bewegungscharakter – Wie sich Dinge bewegen (schnelle Federn, sanfte Gleitbewegungen, elastische Sprünge, kinoreife langsame Enthüllungen)
Signaturelement – DAS EINE visuelle Motiv, das dieses Video unverwechselbar macht (Gradient-Mesh-Hintergründe, Glas-Morphismus-Karten, Partikelfelder, geometrische Muster, Lichtstreifen, kinoreife Fotobearbeitungen, Produkt-Nahaufnahmen mit Callout-Labels usw.)

Präsentiere diese als prägnante Karten, nicht als Textwände. Der Benutzer wählt eines aus oder mischt Elemente.

Schlechte Beispiele (Die „KI-Slop“-Checkliste)

Vermeide diese toten Giveaways generischer KI-generierter Videos:

Violette Verläufe auf dunklen Hintergründen (das #1 Klischee)
Inter/Roboto/Systemschriften für Display-Text
Gleichmäßiges Timing – alles mit derselben Geschwindigkeit und Verzögerung eintretend
Emojis als Icons
Flache, gleichmäßig beleuchtete Szenen ohne Tiefe oder Schatten
Standardisierte Kartenraster mit identischen Animationen
Text, der nur „einfadet“ ohne räumliche Beziehung zum Inhalt
Hintergründe, die nur einfarbig sind

TOR: Präsentiere dem Benutzer 2-3 ästhetische Richtungen. Fahre erst mit Phase 2 fort, wenn der Benutzer eine Richtung ausgewählt oder bestätigt hat. Wenn der Benutzer sagt „mach einfach“, wähle die Richtung, die am besten zur Produktpersönlichkeit passt, und nenne deine Wahl explizit, bevor du fortfährst.

Phase 2: Storyboard

Ein Storyboard ist der Bauplan. Jede Szene muss ihre Existenz rechtfertigen.

VERPFLICHTEND: Schreibe das vollständige Storyboard, bevor du Code schreibst. Speichere es als storyboard.json im Projektstammverzeichnis unter Verwendung des unten definierten Schemas. Überprüfe es anhand der Storyboard-Überprüfungs-Checkliste am Ende dieses Abschnitts. Keine zwei aufeinanderfolgenden Präsentationsszenen dürfen dasselbe Layout oder Animationsmuster verwenden.

Die „Unbegrenzte visuelle Budget“-Regel

Bei der Konzeption des Storyboards beschränke DEINE VORSTELLUNGSKRAFT NICHT auf die rohen Assets, die der Benutzer bereitgestellt hat.

Behandle benutzerbereitgestellte 2D-Assets (rohe Screenshots, flache Logos, einfache Fotos) lediglich als konzeptionelle Samen oder Basistexturen.
Bewerte die narrativen Anforderungen. Wenn die Geschichte zusätzliche visuelle Vielfalt, ergänzende Umgebungen oder B-Roll erfordert, um ein reichhaltigeres Ökosystem aufzubauen, storyboarde sie natürlich.
Führe jedoch nur dann neue generierte Assets ein, wenn sie aktiv der Produkt-Erzählung und visuellen Hierarchie dienen. Generiere keine Assets nur um der Komplexität willen.

Narrative Struktur

Produkt-Launch-Videos folgen einer dramatischen Struktur, auch kurze:

Akt	Zweck	Typische Dauer (30s Video)
Aufhänger	Aufmerksamkeit erregen. Stelle ein Problem, zeige Spannung oder eröffne mit einem eindrucksvollen Bild.	3-5s
Enthüllung	Produkt vorstellen. Der „Heldenmoment“.	5-8s
Präsentation	2-4 Hauptfunktionen demonstrieren. Jede bekommt ihren eigenen visuellen Schlag.	12-18s
Höhepunkt	Der beeindruckendste Moment – eine Vollbild-Demo, eine dramatische Statistik oder ein „Wow“-Übergang.	3-5s
Abschluss	Logo, Slogan, CTA. Hinterlasse einen bleibenden Eindruck.	3-5s

Für kürzere Videos (15s), komprimieren auf: Aufhänger → Enthüllung → Abschluss. Für längere Videos (60s+), erweitere die Präsentation mit weiteren Feature-Schlägen und füge vor dem Abschluss einen „Social Proof“- oder „Vision“-Schlag hinzu.

Plane die Videostruktur, bevor du eine einzige Zeile Code schreibst. Ein Storyboard ist der Vertrag zwischen kreativer Vision und technischer Umsetzung.

Veröffentlichungs- & Feed-Regeln

Zeige das Produkt früh. Bei Launch-, Demo- und Social-Formaten sollte der Zuschauer das Produkt, die Produktoberfläche oder ein unverkennbares Produktartefakt innerhalb der ersten 3 Sekunden sehen. Abstrakte Aufhänger sind nur erlaubt, wenn sie sich sofort in das Produkt auflösen.
Design für stummgeschaltete Wiedergabe. Wenn das Video in einem Feed erscheinen könnte, gehe davon aus, dass viele Zuschauer ohne Ton schauen. Schlüsselaussagen, Szenenschläge, Untertitel und CTAs müssen auf dem Bildschirm sichtbar sein, auch wenn ein Voiceover existiert.

Video-Metadaten

Bevor du mit dem Bau beginnst, dokumentiere diese Entscheidungen:

Dauer, FPS, Auflösung – abgeleitet von Phase 0
Veröffentlichungskontext – abgeleitet von Phase 0. Notiere, wo das Video gepostet wird und alle Einschränkungen, die Tempo, Untertitel, sichere Bereiche oder Liefergegenstände betreffen.
Anzeigeschriftart + Fließtextschriftart – aus der ästhetischen Richtung von Phase 1 (mit Schriftgewichten)
Farbpalette – definiere Rollen, nicht nur Farben: Hintergrund, Oberfläche (erhöhte Elemente), Primär (Überschriften), Gedämpft (Sekundärtext), Akzent (CTAs/Hervorhebungen), Hervorhebung (besondere Momente). Jede Rolle sollte eine klare Verwendungsregel haben.

Narrative Strukturen

Wähle die Struktur, die am besten zur Produktgeschichte passt:

Problem → Lösung – Am besten für Produkte, die einen klaren Schmerzpunkt lösen. Beginne mit dem Problem, um Spannung zu erzeugen, enthülle das Produkt als die Antwort, präsentiere Funktionen, erreiche den Höhepunkt mit einem „Wow“-Moment, schließe mit CTA ab.
Vision → Realität – Am besten für aspirationale Produkte oder neue Kategorien. Male die ideale Zukunft aus, erkenne die Lücke an, zeige, wie das Produkt sie überbrückt, beweise es mit Funktionen, schließe ab.
Montage → Fokus – Am besten für funktionsreiche Produkte oder große Updates. Schnelle Montage vieler Funktionen, pausiere, verlangsame, tauche tief in 2-3 Schlüsselfunktionen ein, kehre zur Montage zurück für die Breite, schließe ab.
Teaser (15s oder weniger) – Wecke Neugier mit abstrakten Bildern, zeige schnelle Produktblicke, enthülle Logo + Startdatum.

Storyboard-Schema

Das Storyboard wird als storyboard.json im Projektstamm gespeichert. Dies ist die einzige Quelle der Wahrheit – es treibt die Implementierung, die Voiceover-Generierung und das Timing voran.

{
  "meta": {
    "title": "Produktname und Videoart",
    "durationSec": "Gesamte Videodauer in Sekunden",
    "fps": 30,
    "width": 1920,
    "height": 1080,
    "narrativeStructure": "problem-solution | vision-reality | montage-focus | teaser",
    "fonts": {
      "display": { "family": "Google Fonts / Fontshare Familienname", "weights": ["700"] },
      "body": { "family": "Google Fonts / Fontshare Familienname", "weights": ["400", "500"] }
    },
    "colors": {
      "background": "#hex - Basis-Hintergrund",
      "surface": "#hex - Erhöhte Elemente wie Karten",
      "primary": "#hex - Überschriften und Schlüsseltext",
      "muted": "#hex - Sekundärtext und Labels",
      "accent": "#hex - CTAs und Hervorhebungen",
      "highlight": "#hex - Besondere Momente und Betonung"
    }
  },
  "voice": {
    "enabled": "true wenn das Video Voiceover hat, false wenn nur Musik",
    "gender": "male | female | neutral",
    "age": "young adult | middle-aged | mature",
    "tone": ["Array von Merkmalen für die KI-Stimmsuche: selbstbewusst, warm, energisch, ruhig, autoritär, gesprächig, inspirierend"],
    "accent": "American | British | neutral | other",
    "pace": "fast | moderate | slow"
  },
  "scenes": [
    {
      "id": "Eindeutiger Kebab-Case-Szenen-Identifikator",
      "act": "hook | reveal | showcase | climax | close",
      "startSec": "Absolute Startzeit. Benachbarte Szenen können für Übergänge 0,2-0,5s überlappen",
      "durationSec": "Szenenlänge. Wenn Voiceover vorhanden, muss die Erzählung bei ~2,5 Wörtern/Sekunde passen",
      "purpose": "Warum diese Szene existiert, was sie kommuniziert",
      "emotionalBeat": "Was der Zuschauer fühlen soll",
      "voiceover": "Genaue Erzähltext, oder null wenn kein VO. Die Erzählung ist das zeitliche Rückgrat – visuelle Elemente synchronisieren sich mit Schlüsselwörtern. Nicht jede Szene braucht VO",
      "layout": "Räumliche Anordnung der Elemente (Skizze oder Positionsbeschreibung)",
      "elements": "Jedes visuelle Element mit Beschreibung, Größe, Farbe, Position",
      "animation": "Pro Element: Effekttyp, Verzögerung, Dauer, Beschleunigung",
      "camera": "Ansichtsfensterbewegung (Zoom, Schwenk, Parallaxe)",
      "lighting": "Woher das Licht kommt, was hell ist, was im Schatten liegt",
      "transitionOut": "Wie diese Szene zur nächsten übergeht"
    }
  ]
}

Storyboard-Beschreibungen müssen hyperspezifisch sein. Vage Beschreibungen wie „cooler Übergang“ oder „Elemente animieren herein“ sind verboten – sie lassen zu viel Interpretationsspielraum während der Implementierung und führen zu generischen Ergebnissen.

Die Bewegung jedes Elements muss mit genauen Mechanismen beschrieben werden. Statt „der Titel erscheint“ schreibe: „Die Überschrift springt von 30px unten mit Skalierung 0,9→1 und Unschärfe 8→0 über 0,5s herein, während ein diagonaler Lichtstrahl mit 0,3s Verzögerung von links nach rechts über die Textoberfläche fegt.“ Statt „Karten animieren herein“ schreibe: „Drei Feature-Karten kaskadieren von rechts mit 150ms Staffelung, jede tritt mit translateX(40)→0, Deckkraft 0→1 und einer subtilen 3°-Drehung ein, die sich auf 0° beruhigt.“

Die Beschreibung muss so spezifisch sein, dass zwei verschiedene Entwickler daraus nahezu identische Implementierungen produzieren würden. Wenn eine Beschreibung zu stark unterschiedlichen visuellen Ergebnissen führen könnte, ist sie nicht spezifisch genug.

Timing & Tempo

Pacing-Rhythmus. Ein gut getaktetes Video wechselt zwischen Spannung und Entspannung ab:

SCHNELL → LANGSAM → SCHNELL → LANGSAM → SCHNELL → HALTEN

Aufhänger  Enthüllung  Funktionen  Atempause  Höhepunkt  Abschluss
(angespannt) (Erleichterung) (Energie) (Pause) (Höhepunkt) (Auflösung)

Das Schlimmste, was ein Launch-Video tun kann, ist, ein einziges Tempo beizubehalten. Eintöniges Tempo schläfert Zuschauer ein, egal wie schön die Bilder sind.

Dauerzuweisung. Weise die Zeit proportional basierend auf der Gesamtdauer zu. Das Verhältnis ist wichtiger als die genauen Sekunden:

15s Teaser: ~20% Aufhänger, ~50% Produktblicke, ~30% Logo-Enthüllung. Keine Zeit für

...

[Gekürzt für Übersetzung – die vollständige markdown-Datei enthält die fortlaufenden Abschnitte zu Timing, Dauerzuweisung und der Storyboard-Überprüfungs-Checkliste.]

Produkt-Launch-Video (memex-lab/product-launch-video-skill)

Was ist product-launch-video-skill)?

In Ihrer bevorzugten KI fragen

Dokumentation