1.3 Workflow (Design → Build → QA → Live)

Beschreibt die einzelnen Schritte im Webprojekt: Design, Umsetzung, Testing, Freigabe und Launch.

Inhaltsverzeichnis

A. Design

  • Moodboard & CI festlegen
  • Typo-Basis (Primärfont + Varianten), Spacing-Logik
  • Komponenten in Figma (Buttons, Cards, Sections)

B. Build

  • WP-Basis & Plugins, Permalinks, Favicon, DEV no-index
  • Hello Biz Child, /assets/, lokale Fonts
  • Elementor: Globale Farben & Typo, Menü „Guide – Kapitel“
  • Seiten nach Vorlage anlegen, Komponenten verwenden

C. QA

  • Responsive: Breakpoints, Wrap, Touch-Zonen
  • Abstände via Margin-Bottom konsistent?
  • Bilder: Größe/Format/Alt korrekt?
  • Lighthouse: LCP/CLS/INP im Ziel?

D. Live & Nachpflege

  • Indexing aktivieren (Lesen-Option)
  • Caching final, CDN optional
  • 301/404, Sitemap, Robots prüfen
  • Changelog-Eintrag & Verantwortliche

Shortcut

Baue zuerst die globalen Einstellungen (Typo/Farben/Buttons) und dupliziere dann Seiten. Spart Zeit & Fehler.

  • Globale Typo verwenden
  • Nur Margin-Bottom für Abstände
  • Keine verschachtelten Container
Änderung vorschlagen

Weiter zum nächsten Kapitel →

Nächstes Kapitel