Skip to main content
Vibe Coding

«Websites mit KI bauen: was 2026 wirklich funktioniert — und was noch nicht»

KI erzeugt heute in Minuten eine vollständige Website. Trotzdem scheitern viele dieser Seiten, bevor sie live gehen. Wir trennen sauber, welche Arbeitsschritte 2026 zuverlässig an die Maschine gehen und welche weiterhin einen Menschen brauchen — mit einer durchgerechneten Stundenaufstellung.

Daniel Müller11 Min. Lesezeit
«Websites mit KI bauen: was 2026 wirklich funktioniert — und was noch nicht»

Eine vollständige Website mit KI zu bauen ist 2026 keine Frage mehr, sondern ein Nachmittag: Ein paar Sätze Beschreibung genügen, und es entsteht ein mehrseitiger, responsiver Auftritt mit Navigation, Formularen und Bildern. Was in derselben Zeit nicht entsteht, ist die Grundlage, auf der eine Website tatsächlich Geschäft macht — korrekte Aussagen über dein Unternehmen, rechtssichere Texte nach Schweizer Recht, geprüfte Bedienbarkeit und eine Struktur, die zu deinem Verkaufsprozess passt.

Genau diese Lücke wird in der Diskussion um KI-Websites systematisch übersprungen. Die Werbevideos zeigen die ersten zwanzig Minuten. Interessant sind aber die Tage danach. Dieser Artikel trennt beides sauber: Wir gehen durch, welche Arbeitsschritte heute zuverlässig an die Maschine gehen, welche nicht, und was die Verschiebung in Stunden und Franken bedeutet. Wenn du zuerst die grundsätzliche Entscheidungsfrage klären willst, ob überhaupt ein Generator für dein Vorhaben taugt, ist unsere Übersicht Website mit KI erstellen der bessere Einstieg — dieser Artikel setzt danach an.

Was 2026 zuverlässig funktioniert

Zuverlässig ist alles, was Muster ist: Seitengerüste, Layouts, Standardkomponenten, erste Textentwürfe, Bildvarianten und der Frontend-Code für bekannte Bausteine. In diesen Bereichen ist die Ausgabe nicht nur schnell, sondern in der Regel auch besser als das, was ein Generalist unter Zeitdruck von Hand produziert.

Der Grund ist strukturell. Ein Sprachmodell ist stark, wenn die richtige Antwort im Material bereits tausendfach vorkommt. Ein Preistabellen-Abschnitt, eine Kontaktseite, ein Akkordeon für häufige Fragen, ein responsives Kartenraster — das sind gelöste Probleme. Die Maschine liefert dafür eine solide Umsetzung in Minuten, inklusive der Details, die von Hand gerne vergessen gehen: Tastaturbedienung von Menüs, sinnvolle Zwischenzustände bei Formularen, ein Fallback-Layout für schmale Bildschirme.

Auch die zweite Stärke ist real: Varianten kosten fast nichts mehr. Drei Vorschläge für eine Startseiten-Sektion, fünf Formulierungen für dieselbe Überschrift, zwei Bildstile nebeneinander — was früher ein Budgetposten war, ist heute eine Frage von Minuten. Für alles, was von Auswahl profitiert, ist das ein echter Qualitätsgewinn und nicht nur ein Tempogewinn.

Diese Verschiebung ist inzwischen breit dokumentiert. Der DORA-Report 2025 von Google Cloud, der auf Antworten von rund 5'000 Fachleuten beruht, weist eine Nutzung von KI-Werkzeugen bei 90 Prozent der befragten Entwicklerinnen und Entwickler aus — ein Anstieg von 14 Prozentpunkten gegenüber dem Vorjahr — bei einer Mediannutzung von zwei Stunden pro Arbeitstag. Über 80 Prozent geben an, produktiver zu sein. Die Werkzeuge sind also nicht mehr Experiment, sondern Alltag.

Was noch nicht funktioniert

Nicht zuverlässig ist alles, wofür das Modell Wissen bräuchte, das nicht im Prompt steht und nicht öffentlich abrufbar ist. Das betrifft vier Bereiche, und in allen vieren ist der Schaden bei Fehlern grösser als der eingesparte Aufwand.

Rechtstexte und Datenschutz. Ein generiertes Impressum und eine generierte Datenschutzerklärung lesen sich überzeugend und sind trotzdem regelmässig falsch: Sie nennen die falsche Rechtsgrundlage, führen Datenverarbeitungen auf, die es bei dir nicht gibt, und lassen die aus, die es gibt. Für Schweizer Unternehmen kommt hinzu, dass revDSG und DSGVO nebeneinander gelten können und die Modelle beides gerne vermischen. Diese Texte müssen an deiner tatsächlichen Verarbeitung entlang geschrieben werden, nicht an einer plausiblen.

Barrierefreiheit. Seit dem 28. Juni 2025 ist der European Accessibility Act (EAA) anwendbar. Er verlangt für digitale Dienstleistungen an EU-Konsumentinnen und -Konsumenten die Anforderungen der Norm EN 301 549, die für Webinhalte auf WCAG 2.1 Stufe AA verweist — und er gilt unabhängig davon, wo das anbietende Unternehmen sitzt. Für Schweizer Firmen, die in den EU-Markt verkaufen, ist das damit ebenfalls relevant. Generierter Code erfüllt einen Teil davon zufällig, weil die Vorlagen es tun. Kontrastwerte, Fokusreihenfolge, Formularfehler-Meldungen und Alternativtexte, die tatsächlich beschreiben statt zu wiederholen, entstehen so gut wie nie von selbst. Was das im Detail heisst, steht in unserem Glossareintrag zur digitalen Barrierefreiheit.

Substanz im Inhalt. Googles Spam-Richtlinien untersagen «Scaled Content Abuse» — das Erzeugen vieler Seiten, die vor allem Rankings beeinflussen und den Lesenden wenig bieten — und stellen dabei ausdrücklich klar, dass maschinelle, menschliche und gemischte Produktion gleich behandelt werden. Nicht das Werkzeug entscheidet, sondern der Nutzen. Wir haben die Anforderungen in KI-Content und die Google-Richtlinien im Detail aufgeschrieben. Praktisch heisst das: Eine generierte Seite, die eine konkrete Kundenfrage zu Ende beantwortet, ist unproblematisch. Zwölf generierte Ortsseiten, die sich nur im Ortsnamen unterscheiden, sind ein Risiko.

Wartbarkeit. Der Code, den ein Generator ausgibt, ist auf das Ergebnis von heute optimiert, nicht auf die Änderung von übermorgen. Wenn niemand entscheidet, wo Farben, Abstände und wiederkehrende Bausteine zentral definiert sind, wächst mit jeder Änderungsrunde der Aufwand — die Mechanik dahinter beschreiben wir in Vibe Coding und technische Schulden.

Plausibel ist nicht korrekt

Das eigentliche Risiko generierter Websites ist nicht offensichtlicher Unsinn, sondern flüssig formulierter, falscher Text. Eine Datenschutzerklärung, die eine nicht existierende Auftragsverarbeitung aufführt, fällt beim Lesen nicht auf. Eine Leistungsbeschreibung, die eine Zertifizierung nennt, die dein Betrieb nicht hat, auch nicht. Lege für jede Seite fest, wer inhaltlich unterschreibt — und lass diese Person jede Zahl, jeden Namen und jede Zusicherung einzeln bestätigen.

Die Rechnung: wo die Zeit tatsächlich hingeht

KI spart in einem typischen Website-Projekt rund ein Drittel der Stunden — aber nicht gleichmässig verteilt, sondern konzentriert auf vier von sieben Arbeitsschritten. Die folgende Aufstellung ist unsere eigene Erfahrungskalkulation für eine zwölfseitige KMU-Website mit Kontaktformular, Leistungsseiten und Blog, keine Studie und keine Marktzahl. Sie soll zeigen, wo die Verschiebung stattfindet, nicht was ein bestimmtes Projekt kostet.

ArbeitsschrittOhne KIMit KIDifferenz
Struktur und erster Entwurf16 h3 h−13 h
Rohtexte für 12 Seiten20 h6 h−14 h
Frontend-Umsetzung40 h22 h−18 h
Bilder und Grafiken10 h4 h−6 h
Rechtstexte und Datenschutz6 h6 h0 h
Barrierefreiheit und Testing12 h14 h+2 h
Inhaltliche Abstimmung mit dem Kunden24 h24 h0 h
Summe128 h79 h−49 h

49 von 128 Stunden sind gut 38 Prozent. Drei Dinge sind daran interessant. Erstens: Die Ersparnis steckt vollständig in der Herstellung. Zweitens: Beim Testen steigt der Aufwand, weil generierter Code mehr Prüfpunkte hat — man muss Dinge nachsehen, die man selbst geschrieben hätte und deshalb kennen würde. Drittens: Der grösste Einzelposten nach der Umsetzung ist die Abstimmung mit dem Kunden, und dort ändert KI nichts, weil die nötigen Informationen im Unternehmen liegen und nicht im Modell.

Genau deshalb sinkt der Projektpreis nicht proportional. Bei DLM Digital liegt eine Website zwischen CHF 3'000 und CHF 25'000 — was sich mit KI verschiebt, ist die Verteilung innerhalb dieser Spanne: weniger Herstellung, mehr Inhalt und Prüfung. Wie sich der Rahmen im Einzelnen zusammensetzt, steht auf unserer Seite zu den Webdesign-Preisen.

Die drei Werkzeugklassen — und wofür sie taugen

Für das Bauen von Websites mit KI haben sich drei Klassen von Werkzeugen herausgebildet, die unterschiedliche Fragen beantworten. Die häufigste Fehlentscheidung ist nicht die Wahl des falschen Anbieters, sondern die Wahl der falschen Klasse.

Vom Prompt zur fertigen Web-App, ganz ohne Editor

4.4Freemium
Ansehen

Lovable steht für die Klasse «vollständige Anwendung aus einer Beschreibung». Du erhältst nicht nur Seiten, sondern ein zusammenhängendes Ganzes samt Datenhaltung und Veröffentlichung. Für eine Website mit Anmeldung, Kundenbereich oder Formularen, die irgendwo landen müssen, ist das der kürzeste Weg zu etwas Funktionierendem. Der Preis dafür ist Bindung an die Plattform und begrenzte Kontrolle über den Feinschliff.

Aus einem Prompt zur fertigen UI, generiert von Vercel

4.4Freemium
Ansehen

v0 steht für die Klasse «Oberflächenbausteine für Entwicklerinnen und Entwickler». Es liefert sauberen Komponenten-Code, den ein Team in ein bestehendes Projekt übernimmt. Das ist die richtige Wahl, wenn eine Codebasis existiert und beschleunigt werden soll — und die falsche, wenn niemand im Haus den erzeugten Code beurteilen kann.

WebflowEmpfehlung

Visuelles Webdesign mit der Präzision von handgeschriebenem Code

4.6Freemium
Ansehen

Webflow steht für die Klasse «visuelles Werkzeug mit Redaktionssystem», bei der KI einzelne Schritte beschleunigt, aber nicht das Fundament stellt. Wenn die Website danach von Marketingleuten ohne Entwicklerhilfe gepflegt werden soll, ist diese Klasse oft die ehrlichere Antwort als der spektakulärere Generator.

Für Projekte, bei denen die Website Teil eines grösseren Systems ist, ergibt keine der drei Klassen allein Sinn — dort arbeiten wir als Vibe-Coding-Agentur mit KI im Werkzeugkasten, aber mit einer eigenen, wartbaren Codebasis als Fundament.

Der Abnahmetest, den jede KI-Website bestehen muss

Ob ein generiertes Ergebnis trägt, entscheidet sich an sechs Prüfpunkten, die alle nach dem Generieren liegen. Geh sie in dieser Reihenfolge durch, bevor die Seite live geht.

  1. Faktenprüfung. Jede Zahl, jeder Firmenname, jede Referenz und jede Zusicherung wird von einem Menschen bestätigt, der es wissen muss. Ohne Ausnahme.
  2. Eigenständigkeit. Nimm drei Absätze und frag dich, ob sie wortgleich bei einem Mitbewerber stehen könnten. Wenn ja, fehlt der Grund, warum jemand bei dir kaufen soll.
  3. Recht. Impressum, Datenschutzerklärung und Cookie-Hinweis werden gegen die tatsächliche Verarbeitung geprüft, nicht gegen eine Vorlage.
  4. Bedienbarkeit. Navigiere die Seite einmal komplett mit der Tastatur. Wenn du nicht zu jedem Link und jedem Formularfeld kommst und dabei immer siehst, wo du gerade bist, ist sie nicht fertig.
  5. Tempo unter echten Bedingungen. Nicht auf dem Entwicklungsrechner, sondern auf einem drei Jahre alten Mobiltelefon im Mobilfunknetz. Die relevanten Messwerte fasst unser Eintrag zu den Core Web Vitals zusammen.
  6. Übergabe. Benenne die Person, die in sechs Monaten eine Preisänderung einpflegt, und lass sie das einmal vor dem Livegang durchspielen.

Erst prüfen lassen, dann bauen lassen

Wenn du unsicher bist, ob ein KI-Ergebnis trägt, dreh die Reihenfolge um: Lass zuerst einen kleinen, klar abgegrenzten Teil bauen — eine Leistungsseite, ein Formularablauf — und prüf ihn gegen die sechs Punkte oben. Das kostet einen Bruchteil und beantwortet die Frage verlässlicher als jede Demo. Dieselbe Logik steckt hinter der Prototyp-Validierung: erst beweisen, dann investieren.

Wann sich der KI-Weg rechnet — und wann nicht

Der KI-Weg rechnet sich, wenn Tempo den grösseren Wert hat als Kontrolle: bei Landingpages für eine Kampagne, bei internen Werkzeugen, bei einer ersten Version, die vor allem beweisen soll, dass eine Idee trägt. Dort ist eine Seite in zwei Tagen für einen Bruchteil des Budgets objektiv die bessere Entscheidung, selbst wenn sie in einem Jahr ersetzt wird.

Er rechnet sich nicht, wenn die Website über Jahre der zentrale Vertriebskanal ist, wenn sie an bestehende Systeme andocken muss oder wenn die Inhalte fachlich heikel sind — Finanzen, Gesundheit, Recht. Dort ist der Rohbau ohnehin der kleinere Teil der Arbeit, und die Ersparnis von 38 Prozent auf die Herstellung ist eine Ersparnis auf den falschen Posten.

Die brauchbarste Haltung liegt dazwischen und ist unspektakulär: KI als Beschleuniger im Handwerk, nicht als Ersatz für die Entscheidung. Wer sie so einsetzt, bekommt für dasselbe Budget mehr Substanz. Wer sie als Abkürzung um das Denken herum einsetzt, bekommt eine Website, die aussieht wie tausend andere — und genau so behandelt wird.

Websites mit KI zu bauen funktioniert 2026 besser, als Skeptiker behaupten, und schlechter, als die Demos suggerieren. Zuverlässig ist die Herstellung, unzuverlässig bleibt alles, was Kontext, Recht und Verantwortung braucht. Wer diese Grenze kennt und die eingesparten Stunden konsequent in Inhalt und Prüfung umlenkt, statt sie als Rabatt zu verbuchen, holt aus der Technologie tatsächlich heraus, was sie hergibt. Wenn du für dein Vorhaben eine Einschätzung willst, welcher Anteil sinnvoll an KI geht, ist unsere KI-Beratung der Ort für diese Frage.

Häufige Fragen

Kann man 2026 eine komplette Website mit KI bauen?+

Eine vollständige, ansehnliche und funktionierende Website entsteht mit KI tatsächlich in Stunden. Was dabei nicht mitkommt, sind die Teile, die Wissen ausserhalb des Prompts brauchen: rechtlich korrekte Texte nach Schweizer Recht, geprüfte Barrierefreiheit, echte Aussagen über dein Unternehmen und eine Struktur, die zu deinem Vertrieb passt. Die Rohbauarbeit ist erledigt, der Innenausbau bleibt Handarbeit.

Straft Google Websites ab, die mit KI gebaut wurden?+

Nein. Google bewertet nach den eigenen Spam-Richtlinien nicht die Herstellungsweise, sondern den Nutzen: Untersagt ist «Scaled Content Abuse», also das massenhafte Erzeugen von Seiten ohne eigenen Wert — und diese Regel gilt für maschinell, menschlich und gemischt erstellte Inhalte gleichermassen. Eine mit KI gebaute Seite mit substanziellem, korrektem Inhalt ist unproblematisch. Zwanzig fast identische Ortsseiten ohne Substanz sind es nicht.

Was kostet eine Website, wenn KI die halbe Arbeit macht?+

Bei DLM Digital liegt eine Website zwischen CHF 3'000 und CHF 25'000, abhängig von Umfang, Anzahl Vorlagen, Anbindungen und Redaktionsaufwand. KI verschiebt die Verteilung innerhalb dieser Spanne: Weniger Budget geht in die reine Herstellung, mehr in Inhalt, Prüfung und Struktur. Der Gesamtpreis fällt dadurch nicht automatisch, aber du bekommst für dasselbe Geld mehr Substanz.

Woran erkenne ich, dass eine KI-Website nicht trägt?+

An vier Signalen: Die Texte könnten wortgleich auf der Website eines Mitbewerbers stehen, es gibt keine Seite, die eine konkrete Kundenfrage zu Ende beantwortet, die Seite ist auf einem älteren Mobiltelefon spürbar träge, und niemand kann sagen, wer sie in sechs Monaten pflegt. Jedes dieser Signale allein ist reparierbar, alle vier zusammen bedeuten Neuaufbau.

Über den Autor

Daniel Müller

Senior Developer & SEO-Stratege

Daniel Müller ist Senior Developer und SEO-Stratege bei DLM Digital in Zürich. Mit über 10 Jahren Erfahrung in Webentwicklung, SEO, GEO/AEO und KI-Integration begleitet er Schweizer KMU bei der digitalen Transformation. Im DLM Magazin schreibt er über KI, Vibe Coding und moderne Suchmaschinen-Sichtbarkeit.

Weiterlesen