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
KI-Bilder ohne Einheitsbrei: 3 Hebel für authentische Bild-KI-Ergebnisse

Drei Tools, drei Prompts, drei Bilder. Und am Ende sieht alles gleich aus: glatte Oberflächen, weichgespültes Licht, dieser typische KI-Schimmer. Das Modell ist nicht das Problem. Bild-KI ist mittlerweile verdammt gut. Wer sie nur oberflächlich bedient, bekommt trotzdem Einheitsbrei. Ich arbeite jeden Tag mit Bild-KI, und drei Dinge entscheiden für mich darüber, ob am Ende ein brauchbares Bild rauskommt oder nur der nächste austauschbare Treffer. Keine geheimen Tools. Workflow. Hebel 1: Moodboard schlägt Buzzword-Prompt Die

Weiterlesen »
KI im Einsatz
Karl bekommt seine Bühne: Maskottchen-Vorstellung mit Claude Cowork in einer Stunde

Κarl ist seit Jahren da. Im Newsletter, zwischen Blogbeiträgen, manchmal als kleines Wesen am Slide-Rand. Trotzdem hat ihn nie jemand offiziell vorgestellt. Kein Steckbrief, keine Mission, kein „Hi, ich bin Karl“. Diese Lücke wollte ich schließen. Nicht in zwei Tagen, sondern in einer Sitzung. Mein Werkzeug der Wahl: Claude Cowork. Was dabei rausgekommen ist: ein 10-Slide-Deck, das Karl von der Begrüßung bis zum LinkedIn-Debüt komplett aufzieht. Ein wiederverwendbarer Skill für jede künftige Markenfigur. Und die

Weiterlesen »
Aktuelles
Warum „10 Nachrichten pro Tag“ als KI-Limit ausgedient hat

Wer in den letzten Wochen Mails von KI-Anbietern bekommen hat, in denen plötzlich neue Nutzungslimits erklärt werden, ist nicht allein. Langdock hat es gerade öffentlich gemacht, OpenAI und Anthropic haben es schon länger in ihren Tarifen umgesetzt: Der Industriestandard verschiebt sich gerade von Nachrichten-Limits zu kostenbasierten Limits. Klingt nach einer Detailfrage für Admins. Ist aber für jedes Marketing-Team relevant, das täglich mit KI arbeitet. Das Problem: Eine Nachricht ist nicht mehr eine Nachricht Vor drei Jahren war

Weiterlesen »
Uncategorized
Von SEO zu GEO: So sicherst du dir einen Platz in der KI-Antwort

Immer mehr Menschen tippen ihre Fragen nicht mehr in Google, sondern direkt in ChatGPT, Perplexity oder Gemini, und bekommen eine fertige Antwort, ohne überhaupt eine Website zu besuchen. Für dich heißt das: Wenn deine Inhalte in dieser Antwort nicht auftauchen, bist du unsichtbar. Willkommen im Zeitalter der Generative Engine Optimization (GEO). Vroni hat zu diesem Thema einen Beitrag im Magazin von gate-germany.de mitgestaltet. Der Fokus liegt zwar auf Hochschulen, die Logik lässt sich aber 1:1 aufs

Weiterlesen »
KI News
Midjourney V8.1: 2026 endlich in 2025 angekommen

Midjourney V8.1 ist da. Hände funktionieren, Gesichter sitzen, die Ästhetik stimmt wieder. Willkommen im Jahr 2025 – nur eben mit zwölf Monaten Verspätung. Während Midjourney zwei Releases brauchte, um den eigenen Vorgänger V7 wieder einzuholen, haben Nano Banana 2 und GPT-Image-2 die Messlatte in praktisch jeder marketingrelevanten Kategorie nach oben geschoben. Die These: Midjourney V8.1 ist ein solides Comeback – aber kein Anschluss an die Spitze. Und genau darin liegt eine Lektion über den Unterschied

Weiterlesen »
KI News
ChatGPT 5.5 2026: Wie OpenAI vom Chatbot zur Arbeitsoberfläche wechselt

ChatGPT ist im Frühjahr 2026 nicht einfach besser geworden. Das Produkt wird zu etwas anderem. Innerhalb einer Woche hat OpenAI Workspace Agents (22. April), GPT-5.5 (23. April), Images 2.0 (21. April) und Fast Answers (22. April) ausgerollt, dazu kommt das verbesserte Memory aus dem Januar. Wer all das nebeneinanderlegt, sieht keine zufällige Update-Welle, sondern eine strategische Verschiebung. Weg vom Antwortgenerator, hin zur Arbeitsoberfläche für Wissensarbeit. Wir haben uns die Releases angeschaut. Das Muster hinter den

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.

Abonniere unseren Newsletter 🥳