› Webseiten-Projekt

Vertiefung

Webseiten-Projekt — der Ablauf von Briefing über Design und Umsetzung bis Launch und Betrieb

Webdesignerin und Entwickler arbeiten gemeinsam an Wireframes und dem Website-Layout im hellen Studio

Die MULTIMEDIAFABRIK setzt deine Webseite als schlüsselfertige Komplettleistung zum Festpreis um — in sechs klar getakteten Phasen von Briefing und Strategie über Custom-Design auf Bricks und Entwicklung bis Qualitätssicherung, Launch und laufendem Betrieb. Du bekommst vor Projektstart Festpreis und Zeitplan, nicht erst eine Schätzung, die im Verlauf wächst.

Projekt starten

Anders als bei einem Dienstleister-Karussell mit offenen Tageshonoraren liegt jede Phase bei einem verzahnten Inhouse-Team — ein Ansprechpartner von der ersten Skizze bis zum Reporting nach dem Launch. Auf dieser Seite findest du den Ablauf im Detail: was in jeder Phase passiert, was du beisteuerst und woran du den Fortschritt erkennst.

Die sechs Phasen im Überblick

Ein Webseiten-Projekt folgt einem festen Takt: Briefing → Design → Umsetzung → Qualitätssicherung → Launch → Betrieb. Jede Phase hat ein klares Ergebnis und eine Freigabe, bevor es weitergeht.

Phase	Inhalt	Ergebnis	Zeitrahmen (Richtwert)
1 — Briefing & Strategie	Workshop, Ziele, Zielgruppen, Sitemap, Content-Plan, Funnel-Logik	freigegebene Sitemap und Content-Plan	1-2 Wochen
2 — Design	Wireframes, Custom-Design auf Bricks, Freigabe-Schleifen	freigegebenes Seiten-Design	2-3 Wochen
3 — Umsetzung	Build, Content-Integration, Schema, Barrierefreiheit, Performance	fertige Seite auf der Staging-Umgebung	3-5 Wochen
4 — Qualitätssicherung	Core-Web-Vitals-Check, WCAG-Audit, Device-Tests, Redirect-Plan	Abnahme-Protokoll	ca. 1 Woche
5 — Launch	Go-Live, DNS, 301-Mapping, Search-Console-Anbindung	Seite live, Rankings gesichert	wenige Tage
6 — Betrieb & Optimierung	EU-Hosting, Wartung, Backups, Security, SEO-/GEO-Pflege	laufender Betrieb mit Reporting	fortlaufend

Phase 1 — Briefing & Strategie

Bevor eine einzige Seite gestaltet wird, klären wir das Ziel. Im Briefing-Workshop legen wir fest, was die Seite leisten soll — mehr Anfragen, mehr Bewerbungen, Direktbuchungen oder Sichtbarkeit in der KI-Suche — und für wen sie gebaut wird.

Baustein	Was passiert
Ziel-Definition	klare Erfolgsmessung statt „schöner aussehen”
Zielgruppen	wer die Seite nutzt und welche Frage sie beantwortet
Sitemap	welche Seiten es gibt und wie sie zusammenhängen
Content-Architektur	welche Inhalte vorhanden sind, welche entstehen müssen
Funnel-Logik	wie aus einem Besucher eine Anfrage wird

Am Ende dieser Phase steht eine freigegebene Sitemap und ein Content-Plan — die Grundlage, auf der Design und Umsetzung kalkulierbar werden.

Kreatives Web-Team begutachtet eine Premium-Webseite auf einem großen Monitor im hellen Büro im Bodenseeraum

Phase 2 — Design

Im Design entsteht das Gesicht deiner Seite — als Custom-Design im Corporate Design deines Unternehmens, mobile-first und auf Bricks-Builder aufgesetzt, nicht aus einem generischen Schnell-Theme.

Schritt	Inhalt
Wireframes	Struktur und Hierarchie jeder Seitenvorlage
Visual-Design	Farben, Typografie, Komponenten im Corporate Design
Mobile-first	das Design beginnt am Smartphone, nicht am Desktop
Freigabe-Schleifen	definierte Revisions-Runden statt endloser Schleifen

Erst wenn das Design freigegeben ist, beginnt die Entwicklung. So vermeiden wir teure Umbauten an der bereits gebauten Seite.

Phase 3 — Umsetzung

In der Umsetzung wird aus dem Design eine echte, performante Webseite auf WordPress mit Bricks und ACSS. Barrierefreiheit, Schema und Performance werden nicht nachgerüstet, sondern von Anfang an mitgebaut.

Aufgabe	Detail
Build	sauberer semantischer Code über Bricks/ACSS
Content-Integration	Texte, Bilder und Medien an ihren Platz
Schema-Layer	JSON-LD für SEO und KI-Sichtbarkeit
Barrierefreiheit	WCAG 2.1 AA im Code, kein Overlay
Performance	optimierte Bilder, Caching, Lazy-Loading

Die Seite entsteht auf einer Staging-Umgebung, auf der du den Fortschritt jederzeit ansehen kannst — live geht erst, was abgenommen ist.

Person wartet am Smartphone auf eine langsam ladende mobile Webseite

Phase 4 — Qualitätssicherung

Vor dem Launch prüfen wir die Seite systematisch — nicht nur, ob sie hübsch ist, sondern ob Tempo, Recht und Migration sauber sitzen.

Check	Was geprüft wird
Core Web Vitals	LCP, INP und CLS mit dokumentiertem Lighthouse-Check
WCAG-Audit	Kontrast, Fokus-Reihenfolge, Tastatur-Navigation, ARIA
Device-Tests	Darstellung auf Smartphone, Tablet und Desktop
Redirect-Plan	301-Mapping jeder alten URL auf die neue Ziel-URL

Das Ergebnis ist ein Abnahme-Protokoll — eine dokumentierte Grundlage, auf der der Launch erfolgt.

Phase 5 — Launch

Der Go-Live ist der heikelste Moment eines Relaunches. Wir migrieren mit einem dokumentierten 301-Redirect-Mapping: jede alte URL zeigt mit einer einzigen Weiterleitung auf die neue Ziel-URL, keine Ketten, keine temporären 302/307. So vermeiden wir die Ranking-Verluste, die schlecht geplante Relaunches verursachen [Incremys, 2026].

Schritt	Inhalt
Go-Live	Umstellung auf die produktive Umgebung
DNS	saubere Domain-Umstellung mit kurzer Übergangszeit
301-Mapping	jede alte URL eine Weiterleitung, keine Ketten
Search Console	Anbindung und neue Sitemap eingereicht

Hände bedienen eine barrierefreie Webseite per Tastatur mit deutlichen Fokus-Markierungen am Bildschirm

Phase 6 — Betrieb & Optimierung

Nach dem Launch endet das Projekt nicht — es beginnt der Betrieb. Im optionalen monatlichen Care-Paket übernimmt dasselbe Team, das die Seite gebaut hat, Hosting, Wartung und laufende Sichtbarkeits-Pflege.

Leistung	Inhalt
EU-Hosting	DSGVO-konform, in der EU gehostet
Backups	automatisierte, regelmäßige Sicherungen
Security	Core-/Plugin-Updates und Security-Patches
Monitoring	Uptime-Überwachung der Live-Seite
SEO-/GEO-Pflege	laufende Optimierung mit Reporting

Quick-Reference

Sechs Phasen: Briefing & Strategie → Design → Umsetzung → Qualitätssicherung → Launch → Betrieb
Festpreis und Zeitplan stehen vor Projektstart, nicht als nachwachsende Schätzung
Starter-/Business-Projekte typisch 5-9 Wochen, Premium-/Multi-Domain 8-14 Wochen
Jede Phase endet mit Freigabe; die Seite entsteht auf einer Staging-Umgebung
Launch mit dokumentiertem 301-Mapping, eine Weiterleitung je URL, keine Ketten
Betrieb im optionalen Care-Paket: EU-Hosting, Backups, Security, Monitoring, SEO/GEO

Laptop zeigt eine KI-Chat-Antwort, die eine Marke als Quelle zitiert, im hellen modernen Arbeitsplatz

Inline-FAQ Ablauf

Wie lange dauert ein Webseiten-Projekt? Starter- und Business-Projekte sind typisch in 5-9 Wochen live, Premium- und Multi-Domain-Projekte in 8-14 Wochen — abhängig vom Umfang und davon, wie schnell Inhalte zugeliefert werden.

Was muss ich als Kunde beisteuern? Vor allem dein Wissen und vorhandene Inhalte. Im Briefing klären wir, welche Texte und Bilder es gibt; was fehlt, kann aus demselben Haus entstehen — Text, Foto, Video und ePaper.

Sehe ich die Seite vor dem Launch? Ja. Die Seite entsteht auf einer Staging-Umgebung, auf der du den Fortschritt jederzeit ansiehst. Live geht erst, was du in der Qualitätssicherung abgenommen hast.

Was passiert mit meinen Rankings beim Launch? Wir migrieren mit einem dokumentierten 301-Redirect-Mapping — jede alte URL eine einzige Weiterleitung, keine Ketten, kein 302/307. So bleibt die Sichtbarkeit erhalten.

Was passiert nach dem Launch? Im optionalen monatlichen Care-Paket übernehmen wir Hosting, Backups, Security-Updates, Monitoring und die laufende SEO-/GEO-Pflege — dasselbe Team, das die Seite gebaut hat.

Webseiten-Projekt anfragen

Gratis-ePaper · PDF

Die Webseiten-Relaunch-Checkliste

Die drei Verschiebungen 2026: Mobile-Dominanz, KI-Suche und Barrierefreiheits-Pflicht
Selbsttest für Performance, Recht und Sichtbarkeit deiner aktuellen Seite
Die häufigsten Relaunch-Fallen und wie du sie vermeidest
Dienstleister-Check: Datenhoheit, ein Ansprechpartner, Festpreis

Checkliste laden