Aus einem Blogartikel wurde ein Spiel: Wie wir die KI-Ostersuche gebaut haben

Der Blogartikel war fertig. Gut recherchiert, mit Praxisbezug, mit Substanz. Aber eben: ein Blogartikel. Scrollbar. Lesbar. Vergessbar. Die Frage war nicht „Wie kriegen wir mehr Reichweite?“, sondern: Gibt es ein Format, das die Nudges erlebbar macht, statt sie nur aufzuzählen?

Von der Idee zum Konzept: 15 Minuten

Aus dem Brainstorming kamen vier Vorschläge: Quiz („Welches KI-Ei bist du?“), Bingo, Prompt-Roulette, Eiersuche. Die Eiersuche hat sofort gepasst. Nicht weil sie technisch am aufregendsten war, sondern weil sie den Artikel nicht ersetzt, sondern ergänzt. Ein spielerischer Einstieg, der neugierig macht. Wer alle zwölf Eier findet, bekommt den Link zum vollständigen Artikel.

15 Minuten vom ersten „Ostern steht vor der Tür“ bis zum fertigen Konzept: zwölf Eier auf einer illustrierten Wiese, jedes Ei enthält einen gekürzten Nudge, Progress-Anzeige oben, Completion-Screen am Ende.

Was die KI gebaut hat

Die komplette technische Umsetzung. Eine HTML-Datei, kein React, kein WordPress-Plugin, keine Dependencies. Eine Datei, die du im Browser öffnest und die funktioniert.

Das klingt nach wenig. Drin steckt mehr, als man sieht:

Zwei verschiedene Interfaces für ein Stück Content. Auf dem Desktop siehst du die Wiese mit klickbaren Eiern – ein Wimmelbild, auf dem du suchst. Auf dem Smartphone bekommst du stattdessen Karten zum Durchtippen. Gleicher Inhalt, andere UX. Dazu gleich mehr, weil genau hier das interessanteste Problem lag.

Gamification ohne Cringe. Ein Zähler („4 von 12 gefunden“), eine Progress Bar, ein Abschluss-Screen. Kein Konfetti, keine Sounds, keine Punkte. Erwachsene Kommunikationsprofis brauchen keine Belohnungsmechanismen. Sie brauchen das Gefühl, dass es weitergeht.

Persistenz. Seite schließen, wiederkommen, Eier sind noch da. Drei Zeilen LocalStorage-Code. Aber genau solche Details machen den Unterschied zwischen „nette Spielerei“ und „funktioniert im Alltag“.

Barrierefreiheit. ARIA-Labels auf allen Eiern, Escape schließt das Modal, Farbkontraste geprüft. Nicht perfekt.

Eine Konversation. Keine Templates angepasst, kein Code aus Tutorials kopiert. Ich habe gesagt, was ich will. Claude Code hat gebaut. Ich habe geschaut, ob es funktioniert.

Was die KI nicht gemacht hat

Die Inhalte. Keinen einzigen Nudge hat Claude geschrieben. Die zwölf Nudges stammen aus unserer Seminarpraxis. Aus echten Situationen, echten Teilnehmer-Reaktionen, echten Fehlern. Der Blogartikel dahinter referenziert Forschung, die ich gelesen und eingeordnet habe. Der Nudge mit der Drei-Sekunden-Regel funktioniert, weil ein Teilnehmer einen Monat lang erfundene Statistiken in Pressemitteilungen veröffentlicht hat. Das steht in keinem Trainingsdatensatz.

Die Idee. „Nimm die Nudges, versteck sie in Ostereiern“ ist keine Prompt-Engineering-Leistung. Das ist ein kreativer Einfall, der aus „Ostern“ plus „wir haben zwölf Dinge“ entsteht. KI hat die Idee weiterentwickelt, konkretisiert, den technischen Rahmen vorgeschlagen. Aber der Funke kam von uns.

Die Designentscheidungen. Welches Orange? Das aus unserem Logo. Welche Schrift? DM Sans, weil sie zum Brand passt. Zwei getrennte UX-Modi statt ein fauler Kompromiss? Das war eine Entscheidung, die unseren Kontext brauchte. KI kennt Best Practices. Wir kennen unsere Nutzer.

Die Illustration. Die Wiese entsteht separat – als Bild-KI-Generierung nach einem Briefing, das wir geschrieben haben. Flacher Stil, Draufsicht, Brand-Farben, genug Abstand zwischen den Eiern für Touch-Targets auf dem Handy. Der Unterschied: Ein Briefing weiß, warum jedes Detail so sein muss.

Was schiefging

Das Mobile-Problem. Die erste Idee war naheliegend: gleiches Bild, kleinere Eier. Das wäre Schrott geworden. Eier auf einem Wimmelbild, das auf 375 Pixel Breite geschrumpft ist, sind zu kleine Tipp-Ziele. Nutzer müssten reinzoomen, und ein gezoomtes Wimmelbild verliert genau das, was es reizvoll macht: den Überblick.

Die Lösung: zwei komplett getrennte Modi. Desktop bekommt die Wiese mit Hotspots. Mobile bekommt Karten. Aufwändiger, aber richtig. Hätten wir mit dem Bild angefangen statt mit der Frage „Was funktioniert auf welchem Gerät?“, wären wir in eine Sackgasse gelaufen. Die Reihenfolge war entscheidend: erst UX-Frage, dann Technik.

Die Textlänge. Im Blogartikel hat jeder Nudge einen ganzen Absatz mit Kontext, Beispiel, Begründung. In einem Ei-Modal wirken schon drei Sätze lang. Wir mussten jeden Nudge auf seinen Kern eindampfen, ohne ihn zu verstümmeln. Das klingt trivial. Ist es nicht. Für jeden Nudge mussten wir entscheiden: Welcher Satz trägt den Gedanken, welcher schmückt nur? Das ist Redaktionsarbeit, nicht KI-Arbeit.

Drei Dinge, die du daraus mitnehmen kannst

Die technische Hürde ist weg. Du brauchst keine Agentur, kein Dev-Team, kein Budget für interaktiven Content. Du brauchst eine Idee, ein KI-Coding-Tool und zwei Stunden. Was bleibt, ist die inhaltliche Hürde. Und die war schon immer die eigentliche.

Erst Inhalt, dann Vehikel. Wir hätten die Eiersuche nicht bauen können, wenn die zwölf Nudges nicht fertig gewesen wären. Ein interaktives Format ohne Substanz ist ein leeres Spiel. Ein Gamification-Layer über generischem Content macht den Content nicht besser, sondern die Enttäuschung interaktiv. Erst der Inhalt. Dann das Format. Diese Reihenfolge ist nicht verhandelbar.

Dokumentier den Prozess. Dieser Artikel ist selbst Content. Aus einem Blogartikel wurden zwei Pieces und ein interaktives Tool. Das ist kein „Content Repurposing“ im Sinne von „mach aus einem Post fünf Karussells“. Das ist: Nimm eine Idee ernst genug, um sie in verschiedenen Formaten durchzudenken. Jedes Format erzählt eine andere Geschichte. Der Nudges-Artikel erklärt. Die Eiersuche lässt erleben. Dieser Beitrag zeigt, wie beides entstand.

Praxis-Take-Away: Dein eigenes interaktives Stück in drei Schritten

Du hast einen Artikel, ein Listicle, ein Framework? Dann hast du alles, was du brauchst.

Schritt 1: Zähl die Einheiten. Hast du 5, 7, 10, 12 einzelne Punkte? Einzelne Einheiten lassen sich in interaktive Formate übersetzen: Karten, Felder, Stationen, Eier. Ein Fließtext nicht.

Schritt 2: Kürz jeden Punkt auf drei Sätze. Wenn du den Kern nicht in drei Sätzen sagen kannst, ist er noch nicht klar genug. Diese Übung verbessert auch den Originalartikel.

Schritt 3: Bau mit KI-Coding. Beschreib, was du willst. Nicht wie. „Ich will 12 versteckte Elemente, die man anklicken kann, mit einem Zähler und einem Abschluss-Screen.“ Den Rest macht das Tool. Teste auf Desktop und Mobile. Deploye über Netlify Drop – Datei hochziehen, fertig.

Der ganze Prozess hat keinen halben Tag gekostet. Das teuerste daran: die Nudges selbst zu entwickeln. Und das war monatelange Seminararbeit, kein KI-Nachmittag.


Die Eiersuche findest du hier: https://kimarketingbootcampvroniostern.netlify.app

Und falls du jetzt den vollständigen Artikel mit allen zwölf Nudges lesen willst: 12 KI-Nudges für deinen Schreibtisch. Einen davon anwenden – den ersten Satz löschen – habe ich übrigens auch bei diesem Artikel gemacht. Dreimal.

Wer hat's geschrieben?

Das könnte Dich auch interessieren:
KI im Einsatz
xprivo: die europäische KI-Suche im Test

Das ist Teil 2 unserer Testreihe zu europäischen KI-Alternativen. Wie wir testen und welche Tools noch dran sind: zur Übersicht. Wenn du KI zum Recherchieren nutzt, läuft das meistens über Perplexity, ein US-Tool. xprivo will genau hier die europäische Antwort sein: KI-Suche, die recherchiert und Quellen liefert, aber komplett in Europa läuft. Vorweg, wie immer in dieser Reihe: Das ist kein monatelanger Test, sondern ein kurzes Reinschauen mit einer festen Aufgabe. Für einen ersten Eindruck

Weiterlesen »
Aktuelles
Wie deutsch ist Langdock wirklich?

Teil unserer Reihe zu europäischen KI-Alternativen. Wie wir testen und warum manche Tools nicht in den Test kommen: zur Übersicht. Langdock gilt als deutsches KI-Startup und europäischer Hoffnungsträger. Das stimmt auch, zum Teil. Schaut man genauer hin, ist die Geschichte nur etwas vielschichtiger, als die Schlagzeilen vermuten lassen. Souveränitäts-Check: ♦ US-Eigentum. Die Langdock GmbH sitzt in Berlin (HRB 254499 B), gehört laut Gesellschafterliste aber zu 100 Prozent der Langdock Inc. mit Sitz in Delaware, USA. Öffentlich eingeordnet

Weiterlesen »
KI im Einsatz
Mistral Vibe (früher Le Chat): die europäische KI zum Chatten und Schreiben

Das ist Teil 1 unserer Testreihe zu europäischen KI-Alternativen. Wie wir testen und welche Tools noch dran sind, findest du in der Übersicht: Europäische KI-Alternativen im Test. Von allen europäischen KI-Tools ist Vibe von Mistral das, mit dem du am schnellsten loslegst. Kein Entwicklerkonto, kein Setup, einfach im Browser anmelden und tippen. Genau deshalb starten wir unsere Serie über europäische Alternativen mit diesem Tool. Wenn du nach dem letzten Beitrag über den Fable-5-Ausfall mal eine Option

Weiterlesen »
Aktuelles
Comfy Cloud MCP: Du promptest, Claude verkabelt

ComfyUI galt lange als das Werkzeug für die, die keine Angst vor Node-Graphen haben. Wer damit arbeiten wollte, musste Spaghetti-Diagramme lesen, Nodes verkabeln und wissen, warum der KSampler gerade rot blinkt. Seit dem 29. Juni 2026 gibt es einen neuen Weg: Der Comfy Cloud MCP ist in der Public Beta, und damit kann Claude ComfyUI für Dich bedienen. In diesem Beitrag erfährst Du, was der MCP kann, wo er (noch) hakt und wie Du ihn

Weiterlesen »
KI News
Europäische KI-Alternativen im Test: unsere Übersicht für Marketing-Teams

Das ist die Übersichtsseite unserer Testreihe. Hier sammeln wir, wie wir testen und alle einzelnen Tool-Tests an einem Ort. Sie wächst mit jedem neuen Beitrag. Innerhalb von wenigen Wochen im Juni 2026 ist zweimal passiert, was eigentlich nicht passieren sollte. Erst musste Anthropic seine stärksten Modelle Fable 5 und Mythos 5 auf Anordnung der US-Regierung weltweit abschalten. Einige Tage später bat das Weiße Haus OpenAI, sein neuestes Modell GPT-5.6 vorerst nur an staatlich geprüfte Partner

Weiterlesen »
Aktuelles
Kennzeichnungspflicht für KI-Bilder ab 2. August 2026: Was Kreative, Fotograf:innen und Marketing-Teams jetzt wissen müssen

Am 2. August 2026 greift Artikel 50 des EU AI Act, die Transparenzpflicht für KI-generierte Inhalte. In meinen Schulungen merke ich seit Wochen: Die Verwirrung ist groß. Wer muss kennzeichnen, was genau, und reicht der Hinweis in den Metadaten? Zeit, das aufzuräumen. Ab 2. August 2026 gilt die Kennzeichnungspflicht für KI-Bilder Der AI Act ist seit August 2024 in Kraft, die Transparenzpflichten aus Artikel 50 werden aber erst ab dem 2. August 2026 durchgesetzt. Verstöße

Weiterlesen »

Hey Du. Willst du AI Content Manager werden?

Dann ab ins kostenfreie Info-Webinar am 25.03. um 12:00 Uhr. 

🚀 Exklusive Back-to-School-Aktion 🚀

Spare 880 € beim KI-Marketing-Bootcamp!

Bring eine Kolleg*in mit und erhalte 50% Rabatt für deine Begleitung.

Nur für kurze Zeit und solange Kontingent reicht! Aktion endet am 16. September 2024.