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
Eine Werbekampagne, komplett mit KI: Was 2026 wirklich machbar ist (und wo es hakt)

21 Bildmotive, ein 25-Sekunden-Werbespot, zwei Bildwelten, ein konsistenter Charakter. Alles mit KI. Aus dem Home Office. Ohne Reise, ohne Model, ohne Fotograf. Einen Praxisguide findest du am ende des Beitrages.  In den letzten Wochen habe ich eine komplette Werbekampagne für eine fiktive Vintage-Taucheruhr produziert. 21 Bildmotive, ein 25-Sekunden-Werbespot mit Sound-Design, zwei narrativ unterschiedliche Bildwelten in einem konsistenten Charakter. Alles mit KI. Aus dem Home Office. Ohne nach Italien zu fahren, ohne Model, ohne Fotograf. Das

Weiterlesen »
KI News
Magnific (ehemals Freepik): unser KI-Tool der Wahl im Bootcamp

Magnific ist die KI-Kreativplattform, die wir im Bootcamp für Bild-, Video- und Audiogenerierung einsetzen. Dieser Beitrag ordnet ein, warum wir uns dafür entschieden haben, was die Plattform leistet und wo ihre Grenzen liegen. Vom Vektor-Archiv zur KI-Plattform: das Freepik-Rebranding Freepik kannten die meisten als „die Seite mit den kostenlosen Vektoren“. Seit dem 28. April 2026 heißt das Unternehmen aus Málaga offiziell Magnific. Hinter dem neuen Namen steckt vor allem eine inhaltliche Verschiebung: Das heutige Produkt

Weiterlesen »
KI News
Wenn das Lieblingsmodell streikt: Wie weit sind Europas KI-Modelle 2026 wirklich?

Stell dir vor, du startest morgens deinen Marketing-Workflow, und dein KI-Modell ist einfach weg. Nicht „Server überlastet, bitte später wieder versuchen“, sondern: per Regierungsentscheid abgeschaltet. Genau das ist gerade passiert. Anthropic hat am 9. Juni 2026 mit Claude Fable 5 (und dem Schwestermodell Mythos 5) sein bislang stärkstes Modell veröffentlicht, was dahintersteckt, haben wir hier schon eingeordnet. Drei Tage später war es wieder offline. Die US-Regierung ordnete per Exportkontroll-Direktive an, den Zugriff für ausländische Staatsangehörige

Weiterlesen »
Uncategorized
Damit KI nicht nach KI klingt, brauchst du erst Klarheit über deine eigene Stimme

Ich höre fast jeden Tag, dass Texte nach KI klingen. Meistens von Leuten, die sich darüber ärgern. Und fast jedes Mal frage ich zurück, wie sie denn selbst klingen. Dann wird es kurz still. Das fällt wirklich jedem schwer, nicht nur dir, glaub mir. Und genau da liegt die unbequeme Hälfte der Diskussion über „generischen KI-Output“. Alle reden über die Modelle, über bessere Prompts, über das nächste Tool, das endlich „menschlicher“ schreibt. Kaum jemand sagt

Weiterlesen »
KI News
Claude Fable 5 & Mythos 5: Anthropics neue KI-Modelle – was MarketerInnen jetzt wissen müssen

Am 9. Juni 2026 hat Anthropic zwei neue Modelle veröffentlicht: Claude Fable 5 und Claude Mythos 5. Hier ist, was dahintersteckt, und was das konkret für deinen Marketing-Workflow bedeutet. Was sind Claude Fable 5 und Claude Mythos 5? Anthropic hat mit Fable 5 und Mythos 5 eine neue Modellklasse eingeführt: die sogenannte Mythos-Klasse. Sie steht eine Stufe über den bisherigen Opus-Modellen und ist dami, nach eigenen Aussagen, die leistungsstärkste Modellreihe, die Anthropic bisher öffentlich zugänglich gemacht hat. Die

Weiterlesen »
Aktuelles
Bin ich als Marketingprofi bald ersetzbar? Florian und Dr. Vroni über zwei Welten im Marketing

Zwischen Angst und Aufbruch: Ein ehrliches Gespräch über KI Marketing, was sich ändert, was bleibt und wie du dich auf die KI Marketing Zukunft vorbereitest. Inhaltsverzeichnis KI im Marketing: Verändert sich gerade dein Beruf, oder deine ganze Branche? KI im Marketing ist längst kein Zukunftsthema mehr, sondern gehört zum Alltag in vielen Teams. Gleichzeitig fragen sich immer mehr Marketerinnen und Marketer: Wohin geht die Reise? Welche Aufgaben übernimmt künstliche Intelligenz tatsächlich? Was bleibt beim Menschen?

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.