David Kruizenga
Alle Use-Cases

Diese Website

Live

Ich wollte so schnell und effektiv wie möglich einen belastbaren Nachweis meiner KI-Management-Fähigkeiten aufbauen. Als Planungsziel habe ich mir drei Tage gesetzt.

So bin ich vorgegangen

Fünf Phasen. Idee, Konzept und Entscheidungen kommen von mir. Claude setzt um, ich briefe, prüfe und entscheide.

  1. Planen

    Ichlege Ziel, Zielgruppe und Struktur fest: eine Startseite und drei Unterseiten.

    Claudeschlägt dazu Seitenstruktur und Prioritäten vor.

  2. Inhalte

    Ichliefere die Use-Cases und entscheide, was gezeigt wird und was nicht.

    Claudestrukturiert und kürzt die Texte.

  3. Gestalten

    Ichgebe vier Inspirationen vor.

    Claudeentwirft daraus Layouts, zuletzt vier Homepage-Richtungen.

    Ichentscheide mich für Layout, Farben und Verhalten und passe es an.

  4. Umsetzen und Prüfen

    Ichbeurteile das Ergebnis, auch den Code, und korrigiere gezielt.

    Claudeschreibt den Code und testet auf Handy und Desktop.

  5. Veröffentlichen

    Ichwähle Hoster und Domain, liefere meine Angaben und gebe frei.

    Claudebereitet die Dateien sowie Impressum und Datenschutz vor.

Worauf ich achte und wie ich entscheide

Claude liefert viel Input, ich entscheide. Das sind meine Grundsätze und die Entscheidungen, die diese Seite geprägt haben.

  • Datenschutz

    Keine Cookies und kein Tracking. Die Schriften kommen von der Seite selbst. Eine Verbindung zu YouTube entsteht nur, wenn du auf der Projektseite ein Video startest.

  • Barrierefreiheit

    Kontraste sind geprüft. Wer weniger Bewegung eingestellt hat, sieht alle Texte ohne Animation.

  • Ehrlichkeit

    Keine erfundenen Zahlen. Was ich nicht gemessen habe, steht auch so da.

  • Code beurteilen können

    Meine HTML- und CSS-Kenntnisse helfen mir, Code richtig zu beurteilen und gezielt zu korrigieren.

  • Ruhig statt bunt

    Claude schlug ein buntes Layout aus farbigen Flächen vor. Ich habe es verworfen und aus vier Richtungen Bento gewählt: dunkle Kacheln auf Schwarz mit nur einem Orange. Die Seite war zu bunt und durcheinander.

  • Weich statt hart

    Erst gab es eine Tippanimation, dann eine Kugel aus sichtbaren Punkten. Ich habe mich für einen Neon-Orb entschieden, eine weich leuchtende Linie, die sich im Rhythmus von 8 bis 12 Sekunden langsam verformt. Punkte und harte Kanten wirkten unruhig.

  • Klare Navigation

    Statt eines Aufklappmenüs mit Trennlinien habe ich ein Vollbild-Overlay ohne Trennlinien gewählt. Es wirkt klarer und ruhiger.

  • Kurz und erfassbar

    Claude schlug ausführliche Beschreibungen der Use-Cases vor. Ich habe auf das Wesentliche gekürzt, damit sich die Seite schnell erfassen lässt.

  • Zeigen, was wirklich passiert

    Statt Textbausteinen und neu geschriebenem Einstieg zeige ich den echten Ablauf: Ich habe ihn konzipiert, Claude liefert Entwürfe, ich überarbeite jeden. Nichts soll nach Schema F wirken.

  • Hosting in Deutschland

    Claude hat fünf Hoster und kostenlose Dienste wie GitHub Pages verglichen. Ich habe Strato mit eigener .de-Domain gewählt, einen deutschen Anbieter mit Servern in Deutschland.

Das Ergebnis

Du liest es gerade: eine mobile Website ohne Tracking, mit einer Startseite und drei Use-Cases.

  • Allein: mehrere Wochen
  • Mit Claude: Planungsziel drei Tage

Nach meiner Einschätzung hätte ich allein für dieselbe Qualität mehrere Wochen gebraucht. Mit Claude ging es deutlich schneller, weil ich briefen, prüfen und entscheiden konnte, statt jede Zeile selbst zu bauen. Das ist meine Einschätzung, keine Messung.