Designsprache Runde 2 · Phase 5 · Blatt 1 von 2 · Landingpage-Scribble

Ein Raster, das genau einmal kippt — als Seite

Dies ist der Scribble, nicht die Website. Er zeigt Aufbau, Hierarchie, Typografie, Farbe und Rhythmus in echter Größe. Er zeigt keine fertigen Texte: Jeder inhaltliche Abschnitt besteht aus einer Funktionsbeschreibung in eckigen Klammern und einem Platzhalter in Lorem ipsum. Die Platzhalter haben unterschiedliche Längen, damit Du das Layout realistisch beurteilen kannst.

Echte Angaben erscheinen nur dort, wo sie bestätigt sind: Titel, Datum, Ort, Adresse, Uhrzeit, Teilnehmerzahl und die vier Vornamen. Der Preis steht bewusst als Platzhalter, weil er bis zum 29.07. eine Arbeitsannahme bleibt.

Gestrichelter KastenFunktionsbeschreibung. Anmerkung an uns, kein Bestandteil der Gestaltung. Erscheint auf der echten Seite nicht.
Graue FlächeBild, das noch nicht existiert. Format und Position sind festgelegt, das Motiv ist im Briefing Sheet beschrieben.
Grüne LinieAb hier ist der Kipppunkt überschritten. Vorher ist die Seite unbunt, nachher führt Entscheidungsgrün.
Desktop · durchgängige Seite · 13 Informationsaufgaben · Abschnitt 01 bis 13
 Arbeitsstand · Adresse noch offen
KI. Echt jetzt.
  • Der Tag
  • Ablauf
  • Für wen
  • Gastgeberinnen
  • Ort
  • Praktisches
Anmeldung
[01 · Navigation] Funktion: Name, sechs Sprungziele, Anmeldung. Beantwortet die Frage „Wo bin ich und wie komme ich schnell zum Wesentlichen?“. Die Sprungziele sind Substantive, keine Werbebegriffe. Der Anmeldeknopf ist im oberen Bereich bewusst nur umrandet und nicht grün — Grün erscheint erst nach dem Kipppunkt. Länge je Punkt: ein bis zwei Wörter.
14. Oktober 2026 · Haus Matthéy, Aachen
[02 · Hero · Headline] Funktion: benennt die zentrale Veränderung, erzeugt Relevanz und zeigt in drei Sekunden, dass es um unternehmerische Entscheidungen geht und nicht um Werkzeuge. Beantwortet: „Worum geht es hier und betrifft mich das?“ Wirkung: entschieden, nicht belehrend. Länge: 8 bis 12 Wörter, zwei Zeilen, beide Zeilen über die Breitenachse auf gleiche Länge gebracht.

Lorem ipsum dolor sit
amet consetetur?

[02 · Hero · Zustandswechsel] Der Titel steht im Fragezustand. Beim Klick auf den Titel wechselt er in 240 ms in den Aussagezustand, das Fragezeichen wird zum Punkt in Entscheidungsgrün. Der Wechsel geschieht nur durch Handlung, nie automatisch, nie beim Scrollen. Dies ist das einzige bewegte Markenelement der Seite.
[02 · Hero · Einordnungssatz] Funktion: ordnet in einem Satz ein, für wen der Tag gedacht ist und was er nicht ist. Beantwortet die wichtigste Frage einer weitergeleiteten Person: „Bin ich gemeint?“ Länge: ein Satz, maximal 25 Wörter. Wirkung: klar abgrenzend, ohne jemanden abzuwerten.

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

Anmeldung   60 Plätze · 8:30 bis 13:00 Uhr
Datum
14. Oktober 2026
Zeit
8:30 bis 13:00 Uhr
Ort
Haus Matthéy
Theaterstraße 67, Aachen
Plätze
60
[02 · Hero · Faktenzeile] Vier bestätigte Angaben als Gestaltungselemente erster Ordnung, nicht als Fußnote. Die Zahl 60 erscheint einmalig beim ersten Sichtbarwerden in 160 ms, ohne Hochzählen. Diese Zeile ist der Teil der Seite, der bei Weiterleitung ohne jeden Kontext funktionieren muss.
03 — Warum dieser Tag
[03 · Abschnittsüberschrift] Funktion: benennt die Ausgangslage, in der sich die Zielgruppe befindet — entscheiden müssen, ohne beurteilen zu können. Beantwortet: „Warum sollte ich einen Vormittag investieren?“ Länge: 5 bis 9 Wörter.

Lorem ipsum dolor sit amet consetetur

[03 · Fließtext] Funktion: beschreibt die Entscheidungssituation, ohne Angst zu erzeugen, und grenzt sich vom Werkzeug-Wettlauf ab. Vermittelt: Der Tag liefert Orientierung, keine Werkzeugliste. Wirkung: ernst, nicht schwer. Länge: zwei kurze Absätze, zusammen 90 bis 130 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. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.

04 — Für wen dieser Vormittag gedacht ist
[04 · Position im Ablauf — Abweichung vom Briefing] Im Briefing steht dieser Abschnitt an siebter Stelle. Ich habe ihn nach vorn gezogen. Grund: 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“. Wer diese Frage spät beantwortet, verliert genau die Leute, die man gewinnen will.
Gemeint
[04 · Primär] Funktion: benennt die drei Verantwortungsprofile aus der Zielgruppenarbeit in Alltagssprache, nicht in Marketingsprache. Je Profil ein Halbsatz zur Rolle und ein Halbsatz zur typischen Lage. Länge: je 12 bis 18 Wörter.
Lorem ipsum dolor sit amet

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

Dolor sit amet consetetur

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

Sadipscing elitr sed diam

Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Nicht gemeint
[04 · Abgrenzung] Funktion: schließt aktiv aus, für wen der Tag nicht gedacht ist. Wirkung: klar, nicht abwertend. Diese Ehrlichkeit ist das stärkste Qualitätssignal der ganzen Seite und schützt gleichzeitig die Gruppe im Raum. Länge: ein bis zwei Sätze.

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

05 — Was Du mitnimmst
[05 · Abschnitt] Funktion: benennt drei bis vier konkrete Ergebnisdimensionen. Beantwortet: „Was kann ich am Montag danach anders machen?“ Wichtig: keine überzogenen Versprechen, keine Zahlen, keine Erfolgsgarantien. Jede Zeile beschreibt ein Ergebnis, keine Aktivität. Länge je Zeile: Überschrift 3 bis 6 Wörter, Erläuterung 15 bis 25 Wörter.
01
Lorem ipsum dolor

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

02
Sit amet consetetur sadipscing

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

03
Elitr sed diam

Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua nostrud.

04
Nonumy eirmod tempor invidunt

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie.

06 — Vier Perspektiven auf denselben Vormittag
[06 · Abschnitt] Funktion: macht sichtbar, dass die vier Impulse eine gemeinsame Geschichte erzählen und nicht vier Einzelvorträge sind. Beantwortet: „Hängt das zusammen oder ist das ein Programmheft?“ Es gibt hier bewusst noch keine Vortragstitel. Statt Titeln steht je Perspektive das Themenfeld als Substantiv und eine Frage, die dieser Teil beantwortet. Länge je Feld: Themenfeld 1 bis 3 Wörter, Frage 8 bis 14 Wörter.
01
Lorem ipsum

Consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt?

02
Dolor sit

At vero eos et accusam et justo duo dolores et ea rebum stet?

03
Amet consetetur

Clita kasd gubergren no sea takimata sanctus est lorem ipsum?

04
Sadipscing elitr

Duis autem vel eum iriure dolor in hendrerit vulputate velit?

[06 · Verbindender Satz] Funktion: ein einziger Satz unter den vier Feldern, der die gemeinsame These des Tages benennt. Dies ist die inhaltlich schwierigste Zeile der ganzen Seite und sollte zuletzt geschrieben werden. Länge: maximal 20 Wörter.

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

Kipppunkt · ab hier führt Entscheidungsgrün · vorher kam die Farbe auf der Seite nicht vor
07 — So funktioniert der Vormittag
[07 · Abschnitt · inhaltliche Begründung des Kipppunkts] Funktion: zeigt den Ablauf als Zeitschiene. Beantwortet: „Sitze ich nur da oder passiert etwas mit mir?“ Hier kippt die Seite, weil hier der Tag kippt: Bis zur Pause bestimmt das Programm, danach bestimmt der Raum. Die Zeiten sind bestätigt, die Inhaltsbezeichnungen sind Platzhalter. Die Zahl der Barcamp-Räume steht noch nicht fest und wird deshalb als Spanne beschrieben, nicht als Zahl behauptet.
8:30
Lorem ipsum dolor

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Impulse
Vier kurze Beiträge, je 15 Minuten

At vero eos et accusam et justo duo dolores et ea rebum, stet clita kasd gubergren no sea.

Diskussion
Lorem ipsum dolor sit amet

Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Pause
Pause mit Voting
[07 · Der eigentliche Kipppunkt] Funktion: erklärt, dass die Teilnehmenden in der Pause bestimmen, worüber danach gearbeitet wird. Dies ist die Stelle, an der die Gestaltung ihre Farbe bekommt — und der Grund, warum die Richtung so heißt, wie sie heißt. Wenn dieser Programmpunkt entfällt, verliert die Gestaltung ihre Begründung. Länge: 20 bis 35 Wörter.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Sessions
Zwei parallele Runden

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

Abschluss
Ergebnissicherung und Come-together

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

13:00
Ende

Consetetur sadipscing elitr sed diam nonumy.

08 — Die vier Gastgeberinnen
[08 · Abschnitt] Funktion: zeigt Kompetenz, Persönlichkeit und das gemeinsame Motiv. Beantwortet: „Wer steht dahinter und warum ausgerechnet die?“ Vier gleich große Felder, gleiche Bildgröße, gleiche Textlänge, keine Bühnenhierarchie und nicht das Wort Speaker. Platz für spätere Kurzprofile ist vorgesehen: Ein Klick auf ein Feld öffnet ein längeres Profil auf derselben Seite. Länge je Kurztext jetzt: 20 bis 30 Wörter.
Porträt 4:5
Schwarzweiß
noch nicht produziert
Petra
Lorem · Ipsum · Dolor

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

Porträt 4:5
Schwarzweiß
noch nicht produziert
Andera
Sit · Amet · Consetetur

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

Porträt 4:5
Schwarzweiß
noch nicht produziert
Lena
Sadipscing · Elitr · Diam

Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat sed.

Porträt 4:5
Schwarzweiß
noch nicht produziert
Steffi
Nonumy · Eirmod · Tempor

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie.

[08 · Gemeinsames Motiv] Funktion: ein Satz darunter, warum diese vier den Tag machen. Ohne diesen Satz sind es vier Profile, mit ihm ist es ein Team. Länge: maximal 25 Wörter.

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

09 — Haus Matthéy
[09 · Abschnitt] Funktion: macht den Ort zum Teil des Erlebnisses und beantwortet gleichzeitig die praktische Frage „Wie komme ich rein und wo muss ich hin?“ In dieser Richtung wird das typografisch gelöst, nicht fotografisch: eine Ankunftsfolge in der Zeilenlogik der Seite. Das ist der nützlichste Abschnitt für Menschen, die zum ersten Mal kommen, und er kostet keine Bildproduktion. Länge je Schritt: 8 bis 16 Wörter.

Theaterstraße 67, Aachen

Ankunft

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

Eingang

Nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.

Saal

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

Anreise

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

Saal, leer, frontal · Schwarzweiß · noch nicht produziert
Eingang mit Hausnummer · noch nicht produziert
[09 · Bilder] Zwei Aufnahmen, mehr nicht. Beide funktional: Wiedererkennung und Raumgefühl. Sie brauchen keine Reportagefotografie und keinen Produktionstag — Stativ, Tageslicht, frontal. Solange sie fehlen, steht der Abschnitt allein über die Ankunftsfolge und funktioniert trotzdem.
10 — Praktische Informationen
Datum
14. Oktober 2026
Zeit
8:30 bis 13:00 Uhr
Ort
Haus Matthéy
Theaterstraße 67, Aachen
Format
Impulse, Diskussion,
Barcamp, Come-together
Plätze
60
Teilnahmebeitrag
Platzhalter
[10 · Abschnitt] Der einzige Ort auf der Seite mit Papierton als Fläche. Funktion: alle harten Angaben an einer Stelle, kopierbar, weiterleitbar, druckbar. Der Teilnahmebeitrag bleibt Platzhalter, bis er entschieden ist — 150 Euro zzgl. USt ist bis zum 29.07. eine Arbeitsannahme und darf nicht als Angabe erscheinen. Die Platzzahl 60 ist bestätigt und steht deshalb da. Verpflegung, Parken und Barrierefreiheit gehören hier ergänzt, sobald bestätigt.
11 — Anmeldung
[11 · Abschnitt] Funktion: ein klarer nächster Schritt, keine künstliche Verknappung. Beantwortet: „Was passiert, wenn ich jetzt klicke?“ Der Text nennt in drei Zeilen, was danach geschieht: Bestätigung, Rechnung, Terminhinweis. Keine Countdown-Uhr, keine Restplatzanzeige in Rot, kein „nur noch wenige Plätze“. Die Zahl 60 steht bereits im Hero und genügt vollständig. Länge: Überschrift 4 bis 8 Wörter, Text 30 bis 50 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 at vero eos.

Anmeldung
[11 · CTA-System] Auf der ganzen Seite gibt es genau zwei Erscheinungsformen: umrandet vor dem Kipppunkt, grün gefüllt danach. Beide tragen dasselbe Wort. Keine dritte Variante, keine zehn CTA-Texte. Fehlermeldungen im Formular in #B3251C, sonst kommt Rot nirgends vor.
12 — Häufige Fragen
[12 · Abschnitt] Funktion: räumt die Einwände aus, die einer Anmeldung im Weg stehen. Hier stehen bewusst nur die Fragen als Platzhalter, keine Antworten — Antworten wären erfundene Inhalte. Die Fragen selbst ergeben sich aus der Zielgruppenarbeit: Vorwissen, Verbindlichkeit, Vertretung, Aufzeichnung, Rechnung, Anfahrt. Sechs bis acht Einträge, aufklappbar, alle geschlossen beim Laden.
01
Lorem ipsum dolor sit amet consetetur?
02
Sadipscing elitr sed diam nonumy eirmod?
03
Tempor invidunt ut labore et dolore magna?
04
Aliquyam erat sed diam voluptua at vero?
05
Accusam et justo duo dolores et ea rebum?
06
Stet clita kasd gubergren no sea takimata?
KI. Echt jetzt.

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

Veranstalterinnen

Petra

Andera

Lena

Steffi

Kontakt

Lorem ipsum

Dolor sit amet

Rechtliches

Impressum

Datenschutz

Teilnahmebedingungen

[13 · Footer] Funktion: Veranstalterinnen, Kontakt, Impressum, Datenschutz. Die einzige durchgehend schwarze Fläche der Seite. Sie schließt die Seite ab, statt sie ausfransen zu lassen. Kein zweiter Anmeldeknopf im Footer, kein Newsletter-Kasten mit eigener Farbe, keine Logoleiste.
Mobile Schlüsselansichten · 360 px · Hero, Ablauf, Gastgeberinnen, Anmeldung
01 · Hero
KI. Echt jetzt.Menü

14. Oktober 2026 · Aachen

Lorem ipsum dolor sit amet consetetur?

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

Datum14.10.2026
Zeit8:30–13:00
OrtHaus Matthéy
Plätze60
Anmeldung
Regel mobil: Die Headline bricht auf drei Zeilen, die Faktenzeile wird zur Liste. Der Titelwechsel bleibt erhalten, ausgelöst per Tap. Der Knopf ist vor dem Kipppunkt umrandet, nicht grün.
02 · Ablauf

07 — Der Vormittag

Lorem ipsum dolor sit

8:30
Lorem ipsum dolor
Impulse
Vier Beiträge, je 15 Minuten
Disk.
Consetetur sadipscing
Pause
Pause mit Voting
Sess.
Zwei parallele Runden
Abschl.
Ergebnisse und Come-together
13:00
Ende
Regel mobil: Die Zeitspalte schrumpft auf 44 px und bleibt linksbündig. Sie wird nicht über den Text gelegt und nicht weggelassen — sie ist das Signaturelement.
03 · Gastgeberinnen

08 — Vier Gastgeberinnen

Petra

Lorem ipsum dolor sit amet consetetur.

Andera

Sadipscing elitr sed diam nonumy eirmod.

Lena

Tempor invidunt ut labore et dolore magna.

Steffi

At vero eos et accusam justo duo dolores.

Regel mobil: Zwei mal zwei statt vier nebeneinander. Gleiche Bildgröße, gleiche Textlänge, keine Reihenfolge, die nach Rangfolge aussieht. Kein Karussell.
04 · Anmeldung

11 — Anmeldung

Lorem ipsum dolor sit amet

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Termin14.10.2026
BeitragPlatzhalter
Plätze60
Anmeldung
Regel mobil: Der grüne Knopf erscheint erst hier, nicht als mitlaufende Leiste am unteren Rand. Eine dauerhaft eingeblendete Buchungsleiste wäre die einzige Stelle, an der diese Seite nach Verkauf aussähe.

Hinweis zum Umfang

Alle dreizehn Informationsaufgaben aus dem Briefing sind vollständig gestaltet. Es gibt in diesem Entwurf keine angedeutete und keine leere Sektion. Was fehlt, fehlt bewusst und ist an Ort und Stelle als Platzhalter gekennzeichnet: die Texte, der Teilnahmebeitrag, die vier Porträts und zwei Aufnahmen des Hauses.

Zweck, Position in der Customer Journey, priorisierter ICP, Gestaltungsmittel und gewünschte Interaktion je Abschnitt stehen auf Blatt 2, zusammen mit dem Designsystem in Anwendung, der Qualitätsprüfung und der Selbstkritik.