ErstaufbauHostingSchulung Claude CodeWebsite-AuditDesignsystemAnalyse-Board
Sebastian Schüler
Sebastian Schüler wollte seine Website selbst weiterentwickeln, ohne bei SEO, GEO und Gestaltung Qualität zu verlieren. Heute arbeitet er mit Claude Code nach einem festen Regelwerk und ich prüfe jede Ausbaustufe.
- Branche
- Business- und Commercial-Fotografie
- Ort
- Frankfurt am Main
- Zeitraum
- Seit Ende 2024
- Website
- sebastianschueler.com
Selbst weiterentwickeln mit Claude Code, geprüft gegen ein festes Regelwerk
Was gefragt war
Sebastian Schüler ist Business-Fotograf im Premium-Segment und fotografiert in Frankfurt für Konzerne, Vorstände und den Mittelstand. Seine Website habe ich aufgebaut und betreue das Hosting.
Neue Seiten, Texte und Bilder wollte er künftig selbst umsetzen, schnell und ohne für jede Änderung eine Agentur zu beauftragen. Dabei sollte nichts von dem verloren gehen, was die Website bei Google und in KI-Suchen trägt.
Die Ziele
- Die Website selbstständig mit Claude Code weiterentwickeln
- Feste Regeln für SEO, GEO und Gestaltung, an die sich jede Änderung hält
- Einheitliche Schriftgrößen, Abstände und Breiten auf allen Seiten
- Eine Kontrolle jeder Ausbaustufe von außen
- Zahlen, die zeigen, was wirkt
Was ich gemacht habe
Erstaufbau und Hosting
Aufbau der WordPress-Website, Betreuung des Hostings, Bildauslieferung in voller Qualität, Search Console und Vorgaben für Sicherheitsheader und Härtung.
Schulung Claude Code
Acht Termine, fünf vor Ort und drei online, zur Arbeit mit Claude Code, Skills, Konnektoren und Plugins. Einen Teil der Skills haben wir gemeinsam entwickelt, dazu kommen frei verfügbare.
Website-Audit
Ein Regelwerk für Sebastians Claude-Projekt zu Aufbau, Texten, SEO, Plugins und Weiterleitungen, in drei getrennten Prüfungen auf Fakten, Fachlichkeit und Sprache kontrolliert.
Designsystem
Spacing- und Typo-Audit mit einer Schriftskala aus zehn Rollen, zwölf Abstandsstufen, festen Breiten für Container und Textspalte und drei Umbruchpunkten.
Analyse-Board
Ein Board mit Besuchern, Suche, Anfragen, Bewertungen, KI-Sichtbarkeit und Verhalten auf der Seite.
Leitfaden
Eine Anleitung für Sebastians Claude-Projekt, mit der Claude das Board liest und daraus Aufgaben ableitet.
Kontrolle
Ich prüfe jede Ausbaustufe gegen das Regelwerk und gebe meine Anmerkungen direkt an Sebastian.
Was dieses Projekt ausmacht Sebastian Schüler im Detail
Projektregeln Sebastian SchülerAuszug
Regel 1
Kein Vibe-Coding
Claude Code arbeitet nach festen Regeln aus dem Website-Audit. Ich prüfe jede Ausbaustufe, bevor sie bleibt.
Regel 2
Fotos in voller Qualität
Als Business-Fotograf zeigt Sebastian seine Arbeit ohne Abstriche. Die Website liefert jedes Bild in voller Qualität aus.
Steckbrief Sebastian SchülerAuszug
- 8 Schulungstermine
- Fünf vor Ort, drei onlineSebastian arbeitet heute selbst mit Claude Code. Einen Teil der Skills haben wir gemeinsam entwickelt, dazu kommen frei verfügbare Skills, Konnektoren und Plugins.
- Zeitraum
- Seit Ende 2024
- Ort
- Frankfurt am Main
- Branche
- Business- und Commercial-Fotografie
Die Hierarchie stimmt wieder
Auf dem Handy war die Überschrift kaum größer als der Kicker darüber. Nach dem Regelwerk führt sie wieder klar durch jeden Abschnitt.
Vom Einzelwert zum System
Statt 57 Abstandswerten und 43 Schriftgrößen legt das Regelwerk zwölf Abstandsstufen und zehn Schriftrollen fest, an die sich jede neue Seite hält.
Selbst umsetzen, gemeinsam prüfen
Sebastian setzt um, das Regelwerk gibt den Rahmen vor, ich kontrolliere und das Analyse-Board zeigt, was wirkt.
Wie es lief
Erstaufbau
Ich habe die Website aufgebaut und betreue seitdem das Hosting.
Schulung
In acht Terminen hat Sebastian gelernt, mit Claude Code, Skills, Konnektoren und Plugins selbst an seiner Website zu arbeiten.
Website-Audit
Ein Audit zu Aufbau, SEO, Plugins und Weiterleitungen wurde zum Regelwerk für sein Claude-Projekt.
Designsystem
Das Spacing- und Typo-Audit legte feste Schriftgrößen, Abstände und Breiten für jede neue Seite fest.
Analyse-Board und Kontrolle
Mit dem Analyse-Board und meiner Prüfung jeder Ausbaustufe sieht Sebastian, was wirkt.
Das Projekt in Bildern
Was jetzt steht
- Website unter sebastianschueler.com, die Sebastian selbst mit Claude Code weiterentwickelt
- Website-Audit und Designsystem als feste Regeln in seinem Claude-Projekt
- Eine Schriftskala, zwölf Abstandsstufen und drei Umbruchpunkte für alle Seiten
- Neue Seiten wie Onlinebuchung, Ratgeber und Über mich, von Sebastian nach dem Regelwerk umgesetzt
- Analyse-Board mit Leitfaden für die regelmäßige Auswertung
- Kontrolle jeder Ausbaustufe durch die creativecouch
Website sebastianschueler.com
Weiterlesen Webentwicklung mit KIVibe Coding vs. Agentic Engineering
Selbst weiterbauen, mit festen Regeln
Sebastian setzt neue Seiten heute selbst mit Claude Code um, ich prüfe jede Ausbaustufe gegen das Regelwerk. Wie das bei deiner Website aussehen kann, klären wir im Erstgespräch.
Passende Leistungen Webentwicklung mit KIWebdesignSEO und GEO