Designsprache Runde 2 · Phase 5 · Richtung B · Blatt 1 von 2

Landingpage-Scribble „Der Plan“

Dieselben dreizehn Informationsaufgaben in derselben Reihenfolge wie Richtung A, damit im Gremium Gestaltung gegen Gestaltung verglichen wird und nicht zwei verschiedene Inhaltskonzepte. Was sich unterscheidet, ist ausschließlich die Inszenierung: anderes Farbsystem, andere Schriften, anderes Raster, anderes Signaturelement, andere Reihenfolge der Aufmerksamkeit.

Alle inhaltlichen Texte sind Platzhalter. Vor jedem Platzhalter steht in eckigen Klammern, welche Aufgabe der spätere Text erfüllen muss. Echte Angaben sind ausschließlich: der Titel, das Datum, der Ort, die Uhrzeiten, die Platzzahl und die vier Vornamen.

Gestrichelter KastenAnmerkung an das Team. Gehört nicht zur Gestaltung und erscheint später nicht auf der Seite. Bewusst identisch mit Richtung A gesetzt, damit die Anmerkungsebene den Vergleich nicht verfälscht.
FarbeJede der vier Farben steht für genau eine Perspektive und behält diese Bedeutung über die ganze Seite. Wo keine Perspektive gemeint ist, gibt es keine Farbe.
Graue FlächeSelbst gezeichnetes Element, das noch nicht ausgearbeitet ist. Diese Richtung braucht keine Fotografie.
Desktop · durchgängige Seite · 13 Informationsaufgaben · Abschnitt 01 bis 13
ki-echt-jetzt.de
[01 Navigation · Funktion: Orientierung und Zugriff. Drei Sprungziele, ein Handlungsziel. Der Name steht hier als Aussage, nicht als Frage — anders als in Richtung A ist der Titelwechsel nicht die tragende Mechanik dieser Richtung. Die Fragefassung erscheint später genau einmal, in Abschnitt 03.]

14. Oktober 2026 · Haus Matthéy · Aachen

Lorem ipsum dolor sit amet consetetur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

60Plätze
Anmeldung
[Funktion: Die Headline benennt die zentrale Veränderung, erzeugt Relevanz und zeigt innerhalb von drei Sekunden, dass es nicht um neue Tools, sondern um unternehmerische Entscheidungen geht. Maximal 8–12 Wörter. Die Subline erdet sie und muss die Formatdichte unterbringen — ein Vormittag statt zwei Tage, feste Gruppe, Arbeit statt Zuhören. Maximal 20–25 Wörter. Uhrzeit und Datum stehen bewusst nur einmal, in der Zeile darüber; die Ablaufauskunft gehört nach Abschnitt 07.]

Was Du mitnimmst

Petra

Lorem ipsum dolor sit amet elit sed.

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Andera

Ut enim ad minim veniam quis nostrud.

Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

Lena

Duis aute irure dolor reprehenderit.

At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd.

Steffi

Excepteur sint occaecat cupidatat.

Gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet consetetur.

[Funktion: Das tragende Element dieser Richtung. Vier Ergebnisse, gleichzeitig sichtbar, ohne Scrollen — jede Spalte gehört einer Perspektive und behält ihre Farbe über die gesamte Seite. Beantwortet die Frage, die auf der ersten Bildschirmhöhe tatsächlich gestellt wird: Warum sollte ich einen Vormittag hergeben? Nicht: Wann läuft was. Pro Spalte ein Ergebnissatz von 6–10 Wörtern, darunter 15–25 Wörter Erläuterung. Der Ergebnissatz muss so formuliert sein, dass ein Bereichsleiter ihn intern zitieren kann, um seine Teilnahme zu begründen. Keine Prozentzahlen, keine Effizienzversprechen. Die Vornamen stehen hier als Spurköpfe, nicht als Referentenwerbung — sie werden in Abschnitt 08 aufgelöst.]
[Offen und vor der Veröffentlichung zu entscheiden: ob eine der vier Spalten größer gesetzt wird als die anderen drei. Vier gleich große Versprechen können sich gegenseitig schwächen. Sobald die Inhalte stehen, ist wahrscheinlich eine davon die wichtigste — dann sollte die Seite das auch zeigen.]

03 — Warum dieser Tag

Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam

[Funktion: Benennt die Ausgangslage. Die Leserin soll sich in einer Entscheidungssituation wiedererkennen, die sie bisher nicht ausgesprochen hat. Kein Alarmismus, keine Zahlenpanik. 12–18 Wörter.]

KI, echt jetzt?

[Die einzige Stelle der Seite, an der der Titel als Frage erscheint — als Zitat des Zweifels, den dieser Abschnitt aufnimmt. Danach nie wieder. In Richtung A trägt dieser Wechsel die ganze Seite, hier ist er eine Randbemerkung. Das ist eine bewusste Unterscheidung und keine Sparversion.]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

[Funktion: Beschreibt die Lage konkret genug, dass sie nicht auf jede Branche passt, und grenzt vom Tool-Hype ab, ohne über andere Veranstaltungen zu schimpfen. Beantwortet: warum jetzt und warum ein ganzer Vormittag. 60–90 Wörter.]

Stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet consetetur sadipscing.

04 — Für wen dieser Vormittag gedacht ist

Lorem ipsum dolor sit amet consetetur

[Vorgezogen von Position 7, identisch zu Richtung A. Rund 120 Menschen werden persönlich eingeladen, ein erheblicher Teil erreicht die Seite als Weiterleitung ohne Beziehung zum Team. Deren erste Frage ist nicht „was bekomme ich“, sondern „bin ich gemeint“. Diese Reihenfolge ist in beiden Richtungen gleich, damit im Gremium wirklich nur Gestaltung verglichen wird.]
Lorem ipsum dolor

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

[Profil 1: Geschäftsführung und Inhaberschaft. Die Person, die entscheiden muss, ohne beurteilen zu können. 25–35 Wörter.]
Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

[Profil 2: Bereichsverantwortung mit Umsetzungsdruck. Die Person, die liefern muss, ohne allein entscheiden zu dürfen. 25–35 Wörter.]
Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

[Profil 3: Verantwortung für Organisation, Personal oder Digitalisierung. Die Person, die die Folgen sieht, bevor die Entscheidung fällt. 25–35 Wörter.]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

[Funktion: Klare Abgrenzung, für wen der Vormittag nicht gemacht ist. Freundlich im Ton, eindeutig in der Sache. Bei 60 Plätzen ist ein falsch besetzter Stuhl teurer als ein leerer. 25–40 Wörter.]

05 — Was Du mitnimmst · Vertiefung

Lorem ipsum dolor sit amet

[Dieser Abschnitt hat sich mit dem neuen Header verschoben. Das Versprechen steht bereits oben, vier Spalten, farbcodiert. Hier darf es nicht wiederholt werden. Stattdessen wird es eingelöst: Zu jedem der vier Ergebnisse gehört eine konkrete Entscheidung, die nach dem 14. Oktober anders getroffen wird. Die Farbe bleibt dieselbe wie oben — sie verbindet Versprechen und Beleg über die Seite hinweg und ist damit der Beweis, dass das Farbsystem trägt.]
01
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

02
Lorem ipsum dolor

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

03
Lorem ipsum dolor sit amet consetetur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

04
Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

[Funktion: Vier Entscheidungen statt vier Versprechen. Formulierungsprobe: Jeder Eintrag muss den Satz „Am Montag danach entscheidest Du … anders" vollständig machen können. Wenn ein Eintrag nur beschreibt, was gezeigt wird, gehört er nicht hierher. Keine Prozentzahlen, keine Effizienzversprechen. Je 8–14 Wörter Überschrift plus 20–30 Wörter Erläuterung.]

06 — Die vier Perspektiven

Lorem ipsum dolor sit amet consetetur sadipscing

[Funktion: Zeigt, dass vier Beiträge eine gemeinsame Geschichte ergeben und nicht vier lose Programmpunkte sind. Hier entstehen die vier Farben der Seite: ab diesem Abschnitt gehört jede Farbe dauerhaft zu einer Person und einem Themenfeld. Noch keine Vortragstitel — die gibt es nicht.]
Petra
Themenfeld

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

[Funktion: Themenfeld plus eine Leitfrage, die dieser Beitrag beantwortet. Kein Titel, keine Biografie. Petras Thema steht noch nicht fest — dieser Block ist in der Struktur vollständig und im Inhalt unbesetzt. Er ist die erste Stelle der Seite, die echten Text braucht. 20–30 Wörter.]
Andera
Themenfeld

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

Lena
Themenfeld

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam.

Steffi
Themenfeld

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

[Unterschiedliche Blockhöhen sind gewollt. Vier optisch identische Kacheln würden behaupten, die vier Beiträge seien gleich lang und gleich gewichtet. Verbindend ist die Spur, nicht die Kachelgröße. Interaktion: Zeiger oder Antippen einer Spur senkt die anderen drei auf 25 Prozent — 160 ms, sofort reversibel, ohne Bewegung. Ohne diesen Effekt bleibt alles lesbar.]

07 — So funktioniert der Vormittag

Lorem ipsum dolor sit amet consetetur

[Funktion: Der Zeitplan erscheint auf der gesamten Seite genau einmal, und zwar hier. Das ist die Stelle, an der jemand, der bereits interessiert ist, wissen will, worauf er sich einlässt — beantwortet: was passiert mit meiner Zeit, wie viel muss ich selbst beitragen, wann kann ich gehen. Im Header wäre dieselbe Grafik eine Ablaufauskunft auf eine Frage, die noch niemand gestellt hat; hier ist sie eine Zusage. Der Barcamp-Teil muss als wesentlicher Bestandteil erkennbar sein und nicht als Anhängsel nach den Vorträgen. Die Zwischenzeiten sind Rasterpunkte des Schemas und noch keine bestätigte Ablaufplanung — sie müssen vor der Veröffentlichung bestätigt oder entfernt werden. Die vierte Session-Spalte steht ausgegraut, weil zwischen zweimal drei und zweimal vier Sessions noch nicht entschieden ist.]
Petra
Andera
Lena
Steffi
08:30
Ankommen · Lorem ipsum dolor sit amet
09:00
Impuls
15 Minuten
Impuls
15 Minuten
Impuls
15 Minuten
Impuls
15 Minuten
10:15
Diskussion · Pause mit Voting — hier entscheidet der Raum, woran weitergearbeitet wird
11:00
Session · Runde 1
Session · Runde 1
Session · Runde 1
vierter Raum offen
11:45
Session · Runde 2
Session · Runde 2
Session · Runde 2
vierter Raum offen
12:30
Ergebnisse sichern · Essen · Gespräch
13:00
[Funktion: Erklärt das Voting in zwei Sätzen. Wichtigster Satz der Sektion, weil er den Unterschied zwischen Zuhören und Mitarbeiten markiert. 30–45 Wörter.]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

[Funktion: Erklärt, dass die Zahl der parallelen Räume von der Anmeldezahl abhängt und dass niemand vorbereitet sein muss. Nimmt die Sorge, „mitmachen zu müssen“. 30–45 Wörter.]

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed diam voluptua.

08 — Die vier Gastgeberinnen

Lorem ipsum dolor sit amet consetetur sadipscing elitr

[Funktion: Kompetenz, Persönlichkeit und das gemeinsame Motiv zeigen. Für Weiterleitungsempfänger, die niemanden aus dem Team kennen, ist dies die Vertrauensstelle der Seite. Diese Richtung löst sie ohne Fotografie: jede Gastgeberin ist ihre Farbe, und diese Farbe hat der Besucher im Plan und in Abschnitt 06 bereits gelesen. Vier Kurzprofile à 30–45 Wörter, später ergänzbar.]
Kompetenzfeld
Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.
Petra
Kompetenzfeld
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Andera
Kompetenzfeld
Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy eirmod tempor.
Lena
Kompetenzfeld
Lorem ipsum dolor sit amet, consetetur sadipscing.
Steffi

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[Funktion: Das gemeinsame Motiv in zwei bis drei Sätzen — warum diese vier diesen Vormittag machen. Der einzige Absatz der Seite, der persönlich sein darf. 40–60 Wörter.]
[Falls die vier Porträts in Schwarzweiß später doch entstehen, treten sie über den Farbfeldern ein und verdrängen sie nicht: Foto oben, Farbfeld als Sockel darunter. Diese Richtung wird durch Fotos besser, sie braucht sie aber nicht. Richtung A braucht sie.]

09 — Das Haus Matthéy

Lorem ipsum dolor sit amet consetetur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.

[Funktion: Der Ort als Teil des Erlebnisses, nicht als Anfahrtsblock. Beantwortet: wie fühlt sich der Raum an, wie viele Menschen sind da, ist es förmlich oder offen. Diese Richtung beschreibt den Ort mit Worten und einem Punkt im eigenen Zeichensystem, weil sie keine Ortsfotografie einplant. 50–70 Wörter.]

Theaterstraße 67 · 52062 Aachen

Haus Matthéy
Eigene Zeichnung im Farb- und Formsystem der Seite. Kein Kartendienst-Ausschnitt.
[Der Punkt ist derselbe Stationspunkt wie im Plan und in den vier Spuren. Der Ort wird damit Teil desselben Systems statt ein Fremdkörper aus einem Kartendienst. Straßenverlauf und Beschriftung müssen vor der Veröffentlichung an der echten Lage geprüft werden — die Skizze zeigt das Prinzip, nicht die korrekte Geografie.]

10 — Praktische Informationen

Datum
14.10.2026
Zeit
8:30–13:00
Plätze
60
Teilnahmebeitrag
Platzhalter
Ort
Haus Matthéy
Theaterstraße 67, 52062 Aachen
Format
Vier Impulse · Diskussion
Zwei Session-Runden · Come-together
[Der Teilnahmebeitrag bleibt bewusst leer. 150 Euro ist eine Arbeitsannahme, keine Entscheidung. Eine Zahl im Entwurf wird binnen zwei Wochen zur vermeintlich beschlossenen Zahl. Nach dem 29.07. ist das in einer Minute eingesetzt. Alle übrigen Angaben sind bestätigt.]
[Funktion dieses Abschnitts: alle harten Angaben an einer Stelle, kopierbar. Ein Bereichsleiter überträgt diesen Block in eine interne Mail. Deshalb Zahlen groß, tabellarisch und ohne Symbole.]

11 — Anmeldung

Lorem ipsum dolor sit amet consetetur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.

[Funktion: Der klare nächste Schritt. Nennt, was nach dem Klick passiert — Formular, Bestätigung, Rechnung — damit niemand aus Unsicherheit abbricht. Keine künstliche Verknappung, kein Countdown, keine Anzeige verbleibender Plätze. 25–40 Wörter.]
[Ziegel ist gleichzeitig eine der vier Spurfarben und die Farbe des Handlungssystems. Das ist eine bewusste Doppelbelegung und die einzige im ganzen System. Sie ist vertretbar, weil der CTA nie neben einer Spur steht und immer als Fläche mit Text auftritt, nie als 6-px-Balken. Falls sich das in der Umsetzung als verwirrend erweist, wandert das CTA-System auf Tiefkohle — das wäre die einzige Stelle, an der nachjustiert werden müsste.]

12 — Häufige Fragen

[Nur Fragen, keine Antworten. Antworten wären an dieser Stelle erfundene Inhalte — zu Stornierung, Verpflegung, Parkplätzen, Rechnungsstellung, Barrierefreiheit. Die Liste zeigt, was beantwortet werden muss. Die Antworten schreibt jemand, der sie kennt. Steht nach dem CTA, weil eine FAQ davor Zweifel sät, statt sie zu räumen.]
Lorem ipsum dolor sit amet consetetur?+
Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam?+
Lorem ipsum dolor sit?+
Lorem ipsum dolor sit amet consetetur sadipscing elitr sed?+
Lorem ipsum dolor sit amet?+
Lorem ipsum dolor sit amet consetetur sadipscing?+
Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy?+
Lorem ipsum dolor?+
KI. Echt jetzt.

14. Oktober 2026 · 8:30–13:00 Uhr
Haus Matthéy · Theaterstraße 67 · 52062 Aachen

Veranstalterinnen
  • Petra
  • Andera
  • Lena
  • Steffi
Rechtliches
  • Kontakt
  • Datenschutz
  • Impressum
[Funktion: Absender, Kontakt und Rechtstexte vollständig. Bei einer kostenpflichtigen Veranstaltung ist ein vollständiges Impressum mit ladungsfähiger Anschrift ein Vertrauenssignal und keine Formalie. Die Nachnamen und die Rechtsform der Veranstalterinnen fehlen hier bewusst, weil sie nicht bestätigt sind.]
[Das Spurband schließt die Seite mit demselben Element, das sie eröffnet hat. Es ist gleichzeitig das Motiv für Namensschilder, Türbeschilderung und Einladung.]
Mobile Schlüsselansichten · 360 px · Hero, Ablauf, Gastgeberinnen, Anmeldung

Mobil 01 · Hero

14.10.2026 · Haus Matthéy · Aachen

Lorem ipsum dolor sit amet consetetur

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

60 Plätze

Was Du mitnimmst

PetraLorem ipsum dolor sit amet elit.
AnderaUt enim ad minim veniam quis.
LenaDuis aute irure dolor sit amet.
SteffiExcepteur sint occaecat cupidatat.
Desktop und Mobil folgen jetzt derselben Logik: vier Ergebnisse, vier Farben, keine Uhrzeit. Aus vier Spalten werden vier Zeilen — die Ordnung bleibt, nur die Achse kippt. Das ist der Prüfstein dieser Richtung: Was auf dem Telefon zerfallen würde, war nie eine Übersicht. Die Farbe jeder Zeile kehrt in Abschnitt 05, 06 und 08 wieder. Der vollständige Zeitplan folgt auf Mobil 02.

Mobil 02 · Der Vormittag

07 — So funktioniert der Vormittag

Lorem ipsum dolor sit amet

Pet
And
Len
Ste
08:30
Ankommen
09:00
Impuls
15 min
Impuls
15 min
Impuls
15 min
Impuls
15 min
10:15
Diskussion · Pause mit Voting
11:00
Runde 1
Runde 1
Runde 1
offen
11:45
Runde 2
Runde 2
Runde 2
offen
12:30
Ergebnisse · Essen · Gespräch
13:00

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Auf Mobil trägt der Plan zusätzlich die Erläuterung, die auf dem Desktop danebensteht. Kein Aufklappen, kein horizontales Wischen: wer den Ablauf sucht, will ihn ganz sehen und nicht bedienen.

Mobil 03 · Gastgeberinnen

08 — Die vier Gastgeberinnen

Lorem ipsum dolor sit amet consetetur

Kompetenzfeld
Lorem ipsum dolor sit amet consetetur.
Petra
Kompetenzfeld
Lorem ipsum dolor sit amet.
Andera
Kompetenzfeld
Lorem ipsum dolor sit amet consetetur sadipscing.
Lena
Kompetenzfeld
Lorem ipsum dolor sit.
Steffi

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Vier Farbfelder statt vier Porträts. Auf dem Telefon ist das die stärkste Ansicht der ganzen Richtung — vier gleich große Flächen, kein Bildrauschen, sofort erfassbar. Es ist zugleich die Ansicht, an der sich entscheidet, ob Farbe allein Vertrauen tragen kann. Das ist die offene Frage dieser Richtung.

Mobil 04 · Anmeldung

11 — Anmeldung

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Anmeldung
Datum
14.10.2026
Zeit
8:30–13:00
Plätze
60
Beitrag
Platzhalter
Keine feststehende Buchungsleiste am unteren Rand. Sie würde bei 60 Plätzen und einem Halbtag als Druck gelesen. Der CTA erscheint auf Mobil an denselben drei Stellen wie auf dem Desktop: im Hero, nach Abschnitt 05 und in Abschnitt 11.

Prüfhinweis

Kein Abschnitt dieses Entwurfs ist leer oder nur angedeutet. Alle dreizehn Informationsaufgaben sind gestaltet. Was fehlt, fehlt absichtlich und ist an Ort und Stelle begründet: der Teilnahmebeitrag, Petras Themenfeld, die Zahl der parallelen Sessions, die Antworten in der FAQ, die Nachnamen im Impressum. Die Begründungen stehen in Blatt 2.