Website-Konzept erstellen: Vorlage in 8 Schritten

Was ist ein Website-Konzept?

Ein Website-Konzept ist die Entscheidungsgrundlage für Aufbau, Inhalt, Gestaltung und technische Umsetzung einer Website. Es beantwortet vor dem Design fünf Fragen: Für wen bauen wir? Welche Aufgabe soll die Website erfüllen? Welche Seiten werden dafür gebraucht? Welche Inhalte und Belege tragen die Entscheidung? Woran erkennen wir, ob das Ergebnis funktioniert?

Damit ist das Konzept mehr als eine Sitemap und weniger als ein fertiges Screendesign. Die Sitemap zeigt Seiten und Hierarchie; das Konzept erklärt zusätzlich ihre Aufgaben. Das Website-Briefing hält diese Entscheidungen so fest, dass ein Umsetzungsteam damit arbeiten kann: einschließlich Anforderungen, Verantwortlichen, Freigaben und Tests.

Was muss gegenüber dem bisherigen Stand gelöst werden?

Schreibe Ausgangslage und Veränderung getrennt auf. „Wir brauchen eine neue Website“ benennt noch nicht, welches Problem verschwinden soll. Vielleicht fehlt eine verständliche Leistungsbeschreibung; vielleicht kann das vorhandene System eine notwendige Funktion nicht abbilden.

Eine gezielte Inhalts- oder Strukturverbesserung kann ein eigenständiges Projekt sein. Müssen bestehende URLs, Inhalte oder Systeme migriert werden, gehört diese Ausgangslage in ein Website-Relaunch-Projekt mit Bestandsaufnahme. So beginnt die Planung mit der Aufgabe, die tatsächlich gelöst werden soll.

Was am Ende feststehen sollte – und was offenbleiben darf

Bevor Wireframes oder Layoutvarianten entstehen, braucht das Team dieselbe Grundlage: priorisiertes Ziel, Hauptzielgruppe, Kernbotschaft und Belege, Seitenrollen, Inhaltsbedarf, Funktionen, Zuständigkeiten sowie Qualitäts- und Erfolgssignale. Ein Wireframe zeigt dabei zunächst die Anordnung wichtiger Inhalte, noch kein fertiges visuelles Design.

Markiere jeden Punkt als entschieden, Annahme oder offene Frage. Ergänze eine verantwortliche Person und die nächste Klärung. Die Farbe eines Details darf noch offen sein; ob ein Buchungssystem eine vorhandene Software anbinden muss, ist eine tragende Frage für den Auftrag.

Website-Konzept erstellen: 8 Schritte

Die acht Schritte bleiben die Hauptfolge. Du kannst zwischen ihnen zurückgehen, wenn neue Informationen auftauchen. Das Ergebnis ist ein Arbeitsdokument mit Entscheidungen, keine möglichst lange Beschreibung der Wunschwebsite.

1. Ziel festlegen: Formuliere eine beobachtbare Hauptaufgabe. „Modern wirken“ ist kein ausreichend konkretes Ziel. „Projektvoraussetzungen verständlich machen und passende Anfragen ermöglichen“ gibt Inhalt und Prüfung eine Richtung.
2. Zielgruppe eingrenzen: Beschreibe Anlass, Vorwissen, wichtigste Frage, größten Einwand und gewünschte nächste Handlung. Daraus entsteht die Reihenfolge der Informationen.
3. Kernbotschaft und Belege bestimmen: Was soll schnell verstanden werden? Welche Arbeitsprobe, Prozessbeschreibung, verantwortliche Person oder überprüfbare Tatsache stützt die Aussage? Unbelegte Superlative gehören nicht ins Konzept.
4. Seitenstruktur planen: Gruppiere Inhalte nach Nutzeraufgaben, nicht nach internen Abteilungen. Der Weg führt von Orientierung über Vertiefung zur nächsten Handlung.
5. Jeder Seite eine Aufgabe geben: Definiere pro geplanter URL Besuchsanlass, Hauptfrage, Kernbotschaft, benötigte Belege und nächsten Schritt. Vergib eine Seiten-ID, die auch im Contentregister auftaucht.
6. Inhalte inventarisieren: Sammle Texte, Fotos, Ansprechpartner, Belege und rechtliche Angaben. Nutze das Contentregister unten, um Quelle, Rechte, Lieferung und Freigabe je Seite sichtbar zu machen.
7. Funktionen und Gestaltung begrenzen: Jede Interaktion braucht einen Nutzerjob. Formulare, Filter, Buchung und Mehrsprachigkeit werden mit Priorität, Abhängigkeit und Verantwortlichen erfasst. Anschließend wird die visuelle Richtung konkret.
8. Abnahme und Messung definieren: Beschreibe vor dem Launch prüfbare Zustände. Das Anforderungsregister unten zeigt dafür ein Formularmodell. Danach beobachtest du passende Signale, etwa erfolgreiche Kontaktwege und die Qualität der eingehenden Anfragen.

Grafik vergrößern ↗

Die Vorlage als Arbeitsblatt nutzen

Die Ein-Seiten-Canvas bleibt deine Übersicht. Notiere zu jedem Feld Ergebnis, verantwortliche Person, Status und Prüffrage. Verwende für Detailfragen dieselben Seiten- und Anforderungs-IDs. So muss eine offene Contentlieferung nicht in drei Dokumenten unterschiedlich beschrieben werden.

Ergänze neben jeder Zeile die vier Arbeitsfelder „verantwortlich: ___“, „Status: ___“, „nächste Klärung: ___“ und „Termin: ___“. Die Vorlage ist eine redaktionelle Planungshilfe. Bei größeren Plattformen kommen weitere Rollen, Datenflüsse und technische Abhängigkeiten hinzu.

Beispiel: ein ausgefülltes Briefing für fünf Kernseiten

Hypothetisches Arbeitsmodell, kein Kundenprojekt: Ein lokaler technischer B2B-Dienstleister möchte Projektvoraussetzungen besser erklären. Potenzielle Auftraggeber sollen Umfang, Einsatzgebiet und Ablauf vor der Anfrage verstehen. Die fünf Seiten übernehmen folgende Aufgaben; Rollen und Zustände sind frei gewählt.

Die Modell-URLs sind keine Links zu realen Seiten. Im eigenen Register ergänzt du für jede Lieferung einen konkreten Termin. Für S04 ist der Zusammenhang bereits nachvollziehbar: Seitenjob „Projekt anfragen“, freigegebene Pflichtangaben, bestätigter Empfänger und Abnahmetest FORM-01. Bei S02 ist dagegen eine offene fachliche Angabe sichtbar, bevor das Layout sie als fertige Aussage behandelt.

Grafik vergrößern ↗

Das Website-Briefing an die Agentur übergeben

Das Übergabepaket besteht aus einer freigegebenen Übersicht, den Seiten- und Contentzeilen, dem Anforderungsregister und den offenen Entscheidungen. Gib Version und Datum an. Kennzeichne, welcher Umfang bestätigt ist, wer fachlich liefert, wer freigibt und welches Objekt zur Abnahme vorgelegt wird.

Konten und technische Zugriffe erhalten ebenfalls Verantwortliche. Notiere im Briefing, welche Zugänge gebraucht werden und wer sie bereitstellt. Passwörter gehören in einen gesonderten sicheren Übergabeweg. Das allgemein geteilte Arbeitsdokument braucht sie nicht.

Halte Entscheidungen mit ID, Entscheidung, entscheidender Person, nächster Klärung, betroffenem Abnahmeobjekt und Änderungsfolge fest. Im fiktiven Beispiel könnte D01 das bestätigte Zielpostfach für S04 nennen. Wird es geändert, erhält FORM-01 denselben aktuellen Empfänger; die Freigabe und der Teststand bleiben aufeinander bezogen.

Fünf Fehler, die das Konzept schwächen

• Designreferenzen als Strategie behandeln: Ergänze zum Moodboard den Seitenjob und die freigegebene Kernbotschaft.
• Alle Zielgruppen gleich priorisieren: Wähle einen Hauptanlass und erfasse abweichende Aufgaben getrennt.
• Navigation aus dem Organigramm ableiten: Prüfe den Weg der Besucher zwischen den Seitenrollen.
• Content auf später verschieben: Nutze reale Lieferungen und offene Fragen aus dem Contentregister.
• Erfolg nur als Traffic formulieren: Verbinde Reichweite mit der eigentlichen Aufgabe und überprüfbaren Kontaktwegen.

Vom Konzept zu Budget und Umsetzung

Das Konzept macht Seitenumfang, Inhaltsproduktion, Funktionen und Mitwirkung erklärbar. Wenn ein fokussierter Kampagnenjob mit einer Hauptaktion genügt, ist eine Landingpage mit klarem Entscheidungsweg eine passende Möglichkeit. Mehrere Seitenrollen brauchen dagegen eine zusammenhängende Website-Struktur.

Beim Angebot Website erstellen lassen bei SeoForge werden Paket- und Individualumfang getrennt. Du lieferst fachliche Fakten, Rohmaterial, bestätigte Nutzungsrechte, Rechtstexte und vereinbarte Zugänge; SeoForge strukturiert, verdichtet, gestaltet, entwickelt und prüft den bestätigten Umfang. Vollständige Texterstellung oder juristische Prüfung sind nicht automatisch enthalten. Dein ausgefülltes Briefing hilft, diese Aufgaben ausdrücklich abzugrenzen.