Website-Relaunch mit KI statt Agentur: Was früher 15.000 € kostete, geht jetzt in 2 Tagen

Anfang Februar 2026 stand ich vor einer Entscheidung: Meine Website brauchte einen Relaunch. Neues Design, bessere Struktur, professionellere Darstellung. Die klassische Route wäre gewesen: Agentur briefen, Angebote einholen, 4–8 Wochen warten, 10.000–20.000 € investieren.

Ich habe einen anderen Weg gewählt. Und dieser Artikel beschreibt ehrlich, wie das gelaufen ist.

Der Tech-Stack: Hugo, Claude und OpenCode

Hugo – der Static Site Generator

Hugo ist ein Open-Source-Framework, das Websites aus Markdown-Dateien generiert. Keine Datenbank, kein WordPress, kein PHP. Nur HTML, CSS und JavaScript – blitzschnell, sicher und einfach zu hosten.

Das ist kein neues Tool. Hugo existiert seit Jahren und wird von Tausenden Unternehmen genutzt. Entscheidend ist: Die Kombination mit KI macht Hugo zum Turbo. Denn Markdown ist Text – und Text ist genau das, was KI-Modelle brillant verarbeiten können.

Claude – das KI-Modell von Anthropic

Claude ist ein Large Language Model, das Code schreiben, analysieren und refactoren kann. Nicht theoretisch, sondern praktisch: CSS-Dateien mit 2.000+ Zeilen, Hugo-Templates mit Go-Templating, responsive Layouts, SEO-Optimierung.

OpenCode – die Brücke zwischen KI und Codebase

OpenCode ist ein CLI-Tool, das Claude direkt mit meinem Projektverzeichnis verbindet. Es kann Dateien lesen, bearbeiten, erstellen, Git-Befehle ausführen und sogar Deployments anstoßen. Das ist der entscheidende Unterschied zu ChatGPT im Browser: OpenCode arbeitet nicht mit Copy-Paste-Snippets, sondern direkt im Projekt.

Was wir konkret umgesetzt haben

Design und Struktur

• Komplettes Redesign aller Inhaltsseiten: Leistungen, Workshops, Referenzen, Whitepapers, Über mich, Kontakt
• Card-Grids statt Textwüsten – visuelle Struktur, die auf Desktop und Mobile funktioniert
• Accordion-Elemente für Details, die nicht sofort sichtbar sein müssen
• Stat-Cards und Result-Cards auf der Über-mich-Seite
• Kontakt-Grid mit Buchung, E-Mail und Telefon als eigenständige Karten

Technik und Infrastruktur

• Matomo-Analytics (self-hosted, cookieless, DSGVO-konform) – konfigurationsgetrieben aus hugo.yml, nur in Production aktiv
• Zweisprachigkeit (Deutsch/Englisch) über Hugo’s Dateinamen-basiertes i18n
• SFTP-Deployment auf Strato-Hosting per Python-Skript
• Git-basierter Workflow mit GitHub als Repository

Content und SEO

• Alle Texte überarbeitet und strukturiert
• Meta-Descriptions und Open-Graph-Tags für jede Seite
• Semantisches HTML mit korrekten Heading-Hierarchien
• Performance: Keine externen Abhängigkeiten, keine JavaScript-Frameworks, kein jQuery

Wie der Workflow aussieht

So läuft eine typische Arbeitssession:

1. Ich beschreibe, was ich will – auf Deutsch, in normaler Sprache. „Die Kontakt-Seite soll drei Karten haben: Termin, E-Mail, Telefon. Darunter Akkordeons für Details."
2. OpenCode analysiert den bestehenden Code – liest die relevanten Dateien, versteht die Struktur, prüft CSS-Variablen und Layout-Patterns.
3. Claude schreibt den Code – Markdown-Content, HTML-Struktur, CSS-Styles. Alles passend zum bestehenden Design-System.
4. OpenCode wendet die Änderungen an – direkt in den Dateien, kein Copy-Paste.
5. Build, Commit, Deploy – Hugo baut die Site, Git sichert den Stand, SFTP schiebt alles auf den Server.

Der gesamte Relaunch – Design, Content, Technik, Deployment – hat rund 2 Tage gedauert. Nicht Wochen. Nicht Monate. Zwei Tage, verteilt auf mehrere Sessions. Einzelne Änderungen gehen in Minuten live.

Die ehrliche Rechnung

Was es bei einer Agentur gekostet hätte

Was es tatsächlich gekostet hat

Der Fairness halber: Meine Zeit hat natürlich auch einen Wert. Und die API-Kosten für Claude sind real – das Modell wird pro Token abgerechnet, und bei einem Projekt dieser Größe kommen einige Millionen Tokens zusammen. Aber selbst mit allem eingerechnet liege ich bei einem Bruchteil der Agenturkosten – und habe volle Kontrolle über jeden Aspekt der Website.

Was KI kann – und was nicht

Was erstaunlich gut funktioniert

• CSS schreiben und debuggen – Claude versteht Spezifitätskonflikte, CSS-Variablen, responsive Breakpoints
• Hugo-Templates – Go-Templating, Conditionals, i18n-Logik
• Konsistenz wahren – neue Komponenten passen zum bestehenden Design-System
• Fehler finden – „Der Button-Text ist nicht lesbar" → Claude findet die CSS-Regel, die das verursacht, und fixt sie
• Deployment-Automatisierung – SFTP-Skripte, Git-Workflows

Wo menschliches Urteil unverzichtbar bleibt

• Strategische Entscheidungen: Welche Seiten brauche ich? Was ist die Kernbotschaft?
• Tonalität: Klingt der Text nach mir oder nach einem generischen KI-Output?
• Visuelles Feedback: Sieht das auf dem Bildschirm tatsächlich gut aus?
• Geschäftliche Prioritäten: Was muss zuerst live gehen?

KI ersetzt nicht das Denken. Sie ersetzt das Tippen, das Googeln und das stundenlange Debugging.

Was das für den Mittelstand bedeutet

Wenn ein Einzelunternehmer in wenigen Tagen eine professionelle, zweisprachige Website mit Analytics, SEO und automatisiertem Deployment aufbauen kann – was bedeutet das für Unternehmen mit 10, 50 oder 500 Mitarbeitern?

Die Implikationen gehen weit über Websites hinaus:

• Interne Tools können schneller prototypisiert werden
• Dokumentation kann effizienter erstellt und gepflegt werden
• Automatisierungsskripte entstehen in Minuten statt Tagen
• Digitale Projekte brauchen weniger externes Budget

Das heißt nicht, dass Agenturen überflüssig werden. Für komplexe Webapplikationen, E-Commerce-Plattformen oder Enterprise-Systeme bleibt professionelle Entwicklung unverzichtbar. Aber für Corporate Websites, Landingpages und Content-Plattformen verschiebt sich die Kosten-Nutzen-Rechnung dramatisch.

Fazit

Dieser Website-Relaunch ist kein Technik-Experiment. Es ist ein Beweis dafür, dass KI-gestützte Entwicklung heute produktionsreif ist – wenn man weiß, wie man die Tools einsetzt.

Die Website, die Sie gerade lesen, wurde so gebaut. Jede Seite, jedes CSS-Element, jedes Deployment. Nicht in Wochen mit fünfstelligem Budget, sondern in Stunden mit einem KI-Copiloten.

Das ist keine Zukunftsmusik. Das ist Februar 2026.

Sie wollen wissen, wie KI Ihre Projekte beschleunigen kann? Lassen Sie uns darüber sprechen – pragmatisch, ohne Hype.

→ Gespräch vereinbaren

Tools: Hugo · Claude von Anthropic · OpenCode