Website-Erstellungsprozess

Phase 0

Anfrage & Erstgespräch

1

🟢 Kunde findet uns (Google, Empfehlung, qsmarketing.de Kontaktformular)
2

🟢 Anfrage kommt rein → Notification an Moha
3

🟢 Erstgespräch (Moha, Verkaufsleitfaden)

Phase 1

Erstabfrage & Analyse

4

🟢 Moha sendet Erstabfrage-Link an Kunden: analyse.qsdesigns.de
📝 Digitaler Fragebogen: Praxis-Situation, aktuelle Neupatienten, Ziel-Neupatienten, gewünschte Behandlungen, Kapazität (heute vs. Traum), Budget, Vision. Inkl. Live-Potenzialanalyse für die Stadt des Kunden.
5

🤖 Kunde füllt Fragebogen aus → Daten landen in DB + E-Mail an info@qsmarketing.de
6
🤖 AI erstellt automatisch Briefing für Moha:
- Zusammenfassung der Fragebogen-Antworten
- Praxis-Scan: Website, GMB, Bewertungen
- Wettbewerbs-Analyse: Google Ads Konkurrenz in der Stadt
- Paket-Empfehlung (Starter / Growth / Premium) mit Begründung
- 3–5 Gesprächspunkte für das Angebotsgespräch

Phase 2

Angebot & Abschluss

7

🟢 Moha entscheidet: GO [Paket] oder NEIN → per Telegram
8

🤖 AI erstellt Angebot (PandaDoc) → Moha gibt GO → am nächsten Tag versenden
⚠️ Regel: Angebot immer erst am nächsten Tag versenden — nie sofort!
9

🟢 Kunde unterschreibt digital

Phase 3

Onboarding

9

🤖 Setup-Rechnung (sevDesk) → Moha GO → versenden
10

🤖 Willkommens-E-Mail + Onboarding-Link → Moha GO → versenden
11
🟢 Kunde füllt Onboarding-Formular aus
- Praxis-Infos, Team, Behandlungen, Fotos
- Template-Wahl aus 16 Designs
- Zugänge: Domain, GMB, Google Ads, Analytics, Search Console
- Alle Google-Zugänge an qsmarketingoffice@gmail.com
12

🟢 Moha prüft Onboarding → GO oder Nachfassen

Phase 4

Website bauen

12b

🟢 Moha füllt BRIEFING.md aus (5 Min) — bevor Website-Bau startet
Datei: websites/[kunde]/BRIEFING.md

🎨 Design

Template / Farben / Logo

📞 Kontaktdaten

Name, Adresse, Tel, E-Mail, Öffnungszeiten

📸 Inhalte

Fotos vorhanden? Texte vorhanden? Behandlungsseiten?

🔍 On-Page SEO

Haupt-Keywords, Meta-Titles, Konkurrenz-URLs

📋 Scope

Behandlungsseiten für Entwurf festlegen
📂 Template-Katalog

🟢 Moha wählt Template im Briefing (Schritt 12b)

🦷 Zahnmedizin

Zahnkultur

Warm, feminin, editorial
→ Vorschau

Zahnkultur Teal (Droste)

Zahnkultur-Basis mit Teal + Kupfer
→ Vorschau

Warm Modern (Tigan)

Petrol-Blau + Kupfer, einladend
→ Vorschau

Modern Minimal

Viel Weißraum, architektonisch, S/W
→ Vorschau

Bold & Confident

Dunkel, Gold-Akzente, starke Kontraste
→ Vorschau

Clean S/W

Schwarz-weiß, minimalistisch, Garamond
→ Vorschau

Rounded / Soft

Organisch, Coral/Orange, gerundet, KFO
→ Vorschau

Kachel-Start

Eckige Kacheln, modulares Grid
→ Vorschau

Zigzag Gold

Olive + Gold, Zigzag-Übergänge, Slideshow
→ Vorschau

Architektur Premium

Premium, editorial, Großstadt
→ Vorschau

KFO

Modern, jugendlich, dynamisch
→ Vorschau

💉 Plastische Chirurgie

Dark

Dunkel, luxuriös, edgy
→ Vorschau

Warm

Warm, einladend, feminin
→ Vorschau

Nature

Organisch, natürlich, Grüntöne
→ Vorschau

Luxus

Premium, Gold-Akzente, exklusiv
→ Vorschau

Nahbar

Persönlich, authentisch, modern
→ Vorschau
13
🤖 AI liest BRIEFING.md → legt Kunden-Verzeichnis an: websites/[kunde]/
- config.json — Praxisdaten, Farben, Tracking-IDs, Netlify Site-ID
- content/startseite/ — hero.json, team.json, leistungen.json, etc.
- content/behandlungen/ + content/behandlungen-html/
- public/images/ — Fotos der Praxis
13b
🤖 Keyword-Recherche für Behandlungsseiten (PFLICHT vor Content)
🔍 Immer zuerst recherchieren, nie raten! Google Autocomplete, Top-3 Konkurrenz, Suchintention prüfen. Ergebnis: Keyword-Map pro Seite mit Haupt-Keyword, Sekundär-Keywords, Suchintention.
- Suchvolumen & Wettbewerb — pro Keyword abschätzen
- Differenzierung prüfen — unterschiedliche Suchintention = separate Seiten (z.B. "Menopause" vs. "Wechseljahre")
- Keyword-Map an Moha — GO abwarten bevor Content geschrieben wird
- Texte schreiben: Skill qs-seo-text — SEO-Behandlungstexte für alle Fachrichtungen (H1, Fließtext, Meta-Title, Meta-Desc)
14
🤖 AI baut die Website
```
bash scripts/build-kunde.sh [kunde]
```
📸 Screenshot-Vergleich: AI macht automatisch Desktop + Mobile Screenshots der Referenz-Website und vergleicht sie visuell mit dem eigenen Build. So werden Layout-Abweichungen sofort erkannt. node scripts/screenshot.mjs [url] --both

🖼️ Stock-Fotos: AI zieht die besten Platzhalter-Fotos von iStock, Adobe Stock, Pexels & Unsplash für den Entwurf. Für Go-Live: echte Fotos vom Kunden oder lizenzierte Versionen kaufen. node scripts/stock-images.mjs "zahnarzt portrait" --count=10

💡 Modell-Regel: Opus für ersten Entwurf. Sonnet für Fixes & Anpassungen danach.

🎨 Design-Kopie (qs-website-clone Skill): Bei Referenz-Website zuerst Screenshots analysieren — DANN bauen. Sektion für Sektion, nach jeder Sektion eigenen Build screenshotten + visuell vergleichen. Nie blind raten. Erster Entwurf IMMER Opus im Main-Chat — nie Subagent, nie Sonnet. Subagents erst nach Mohas Freigabe für Fixes + Deploys.

🔒 Site-Verification (PFLICHT!): Vor jeder Änderung: bash scripts/verify-site.sh <site-key> — prüft automatisch: richtiger Kunde, richtige Site, kein fremder Content. Bei ❌ → SOFORT STOPP, Rückfrage an Moha. Kein Edit/Deploy ohne ✅ VERIFIED. edit-deploy.sh führt verify automatisch aus.

🔬 Design-Extraktion (designlang): Vor dem Bauen automatisch Design-Tokens extrahieren: npx designlang <referenz-url> → liefert Tailwind Config, CSS Variables, Farben, Fonts, Spacing, Shadows. Auch für Abwandlungen: Tokens extrahieren → Werte anpassen (z.B. andere Farben) → als Basis für den Build nutzen.

⚠️ Starter-Kit ist designneutral! Farben kommen NUR aus config.json. websites/droste/ = technische Referenz, NIEMALS Design kopieren. Droste-Farben (#5E98C0, #C8956C) dürfen in keinem neuen Projekt auftauchen.
- Schablone: skills/qs-website-build/assets/starter-kit/
- Stack: Astro + Tailwind + Netlify + Cloudflare
- Ab Tag 1: Impressum, Datenschutz, Schema.org, WordPress-Tarnung
- robots.txt: Disallow / (kein Indexing bis Go-Live)
15

🤖 AI deployed auf Preview-Domain ([kunde].qsdesigns.de)
16

🤖 AI → Moha: "Website fertig — [Link] — bitte prüfen"
17

🟢 Moha prüft intern → GO oder Feedback
18

🤖 Testseite + Freigabe-Link an Kunden (14 Tage nach Onboarding)
19

🤖 Bis zu 3 Feedbackschleifen → Änderungen → neue Version → Freigabe-Link
⚠️ Max. 3 Feedbackschleifen — danach Scope-Change Prozess einleiten!
20

🟢 Kunde gibt final frei ✅

Phase 5

Pre-Launch AI — kein GO nötig

21
🤖 Tracking einrichten
- GA4 Measurement-ID in config.json
- Meta Pixel in config.json
- Google Ads Conversion-Tag in config.json
- Usercentrics Settings-ID in config.json
- Microsoft Clarity ID in config.json
22

🤖 Sitemap generieren + in Search Console einreichen
23

🤖 SEO Final-Check: Meta-Titles, Descriptions, Alt-Texte, Canonical-URLs
24

🤖 Schema.org prüfen: Organization, Service, BreadcrumbList, FAQPage
25

🤖 Formular testen: Absenden → API → DB → E-Mail korrekt?
26

🤖 PageSpeed + Mobile-Check
27

🤖 llms.txt erstellen (LLM-Optimierung für ChatGPT, Perplexity etc.)

Phase 6

Go-Live mit Moha GO

28

🟢 DNS umstellen → Moha/Kunde (A-Record auf 75.2.60.5 oder Cloudflare NS)
⚠️ DNS immer Moha/Kunde — nie automatisch!
29

🤖 robots.txt auf Allow / umstellen
30
🤖 Live-Deploy
```
bash scripts/deploy-live.sh [kunde]
```
Auto-Build → Deploy → Auto-Test → Auto-Rollback bei Fehler → Deploy Lock

⚠️ NIEMALS deployen ohne deploy-live.sh!
31

🤖 SSL prüfen (Netlify auto nach DNS)
32

🤖 UptimeRobot Monitor anlegen (5 Min Intervall, Telegram-Alarm)
33

🤖 Deploy Lock aktiv lassen 🔒
34

🤖 Go-Live E-Mail an Kunde → Moha GO → versenden

Phase 7

Google Ads nach Go-Live

35

🤖 Google Ads Konto erstellen (unter MCC 935-676-2205)
36
🤖 AI erstellt Kampagnen-Vorschlag → Moha GO
- 1 Keyword = 1 Kampagne (strikt!)
- Nur exakte Match-Keywords
- Manueller CPC
- Geo: DACH oder spezifische Region
⚠️ 1 Keyword = 1 Kampagne — keine Ausnahmen!
37

🤖 Sitelinks, Callouts, RSA Anzeigen anlegen
38

🤖 GA4 Conversions importieren (Kontaktformular, Telefonklick, Terminbuchung)
39

🟢 Ads live schalten → Moha GO

Phase 8

1 Woche nach Go-Live

40

🤖 GMB optimieren → Moha GO (Primärkategorie immer "Zahnarzt")
41

🤖 Search Console verifizieren
42

🤖 Backlinks aufbauen (zeitlich gedrosselt)
⚠️ Backlinks + Citations erst 1 Woche nach Go-Live — nie früher!
43

🤖 Citations erstellen (als allerletztes)

Phase 9

Laufende Betreuung (monatlich)

44

🤖 Monatliches Reporting → AI erstellt → Moha GO → an Kunde
45

🤖 Google Ads Optimierung (AI laufend)
46

🤖 SEO Monitoring + Behandlungsseiten-Optimierung (AI laufend)
47

🤖 GMB Posts + Bewertungsmanagement (Growth/Premium)
48

🤖 Monatsrechnung (sevDesk) → Moha GO → versenden

Regeln

Wichtige Regeln

⚠️ Jede E-Mail: Moha gibt GO — kein automatischer Versand ohne explizites OK!

⚠️ Angebot: immer nächsten Tag versenden — nie direkt nach dem Gespräch!

⚠️ Max. 3 Feedbackschleifen — danach Scope-Change Prozess einleiten!

⚠️ NIEMALS deployen ohne deploy-live.sh — kein manuelles Netlify-Deploy!

⚠️ Textänderung = Einzeldatei-Methode! — scripts/edit-deploy.sh <site-key> <datei>:<pfad> — NUR die geänderte(n) Datei(en) deployen. ⛔ ZIP-Deploy VERBOTEN für Änderungen (zerstört Fonts/CSS/Bilder). ZIP nur für komplett neue Websites.

⚠️ Starter-Kit Build NUR für: Komplett neue Websites, neue Behandlungsseiten, Struktur-/Template-Änderungen. Nie für bestehende Seiten!

⚠️ Tägliche Backups: Alle Kunden-Websites werden automatisch gesichert (03:00 Uhr). Vor jedem Deploy: aktuelles Backup prüfen! Script: ./scripts/backup-websites.sh

⚠️ Site-Verification PFLICHT! — bash scripts/verify-site.sh <site-key> vor JEDER Änderung. Prüft: richtiger Kunde, richtige Domain, kein fremder Content. Bei ❌ MISMATCH → SOFORT STOPP, Rückfrage an Moha. Kein Edit/Deploy ohne ✅ VERIFIED.

⚠️ 1 Keyword = 1 Kampagne — keine Ausnahmen bei Google Ads!

⚠️ Backlinks + Citations erst 1 Woche nach Go-Live — nie früher!

⚠️ DNS immer Moha/Kunde — nie automatisch — AI macht keinen DNS-Wechsel!

Checkliste

Go-Live Checkliste

Interaktiv — Haken setzen beim Durchgehen

0%

Referenz

Referenz-Dateien

Was	Wo
Schablone (Astro)	`skills/qs-website-build/assets/starter-kit/`
Kunden-Daten	`websites/[kunde]/`
Build-Command	`bash scripts/build-kunde.sh [kunde]`
Live-Deploy	`bash scripts/deploy-live.sh [kunde]`
Go-Live Checkliste	`skills/qs-website-build/references/go-live-checklist.md`
SKILL.md	`skills/qs-website-build/SKILL.md`
Referenz-Kunde	`websites/droste/` (41 Seiten, vollständig)
Kundenprozess (Details)	`memory/kundenprozess.md`
E-Mail Templates	`memory/email-templates.md`