Was sonst Wochen dauert,
ist in Tagen fertig.

Sagen Sie uns, was Ihre Website können soll. Wir übernehmen die Umsetzung – CMS-Anbindung, Technical SEO, Barrierefreiheit und Testing inklusive. Sie bekommen eine fertige Website, die Sie sofort online stellen können.

$ genfabric generate --config immobilien.json
→ Initializing genFabric v2.8...
Configuration parsed (immobilien.json)
CMS schema analyzed (Storyblok · 5 content types)
Design tokens extracted (Figma · 28 tokens)
Generating code (Next.js · TypeScript · Tailwind v4)
Quality checks passed (0 violations)
Done · ~/immobilien-website · ready for review
Ein Blick hinter die Kulissen – Sie müssen sich damit nicht befassen.
Ablauf

So funktioniert's.

Sie bringen mit, was Sie haben – ein Design, ein CMS oder einfach eine Idee. Wir kümmern uns um den Rest und Sie bekommen eine fertige, professionelle Website.

1

Sie briefen

Schicken Sie uns Ihr Design, einen Screenshot oder einfach Ihre Markenfarben. Schon ein CMS wie WordPress? Perfekt. Noch keins? Wir beraten Sie.

2

Wir entwickeln & testen

Unser System erstellt das komplette Projekt – Komponenten, Seiten, Tests, Technical SEO, Barrierefreiheit. Wir prüfen das Ergebnis und beheben Sonderfälle vor der Übergabe.

3

Sie starten

Sie erhalten ein fertiges Projekt. Auf Wunsch stellen wir die Website auch für Sie online – danach pflegen Sie Inhalte im CMS, ganz ohne Programmierkenntnisse.

Code-Qualität

Nicht der KI-Code, den Sie kennen.

Die meisten KI-Tools erstellen Websites in einem Rutsch – das Ergebnis funktioniert, wirkt aber selten wirklich fertig. Unsere Pipeline durchläuft mehrere Phasen über Stunden: erstellen, testen, reviewen, fixen. Jedes Projekt wird mit einer Test-Suite, TypeScript im Strict-Modus und WCAG-2.1-AA-Barrierefreiheit ausgeliefert – nachweislich getestet. Das Ergebnis ist Standard-Code in Next.js, Vue, Nuxt oder React Native, den jedes Entwicklerteam sofort lesen und erweitern kann.

Anwendungsfälle

Für jede Art von Website.

Egal ob Sie schon ein System für Ihre Inhalte haben oder bei null anfangen – wir passen uns an.

Content-Websites

Blogs, Magazine, Wissensportale, Dokumentationsseiten – jede Website, deren Inhalte sich regelmäßig ändern.

Listing- & Verzeichnis-Seiten

Immobilien, Jobbörsen, Produktkataloge, Eventkalender – strukturierte Daten mit Filtern, Suche und Detailseiten.

Business- & Marken-Seiten

Firmenseiten, Landingpages, Portfolios, Agentur-Websites – professionell und barrierefrei von Anfang an.

Was Sie bekommen

Kein Prototyp. Eine fertige Website.

Jedes Projekt umfasst Tests, Barrierefreiheit, Technical SEO und Dokumentation – produktionsreif.

Technical SEO & Marketing

Sitemaps, Vorschaubilder für Social Media, Besucherstatistiken und Optimierung für KI-Suchmaschinen wie ChatGPT und Perplexity. Alle SEO-Features im Detail →

HubSpot-CRM-Integration

Kontaktformulare mit Spamschutz und Datenschutz – Anfragen landen direkt in Ihrem HubSpot. Sie verbinden nur Ihr HubSpot-Konto.

Mehrsprachigkeit

Eigene Adressen pro Sprache, automatische Spracherkennung, ein Sprachwechsler auf der Seite und alle Inhalte getrennt pro Sprache im CMS. Übersetzungen pflegen Sie direkt im CMS – kein Entwickler nötig.

Gesetzeskonforme Barrierefreiheit

Die Website funktioniert mit Screenreadern, per Tastatur und erfüllt den Standard WCAG AA. Seit dem 28. Juni 2025 schreibt das Barrierefreiheitsstärkungsgesetz (BFSG) digitale Barrierefreiheit vor – bei Verstößen drohen Bußgelder bis zu 100.000 €.

DSGVO-Consent & Datenschutz

Cookie-Banner mit allen nötigen Einstellungen – Tracking-Tools wie Google Analytics starten erst, wenn Besucher zustimmen. Seit März 2024 verlangt Google Consent Mode v2 für Conversion-Tracking – ohne fehlen Ihnen Google-Ads-Daten.

Personalisierte Übergabe-Dokumentation

Eine Anleitung für Ihr Team, eine technische Dokumentation für Entwickler, eine Installationsanleitung und eine Sicherheitsübersicht – zugeschnitten auf Ihre Website und Ihr CMS. Auf Deutsch und Englisch.

Kompatibilität

Passt zu Ihrer Technik.

Basierend auf Next.js, Vue, Nuxt oder React Native. Wir helfen gerne bei der Auswahl. Funktioniert mit allen großen Headless-CMS-Plattformen oder auch ganz ohne CMS.

Was ist ein Headless CMS?

Ein klassisches CMS wie WordPress verbindet Inhaltsverwaltung mit dem Aussehen Ihrer Seite – Ihr Design ist an die Plattform gebunden. Ein Headless CMS trennt beides: Sie verwalten Inhalte im CMS, und Ihre Website ist eine eigenständige, moderne Anwendung – unabhängig vom CMS.

Warum das wichtig ist: Schnellere Ladezeiten, besseres SEO, mehr Designfreiheit und keine Plugin-Sicherheitsrisiken. WordPress funktioniert auch – wir nutzen dessen REST-API im Headless-Modus, sodass Sie den vertrauten Editor mit einem modernen Frontend kombinieren.

Vergleich

Nicht noch ein KI-Baukasten.

KI-Tools sind schnell. Wir liefern geprüfte Websites – mit Suchmaschinen-Optimierung, Barrierefreiheit und menschlicher Qualitätskontrolle vor der Übergabe.

Typische KI-Builder

Generische Templates
Keine Tests
Keine Barrierefreiheit
Kein Technical SEO
Keine CMS-Integration
Sie müssen nacharbeiten
Prototyp-Qualität
Einfaches Cookie-Banner, nicht Google-konform
CRM-Anbindung in Eigenregie

genFabric

Ihr Design, Ihr CMS
Automatisch geprüft und getestet
WCAG AA von Anfang an
Technical SEO + Analytics
Ihr CMS – 11 Plattformen unterstützt
Wir prüfen vor der Übergabe
Sofort einsatzbereit
DSGVO-konformes Cookie-Banner
HubSpot-Anbindung vorkonfiguriert
Kostenloses Angebot

FAQ

Fragen & Antworten

Allgemein

Was umfasst „Technical SEO“ – und was muss ich selbst machen?
Wir richten die technische Grundlage ein, damit Google & Co. Ihre Website richtig finden und anzeigen. Dazu gehören Sitemaps, Vorschaubilder für Social Media, Besucherstatistiken, ein DSGVO-konformes Cookie-Banner und Mehrsprachigkeit. Was wir nicht machen: die laufende SEO-Betreuung – also Keyword-Analyse, Inhalte planen und Rankings überwachen. Das übernimmt Ihr Marketing-Team oder ein SEO-Berater. Wir bauen das technische Fundament.
Was genau steht in den Übergabe-Dokumenten?
Acht Dokumente auf Deutsch und Englisch, zugeschnitten auf Ihr Projekt. Für Ihr Content-Team: eine Anleitung, wie Artikel erstellt werden, welche Felder Pflicht sind und welche Bildmaße empfohlen werden. Für Ihre Entwickler: Aufbau des Projekts, Einrichtung und wo eigene Anpassungen möglich sind. Für das Deployment: Schritt-für-Schritt-Anleitung für Ihre Hosting-Plattform (Vercel, AWS, Docker oder statisches Hosting). Für Sicherheit: DSGVO-Checkliste und Dokumentation der Umgebungsvariablen. Dazu eine Einrichtungsanleitung für jedes unterstützte CMS. Alles personalisiert auf Ihren konkreten Tech-Stack, Ihr CMS und Ihre Features.
Muss ich Ihnen Zugang zu meinem CMS geben?
Nein. Sie behalten jederzeit die volle Kontrolle über Ihr CMS. Wir liefern eine Anleitung und automatische Einrichtungsdateien, die alles Nötige in Ihrem CMS vorbereiten – Sie führen sie selbst aus und teilen uns nie Zugangsdaten mit. Die Übergabe-Dokumentation erklärt jeden Schritt, und die Scripts funktionieren mit allen 11 unterstützten CMS-Plattformen.
Kann KI-erstellter Code wirklich Produktionsqualität haben?
In der Regel nicht. Unser Prozess ist deshalb anders aufgebaut. Die meisten KI-Builder erstellen Code in einem einzigen Durchlauf: Prompt rein, Projekt raus. Das Ergebnis funktioniert, hat aber in der Regel keine Tests, kein Error Handling, keine Barrierefreiheit und keine konsistente Struktur. Unsere Pipeline durchläuft mehrere Phasen über Stunden: erstellen, testen, reviewen, fixen. Jedes Projekt durchläuft automatische Qualitätsprüfungen, ein menschliches Code-Review und eine Test-Suite vor der Übergabe. Das Ergebnis ist Standard-Framework-Code (Next.js, Vue oder Nuxt) mit TypeScript im Strict-Modus, Component- und Unit-Tests (Vitest + Testing Library) und WCAG-2.1-AA-Barrierefreiheit – kein proprietäres Format, das Sie an eine Plattform bindet.
Was passiert nach der Übergabe? Wer macht Updates?
Der Code gehört Ihnen – keine Anbieterabhängigkeit und keine laufenden Kosten an uns. Wir verwenden ausschließlich frei verfügbare, etablierte Technologie – nichts, das Sie an uns bindet. Inhaltliche Aktualisierungen (neue Artikel, Bilder, Textänderungen) laufen über Ihr CMS ohne Entwickler. Technische Updates (Framework-Versionen, Sicherheitspatches, neue Features) erfordern einen Entwickler – aus Ihrem Team oder von einer Agentur, die mit Standard-Web-Frameworks arbeitet. Wir hosten oder warten die Seite nach der Übergabe nicht – sie läuft auf Ihrer eigenen Hosting-Plattform.
Brauche ich für den laufenden Betrieb einen Entwickler?
Für Inhalte – nein. Ihr Team verwaltet Artikel, Bilder und Seiten direkt im CMS. Die Kundenanleitung erklärt jeden Schritt ohne technischen Jargon. Für Design-Änderungen, neue Features oder technische Updates – ja. Die Entwickler-Dokumentation beschreibt den Aufbau und zeigt, wo Anpassungen möglich sind, sodass jeder qualifizierte Entwickler das Projekt übernehmen kann.
Wir nutzen Salesforce, nicht HubSpot. Geht das?
HubSpot ist die integrierte CRM-Anbindung – Kontaktformulare, Lead-Routing und Deal-Erstellung funktionieren sofort. Für andere CRM-Systeme (Salesforce, Pipedrive, Zoho oder andere) kann ein Entwickler die Anbindung mit wenigen Anpassungen herstellen – die Website selbst muss nicht verändert werden. Der erstellte Code ist Standard-TypeScript, sodass jedes CRM mit einer API integriert werden kann.
Seit Juni 2025 gilt das BFSG. Reicht das, was Sie liefern, rechtlich aus?
Unsere Websites erfüllen WCAG 2.1 AA – den international anerkannten Barrierefreiheitsstandard. Das bedeutet: Die Website funktioniert mit Vorleseprogrammen, per Tastatur, hat ausreichende Farbkontraste und korrekt aufgebaute Menüs und Dialoge. Das ist die technische Umsetzung. Eine formale Barrierefreiheitserklärung und je nach Branche ein zertifiziertes Audit können separat erforderlich sein. Wir liefern die technische Grundlage; die formale Compliance-Dokumentation liegt bei Ihnen.
Wie läuft ein typisches Projekt ab – vom Erstkontakt bis die Seite online ist?
Sie schicken uns ein Briefing: Ihre Farben und Ihren Stil, Ihr CMS (falls vorhanden) und was Ihre Website können soll. Wir erstellen Ihr Projekt in 5–7 Werktagen. Sie erhalten das vollständige Projekt – Code, Tests und Dokumentation – und prüfen es mit Ihrem Team. Nach eventuellen Korrekturen verbinden Sie Ihre Domain und gehen live. Ihr Zeitaufwand: typischerweise 1–2 Stunden für das initiale Briefing und 1–2 Stunden für die abschließende Prüfung.
Kann jemand ohne technischen Hintergrund die Website pflegen?
Ja. Die Inhaltspflege – Artikel anlegen, Bilder tauschen, Texte aktualisieren – erfolgt in Ihrem CMS, das ähnlich wie Word funktioniert: Vorlage wählen, Text eingeben, veröffentlichen. Die Kundenanleitung erklärt jeden Schritt. Kein Programmieren, keine Kommandozeile, keine technische Ausbildung nötig. Für Änderungen am Design, an der Struktur oder an Funktionen wird ein Entwickler benötigt.
Können wir das Projekt vor der Abnahme prüfen?
Ja. Sie erhalten das vollständige Projekt – Code, Tests, Dokumentation – und können es von Ihrem Team oder einem externen Entwickler prüfen lassen, bevor Sie es abnehmen. Wenn etwas nicht Ihren Erwartungen entspricht, überarbeiten wir es. Das Projekt liegt von Anfang an offen vor Ihnen, nicht als Black Box, die Sie erst am Ende sehen.

Für Entwickler

Welche Dependencies hat ein typisches Projekt und wie aktuell sind sie?
Nur etablierte, aktiv gewartete Pakete – keine Solo-Developer- oder Pre-1.0-Libraries. Ein typisches Next.js-Projekt verwendet das Framework selbst, Tailwind CSS, Vitest, Testing Library, DOMPurify und eine Handvoll Standard-Utilities. React-Native-Projekte folgen demselben Prinzip mit Expo, NativeWind und Jest. Alle auf aktuelle Stable-Versionen gepinnt, mit mitgeliefertem Lockfile. Kein proprietäres Runtime oder Custom-Build-System – Standard-npm-Scripts, Standard-Vite- oder -Next.js-Toolchain.
Kann ich eigene Komponenten, API-Routen oder Middleware hinzufügen, ohne den erstellten Code zu brechen?
Ja. Das Projekt folgt den Standard-Konventionen des Frameworks – Next.js App Router, Vue Router, Nuxt-dateibasiertes Routing oder Expo Router für React Native. Keine eigenen Abstraktionen oder Code-Generierungs-Marker, die manuelle Änderungen stören. Die Entwickler-Dokumentation beschreibt Aufbau, Verzeichnisstruktur und Erweiterungspunkte. Sie fügen Dateien an den Standard-Stellen hinzu, und der bestehende Code muss nicht verändert werden.
Welche Performance-Werte kann ich erwarten?
Projekte sind auf Core Web Vitals optimiert. Typische Lighthouse-Scores: 90+ in Performance, Accessibility, Best Practices und SEO. Bildoptimierung (responsive Größen, WebP/AVIF, Lazy Loading), Code-Splitting und framework-natives Rendering (SSR, SSG oder ISR je nach Route) sind Standard. Web-Vitals-Monitoring kann Real-User-Metriken an Ihren Analytics-Anbieter senden.

Lassen Sie uns über Ihre Website sprechen.

Projekte ab 1.000 €. Sagen Sie uns was Sie brauchen – wir senden Ihnen innerhalb von 24 Stunden ein kostenloses Angebot. Unverbindlich.

Oder schreiben Sie uns direkt: hello@genfabric.dev