Making-of
Wie diese Website entstand
Aus dem Ship Log · beim Lesen gezählt
Wie diese
Website entstand.
Nur aus dem Build-Log erzählt. Die Zahlen werden beim Lesen daraus gezählt, und nichts kommt dazu, was das Log nicht sagt.
Vom 20. September 2026 bis 24. September 2026. Beim Laden dieser Seite aus dem Log gezählt.
01 · Zeitleiste
Die Tage,
maßstabsgetreu.
Zieht durch den Build. Der leere Tag bleibt leer; ein Log, das ihn auslässt, wäre die schönere Geschichte und die schlechtere.
- Build 19
- Secure 1
- Comply 3
- Enable 4
Eine Spalte pro Kalendertag, ein Block pro Eintrag. Σ zählt alles bis zu diesem Tag.
Tag 5 von 5
Donnerstag, 24. September 2026
Am Ende dieses Tages: 27 Einträge · 40 Pfade
Der Weg rein: Deutsch, Suche, Onboarding, Tools, ein Assistent, Karriere.
- Build
- BuildDer Weg rein: So fängt es an, Preise, Trust, das Briefing
Sieben Onboarding-Schritte, eine Preisseite, die markiert, was nicht entschieden ist, ein Trust Center mit Status an jeder Antwort und ein Drei-Minuten-Briefing, das übernimmt, was ihr auf der Website gesammelt habt.
- BuildDrei Tools, zwei Branchen, sechs Vorlagen
Ein AI-Act-Klassifizierer, aktualisiert für den Digital Omnibus, ein Void-Finder, ein Produktions-Check. Branchenseiten für Medien und Finanzen mit den Regeln und ihren Quellen. Vorlagen zum Kopieren.
- BuildVoidgap fragen und ein Kundenbereich
Ein Assistent, der nur aus dieser Website antwortet, sich als KI kennzeichnet und seine eigene Eval-Karte veröffentlicht. Dazu ein Beispiel-Kundenbereich: Angebot, Kick-off, Status mit Eval-Gate, Übergabe.
- BuildKarriere: bewerben per Video
Eine Karriereseite, auf der du zwei Minuten aufnimmst oder hochlädst und dein LinkedIn angibst. Kein Anschreiben. Drei Beispielrollen, bis die echten feststehen.
- BuildSuchmaschinen und KI-Crawler
Titel, Beschreibungen, Canonicals, hreflang für Englisch und Deutsch, strukturierte Daten, eine Sitemap, robots.txt, llms.txt und ein Vorschaubild für jede Seite.
- BuildSchneller, lesbar, per Tastatur erreichbar
Oranger Text auf hellen Flächen erreicht jetzt 4,5:1, jede Seite hat einen Sprunglink, der eigene Cursor versteckt den echten nicht mehr, und die Startseite zeigt ihren Inhalt, ohne auf das Intro zu warten.
- BuildGap Meter und Agent View
Die Website misst, wie viel von eurer Lücke ihr beim Lesen geschlossen habt, und ein Schalter zeigt jede Seite so, wie ein KI-Agent sie liest: als schlichtes Markdown.
- Build
- SecureShip happens, offene Evals, ein Countdown
Eine Sammlung öffentlicher KI-Pannen mit Ursache, Fix und dem Gate, das sie abgefangen hätte. Ein Beispiel-Eval-Board. Ein Countdown-Widget für andere Websites.
- ComplyDrei Leitfäden und fünf Vergleiche
Leitfäden zum EU AI Act nach dem Omnibus, zu KI-Kompetenz nach Art. 4 und zu KI-Agenten, jeweils datiert und belegt. Dazu RAG oder Fine-Tuning, Enterprise-Assistent oder eigener, ISO 42001 oder 27001, AI Act und DSGVO.
- Enable
02 · Zahlen
Gezählt,
nicht behauptet.
Jede Zahl kommt mit ihrer Zählweise. Keine Stunden, keine Codezeilen, kein Kaffee: Das Log hält sie nicht fest, also wir auch nicht.
- 27Einträge im Log
SHIP.length - 5Tage vom ersten bis zum letzten Eintrag
last − first + 1 - 4Tage mit mindestens einem Eintrag
leer: 21. Sep - 13Einträge am vollsten Tag, 23. September 2026
48 % von allen - 40verschiedene Pfade, auf die das Log verlinkt
new Set(links).size - —Seiten: nur im kombinierten Prototyp gezählt
Object.keys(pages) - 0offene Werte auf dieser Seite markiert
querySelectorAll('.ph') - Einträge nach Move
- Build 19
- Secure 1
- Comply 3
- Enable 4
count(e[6])
03 · Prinzipien
Was ihr selbst
prüfen könnt.
Sechs Prinzipien, denen der Build gefolgt ist, jedes mit einem lebenden Beispiel und einer Seite, auf der ihr es seht.
- 01Jeder offene Wert ist markiert
Preise, Fristen, Namen: Was nicht entschieden ist, steht als gestrichelter Kasten da, nicht als Schätzung.
… · offenAnsehen: Preise - 02Beispieldaten sind markiert
Cases, Rollen und der Kundenbereich laufen mit Beispielen, bis echte freigegeben sind. Jedes sagt das.
Beispiel fiktiv EntwurfAnsehen: Case Studies - 03KI ist gekennzeichnet
Der eine Assistent auf der Website sagt, dass er eine KI ist, antwortet nur aus diesen Seiten und veröffentlicht seine Eval-Karte.
Ihr sprecht mit einer KI.Ansehen: Voidgap fragen - 04Englisch und Deutsch aus einer Quelle
Jede neue Seite ist eine Datei, jeder Satz steht zweimal nebeneinander. Eine Änderung in einer Sprache übersieht man in der anderen kaum.
Ansehen: Ship Logt('Small team.','Kleines Team.')
→ Kleines Team. - 05Ruhige Bewegung
Bewegung erklärt, sie schmückt nicht. Wenn euer Gerät weniger Bewegung verlangt, hört die Website auf, sich zu bewegen.
Weniger Bewegung hier: anAnsehen: Brand Guide - 06Typografie zuerst
Eine Schrift für Menschen, eine für Maschinen. Keine Stockfotos, stattdessen typografische Cover.
AaAnsehen: Magazin24. Sep 2026
04 · Mit KI gebaut
Mit KI gebaut.
Gekennzeichnet.
Eine KI-Beratung, die ihre eigene KI versteckt, wäre ein schlechter Anfang. So ist der Prototyp entstanden.
- Werkzeug
- Claude von Anthropic, in Cowork
- Was es gemacht hat
- Hat die Seiten dieses Prototyps nach schriftlichen Briefings geschrieben: Code, Layout und die englischen und deutschen Texte.
- Die Regeln
- Nichts erfunden: keine Kunden, Zahlen, Zitate oder Personen. Alles Unentschiedene wird ein markierter Platzhalter.
- Die Prüfung
- Screenshots jeder neuen Seite auf Desktop und Mobil, in beiden Sprachen, dazu ein Test auf Skriptfehler und seitliches Scrollen.
- Wer entscheidet
- wer was vor dem Launch prüft · offen
Die Rohfassung
Lest das
Log.
Jeder Eintrag, neuester zuerst, mit einem Link auf das, was geliefert wurde.