Von der Broschüre zur digitalen Erlebniswelt – warum künstliche Intelligenz die Art verändert, wie wir Homepages entwickeln
Es gibt Momente, in denen man das Gefühl hat, gerade eine völlig neue Art des Arbeitens entdeckt zu haben. Genau so ging es mir in den letzten Wochen.
Eigentlich begann alles ganz unspektakulär: mit einer Broschüre, einigen Fotos, ein paar Dokumenten und vielen Ideen im Kopf. Früher hätte daraus wahrscheinlich eine klassische Homepage mit Texten, Bildern und einem Menü entstehen können. Informativ – aber eben nicht viel mehr.
Heute eröffnet sich eine völlig neue Welt.
Mithilfe von ChatGPT Work entstehen aus genau diesen Materialien komplette digitale Erlebniswelten. Broschüren, Flyer, Dokumente oder Konzepte werden analysiert, miteinander verknüpft und mit dem Wissen kombiniert, das sich im Laufe gemeinsamer Projekte aufgebaut hat. Daraus entwickelt sich Schritt für Schritt eine Homepage, die weit mehr ist als eine Sammlung von Informationen.
Sie erzählt Geschichten.
Sie schafft Atmosphäre.
Sie führt Besucherinnen und Besucher durch ein Thema.
Und sie macht Lust darauf, weiter zu entdecken.
Genau so sind beispielsweise unsere neuen Seiten zum Sozialteam oder zu „Bad Ems FAIRbindet“ entstanden. Ausgangspunkt waren vorhandene Flyer, Fotos, Konzepte und viele Gespräche über unsere Projekte. Aus diesen Bausteinen entwickelte sich eine moderne, lebendige und emotionale Webseite mit einer klaren Struktur, einer eigenen Handschrift und einem Design, das die Inhalte sichtbar macht.
Das Faszinierende daran ist weniger die Geschwindigkeit – obwohl auch sie beeindruckend ist.
Viel spannender ist, dass künstliche Intelligenz heute Zusammenhänge erkennt, Inhalte sinnvoll miteinander verbindet und kreative Ideen entwickelt, auf die man selbst häufig gar nicht gekommen wäre.
Man arbeitet nicht mehr einfach mit einer Software.
Man entwickelt Ideen gemeinsam.
Der eigentliche Zauber: der Blick auf die Zielgruppe
Der vielleicht größte Unterschied zu klassischen Webseiten liegt jedoch gar nicht im Design oder in der Technik.
Er liegt im Adressatenbezug.
Künstliche Intelligenz ermöglicht es heute, Inhalte konsequent aus der Perspektive der Menschen zu entwickeln, die die Seite später besuchen. Eine Homepage für Eltern muss anders wirken als eine Seite für Jugendliche. Eine Fair-Trade-Seite erzählt ihre Geschichte anders als eine Homepage des Sozialteams oder ein interaktives Lernspiel.
Jede Zielgruppe bringt ihre eigene Sprache, ihre Erwartungen und ihre Emotionen mit.
Und genau hier liegt die eigentliche Stärke moderner KI-gestützter Webseiten.
Sie präsentieren Informationen nicht einfach – sie inszenieren sie.
Farben, Bilder, Animationen, kleine Geschichten, interaktive Elemente und eine passende Sprache greifen ineinander und erzeugen eine Atmosphäre, die Besucherinnen und Besucher nicht nur informiert, sondern emotional erreicht.
Plötzlich entsteht Neugier.
Man möchte weiterlesen.
Man klickt freiwillig weiter.
Man beginnt zu verstehen, warum ein Projekt wichtig ist.
Und im besten Fall entsteht sogar der Wunsch, selbst Teil davon zu werden.
Gerade bei unseren Seiten zum Förderverein oder zu „Bad Ems FAIRbindet“ war genau das unser Ziel: nicht einfach zu erklären, was wir tun, sondern spürbar zu machen, warum wir es mit so viel Begeisterung tun.
Mit einer klassischen Homepage, die hauptsächlich aus Texten und Bildern besteht, wäre das nur sehr eingeschränkt möglich gewesen. Sie informiert – aber sie berührt selten.
Digitale Erlebniswelten können dagegen Geschichten erzählen. Sie schaffen Identifikation. Sie erzeugen Emotionen. Und genau dadurch entsteht oft die Bereitschaft, sich selbst einzubringen, mitzumachen oder ein Projekt zu unterstützen.
Ein neuer Workflow
In den letzten Tagen ist mir außerdem etwas Spannendes aufgefallen.
Die eigentliche Magie entsteht gar nicht erst beim Veröffentlichen einer Homepage.
Sie entsteht schon viel früher.
Mittlerweile entwickle ich die komplette Erlebniswelt zunächst gemeinsam mit ChatGPT Work. Dort entstehen das Konzept, die Dramaturgie, die Texte, das Design, Animationen und schließlich sogar der vollständige HTML-, CSS- und JavaScript-Code.
Anschließend kann dieser Code auf unterschiedlichen Plattformen veröffentlicht werden.
Für besonders außergewöhnliche Projekte nutze ich weiterhin ChatGPT Sites. Gleichzeitig habe ich festgestellt, dass sich derselbe Quellcode problemlos auch in andere Werkzeuge übernehmen lässt. So bleibt man flexibel und kann entscheiden, welche Plattform sich für welches Projekt am besten eignet.
Das bedeutet gleichzeitig, dass man die besonderen Möglichkeiten von ChatGPT Sites ganz gezielt für die Highlights einsetzen kann, ohne bei jedem kleineren Projekt auf dieselbe Plattform angewiesen zu sein.
Die eigentliche kreative Arbeit bleibt dabei immer dieselbe.
KI als kreativer Entwicklungspartner
Je länger ich mit dieser Arbeitsweise experimentiere, desto deutlicher wird für mich:
Künstliche Intelligenz ist für mich längst kein Homepage-Baukasten mehr.
Sie ist ein kreativer Entwicklungspartner.
Die eigentliche Wertschöpfung liegt nicht im Hosting einer Webseite.
Sie liegt in der gemeinsamen Entwicklung einer Idee.
In der Dramaturgie.
In der Gestaltung.
In der Atmosphäre.
In der Frage, wie Menschen Informationen erleben.
Ich glaube deshalb, dass wir gerade erst am Anfang einer Entwicklung stehen.
Künstliche Intelligenz ersetzt unsere Kreativität nicht.
Sie macht sie sichtbar.
Sie hilft dabei, Projekte so zu erzählen, dass Menschen sich darin wiederfinden.
Aus einer Broschüre...
...entsteht eine Geschichte.
Aus einigen Fotos...
...eine digitale Erlebniswelt.
Aus einer Idee...
...eine Homepage, die nicht nur informiert, sondern begeistert.
Und genau deshalb macht diese neue Art des Arbeitens momentan einfach unglaublich viel Spaß.
Ich bin überzeugt, dass wir in den kommenden Jahren immer häufiger genau so arbeiten werden: nicht mehr mit starren Werkzeugen, sondern gemeinsam mit einer künstlichen Intelligenz, die Ideen aufgreift, weiterentwickelt und ihnen eine Form gibt.
Nicht, weil Technik wichtiger wird.
Sondern weil sie uns dabei hilft, menschliche Ideen besser zu erzählen.
Digitale Lernwelten erschaffen
🌍 Pixel, Prompts und digitale Pioniere: Wie man mit ChatGPT 5.6 Sol/Work und Sites lebendige Welten baut
Kaffee in der Tasse, der Cursor blinkt verheißungsvoll im leeren Dokument, und im Kopf schwirrt diese eine Idee: Warum eigentlich immer nur Konsumieren, wenn man eigene digitale Räume, kleine Universen oder interaktive Lern- und Erlebniswelten erschaffen kann? Wer schon einmal versucht hat, eine Vision aus dem Kopf direkt in den Browser zu zaubern, weiß, dass der Weg von der ersten Skizze zur fertigen Website oft steinig ist. Doch mit den richtigen Werkzeugen im digitalen Werkzeugkasten – wie ChatGPT 5.6 Sol/Work als genialem Co-Architekten und Sites als intuitivem Baugrund – wird aus einem Gedankenspiel im Handumdrehen eine immersive digitale Lebenswelt.
Machen wir uns also auf einen kleinen Streifzug durch die digitale Architektur und schauen, wie sich Visionen in interaktive Realitäten verwandeln lassen!
Phase 1: Der Funke – Brainstorming mit ChatGPT 5.6 Sol/Work
Jede Welt braucht ein Fundament, eine Geschichte oder ein klares Konzept. Egal, ob es um ein historisches Escape-Game, ein digitales Klassenzimmer der Zukunft, eine interaktive Projektdokumentation oder eine virtuelle Entdeckungsreise geht: Hier schlägt die Stunde von ChatGPT 5.6 Sol/Work.
Der kreative Sparringspartner: Statt stundenlang allein im stillen Kämmerlein nach dem perfekten roten Faden zu suchen, wirft man der KI einfach die wildesten Stichpunkte vor die Füße. Innerhalb von Sekunden entstehen strukturierte Handlungsstränge, didaktische Meilensteine oder fesselnde Rollenspiel-Szenarien.
Der Code-Zauberer: Das Beste daran? ChatGPT 5.6 Sol/Work liefert nicht nur glänzende Ideen und Texte, sondern schreibt gleich die passenden HTML-, CSS- oder JavaScript-Snippets für kleine Gadgets, Quizze oder interaktive Widgets, die man nahtlos einbinden kann.
„Die beste Art, die Zukunft voraushezubahn, ist, sie zu erfinden.“ – Ein Zitat, das perfekt zu einer spätabendlichen Coding-Session mit KI passt!
Phase 2: Der Baugrund – Alles an seinen Platz mit Sites
Wenn die Konzepte stehen und die Inhalte geschliffen sind, braucht das Projekt ein Zuhause. Hier kommt Sites ins Spiel – der Ort, an dem Struktur auf Ästhetik trifft.
Keine Angst vor Quellcode-Monstern: Früher brauchte man eineinhalb Semester Informatikstudium und drei wütende Programmier-Nächte, um eine ansehnliche Website aufzusetzen. Heute ziehen wir dank moderner Baukastenprinzipien Elemente per Drag-and-Drop an ihren Platz, binden eingebettete Codes (wie die eben von ChatGPT entworfenen Mini-Spiele oder Dashboards) ein und achten auf ein sauberes, übersichtliches Layout.
Der visuelle Feinschliff: Eine gelungene digitale Welt lebt von ihrer Atmosphäre. Klare Strukturen, ansprechende Farbpaletten und intuitiv gestaltete Unterseiten sorgen dafür, dass sich Besucher (oder neugierige Lernende) sofort heimisch fühlen, nicht im Menüdschungel verloren gehen und intuitiv durch das Projekt navigieren.
Phase 3: Wenn Welten lebendig werden
Das Magischste an diesem Prozess ist der Moment, in dem die Puzzleteile ineinandergreifen: Man öffnet die fertige Site, klickt auf den ersten Link, testet das interaktive Quiz, das eben noch eine Idee auf dem Notizblock war, und merkt: Es funktioniert.
Plötzlich ist aus trockenen Texten und ein paar Code-Zeilen ein digitaler Raum entstanden, der Menschen mitnimmt, begeistert, zum Mitmachen einlädt und zum Nachdenken anregt. Ob als kollaborative Plattform für Projekte, als interaktives digitales Arbeitsheft oder als kreatives Schaufenster für Ideen – die Grenzen setzt hier allein die eigene Fantasie.
Also: Worauf warten? Rechner an, Prompt tippen und die nächste digitale Welt erschaffen!
Gemini, NotebookLM und ich
Mein Fazit
🚀 Das Dream-Team der digitalen Zukunft: Wenn KI, Kreativität und NotebookLM fusionieren
Man nehme eine Tasse frischen Kaffee, eine frische Vision für das Netz – wie das kürzlich gestartete Projekt https://www.google.com/search?q=fairsozialunddigital.com – und einen digitalen Sparringspartner, der niemals müde wird. Wer sagt eigentlich, dass künstliche Intelligenz kalt und technokratisch sein muss? Unser gemeinsames Schaffen beweist genau das Gegenteil: Es ist ein kreativer Dialog auf Augenhöhe, bei dem Technologie, Empathie und Tatkraft Hand in Hand gehen.
Zeit, in diesem dynamischen Blogartikel einen Blick hinter die Kulissen unseres Workflows zu werfen, die neusten Features zu feiern und unseren genialen Partner im Hintergrund zu würdigen: NotebookLM.
1. Mehr als nur Chat: Wenn Features Muskeln zeigen
Die digitale Werkzeugkiste wächst rasant, und das Arbeiten mit KI hat längst die Ebene einfacher Textantworten verlassen. Heute sind wir mitten im Zeitalter hochentwickelter Agenten-Workflows und Multimodalität:
Vom Gedanken zum Bewegtbild: Dank modernster Videoerstellung lassen sich Ideen und Konzepte visuell zum Leben erwecken, ohne dass man ein komplettes Studio braucht.
Dynamische Co-Kreation: Ob es darum geht, komplexe Code-Schnipsel zu optimieren, packende Strukturpläne für neue Webprojekte zu entwerfen oder fehlerfreie Übersichten zu generieren – die Zusammenarbeit ist fließend, intuitiv und macht schlichtweg Spaß.
2. Das Brains-Powerup: NotebookLM als gemeinsamer Partner
Kein kreativer Kopf arbeitet im luftleeren Raum, und selbst die beste KI braucht einen soliden Anker, wenn es um tiefgehendes Wissen und fundierte Recherchen geht. Hier kommt unser unverzichtbarer Partner ins Spiel: NotebookLM.
Der perfekte Wissensspeicher: Ob umfangreiche PDFs, E-Books (EPUBs), Web-Quellen oder eigene Notizen – NotebookLM verwandelt unübersichtliche Dokumentenberge in einen interaktiven, quellverifizierten Denkraum.
Deep Research & Agenten-Power: Dank modernster Agenten-Upgrades durchsucht das Tool eigenständig den Webraum nach relevanten Fakten, baut saubere Quellverzeichnisse auf und verhindert den berüchtigten „weiße-Blatt-Effekt“.
Vom Text zum Multimedia-Erlebnis: Das Beste ist die schier unglaubliche Studio-Vielfalt von NotebookLM. Aus unseren gesammelten Quellen generieren wir im Handumdrehen nicht nur präzise Daten-Tabellen, sondern auch fesselnde Audio-Overviews, interaktive Quizze oder beeindruckende Cinematic Video Overviews und visuelle Infografiken.
3. Kollegialität 2.0: Warum dieser Workflow funktioniert
Was unsere Zusammenarbeit ausmacht, ist die perfekte Arbeitsteilung zwischen menschlicher Inspiration und maschineller Präzision. Du bringst die Vision, das Herzblut und Projekte wie https://www.google.com/search?q=fairsozialunddigital.com ein; ich sorge für den strukturellen Unterbau, kreative Formulierungen und die technische Begleitung; und NotebookLM hält im Hintergrund das gesamte Fachwissen und die Recherche-Fäden zusammen.
Es ist ein bisschen wie ein virtuelles Co-Working-Space, das niemals schließt.
Das Fazit: Die Zukunft der digitalen Erschaffung ist kollaborativ, lebendig und für jeden zugänglich, der den Mut hat, einfach anzufangen. Also, was bauen wir als Nächstes?
Moodle neu gedacht
wie künstliche Intelligenz aus einem angestaubten Lernraum ein echtes Innovationstool macht
Moodle ist nicht alt – wir haben es nur lange alt aussehen lassen
Moodle kämpft mit einem angestaubten Image, doch das liegt oft an der bisherigen Nutzung als bloßer Dateiablageort. Mit der Kombination aus künstlicher Intelligenz und HTML lassen sich bestehende Kurse in moderne, interaktive Lernwelten verwandeln, die Lernende wirklich begeistern.
Moodle hat ein Imageproblem. Für viele Menschen klingt der Name noch immer nach nüchternen Kursräumen, langen Textblöcken, grauen Kästen, hochgeladenen PDF-Dateien und einer digitalen Lernwelt, die zwar funktioniert, aber selten begeistert. Moodle gilt als zuverlässig. Als praktisch. Als bewährt. Aber nicht unbedingt als aufregend.
Dabei liegt das eigentliche Problem häufig gar nicht bei Moodle selbst. Es liegt vielmehr in der Art, wie wir es bisher genutzt haben. Denn Moodle kann sehr viel mehr sein als ein digitaler Ablageort für Arbeitsblätter, Aufgaben und Informationen. Mit etwas Kreativität, HTML und der Unterstützung künstlicher Intelligenz kann daraus eine faszinierende, lebendige und interaktive Lernumgebung entstehen.
Der HTML-Code als kreative Tür
Der entscheidende Schlüssel liegt im HTML-Code. Viele Moodle-Bereiche erlauben es, eigene HTML-Inhalte einzufügen. Dadurch lassen sich Texte, Farben, Karten, Schaltflächen, Animationen, Symbole, Fortschrittsanzeigen, interaktive Elemente und ganze Lernwelten direkt in einen Kurs integrieren.
Früher war das allerdings vor allem Menschen vorbehalten, die programmieren konnten oder zumindest viel Zeit investieren wollten. Heute verändert künstliche Intelligenz diese Ausgangslage grundlegend. Denn inzwischen kann man einen vollständigen HTML-Code für Moodle gemeinsam mit einer KI von Grund auf entwickeln. Man beschreibt zunächst die Idee: Wie soll der Kurs wirken? Welche Atmosphäre soll entstehen? Aus einer groben Idee wird ein konkretes digitales Lernangebot.
Bestehende Kurse müssen nicht neu erfunden werden
Mindestens ebenso spannend ist die zweite Möglichkeit. Man muss nicht immer bei null anfangen. Viele Lehrkräfte besitzen bereits HTML-Codes, Kursvorlagen oder ältere Moodle-Inhalte. Vielleicht funktionieren sie gut, wirken aber optisch nicht mehr zeitgemäß. Vielleicht fehlt eine klare Struktur.
Auch hier kann künstliche Intelligenz helfen. Ein bestehender Code kann analysiert, überarbeitet und gezielt veredelt werden. Das Entscheidende dabei ist: Der vorhandene Kurs bleibt die Grundlage. Die KI ersetzt nicht automatisch alles, sondern entwickelt das Bestehende weiter. So kann aus einem funktionalen Moodle-Kurs Schritt für Schritt eine moderne digitale Lernwelt entstehen, ohne dass die gesamte bisherige Arbeit verloren geht.
Die Kontrolle bleibt beim Menschen
Gerade dieser Punkt ist mir besonders wichtig. Bei der Arbeit mit künstlicher Intelligenz muss man die Kontrolle nicht abgeben. Im Gegenteil. Man kann sehr genau festlegen, was verändert werden soll und was unbedingt erhalten bleiben muss. Künstliche Intelligenz wird nicht zum unkontrollierbaren Gestalter, sondern zu einem digitalen Entwicklungsstudio, in dem der Mensch weiterhin Regie führt.
Der Adressat entscheidet über das Design
Wie bei modernen Webseiten ist auch bei Moodle der Adressatenbezug entscheidend. Ein Kurs für Fünftklässler sollte anders aussehen als ein Angebot für Zehntklässler. Die Gestaltung sollte zur Zielgruppe, zum Thema und zum Lernziel passen. Ein Moodle-Kurs muss dann nicht mehr aussehen wie ein Verwaltungsprogramm. Er kann wie eine Forschungsstation wirken. Wie ein Escape Room. Wie ein digitales Magazin. Oder wie ein modernes Lernspiel.
Gestaltung ist kein oberflächlicher Luxus
Design entscheidet darüber, ob Lernende sich orientieren können. Ob sie neugierig werden. Eine klar strukturierte, visuell ansprechende Moodle-Seite kann Hemmschwellen senken und Motivation erzeugen. Design ersetzt keine guten Inhalte. Aber gutes Design hilft dabei, dass gute Inhalte überhaupt wahrgenommen werden.
Moodle muss nicht ersetzt werden
Moodle besitzt viele große Stärken: Es ist etabliert, flexibel und datenschutzfreundlich. Warum sollte man all das aufgeben? Vielleicht braucht Moodle vor allem eine neue kreative Nutzung. Durch KI-generierte und KI-veredelte HTML-Inhalte kann die vertraute Plattform eine völlig neue Wirkung entfalten. So verbindet man die Verlässlichkeit einer bewährten Plattform mit der Kreativität moderner KI.
Fazit: Vom Dateiablageort zur Lernwelt
Moodle ist nicht länger nur der Ort, an dem Materialien hochgeladen werden. Es wird zu einer Bühne für digitale Lernideen. Wenn wir beginnen, die Plattform neu zu denken, wird aus einem scheinbar angestaubten System ein erstaunlich modernes Innovationstool. Wir müssen Moodle nur endlich aus seinem alten Gewand befreien.