Der komplette Webdesign-Prozess: Vom Onboarding bis zum Launch

Ein professioneller Webdesign-Prozess unterscheidet dich von 99 % deiner Konkurrenz. Die meisten Webdesigner arbeiten ohne klare Struktur -- das führt zu Scope Creep, endlosen Revisionen und frustrierten Kunden.

Onboarding

• Discovery Call: Kunden reden lassen (70:30-Split). Herz-Fragen zuerst, dann Kopf-Fragen.
• Vertrag + Anzahlung: Kein Projekt ohne unterschriebenen Vertrag UND erste Zahlung.
• Kickoff Call: Timelines und Deadlines festlegen.

Die richtigen Fragen im Discovery Call

Herz-Fragen (zuerst):

• Was ist die Vision hinter diesem Projekt?
• Welches Problem soll die neue Website lösen?
• Wie sollen sich Besucher auf der Website fühlen?

Kopf-Fragen (danach):

• Welche Seiten braucht die Website?
• Gibt es bestehende Brand-Guidelines?
• Wie sieht die Timeline aus?
• Wer liefert die Inhalte?

Design & Entwicklung

• Sitemap + Low-Fi Wireframe: Keine Design-Entscheidungen im Wireframe!
• Homepage zuerst: Setzt den Ton für alle anderen Seiten.
• Präsentation mit Loom-Video: Nie nur eine URL schicken -- immer erklären WARUM.
• 1 Revision pro Phase: 24h-Frist für Feedback.

Die vier Phasen der Design-Entwicklung

Phase 1 -- Struktur: Seitenstruktur als Flussdiagramm, Low-Fidelity Wireframes.

Phase 2 -- Homepage-Design: Vollständiges Design der Startseite, Farbpalette und Typografie festlegen.

Phase 3 -- Innenseiten: Auf Basis des Homepage-Designs, Wiederverwendung von Sections.

Phase 4 -- Entwicklung: Design in Code umsetzen, echte Inhalte einpflegen, Cross-Browser-Testing.

Launch

• Launch-Datum: Dienstagmorgen statt Freitagabend
• Alles testen: Formulare, Produkte kaufen, E-Mails
• Dog-Fooden: Jeden Flow selbst durchspielen

Pre-Launch-Checkliste

• Alle Formulare getestet
• Alle Links funktionieren
• Mobile-Ansicht auf echten Geräten getestet
• Meta-Titles und Descriptions gesetzt
• Favicons und OG-Bilder eingerichtet
• Analytics-Code eingebunden
• SSL-Zertifikat aktiv
• Ladezeit geprüft
• Impressum und Datenschutzerklärung vorhanden
• Redirects für alte URLs eingerichtet

Offboarding (oft übersehen!)

• Support-Phase: FAQ-Dokument + Loom-Videos für Anleitungen.
• Follow-up-System: Launch-Datum merken, regelmäßig melden.

Das Follow-up-System

• 1 Woche nach Launch: "Läuft alles?"
• 1 Monat: Performance-Check anbieten
• 3 Monate: Verbesserungsvorschläge
• Jährlich: Relaunch vorschlagen

Fazit

Ein strukturierter Prozess schützt vor Scope Creep, macht Arbeit planbar und beeindruckt Kunden durch Professionalität. Dein Prozess ist dein größter Differentiator.