Akveo.com: Von Webflow zur KI-gestützten Website

Unsere eigene Website akveo.com ist Webflow entwachsen. Wir haben alle über 460 Seiten auf eine KI-gestützte Website mit Astro umgezogen. Jetzt setzt das Marketing Änderungen mit einem KI-Agenten um, statt auf einen Entwickler zu warten, und veröffentlicht eine neue Seite in 15 Minuten statt in 3 Stunden.

[ Kunde ]

Über den Kunden

Der Kunde sind wir selbst: akveo.com, eine Marketing-Website mit über 460 Seiten, Blog, Fallstudien und Leistungsseiten. Wir wollten, dass das Marketing die Website selbstständig mit einem KI-Agenten ändern kann, ohne Webflow-Designer oder Entwickler.

15 Min.
für eine neue Seite statt 3 Stunden: 97%
weniger JavaScript auf der Startseite (340 KB → 9 KB): 5
Sprachen aus einer Content-Quelle

[ Herausforderung ]

Mit Webflow blieb der Entwickler im Prozess

Wir sind zu Webflow gewechselt, um den Entwickler aus der Kette zu nehmen: Marketing → Design → Entwickler → Website. Das hat eine Weile funktioniert, dann ist die Website darüber hinausgewachsen.

Jede Änderung brauchte weiterhin einen Designer, der Webflow kennt.
Die Plattform stieß an ihre Grenzen, und die Website füllte sich mit Workarounds.
Jede Änderung dauerte lange.
Die Seiten wurden schwer: Die Startseite lud 30 JavaScript-Dateien mit 340 KB, darunter zwei verschiedene jQuery-Versionen.
Derselbe Inhalt war vielfach gespeichert: Ein Kundenzitat lag in 99 Dateien, das Kontaktformular in 258.
Doppelte Dateien kosteten Platz und verlangsamten jede Änderung.
Inhalte waren mit Code vermischt, daher bedeutete eine neue Sprache, die ganze Website zu kopieren.

[ Lösung ]

So haben wir die Website umgezogen

1. Die Live-Website erfassen

Wir haben alles exportiert: das HTML aller über 460 Seiten, alle CMS-Collections mit jedem Feld, Custom Scripts, Styles, Schriften und Bilder. Das Design unseres Webflow-Designers blieb genau so, wie es war: kein Redesign nach Vorlage.

2. Inhalte und Templates zuordnen

Wir haben jede Collection und jede Seite einem Inhaltstyp und einem Seiten-Template zugeordnet, mit strengen Regeln für jedes Feld. Die URLs blieben gleich.

3. Inhalt und Design trennen

Alle Texte liegen in Markdown- und YAML-Dateien, getrennt vom Design. Jeder Inhalt wird einmal gespeichert und überall wiederverwendet. Eine neue Sprache ist einfach übersetzter Text neben dem Original: Die Website läuft jetzt auf Englisch, Deutsch, Französisch, Spanisch und Niederländisch.

4. Neuaufbau mit Astro

Astro erstellt jede Seite im Voraus und sendet Besuchern nur den Code, den diese Seite braucht. Kein React und kein Framework im Browser. Die Google-PageSpeed-Werte stiegen in jeder Kategorie.

5. Automatische Prüfungen bei jeder Änderung

Vor dem Launch haben wir jede Seite mit der Live-Website abgeglichen: Texte, Links, Bilder, SEO-Tags und Screenshots stimmten überein. Seitdem läuft jede Änderung über einen Pull Request. GitHub Actions prüft Formatierung, Code, Inhaltsregeln, Links und Bilder, baut jede Seite und öffnet die Website dann in einem echten Browser, um Seiten, Formulare, Barrierefreiheit und das Performance-Budget zu testen. Schlägt eine Prüfung fehl, kann die Änderung nicht live gehen. Railway veröffentlicht die Website, sobald alle Prüfungen bestanden sind, und ein wöchentlicher Audit findet defekte externe Links.

[ Ergebnisse ]

Wirkung, die zählt

Die Website läuft jetzt in unserem eigenen Code, und das Marketing ändert sie gemeinsam mit einem KI-Agenten über ganz normale Pull Requests.

Eine neue Seite in 15 Minuten

Das Marketing veröffentlicht eine neue Seite in 15 Minuten statt in 3 Stunden.

Schnellere Marketing-Tests

Das Marketing testet eine Hypothese noch am selben Tag, ohne Entwickler und ohne CMS.

Kein CMS, sondern ein KI-Agent

Es gibt kein CMS, das gebaut, bezahlt oder erlernt werden muss. Eine Anfrage an den KI-Agenten aktualisiert jede Seite, einschließlich individueller SEO-Änderungen auf der gesamten Website.

[ Tech-Stack ]