Zum Inhalt springen

Odduel

We put the odds in your favour

Insights

KI im Webdesign und in der Entwicklung: was sich für Kunden ändert

Wo KI im Webdesign und in der Webentwicklung Wochen und Budget spart, wo Urteilsvermögen, Geschmack und Handwerk menschliche Arbeit bleiben und woran Sie eine Agentur erkennen, die sie gut einsetzt.

Die Seite zur KI-Entwicklung von Odduel auf einem Monitor in einem Studio in der Dämmerung

KI im Webdesign und in der Webentwicklung verändert für Kunden drei Dinge: wie lange ein Projekt dauert, wohin das Budget fließt und wie viel vom Ergebnis von Menschen entschieden statt von Hand produziert wird. Bei Odduel übernimmt KI die wiederkehrende Produktion (Komponenten des Designsystems, Frontend-Code, erste Entwürfe, Bildaufbereitung, Tests, erste Übersetzungsfassungen). Ein Projekt kostet deshalb weniger als vor zwei Jahren und ist in Wochen statt Monaten fertig. Strategie, Konzept, Art Direction, die Stimme der Marke und der letzte Feinschliff bleiben menschliche Arbeit, und dorthin fließt das Budget. Dieser Artikel zeigt, was KI heute in einem Projekt tatsächlich tut, wo sie Zeit spart, wo sie Menschen nicht ersetzt, was Kunden davon haben und wie Sie eine Agentur, die KI gut einsetzt, von einer unterscheiden, die sich hinter ihr versteckt.

Zuletzt aktualisiert: 29. Oktober 2026.

Was leistet KI heute in Webdesign und Webentwicklung?

Ohne das Marketing betrachtet, ist KI in einem Design- und Entwicklungsprojekt ein Satz Werkzeuge, mit denen Menschen erste Fassungen schneller erstellen und Arbeit gründlicher prüfen. In einem typischen Website-Projekt bei Odduel kommt sie an fünf Stellen vor:

  • Recherche: Interviews und die Inhalte der bestehenden Website zusammenfassen, öffentliche Seiten im Markt des Kunden lesen, Suchdaten gruppieren.
  • Text: erste Entwürfe von Seitentexten, Meta-Beschreibungen, Alt-Texten und Übersetzungen, jede Zeile von einem Menschen geprüft und überarbeitet.
  • Designproduktion: der erste Entwurf einer Komponentenbibliothek, Bildzuschnitte für jede Bildschirmgröße, Varianten eines Layouts zum Vergleich, bevor eine davon von Hand verfeinert wird.
  • Code: der Frontend-Code eines Seitentyps, wiederkehrende Funktionen, das erste Markup eines Designs.
  • Qualitätssicherung: Testskripte, Prüfungen über Bildschirmgrößen hinweg, Berichte zu Barrierefreiheit und Performance.

In jedem Fall liefert KI einen Ausgangspunkt oder führt eine Prüfung durch. Eine Designerin oder ein Entwickler entscheidet, was bleibt, korrigiert oder verworfen wird. Was eine Woche dauerte, dauert einen Tag; was einen Tag dauerte, eine Stunde. Das ist die ganze Veränderung, und sie zeigt sich im Angebot, wie unser Leitfaden was eine Website kostet in Zahlen darlegt.

Die Odduel-Leistungsübersicht in einem Desktop-Fenster und das Portfolio auf einem Smartphone: die Seiten, die ein Projekt berührt, wenn KI die Produktion übernimmt

Wo spart sie Zeit?

Die Einsparungen sind real, und sie entstehen, weil Wiederholung wegfällt, nicht das Denken. Am meisten profitieren die Teile eines Projekts, die sich wiederholen.

Was Sie zuerst entscheiden sollten

Bevor der erste Screen gestaltet wird, legen zwei Entscheidungen fest, wie viel KI in Ihrem Projekt übernehmen kann. Die erste ist der Content-Plan: Eine Website mit Hunderten Produktbeschreibungen, vielen Leistungsseiten oder mehreren Sprachversionen profitiert weit mehr als eine fünfseitige Unternehmenswebsite. Die zweite ist die Struktur: Zehn Leistungsseiten mit gemeinsamem Template entstehen schnell, zehn jeweils anders gestaltete Seiten nicht. Klären Sie beides zu Beginn mit Ihrer Agentur, so wie es unser Beitrag zum Agentur-Onboarding beschreibt.

Projekte, deren Zeitplan KI am stärksten verändert:

  • Viel Inhalt: Kataloge, Leistungsseiten, mehrere Sprachen.
  • Aufwendige Bestandsaufnahmen: Redesigns, bei denen eine alte Website Seite für Seite erfasst werden muss, bevor etwas neu gebaut wird.
  • Viele Komponenten: Websites aus vielen ähnlichen Bausteinen, also die meisten Websites auf Basis eines Designsystems.
  • Umfangreiche Tests: viele Vorlagen, Geräte und Zustände.

Was später kommen kann

Nicht jedes neue Werkzeug gehört in Ihr Projekt. Eine Chatfunktion, eine Personalisierung oder automatisch erzeugte Inhalte auf der Live-Website sind eine eigene Entscheidung mit eigenen Kosten, Datenfragen und Wartung. Sie sollten ein konkretes Problem Ihrer Besucher lösen und nicht hinzukommen, nur weil es möglich ist. Wir behandeln das als eigenes Vorhaben unter KI-Entwicklung, nach der Website geplant und nie ohne Grund in den Bau gepackt.

Wo ersetzt sie keine Menschen?

Drei Dinge bleiben klar menschliche Arbeit, und genau diese drei entscheiden, ob eine Website gewinnt.

Urteilsvermögen. Entscheiden, was eine Seite sagen soll, welche Zielgruppe am wichtigsten ist und was wegfällt. KI kann Optionen auflisten; sie kennt Ihr Geschäft, Ihre Kunden und Ihre Prioritäten nicht so wie Sie und Ihre Agentur.

Geschmack. Der Unterschied zwischen einer soliden und einer einprägsamen Website liegt in Hunderten kleiner Entscheidungen zu Schrift, Abständen, Rhythmus, Bildsprache und Bewegung. KI kann Varianten erzeugen; eine Art Directorin weiß, welche richtig ist und warum. Das gilt auch für die Bildwelt und die Identität selbst: Unsere Arbeit im Branding beginnt mit einem Konzept, das kein Werkzeug vorschlägt.

Verantwortung. Jemand muss für Richtigkeit, Barrierefreiheit, Sicherheit, rechtliche Vorgaben und das Ergebnis einstehen. Das lässt sich nicht an ein Werkzeug abgeben, und deshalb liest jede Zeile, die KI für uns erzeugt, die Person, die die Arbeit freigibt.

Deshalb lässt sich die Sorge, KI nehme kreative Arbeit weg, besser als Verschiebung beschreiben: Kreative verbringen ihre Zeit mit weniger Produktion und mehr Gestaltung.

Was gewinnt der Kunde?

Der wichtigste Vorteil für Kunden ist nicht nur, dass Projekte weniger kosten, auch wenn sie das nach unserer Erfahrung tun. Sondern dass jeder Euro weiter in die Arbeit reicht, die zählt:

Zeit gespart beiZeit verlagert auf
Erste TextentwürfeLektorat, Tonalität, Genauigkeit
StandardcodePerformance, Barrierefreiheit, Interaktionsdetails
Manuelle TestsGefundene Fehler beheben, Nutzertests
Bildzuschnitte und VariantenArt Direction und Fotografie
Bestandsaufnahmen und SeitenerfassungStrategie und Struktur

Für Kunden bedeutet das: ein Launch in Wochen, mehr Optionen in der Designphase und ein fertiges Produkt mit weniger Ecken und Kanten. Eine individuelle Marketing-Website brauchte früher drei bis fünf Monate. Nach unserer Erfahrung dauert sie heute vier bis acht Wochen, eine einfache Unternehmenswebsite zwei bis vier. Das vollständige Bild mit allen Spannen finden Sie bei unserer Leistung Webdesign und Webentwicklung und im Leitfaden wie eine Website heute entsteht.

KI verändert auch, wie Websites gefunden werden. Da Suchergebnisse KI-generierte Antworten enthalten, braucht eine Website eine klare Struktur, auslesbare Antworten und einheitliche Fakten. Das gehört zu einem sauberen Bau, nicht zu den Extras.

Woran erkennt man, dass eine Agentur KI gut einsetzt?

Die meisten Agenturen setzen KI inzwischen in irgendeiner Form ein. Der Unterschied liegt darin, wie offen und sorgfältig. Wenn Sie Partner vergleichen, behandelt unser Leitfaden Digitalagentur auswählen die allgemeinen Fragen; hier geht es um die zur KI.

Zeichen guter Praxis:

  • Sie kann Ihnen sagen, wo im Prozess KI eingesetzt wird und wer das Ergebnis prüft.
  • Die Einsparung zeigt sich in Ihrem Angebot: ein kürzerer Zeitplan, mehr Umfang oder ein niedrigerer Preis.
  • Sie hat klare Regeln zur Vertraulichkeit: welches Kundenmaterial in KI-Werkzeuge gelangt und welches nicht.
  • Die Arbeit wird von Fachleuten geprüft, bevor Sie sie sehen.
  • Das Ergebnis wirkt nicht beliebig: Es passt zu Ihrer Marke und Ihrer Zielgruppe.

Warnzeichen:

  • Vage Versprechen („wir machen mit KI alles schneller und besser“) ohne Details.
  • Preise, die nicht sinken, und Zeitpläne, die nicht kürzer werden.
  • Texte, die klingen wie alle anderen.
  • Keine Antwort zum Umgang mit Daten.

Ein Beispiel: eine Markenwebsite vom Briefing bis zum Launch

Nothing To Eat ist eine Sandwichmarke in Amsterdam, für die wir die Identität und die Website gestaltet haben (die Case Study; die Website finden Sie unter nothingtoeat.online). Sie zeigt die Arbeitsteilung in der Praxis.

  1. Konzept und Identität. Name, Stimme, Muster und Logo haben Menschen entschieden. Kein Werkzeug hat sie vorgeschlagen; die Werkzeuge kamen erst danach, um das Kit in jeder Größe und jedem Format zu produzieren.
  2. Struktur und Text. KI entwarf die Gliederung der Seite und erste Texte aus der Markenstimme; ein Texter schrieb sie neu, damit sie nach der Marke klingen und nicht nach jeder anderen Food-Marke.
  3. Design. Die Designerin erstellte mit KI schnell Bildzuschnitte und Layoutvarianten und setzte dann Schrift, Rhythmus und Bewegung von Hand.
  4. Umsetzung. Der Entwickler nutzte KI für den ersten Entwurf der Komponenten und des Seitencodes und investierte die gewonnene Zeit in Performance, Barrierefreiheit und die kleinen Interaktionen, die die Seite lebendig wirken lassen.
  5. Tests. KI erzeugte die Prüfungen über alle Geräte; das Team behob Fehler und testete erneut.
  6. Launch. Die Website ging in wenigen Wochen live, und das Budget floss in die Teile, die Besucher bemerken.

Nichts an diesem Ablauf ist ungewöhnlich. Was sich ändert, ist der Anteil der Zeit, der ins Handwerk fließt.

Die Website von Nothing To Eat und ihre Odduel-Case-Study in zwei Desktop-Fenstern

Was verändert KI nach dem Launch?

Die Wirkung endet nicht, wenn eine Website live geht. Sie verändert auch, wie eine Website gepflegt und verbessert wird.

  • Monitoring: Prüfungen auf defekte Links, langsame Seiten, Rückschritte bei der Barrierefreiheit und Sicherheitsupdates laufen fortlaufend und melden Probleme früh.
  • Inhaltspflege: Entwürfe für Aktualisierungen älterer Seiten, neue Meta-Beschreibungen, Vorschläge für interne Links in einem wachsenden Bestand.
  • Analyse: Zusammenfassungen von Analytics- und Suchdaten, die zeigen, welche Seiten sich als Nächstes zu verbessern lohnen.
  • Kleine Änderungen: Routineanfragen dauern Minuten statt Stunden.

Für Kunden wird ein Vertrag für Wartung und Support damit fürs gleiche Geld wertvoller: mehr Zeit, um die Website zu verbessern, weniger, um sie am Laufen zu halten. Wie beim Bau entscheiden Menschen, was sich ändert, und prüfen das Ergebnis. So sorgen wir von Barcelona und São Paulo aus dafür, dass Websites Monat für Monat besser werden, statt ab dem Launch zu altern.

Häufige Fragen zur Agenturwahl

Kostet eine Website mit KI-Unterstützung weniger?

Ja, nach unserer Erfahrung, denn die wiederkehrende Produktion braucht nur noch einen Bruchteil der Zeit. Der größere Vorteil: Dasselbe Budget bringt mehr Design, Inhalt und Tests. Bitten Sie jede Agentur zu zeigen, wo sich die Einsparung in Ihrem Angebot zeigt; fehlt sie, werden die Werkzeuge genutzt, ohne den Vorteil weiterzugeben.

Wie lange dauert ein Projekt mit KI-Unterstützung?

Weniger als derselbe Umfang vor zwei Jahren: nach unserer Erfahrung eine Unternehmenswebsite zwei bis vier Wochen, eine individuelle Marketing-Website vier bis acht. Der Zeitplan hängt weiterhin von Entscheidungen, Inhalten und Freigaben ab, und die bleiben bei den meisten Projekten der längste Teil.

Sind meine Unterlagen sicher, wenn eine Agentur KI-Werkzeuge nutzt?

Das sollten sie sein, wenn die Agentur Regeln hat. Fragen Sie, welche Werkzeuge eingesetzt werden, ob Ihre Unterlagen zum Training verwendet werden und was nie geteilt wird. Vertrauliche Dokumente gehören nur in Werkzeuge mit vertraglichem Schutz, und eine gute Agentur kann Ihnen ihre Richtlinie schriftlich zeigen.

Wirkt das Ergebnis beliebig?

Nicht, wenn Konzept, Art Direction und Tonalität von Menschen entschieden werden und KI auf die Produktion beschränkt bleibt. Beliebige Websites entstehen, wenn diese Entscheidungen übersprungen werden, nicht durch die Werkzeuge. Sehen Sie sich die aktuellen Arbeiten einer Agentur an: Haben sie eine Haltung, funktioniert die Methode.

Welche Teile meines Projekts sollte KI nicht anfassen?

Positionierung, Konzept, Identität, die Stimme der Marke und die finale Prüfung. Das sind die Entscheidungen, die Besucher spüren, und genau dort investiert eine gute Agentur die Stunden, die sie anderswo spart.

Wenn Sie sehen möchten, wie KI Ihr Projekt verkürzen kann, ohne den Anspruch zu senken: Unsere Leistung KI-Entwicklung beginnt mit einem ehrlichen Blick darauf, wo sie hilft und wo nicht. Oder sprechen Sie mit uns über Ihr Projekt.

Weitere Artikel

Mehr aus unseren Insights.

Alle Insights ansehen

Kontakt aufnehmen

Verbessern wir Ihre Chancen.

Chancen ändern sich nicht von allein. Wenn Sie etwas aufbauen, launchen oder in Ordnung bringen wollen, erzählen Sie uns davon. Wir zeigen Ihnen, wie wir es angehen würden.

    Vorab eine Vertraulichkeitsvereinbarung (NDA) gewünscht? Projekt starten

    Schreiben Sie uns