Werkvertrag oder Auftragsbasis
4. Juni 2025
Wenn sich Unternehmen für eine Webagentur entscheiden, wird eine zentrale Frage oft zu wenig beachtet: In welchem Vertragsverhältnis arbeitet man…
KI baut heute in Stunden, wofür früher Wochen nötig waren. Doch eine gute Website entsteht nicht per Knopfdruck. Wir zeigen, wie wir KI im Alltag einsetzen, wo sie glänzt und wo Erfahrung den Unterschied macht.
Was sich verändert hat
Noch vor wenigen Jahren begann jedes Website-Projekt mit leeren Blättern, langen Briefings und vielen Abstimmungsrunden. Heute erstellen wir mit KI in kurzer Zeit Entwürfe, Texte und sogar den Code der fertigen Seiten.
Wir haben unseren Ablauf deshalb neu aufgebaut und in eigenen Projekten getestet. Das Ergebnis ist ein Prozess in vier Schritten, bei dem Sie als Kunde von Anfang an sehen, was entsteht.
Schritt 1: Vorbilder finden
Der schnellste Weg zu einer guten Website führt über gute Beispiele. Statt lange zu beschreiben, was Ihnen gefällt, zeigen Sie es uns einfach.
Diese Galerien eignen sich besonders gut als Inspiration:
- Land-book: Sammlung von gut gestalteten Websites und Landingpages
- Lapa Ninja: Landingpages nach Branche und Stil sortiert
- Framer Marketplace: moderne Vorlagen mit vielen Animationen
- Webflow Templates: professionelle Vorlagen für fast jede Branche
Sie können selbst stöbern und uns zwei oder drei Seiten schicken, die Ihnen gefallen. Ideal ist eine kurze Notiz dazu, was Sie genau anspricht: die Farben, die Bildsprache, der Aufbau oder einfach das Gefühl. Wenn Sie lieber keine Zeit investieren, übernehmen wir die Suche für Sie.
Wichtig: Wir kopieren keine fremden Websites. Die Beispiele dienen als Richtung, Ihr Design wird eigenständig.
Schritt 2: Design und Designsystem entwerfen
Aus Ihren Vorbildern entwickeln wir mit Unterstützung von KI ein eigenes Design. Zuerst entsteht ein Designsystem mit Farben, Schriften, Logo und den wichtigsten Bausteinen, danach die Startseite für Desktop, Tablet und Smartphone.
Dieses Design besprechen wir gemeinsam mit Ihnen. Gefällt Ihnen etwas nicht, ändern wir es jetzt, solange es noch schnell und günstig geht. Erst wenn Sie zufrieden sind, beginnt die Umsetzung.
Was genau ein Designsystem ist und warum es Überraschungen verhindert, erklären wir im Beitrag Was ist ein Designsystem?
Schritt 3: Analyse und Inhalte parallel
Während Sie das Design prüfen, arbeiten wir bereits an den Inhalten. Grundlage dafür ist eine Analyse in drei Bereichen:
- SEO (Suchmaschinenoptimierung): Wonach suchen Ihre Kunden bei Google? Welche Begriffe sind realistisch erreichbar, welche Seiten der Konkurrenz ranken gut?
- SEA (Suchmaschinenwerbung): Für welche Begriffe lohnen sich bezahlte Anzeigen, etwa bei Google Ads, und welche Landingpages braucht es dafür?
- GEO (Generative Engine Optimization): Immer mehr Menschen fragen ChatGPT, Gemini oder Claude statt Google. Wir sorgen dafür, dass Ihre Inhalte so aufgebaut sind, dass auch KI-Assistenten Sie finden, verstehen und empfehlen.
Auf Basis dieser Analyse entstehen die Texte mit KI-Unterstützung. Wir prüfen jeden Text, ergänzen Ihr Fachwissen und passen die Tonalität an Ihre Marke an. Weil Design und Content gleichzeitig entstehen, sparen wir Wochen gegenüber dem klassischen Ablauf.
Unser Tipp: Das Wertvollste, was Sie beitragen können, sind echte Erfahrungen. Kundenbeispiele, häufige Fragen aus dem Alltag und Ihre persönliche Geschichte kann keine KI erfinden. Genau das macht Ihre Website glaubwürdig.
Schritt 4: Struktur festlegen und sauber bauen
Die Struktur bestimmen wir, nicht die KI. Welche Seiten es braucht, wie die Navigation aufgebaut ist und wohin die Besucher geführt werden, leiten wir aus Ihren Zielen und der Analyse ab.
Beim Bauen arbeiten wir nach fünf Prinzipien, die wir die 5 S nennen. Sie sorgen dafür, dass Ihre Website nicht nur gut aussieht, sondern auch in Jahren noch einfach zu pflegen ist.
| Prinzip | Was wir tun | Ihr Vorteil |
|---|---|---|
| Struktur | Klarer Aufbau von Seiten und Abschnitten, logische Navigation | Besucher finden schnell, was sie suchen |
| Semantik | Überschriften, Listen und Inhalte technisch korrekt auszeichnen | Bessere Auffindbarkeit bei Google und KI-Assistenten, barrierefrei |
| Sauberkeit | Einheitliche, verständliche Benennung aller Bausteine im Code | Änderungen sind schnell gemacht, auch von anderen Fachleuten |
| Stil | Gestaltung zentral steuern statt auf jeder Seite einzeln | Eine Farbänderung wirkt sofort auf der ganzen Website |
| System | Alles basiert auf dem freigegebenen Designsystem | Neue Seiten passen automatisch ins Gesamtbild |
Gerade hier zeigt sich der Unterschied: KI kann schnell Code schreiben, aber ohne klare Regeln entsteht schnell ein Durcheinander, das später teuer wird. Wir geben die Regeln vor und prüfen das Ergebnis.
Was KI kann und was nicht
Unser Praxistest zeigt ein klares Bild:
| KI ist stark bei | Der Mensch bleibt entscheidend bei |
|---|---|
| Ersten Entwürfen und Varianten in kurzer Zeit | Zielen, Strategie und Struktur der Website |
| Logo-Ideen und Farbvorschlägen | Qualität, Geschmack und Markengefühl |
| Textentwürfen auf Basis einer Analyse | Fachwissen, echten Erfahrungen und Tonalität |
| Umsetzung von Design in Code | Sauberer Technik, Sicherheit und Datenschutz |
KI ist für uns ein Werkzeug, kein Ersatz für Erfahrung. Sie macht uns schneller, und diese Zeit geben wir als tieferen Preis oder als mehr Feinschliff an Sie weiter.
Fazit
Die Website-Erstellung im KI-Zeitalter ist schneller, transparenter und planbarer als früher. Sie sehen Ihr Design, bevor gebaut wird, Inhalte entstehen parallel und die Technik bleibt sauber und erweiterbar.
Sie haben eine Website gesehen, die Ihnen gefällt? Schicken Sie uns den Link. Wir zeigen Ihnen, wie Ihre eigene Version aussehen könnte.
