Start / Über diesen Entwurf
Muster einer HinweisseiteWas zu jedem Entwurf gehört.
Zu jedem Web-Entwurf gehört eine Seite wie diese. Hier steht sie am Beispiel meiner eigenen Website: was gebaut wurde, was es anders macht und was eine Umsetzung bedeuten würde.
Ein Auftritt, hinter dem ich selbst stehe.
Die vorherige Version war korrekt und austauschbar: eine Rollenbeschreibung, wie sie hundert Interim Manager tragen könnten. Diese Seite erzählt stattdessen die eigene Linie, von der KI-Forschung an der RWTH Aachen über zwanzig Jahre Industrie bis zur heutigen Praxis. Gebaut in purem HTML, ohne Baukasten, ohne Abo.
Fertig und funktionsfähig
- Eigenes Design-System aus dem AC-Logo: Navy, Tiefsee, ein einziges Orange
- Mehrseitiger Auftritt: Startseite, Blog, Vorträge, Veröffentlichungen, Rechtliches
- Neun Blogbeiträge mit eigenen Vorschaubildern und Lesezeiten
- Vier interaktive Vortrags-Decks, im Browser blätterbar
- Eigenes Auswertungs-Dashboard für Besuchszahlen, ohne Cookies und Tracker
- Vollständig lesbar für Suchmaschinen und KI-Assistenten
Für den Live-Betrieb offen
- Kontaktformular ergänzen, falls Mail und Telefon nicht genügen
- Weitere Fälle und Referenzen als eigene Tiefenebene
- Englische Fassung für internationale Mandate
Einordnung auf der Ausbau-Skala.
Von der einfachen Ein-Seiten-Lösung bis zur High-End-Plattform. Wo dieser Entwurf liegt, danach richten sich Aufwand und Preis.
- Diese Seite (~8): mehrseitiger Auftritt mit Blog, interaktiven Vortrags-Decks, eigenem Auswertungs-Dashboard und vollständiger KI-Lesbarkeit. Bewusst ohne Online-Buchung und Login.
Farben und Schrift.
Drei Regeln tragen das ganze Farbsystem: Navy ist Fläche, Schieferblau ist Inhalt, Orange ist Handlung. Elf Töne, jeder mit einer festen Aufgabe, alle an einer Stelle definiert. Zwei davon stammen aus dem Logo.
Flächen
Schrift auf hellem Grund
Schrift auf dunklem Grund
Akzent
Für Überschriften. Eine Schrift ohne die kleinen Häkchen an den Buchstabenenden, mit eigenwilligem Charakter statt Standard-Optik. Sie soll auffallen, ohne laut zu sein.
Für den Fließtext. Klar und vertrauenswürdig, auch in kleinen Größen auf dem Handy gut lesbar. Beide Schriften liegen auf dem eigenen Server, es werden keine Daten an Dritte übertragen.
Was der Entwurf anders macht.
Ehrlich gegenübergestellt. Die Zahlen unten wurden an dieser Seite gemessen, Stand 18. Juli 2026.
| Merkmal | Bisherige Seite | Dieser Entwurf |
|---|---|---|
| Wiedererkennbarkeit | Korrekt, aber austauschbar | Eigene Bildsprache, unverwechselbar |
| Blickrichtung der Texte | Beschreibt vor allem das eigene Können | Beginnt beim Problem des Lesers |
| Auffindbar für KI-Suche | Grundlagen vorhanden | Vollständig: llms.txt, strukturierte Daten, statische Inhalte |
| Ladezeit | Solide | Unter einer Sekunde bis zum sichtbaren Inhalt |
| Belege | Ausführlich ausgebreitet | Verdichtet, mit Tiefenebene für Interessierte |
| Eigentum | Eigene Seite, pures HTML | Unverändert: reines HTML, kein Abo |
Was dieser Entwurf beweist. Und was nicht.
Ein Demonstrator ist eine Entscheidungshilfe, kein fertiges Produktionssystem.
Was er beweist
Dass aus einem Gespräch in Stunden ein bewertbarer Zielzustand wird: Struktur, Gestaltung, Inhalte an ihrem Platz. Sie entscheiden am Gegenstand, nicht am Lastenheft.
Was er nicht ist
Kein Produktivbetrieb. Was dafür fehlt, steht offen auf dieser Seite: Formularstrecke, Rechtstexte, Pflegeprozess, Freigaben. Wer den Aufwand kleinredet, verliert beim ersten Angebot die Glaubwürdigkeit.
Was Ihr Team danach kann
Einen Satz sagen, und die Änderung ist da. Kein Ticket, keine Agentur, keine Freigabeschleife. Das ist der Moment, in dem aus einem Werkzeug eine Fähigkeit des Betriebs wird.
Was Ihnen gehört
Der Auftritt, vollständig, ohne Abo und ohne Anbieter, der Sie festhält. Sie können jederzeit wechseln und alles mitnehmen.
Weitere Arbeiten.
Kein Einzelfall: beauftragte Seiten und Entwürfe aus verschiedenen Branchen.
core:form
Pilates-Studio in Essen-Kettwig: mehrseitiger Auftritt mit Kursen, Team und Buchung. Beauftragt und im Betrieb.
Live ansehen
Petra Ladenburger
Traumasensitive Arbeit mit Pferden: ruhiges Design, klare Erzählung, ein Weg zum Kennenlernen.
Live ansehen
CanControls
Computer Vision aus Aachen: anspruchsvolle Technologie verständlich erzählt.
Live ansehen