Der Designer wartet auf Texte. Die Texterin wartet auf die freigegebene Struktur. Du wartest auf das Design, um zu wissen, welche Fotos noch fehlen. Alle sind beschäftigt, das Hosting ist schon bezahlt, und die Leistungsseite hat weiterhin keinen Inhalt. Das ist eine typische fiktive Situation, kein Bericht über einen bestimmten Kunden.
Die Phasen eines Website-Projekts sind mehr als ein Zeitplan im Vertrag. Sie zeigen, welche Entscheidung vor dem nächsten Schritt fallen muss, wer Material liefert und was du als Auftraggeber abnimmst. Design und Code können ein Projekt verzögern. Oft entsteht der Engpass aber früher: Produkte, Texte, Fotos, Bedingungen, Zugänge und die Person für die Freigabe sind nicht geklärt.
Wir gehen den Weg vom Briefing bis zu den ersten 30 Tagen nach dem Start durch. Als reales Beispiel dient die Arbeit von GrandMa für Ratner Beauty. Wir bauten den Shop für Parfüm-Abfüllungen von Grund auf, einschließlich Katalogstruktur, Messung und redaktionellem System. Der Case zeigt, warum eine Website mehr ist als ein Entwurf der Startseite. Die dokumentierten Ergebnisse nenne ich am Ende und trenne sie klar von nicht belegten Verkaufszahlen.
1. Die Phasen eines Website-Projekts im Überblick
Reihenfolge und Parallelität hängen von der Art der Website und vom Vertrag ab. Für jede Phase sollten trotzdem Eingang, Ergebnis und Person für die Abnahme feststehen.
| Phase | Was vorher gebraucht wird | Was du abnimmst | Wer freigibt und was verzögern kann |
|---|---|---|---|
| Briefing | Unternehmensziel, Zielgruppe, Angebot und Grenzen | Schriftliches Website-Ziel, wichtige Besucheraktionen und Projektumfang | Inhaber oder Bereichsleitung; verzögert durch „soll modern sein“ als einziges Ziel. |
| Recherche und Struktur | Briefing, Liste von Leistungen oder Produkten, Kundenfragen | Seitenplan, Katalog oder Leistungsgruppen, Wege zur Anfrage | Inhaber und Vertrieb; verzögert durch ein noch unbestimmtes Sortiment. |
| Prototyp | Freigegebene Struktur, wichtige Fakten und Szenarien | Reihenfolge der Inhalte, Formulare und mobile Navigation | Entscheidungsträger; verzögert durch Farbdebatten vor der inhaltlichen Logik. |
| Texte und Material | Struktur, Preise, Bedingungen, Fotos und Belege | Freigegebene Fakten, brauchbare Dateien und Nutzungsrechte | Fachperson im Unternehmen und Redaktion; verzögert, wenn „vorläufiger Text“ dauerhaft bleibt. |
| Design | Prototyp, echte Inhalte, Marke und technische Anforderungen | Entwürfe der wichtigsten Seiten und Zustände für Desktop und Mobilgeräte | Inhaber und Markenverantwortliche; verzögert durch neue Anforderungen nach Freigabe. |
| Entwicklung und Befüllung | Freigegebene Entwürfe, Inhalte, Domain und Integrationen | Funktionierende Test-Website mit befüllten Seiten | Projektteam; verzögert durch fehlende Zugänge oder Daten. |
| Testen | Funktionierende Website, Kundenszenarien und Abnahmekriterien | Geprüfte Wege und behobene Fehler | Unternehmen und Anbieter zusammen; verzögert, wenn nur die Startseite getestet wird. |
| Start | Abgenommene Website, Migrationsplan, Zugänge und Backup | Live-URLs, Formulare, Analytics, URL-Zuordnung und Übergabe | Zuständige für Domain, Server, Analytics und Anfragen; verzögert durch ein ungeklärtes Startfenster. |
| Erste 30 Tage | Live-Website und jemand für eingehende Anfragen | Fehlerkontrolle, echte Kundenfragen und Plan für kleine Korrekturen | Produktverantwortliche und Support; verzögert, wenn nach Veröffentlichung niemand zuständig ist. |
Mit der Tabelle lässt sich ein Angebot lesen. Steht dort „Website aus einer Hand“, aber niemand weiß, wer Texte schreibt, Produkte hochlädt und Formulare prüft, liegt der Schlüssel noch an einem unbekannten Ort.
2. Briefing und Struktur: wichtige Entscheidungen vor dem Design
Ein Briefing braucht keine dreißig Seiten allgemeiner Wünsche. Es sollte beantworten, wer auf die Website kommt, was diese Person verstehen will, warum sie vielleicht keine Anfrage stellt und welche Handlung einfach werden soll. Im Shop können das Produktsuche, Größenvergleich, Bestellung und Erhalt der Ware sein. Bei einer Dienstleistung geht es vielleicht darum, Erfahrung und Bedingungen zu prüfen und Kontakt aufzunehmen.
Lass dir einen Seitenplan zeigen, bevor dekorative Entwürfe entstehen. Wo liegen die Kategorien? Brauchen unterschiedliche Bedürfnisse eigene Seiten? Wie erreicht jemand aus der Suche das passende Produkt, statt immer auf der Startseite zu landen? Bei Ratner Beauty bestimmten wir zuerst Angebot und Zielgruppe, Website-Architektur, Produktstruktur, Messung und Suchgrundlage. Dieser Arbeitsumfang ist im Case dokumentiert. Zahlen zu Besprechungen, Prototypen oder Freigabedauer, die dort nicht stehen, würde ich nicht dazuerfinden.
Ein Prototyp zeigt die Reihenfolge der Informationen ohne das endgültige Erscheinungsbild. Eine Produktseite braucht Namen, Varianten, Bedingungen, eine Handlungsmöglichkeit und Antworten auf Fragen, die den Kauf verhindern könnten. Diesen Weg kannst du prüfen, bevor spätere Designänderungen teurer werden. Mir ist wichtig, dass jemand auf dem Telefon das Richtige findet, ohne sich erst durch die ganze Website zu arbeiten.
Nicht jedes Projekt benötigt eine große eigene Prototypendokumentation. Für eine einfache Website kann eine Skizze der Bereiche und Übergänge reichen. Die Prüfung von Inhalt und Weg bleibt sinnvoll. Sonst beginnt die Frage nach der Seite „Lieferung“ erst, wenn der Footer schon programmiert ist.
3. Texte, Fotos und Fakten: Wer bereitet sie tatsächlich vor?
Eine Texterin kann verständlich formulieren, kennt aber weder deinen Lagerbestand noch Mindestbestellungen, Rückgaberegeln oder Liefergebiete von selbst. Ein Designer kann einen Katalog schön ordnen, aber keine Produkttaxonomie an deiner Stelle bestimmen. Kläre daher früh: Wer sammelt Fakten, wer schreibt, wer prüft und wer gibt endgültig frei?
Bei Ratner Beauty gehörte die Produktstruktur zum Fundament des Shops. Gibt es viele Marken und Varianten, wirkt sich eine schlechte Einteilung überall aus: in Menü, Filtern, Produktkarten, Analytics und Suche. Deshalb sollten Inhaltsstruktur und technisches SEO vor dem massenhaften Befüllen geklärt werden, nicht erst danach.
Auch Fotos verlangen Entscheidungen. Bitte um eine Liste der benötigten Motive pro Seite: Titelbild, Produkt, Detail, Team und Beleg für die Arbeit. Kläre Format, Größe und Nutzungsrecht. Plane keine Seite mit fünf großen Bildern, wenn es im Unternehmen nur ein unscharfes Messenger-Foto gibt. Und fülle Lücken nicht mit beliebigen AI-Bildern, die das Produkt nicht erklären.
4. Design und Entwicklung: Einen funktionierenden Weg abnehmen
Sieh dir mehr als den ersten Bildschirm an. Bitte um eine lange Seite, Produktkarte, Formular, Fehlermeldung, leeres Suchergebnis und Mobilansicht. Bleiben Inhalte und Bedienelemente bei vergrößertem Text nutzbar? Ist bei Bedienung per Tastatur der Fokus sichtbar und die Aktion erreichbar? Die vorläufigen Prüfungen des W3C WAI helfen, einfache Hindernisse zu entdecken. Sie ersetzen kein vollständiges Barrierefreiheits-Audit.
In der Entwicklung werden aus Entwürfen HTML, Seiten, Formulare und Integrationen. Du brauchst eine Testadresse, auf der du drei Hauptwege durchspielen kannst. Erstens: Jemand erreicht die richtige Seite und findet eine Antwort. Zweitens: Die Person sendet ein Formular ab oder bestellt. Drittens: Es geht etwas schief und die Website erklärt den nächsten Schritt. „Danke“ nach dem Absenden beweist noch keine Zustellung der Anfrage. Verfolge sie bis zum Postfach, CRM oder anderen tatsächlichen Empfänger.
Erscheinen wichtige Inhalte erst nach der Ausführung von JavaScript, prüfe ihre Zugänglichkeit für Suchsysteme. Google erläutert die Verarbeitung von JavaScript. Technische Lesbarkeit garantiert weder Indexierung noch Rankings, ist aber vor SEO-Arbeit zu prüfen.
5. Zehn Dinge, die du im Voraus vorbereiten kannst
- Ein Hauptziel der Website. Was soll nach dem Besuch passieren: Anfrage, Bestellung, Buchung oder Preisfrage?
- Liste der Produkte oder Leistungen. Mit Varianten, Grenzen und Dingen, die noch nicht angeboten werden.
- Fragen von Käufern. Nimm sie aus echten Mails und Gesprächen, nicht aus einem erfundenen Konkurrenz-FAQ.
- Verkaufsbedingungen. Preis oder Berechnungsweise, Lieferung, Regionen, Fristen, Zahlung und Rückgabe.
- Vertrauenswürdige Fakten. Cases, Bewertungen, Dokumente und Arbeitsfotos, die mit Quellen veröffentlicht werden dürfen.
- Eine Person für Inhalte. Jemand, der Fakten prüft und der Redaktion schnell antwortet.
- Eine Person für Entscheidungen. Jemand, der Struktur, Texte und Design final freigibt, statt Abstimmungen ohne Ende zu organisieren.
- Zugänge und Eigentum. Wer kontrolliert Domain, Hosting, E-Mail, Analytics und Werbekonten?
- Bestehende Website-Adressen. Beim Ersatz einer Website brauchst du wichtige URLs für die Weiterleitungstabelle.
- Abnahmeplan. Welche Wege werden geprüft? Wer bekommt die Testanfrage? Wer behebt Fehler nach dem Start?
Manches aus dieser Liste fehlt vielleicht beim Projektstart. Das ist in Ordnung, wenn im Plan steht, wer es wann vorbereitet. Problematisch wird es, wenn im dritten Projektmonat alle erstmals fragen, wer das Domain-Passwort kennt.
Freigaben organisieren, damit die Website nicht drei Monate auf Texte wartet
Bestimme eine Person, die Kommentare im Unternehmen sammelt und dem Anbieter eine abgestimmte Entscheidung zurückgibt. Kommentieren Vertrieb, Buchhaltung und Inhaber den Entwurf in getrennten Chats, bekommt das Team drei unvereinbare Versionen. Einigt euch auf ein Dokument für Änderungen, einen Antworttermin und eine Person, die Widersprüche entscheidet. Das verhindert keine Diskussion, hält sie aber aus verstreuten Nachrichten heraus.
Notiere für jedes Material Termin und Übergabeformat. Zum Beispiel: Kategorieliste vor Freigabe des Prototyps, echte Fotos und Merkmale vor dem Design der Produktkarte, Lieferregeln vor dem Befüllen. Kann das Unternehmen etwas nicht vorbereiten, sage es zu Beginn. Der Anbieter kann die Erstellung aufnehmen oder die Reihenfolge ändern. Eine vorläufige Platzhalterseite sollte er nicht als fertigen Inhalt behandeln.
Bei der Abnahme einer Phase verlange das konkrete Ergebnis aus der Tabelle. „Wir haben an der Struktur gearbeitet“ ist schwer freizugeben. Ein Seitenplan, eine Liste der Produkttypen und drei Besucherwege ergeben eine klare Gesprächsgrundlage. Ändert sich die Aufgabe, dokumentiert neuen Umfang sowie Folgen für Zeit und Kosten vor der nächsten Phase. Dann ist der Grund einer Verzögerung benannt und niemand muss später sagen: „Wir dachten, das macht ihr.“
6. Am Starttag prüfen, bevor du „fertig“ sagst
Vor der Umstellung der Domain sichere die bisherige Website und vereinbare, wie sie sich bei einem Fehler wiederherstellen lässt. Halte fest, wer DNS, Server und Formulare ändern darf. Ein Backup hilft nur, wenn sein Speicherort und die Wiederherstellung bekannt sind. Hier geht es auch um Eigentum: Wir erklären gesondert, was dem Unternehmen bleiben muss, wenn ein Dienstleister verschwindet.
Nach der Umstellung gehe diese kurze Liste durch:
- Öffne wichtige Seiten auf Telefon und Desktop; prüfe Menü, Links, Bilder und Fehlermeldungen.
- Sende ein Testformular ab und verfolge Zustellung, Benachrichtigung und verantwortliche Person. Teste auch fehlerhafte Eingaben.
- Prüfe Zahlung oder Bestellabschluss im vereinbarten Testmodus, wenn es ein Shop ist.
- Vergleiche Seitentitel, Beschreibungen, Canonical-URLs, Indexierungseinstellungen und Sitemap. Laut Google ist das Einreichen einer Sitemap ein Hinweis und keine Garantie für Crawling oder Indexierung.
- Haben sich URLs geändert, prüfe die Zuordnung alter und neuer Adressen und die Weiterleitungen. Google beschreibt den Umzug mit geänderten URLs gesondert.
- Stelle sicher, dass Analytics die nötigen Ereignisse erfasst. Ein Buttonklick ist noch keine zugestellte Anfrage.
- Übergib dem Inhaber echte Zugänge und eine kurze Anleitung zur Betreuung, nicht nur einen Admin-Link.
Zeigt die Prüfung vor dem Start Probleme beim Crawling oder der Indexierung, hilft ein technisches SEO-Audit, Prioritäten zu setzen. Repariere den kritischen Weg, bevor du zehn weitere Textseiten hinzufügst.
7. Die ersten 30 Tage gehören zum Projekt
Nach dem Start kommen echte Menschen und Geräte, die beim Test nicht dabei waren. Prüfe mindestens wöchentlich Formulare, Fehler, wichtige Seiten, Kundenfragen und ob das Team antworten kann. Fragen viele Menschen dasselbe, ist eine wichtige Bedingung möglicherweise versteckt oder unverständlich. Gibt es Anfragen, die den Vertrieb nicht erreichen, liegt das Problem nicht an zu wenigen Besuchern.
Für Ratner Beauty ist als Ergebnis der aufgebauten Suchgrundlage für 1. Juli 2025 bis 30. Juni 2026 dokumentiert: 156.379 Klicks und 7.283.598 Impressionen in der Google Search Console. GA4 erfasste im selben Zeitraum 170.606 organische Sitzungen. Diese Zahlen beschreiben einen messbaren Akquisekanal über zwölf Monate. Sie belegen weder einen bestimmten Umsatz noch die Zahl der Käufe; solche Angaben enthält der öffentliche Case nicht. Das ist auch kein Versprechen für das Ergebnis einer anderen Website nach dem Start.
Wenn du eine eigene Website planst, beschreibt unsere Leistung für Websites und Onlineshops, wie GrandMa Struktur, Design und Start angeht. Für eine kleinere Aufgabe kannst du dir zuerst einen kostenlosen Homepage-Entwurf für unser ukrainisches Website-Angebot über 9.900 UAH ansehen und damit die Richtung besprechen. Dieses Angebot hat einen eigenen Umfang. Ein größeres Projekt beginnt mit einer gesonderten Vereinbarung über Arbeit und Entscheidungen. Eine Website ist bereit, wenn ein echter Käufer seinen Weg gehen und das Unternehmen das Ergebnis sehen und steuern kann.