Webdesign-Angebot erstellen: Aufbau, Kalkulation und Muster

Ein gutes Webdesign-Angebot nennt nicht nur einen Preis. Es übersetzt ein oft unscharfes Kundenbriefing in ein kalkulierbares Projekt: mit konkreten Liefergegenständen, eindeutigen Grenzen, realistischen Meilensteinen und Regeln für Änderungen. Fehlen diese Angaben, entstehen schnell unbezahlte Zusatzseiten, endlose Korrekturen oder Diskussionen darüber, wann die Website fertig ist.

In diesem Ratgeber erfährst Du, welche Informationen Du vorab abfragen solltest, wie Du Aufwand, Kosten und Risiken kalkulierst und welches Preismodell zum Projekt passt. Du erhältst außerdem eine Scope-Matrix, ein vollständig hypothetisches Kalkulationsbeispiel und ein modulares Musterangebot für eine Unternehmenswebsite.

Erst das Projekt klären, dann das Webdesign-Angebot erstellen

Ein belastbares Angebot beginnt nicht im Textprogramm, sondern mit der Qualifizierung der Anfrage. Du musst verstehen, welches geschäftliche Ziel die Website verfolgt und welche Leistungen dafür tatsächlich benötigt werden. Die Aussage „Wir brauchen eine moderne Website mit ungefähr zehn Seiten“ reicht nicht: Zehn Inhaltsseiten auf Basis eines Templates verursachen einen anderen Aufwand als zehn individuell konzipierte Seitentypen.

Frage nach Zielgruppen, Geschäftsmodell, gewünschter Nutzerhandlung und Erfolgskriterien. Soll die Website qualifizierte Anfragen erzeugen, Bewerbungen fördern, Produkte erklären oder vor allem als digitale Visitenkarte dienen? Erst aus diesem Ziel lassen sich Informationsarchitektur, Funktionen, Inhalte und Prioritäten ableiten.

Für die Aufwandsschätzung brauchst Du mindestens Angaben zu Seiten, Seitentypen und Sprachversionen, vorhandenen Texten und Bildern, benötigten Funktionen, Schnittstellen, Entscheidern, Terminzwängen sowie der bestehenden Technik. Kläre außerdem, wer Inhalte liefert, fachliche Angaben prüft und Freigaben erteilt.

Unklare technische Anforderungen solltest Du nicht durch optimistische Annahmen ersetzen. Für komplexe Schnittstellen, Migrationen oder Plattformentscheidungen kann eine bezahlte Discovery-Phase sinnvoll sein. Ihr Ergebnis ist eine priorisierte Anforderungsliste, ein technisches Konzept und eine belastbarere Aufwandsschätzung.

Dokumentiere Annahmen ausdrücklich. Wenn Du auf Basis von acht gelieferten Inhaltsseiten kalkulierst, gehört genau diese Grundlage in das Angebot. Prüfe Dein Dokument auch anhand der Kriterien, mit denen Auftraggeber ein Webdesign-Angebot bewerten.

Leistungsumfang mit Seitentypen und Abnahmekriterien beschreiben

Ein Webdesign-Angebot sollte so aufgebaut sein, dass der Kunde Ziel, Leistung, Preis und Bedingungen ohne Rückfragen nachvollziehen kann. Eine lange Liste technischer Tätigkeiten genügt nicht. Beschreibe Leistungen als überprüfbare Ergebnisse: Statt nur „Responsive Design“ zu nennen, definierst Du die umzusetzenden Templates, Bildschirmklassen und vor Projektstart festgelegten Testbrowser.

Ein sinnvoller Aufbau umfasst Ausgangslage und Projektziel, Leistungsumfang, Voraussetzungen, Korrekturen, Zeitplan, Vergütung, Abnahme, Übergabe, Nutzungsrechte, Ausschlüsse sowie den Annahmeweg. Trenne dabei Seitenumfang und Seitentypen: Eine Website kann aus 20 URLs bestehen, aber nur vier gestaltete Templates benötigen. Individuelle Landingpages oder zusätzliche Templates sind dagegen gesonderte Design- und Entwicklungsleistungen.

Die folgende Scope-Matrix macht sichtbar, was enthalten ist, was der Kunde liefern muss und wann eine Erweiterung vorliegt:

Die Matrix kann Bestandteil des Angebots oder einer ausführlicheren Leistungsbeschreibung sein. Welche Inhalte besser in Angebot, Leistungsbeschreibung, AGB oder individuellen Vertrag gehören, hängt vom Projekt ab. Eine zusätzliche Orientierung bietet der Beitrag über Webagentur-Vertrag und Leistungsbeschreibung.

Definiere auch, was eine Korrekturschleife bedeutet. Sinnvoll ist eine gebündelte Feedbackrunde zu einem klar benannten Stand, etwa zum Startseitenentwurf. Nicht enthalten sind neue Anforderungen, zusätzliche Varianten oder Änderungen an bereits freigegebenen Projektphasen.

Vermeide Formulierungen wie „Design nach Kundenwunsch“, „alle notwendigen Anpassungen“ oder „SEO inklusive“. Sie erzeugen Erwartungen, ohne einen prüfbaren Umfang festzulegen. Beschreibe stattdessen konkrete Ergebnisse, Grenzen und Zuständigkeiten.

Ein Angebot wird nicht unflexibel, weil es präzise ist. Es schafft vielmehr eine gemeinsame Grundlage, auf der Du sinnvolle Erweiterungen später transparent anbieten kannst.

Den Angebotspreis aus Aufwand, Kosten und Risiko kalkulieren

Der Verkaufspreis sollte nicht aus Bauchgefühl oder dem vermuteten Kundenbudget entstehen. Beginne mit einer internen Aufwandsschätzung je Projektphase. Berücksichtige neben sichtbaren Design- und Entwicklungsarbeiten auch Briefing, Abstimmung, Projektmanagement, Tests, Dokumentation, Übergabe und kaufmännische Tätigkeiten.

Dein Stundenverrechnungssatz muss mehr als Deinen persönlichen Arbeitslohn finanzieren. Er muss produktive Personalkosten beziehungsweise Unternehmerlohn, Gemeinkosten, nicht abrechenbare Zeiten, betriebliche Risiken und einen angemessenen Gewinn abdecken. Ein offizielles Grundmodell zur Dienstleistungskalkulation bietet die Checkliste zur Preiskalkulation des Existenzgründungsportals.

Das folgende Beispiel zeigt nur die Rechenlogik und keine marktüblichen Preise. Angenommen, Dein kalkulatorischer Satz beträgt 90 Euro netto pro Stunde und enthält bereits Gemeinkosten sowie Deinen geplanten Grundgewinn:

Für einen vollständigen Angebotspreis ergänzt Du nur die Positionen, die nicht bereits im Verrechnungssatz enthalten sind. Im Beispiel besteht ein konkretes Risiko, weil eine externe Newsletter-Anbindung vorab noch technisch geprüft werden muss. Dafür kalkulierst Du einen separaten Risikopuffer von 540 Euro. Hinzu kommen weiterberechnete Lizenzkosten von 180 Euro netto.

Die beispielhafte Endkalkulation lautet damit: 11.880 Euro Arbeitsleistung plus 540 Euro Risikopuffer plus 180 Euro Fremdkosten ergeben 12.600 Euro netto. Bei einer Umsatzsteuer von 19 Prozent wären das 2.394 Euro Umsatzsteuer und 14.994 Euro brutto. Nutzt Du die Kleinunternehmerregelung, muss Deine Preisauszeichnung zu Deiner tatsächlichen steuerlichen Situation passen.

Ein Risikopuffer ist keine beliebige Reserve. Leite ihn aus konkreten Unsicherheiten ab: unvollständige Altsystem-Dokumentation, eine noch ungeprüfte Schnittstelle, viele Entscheider oder uneinheitliche Daten. Sind wesentliche Anforderungen offen, ist eine Discovery-Phase meist nachvollziehbarer als ein hoher, pauschaler Festpreisaufschlag.

Für die Markt- und Kundensicht kannst Du ergänzend die typischen Kostenfaktoren eines Webdesigners betrachten. Dein eigener Preis muss dennoch aus Deinem Leistungsumfang, Deiner Kapazität und Deinem Geschäftsmodell entstehen.

Festpreis, Stundenabrechnung, Paket oder Discovery wählen

Das passende Preismodell hängt vor allem von Anforderungsklarheit, technischer Unsicherheit und Änderungswahrscheinlichkeit ab. Ein Festpreis ist nicht automatisch professioneller als eine Abrechnung nach Zeit. Er passt dann, wenn Du Ergebnis und Aufwand mit vertretbarer Unsicherheit beschreiben kannst.

Auch Mischmodelle sind sinnvoll. Konzeption und definierte Basisumsetzung können zum Festpreis erfolgen, während Content-Migration, Integrationen oder spätere Optimierungen nach Aufwand abgerechnet werden. Wichtig ist, dass der Kunde vor der Beauftragung versteht, welche Position fest und welche variabel ist.

Bei Zeitabrechnung sollte ein Budgetlimit eindeutig beschrieben sein. Lege fest, ob Du bei Erreichen des Limits die Arbeit stoppst und eine Freigabe einholst, ob Du nur ab einer Warnschwelle informierst oder ob einzelne Arbeitspakete nacheinander freigegeben werden. Ein Budgetlimit allein verspricht noch nicht, dass das vollständige Projekt innerhalb dieses Betrags fertiggestellt wird.

Meilensteine, Zahlungen und Änderungen verbindlich organisieren

Ein Zeitplan sollte Abhängigkeiten zeigen, statt nur ein Fertigstellungsdatum zu versprechen. Formuliere beispielsweise: Projektstart nach Annahme, vereinbarter Startzahlung und Bereitstellung aller benötigten Zugänge. Danach folgen Konzeption, Designfreigabe, technische Umsetzung, Inhaltsbefüllung, Testphase und Übergabe.

Eine vertraglich vereinbarte Start- oder Vorauszahlung ist von gesetzlichen Abschlagszahlungen zu unterscheiden. Das deutsche Werkvertragsrecht regelt Abschlagszahlungen für vertragsgemäß erbrachte Leistungen in § 632a BGB. Ob und inwieweit ein Webprojekt rechtlich als Werkvertrag einzuordnen ist, hängt jedoch vom konkreten Vertragsgegenstand ab.

Plane Feedback- und Lieferfristen ein. Lege fest, innerhalb welcher Zeit der Kunde gebündeltes Feedback übermittelt und was geschieht, wenn Texte, Bilder oder Freigaben fehlen. Eine nachvollziehbare Folge ist, dass sich nachgelagerte Termine mindestens um die Verzögerung verschieben und reservierte Kapazitäten neu geplant werden können.

Regle Änderungen über einen einfachen Change-Request-Prozess: Der Kunde beschreibt den Wunsch schriftlich, Du prüfst Auswirkungen auf Leistung, Preis und Termine, übermittelst eine Ergänzung oder Aufwandsschätzung und beginnst erst nach dokumentierter Freigabe mit der Umsetzung.

So unterscheidest Du vereinbarte Mängelbeseitigung von neuen Leistungswünschen. Weicht ein Ergebnis vom konkret vereinbarten Umfang ab, ist die Einordnung anders als bei einer später gewünschten zusätzlichen Funktion. Die genaue Bewertung hängt dennoch vom Leistungsumfang und den Vertragsunterlagen im Einzelfall ab.

Definiere die Abnahme anhand konkreter Kriterien: responsive Darstellung der vereinbarten Templates, funktionsfähige Formulare, vorab bestimmte Browsertests, vollständige Einpflege der gelieferten Inhalte, geprüfte interne Verlinkung sowie Übergabe der vereinbarten Zugänge und Dokumentation. Die Abnahme ist rechtlich relevant; § 640 BGB regelt sie im Werkvertragsrecht. Die Vergütung wird dort typischerweise mit der Abnahme verbunden, wie § 641 BGB zeigt. Konkrete Regelungen gehören in fachkundig geprüfte Vertragsunterlagen.

Nutzungsrechte, Übergabe und laufende Kosten sauber trennen

Website-Projekte bestehen aus unterschiedlichen Ergebnissen: Layouts, Quellcode, Konfigurationen, Texten, Bildmaterial, Schriften, Plugins und Konten. Nicht an allen Bestandteilen kannst Du dieselben Rechte übertragen. Bei Drittsoftware und Stockmaterial gelten die jeweiligen Lizenzbedingungen.

Nach § 31 UrhG können Nutzungsrechte unter anderem einfach oder ausschließlich sowie räumlich, zeitlich oder inhaltlich beschränkt eingeräumt werden. Beschreibe nachvollziehbar, welche Nutzungsrechte der Kunde erhält und ob die Übertragung erst nach vollständiger Zahlung erfolgt. Bei exklusiven Rechten, Weiterverkauf oder internationaler Nutzung ist eine individuelle rechtliche Prüfung besonders sinnvoll.

Auch die Übergabe muss konkret sein. Nenne beispielsweise Administratorzugang, Hosting-Zugang, Domain-Verwaltung, Repository, Design-Dateien, Dokumentation und eine Liste eingesetzter Lizenzen. Wenn offene Arbeitsdateien oder wiederverwendbare interne Komponenten nicht übergeben werden, sollte das im Angebot stehen.

Trenne außerdem einmalige Projektleistungen, Fremdkosten und laufende Leistungen. Hosting, Domains, Premium-Plugins, Schriftlizenzen oder externe Dienste sollten mit Vertragspartner und Abrechnungsintervall benannt werden. Wartung, Updates, Backups, Support und Weiterentwicklung gehören nicht stillschweigend zur Website-Erstellung. Bei WordPress-Projekten hilft eine klare Leistungsabgrenzung für die WordPress-Wartung.

Ein konkretes Musterangebot und der Ablauf nach der Annahme

Ein Muster ist ein modulares Gerüst, keine unveränderte Standardvorlage. Für eine hypothetische Unternehmenswebsite könnte das Angebot ein Projektziel, vier Seitentypen, zwölf auf diesen Templates angelegte Seiten, ein Kontaktformular, zwei gebündelte Korrekturschleifen und eine dokumentierte Übergabe enthalten.

Die Preispositionen können – passend zur zuvor gezeigten Kalkulation – etwa so ausgewiesen werden: Konzeption und Wireframes 2.340 Euro netto, UI-Design 2.160 Euro netto, technische Umsetzung 4.050 Euro netto, Inhaltseinpflege 900 Euro netto sowie Tests, Übergabe und Projektmanagement 2.430 Euro netto. Der dokumentierte Risikopuffer beträgt 540 Euro netto, die weiterberechnete Lizenz 180 Euro netto. Daraus ergibt sich ein hypothetischer Angebotspreis von 12.600 Euro netto zuzüglich Umsatzsteuer.

Ein möglicher Zahlungsplan ist als vertragliche Vereinbarung klar zu benennen: 30 Prozent bei Beauftragung als vereinbarte Startzahlung, 40 Prozent nach dokumentierter Designfreigabe und 30 Prozent nach Abnahme vor Übergabe der abschließend vereinbarten Zugänge. Das Angebot kann beispielsweise 14 Kalendertage gültig sein. Ob diese Struktur zum konkreten Projekt und Vertragswerk passt, solltest Du im Zweifel rechtlich prüfen lassen.

Nach der Annahme dokumentierst Du Angebotsversion, Datum und Anlagen. Bestätige Ansprechpartner, Kommunikationsweg, Freigabeberechtigte und Termine. Fordere anschließend Startzahlung, Inhalte und Zugänge gemäß Vereinbarung an und übertrage Scope, Meilensteine sowie Zuständigkeiten in Dein Projektmanagement.

Arbeite mit neutralen Versionsnummern wie „Angebot-Projektname-V2“. Werden Positionen nachverhandelt, ersetzt eine neue Version das alte Dokument eindeutig. Protokolliere Freigaben und spätere Änderungen während des gesamten Projekts. Eine realistische Einordnung der Projektphasen findest Du im Ratgeber zur Dauer eines Website-Projekts.

Analysiere nach Projektabschluss Soll- und Ist-Aufwand je Phase. Wenn Korrekturen, Meetings oder Content-Aufbereitung regelmäßig ausufern, liegt das Problem oft in Deiner Schätzung oder Leistungsbeschreibung. Diese Nachkalkulation verbessert zukünftige Angebote und macht wiederkehrende Risiken sichtbar. Weitere Ansatzpunkte liefern typische Fehler bei Webdesign-Angeboten.