Webdesign-Vertragsvorlage für Freelancer: Was reingehört und warum

Webdesign-Vertragsvorlage für Freelancer: Was reingehört und warum

Ein Webdesign-Vertrag ist das mit Abstand wichtigste Dokument zwischen dir und deinem Kunden. Er legt fest, was du baust, was es kostet, wann du bezahlt wirst und was passiert, wenn etwas schiefläuft. Und irgendwann läuft immer etwas schief. Ohne Vertrag verspielst du deine Zeit, dein Geld und manchmal auch deine Nerven.

Dieser Leitfaden behandelt jede Klausel, die du in einem Freelance-Webdesign-Vertrag brauchst, warum sie jeweils wichtig ist und ein paar Dinge, die die meisten Vertragsvorlagen komplett übersehen.

Warum die meisten Freelancer den Vertrag überspringen (und es bereuen)

Sind wir ehrlich: Verträge fühlen sich nach Reibung an. Du hast einen warmen Lead, der Kunde ist begeistert, du willst einfach loslegen. Ein juristisches Dokument aufzusetzen fühlt sich an, als würde es alles ausbremsen, und signalisiert vielleicht sogar, dass du dem Kunden nicht vertraust.

Hier ist, was ohne Vertrag tatsächlich passiert:

Du bist drei Wochen drin, und der Kunde entscheidet, dass der Umfang "schon immer" einen E-Commerce-Bereich enthalten hat, über den ihr nie gesprochen habt. Du sagst, das war nicht im Umfang, er sagt, es sei impliziert gewesen. Du hast nichts, worauf du verweisen kannst.

Oder: Du lieferst die fertige Seite ab, stellst dem Kunden die Rechnung, und plötzlich ist er "mit der Richtung nicht zufrieden" und will von vorne anfangen. Du hast 40 Stunden Arbeit reingesteckt und verhandelst jetzt bei null.

Oder der Klassiker: Das Projekt zieht sich sechs Monate, weil der Kunde nie dazu kommt, die Inhalte zu liefern. Deine Entwicklungsumgebung steht eingefroren da und wartet auf seine Texte. Deine Zeit ist weg.

Nichts davon ist hypothetisch. Jeder Freelance-Webdesigner hat eine dieser Geschichten, meistens mehrere. Ein Vertrag verhindert keine schwierigen Kunden, aber er verändert das Gespräch. Statt darüber zu streiten, was vereinbart war, schaut ihr auf ein Dokument, das ihr beide unterschrieben habt.

Die 10 Klauseln, die jeder Webdesign-Vertrag braucht

1. Leistungsumfang

Das ist der wichtigste Abschnitt. Sei so konkret, dass es sich fast schon ein bisschen paranoid anfühlt. Schreib nicht "Website gestalten und entwickeln". Schreib:

• Fünfseitige Website (Startseite, Über uns, Leistungen, Portfolio, Kontakt)
• Erstellt mit Webflow, gehostet auf Webflows Basic-Plan
• Eine Korrekturrunde pro Seite nach der ersten Design-Lieferung
• Mobil-responsives Design auf Basis der bereitgestellten Markenrichtlinien
• Kontaktformular mit E-Mail-Benachrichtigung (keine Backend-Datenbank)

Was hier nicht aufgeführt ist, ist nicht enthalten. Genau darum geht es. Wenn der Kunde in Woche drei nach einer sechsten Seite fragt, kannst du den Vertrag öffnen und sagen: "Das liegt außerhalb des ursprünglichen Umfangs. Ich füge es gerne hinzu, das hier kostet es."

2. Liefergegenstände und Zeitplan

Lege fest, was du übergibst und wann. Ein guter Abschnitt zu den Liefergegenständen hat zwei Teile:

Was du lieferst: Die fertige Website, Quelldateien (oder eben nicht, das entscheidest du), CMS-Dokumentation, alle von dir erstellten Markenassets, Zugangsdaten.

Wann du es lieferst: Teile das Projekt in Meilensteine auf. "Discovery + Wireframes bis [Datum]. Design-Mockups bis [Datum]. Entwicklung abgeschlossen bis [Datum]. Launch bis [Datum]." Meilensteine sind auch an Zahlungen geknüpft (dazu unten mehr).

Wichtig: Bau eine Klausel ein, die besagt, dass der Zeitplan voraussetzt, dass der Kunde die benötigten Materialien (Inhalte, Bilder, Markendateien, Feedback) innerhalb eines festgelegten Zeitfensters liefert, typischerweise 5 bis 7 Werktage. Tut er das nicht, verschiebt sich der Zeitplan. Allein diese eine Klausel erspart dir monatelangen Kalenderstress.

3. Korrekturrichtlinie

Dieser Abschnitt stoppt die endlose Korrekturspirale. Die häufigste Variante:

"Zwei Korrekturrunden sind pro Projektphase enthalten. Eine Korrekturrunde ist definiert als eine gebündelte Liste von Änderungen, die zu einem Zeitpunkt eingereicht wird. Weitere Korrekturrunden werden mit [dein Stundensatz] pro Stunde abgerechnet."

Drei Dinge solltest du hier richtig machen:

Erstens, definiere, was eine "Korrektur" ist. Eine Button-Farbe zu ändern ist eine Korrektur. Einer Seite einen komplett neuen Bereich hinzuzufügen ist eine Umfangsänderung. Halte diese Unterscheidung schriftlich fest.

Zweitens, lege fest, wie Korrekturen eingereicht werden. Nicht per WhatsApp. Nicht verteilt über vier E-Mails. Eine gebündelte Liste, eingereicht über einen vereinbarten Kanal. (Genau hier verdient sich ein visuelles Feedback-Tool wie dotts seinen Platz: Kunden klicken direkt auf die Live-Seite und hinterlassen angepinnte Kommentare, sodass du strukturiertes Feedback bekommst statt eines Fotos von einem Laptop-Bildschirm mit einem Post-it.)

Drittens, setze ein Zeitfenster. Korrekturen, die später als 30 Tage nach der Lieferung eingereicht werden, sind außerhalb des Umfangs. Das schützt dich vor Kunden, die drei Monate abtauchen und dann die Design-Diskussion wieder aufmachen wollen.

4. Zahlungsbedingungen

Freelancer verlieren durch schlechte Zahlungsbedingungen mehr Geld als durch fast alles andere. Hier ist eine Struktur, die funktioniert:

• 50 % im Voraus, bevor irgendeine Arbeit beginnt
• 25 % an einem festgelegten Zwischenpunkt (zum Beispiel Design-Freigabe)
• 25 % bei Lieferung, bevor der Kunde Zugang erhält oder die Seite live geht

Dieser letzte Punkt ist entscheidend. Übergib nicht den Zugang und warte dann auf die Zahlung. Zahlung bei Lieferung bedeutet Zahlung, bevor die Schlüssel den Besitzer wechseln.

Nimm außerdem auf:

• Fälligkeitsdatum der Rechnung (7 oder 14 Tage netto, nicht 30 Tage, du bist keine Bank)
• Verzugsgebühr (z. B. 1,5 % pro Monat nach Fälligkeit)
• Akzeptierte Zahlungsmethoden (Überweisung, Stripe, PayPal, was auch immer du nutzt)

Wenn ein Kunde sich gegen die Anzahlung sträubt, ist das eine nützliche Information. Meistens bedeutet es eins von zwei Dingen: Er hat das Budget nicht, oder er sieht das noch nicht als verbindliches Projekt an. So oder so willst du das wissen, bevor du anfängst.

5. Verantwortung für Inhalte

Eine der am häufigsten übersehenen Klauseln. Dein Vertrag sollte klar festhalten, dass der Kunde dafür verantwortlich ist, alle Texte, Bilder und Medien bis zu einem festgelegten Datum bereitzustellen. Verpasst er die Frist, passt sich der Projektzeitplan entsprechend an.

Nimm außerdem eine Klausel auf, die festhält, dass der Kunde dafür verantwortlich ist sicherzustellen, dass er die rechtlichen Nutzungsrechte an allen bereitgestellten Inhalten besitzt, also an Texten, Fotos, Logos, Schriften. Du willst nicht in einen Urheberrechtsstreit geraten, weil ein Kunde Stockbilder von Google gegriffen hat.

6. Geistiges Eigentum und Eigentumsrechte

Das überrascht neue Freelancer. Solange du das Eigentum nicht ausdrücklich überträgst, gehört dir technisch gesehen die Arbeit, die du erstellst. Dein Vertrag sollte klären:

• Wann das Eigentum übergeht (typischerweise: wenn der Kunde vollständig bezahlt hat)
• Ob du das Recht behältst, das Projekt in deinem Portfolio zu zeigen
• Ob du Quelldateien (Figma-Dateien, PSD-Dateien usw.) lieferst oder nur das fertige Endergebnis

Die meisten Freelancer nehmen eine Klausel auf, die die Portfolio-Rechte sichert. Manche Kunden, besonders im Finanz- oder Gesundheitswesen, wollen das streichen. Wenn ja, ist das ein Verhandlungspunkt und nichts, was du einfach so hergibst.

7. Vertraulichkeit

Wenn du an etwas vor dem Launch arbeitest, einem Produkt, einem Rebranding, einer neuen Leistung, will der Kunde es vielleicht nicht öffentlich haben. Eine einfache Geheimhaltungsklausel regelt das. Du verpflichtest dich, keine vertraulichen Projektinformationen zu teilen, zu veröffentlichen oder darauf zu verweisen, bis der Kunde grünes Licht gibt (oder nach einer festgelegten Sperrfrist).

Das funktioniert auch andersherum: Wenn du während des Projekts deine internen Prozesse, Preisstrukturen oder andere geschützte Materialien teilst, kannst du eine gegenseitige Geheimhaltungsvereinbarung aufnehmen, die beide Parteien schützt.

8. Kündigung und Ausfallhonorar

Projekte werden abgebrochen. Manchmal ist es das Budget des Kunden. Manchmal richtet sich das Geschäft neu aus. Manchmal habt ihr beide entschieden, dass es nicht funktioniert.

Eine Ausfallhonorar-Klausel legt fest, was finanziell passiert, wenn das eintritt. Ein üblicher Ansatz:

• Bei Abbruch vor Arbeitsbeginn: Die Anzahlung ist nicht erstattungsfähig
• Bei Abbruch nach Arbeitsbeginn: Der Kunde zahlt für alle erbrachten Leistungen plus eine Stornogebühr (oft 20 bis 25 % des verbleibenden Vertragswerts)

Ohne diese Klausel könntest du drei Wochen Arbeit abliefern und mit nichts als der Anzahlung davongehen.

9. Gewährleistung und Haftungsbeschränkung

Du garantierst, dass deine Arbeit wie beschrieben funktioniert. Du garantierst nicht, dass sie auf Platz 1 bei Google landet, mit einer bestimmten Rate konvertiert oder bis in alle Ewigkeit jede mögliche Browser- und Geräte-Kombination übersteht.

Dein Vertrag sollte deine Haftung auf den Wert des Vertrags beschränken. Wenn ein Kunde behauptet, deine Website habe ihm 50.000 Euro an entgangenem Geschäft verursacht, willst du ohne diese Klausel nicht dafür geradestehen müssen.

Nimm außerdem auf: Du bist nicht verantwortlich für Probleme, die durch Drittanbieterdienste verursacht werden (Hosting, Stripe, Mailchimp usw.), oder für Änderungen, die der Kunde nach der Lieferung an der Seite vornimmt.

10. Streitbeilegung

Wenn es wirklich schiefläuft, wie gehst du damit um? Die meisten Freelancer nehmen eine Klausel auf, die festlegt, dass Streitigkeiten über Mediation oder Schiedsverfahren statt vor Gericht beigelegt werden (was teuer und langsam ist), und dass Streitigkeiten dem Recht einer bestimmten Gerichtsbarkeit unterliegen.

Dafür musst du kein Anwalt sein. Du musst nur eine Gerichtsbarkeit wählen (normalerweise dort, wo du ansässig bist) und das Beilegungsverfahren festlegen. Die meisten Streitigkeiten mit klaren Verträgen kommen nie an diesen Punkt. Der Hauptwert der Klausel ist, zu zeigen, dass du das durchdacht hast.

Was ein Vertrag nicht kann

Ein Vertrag ist kein Ersatz für gutes Urteilsvermögen. Wenn ein Kunde dir im Verkaufsgespräch ein schlechtes Gefühl gibt, vage beim Budget, abweisend bei Zeitplänen, erwähnt, dass er "schon durch drei Designer durch ist", wird ein Vertrag diese Beziehung nicht reparieren. Er macht den eventuellen Bruch nur etwas sauberer.

Der beste Einsatz eines Vertrags ist mit Kunden, mit denen du arbeiten willst, um eine funktionierende Beziehung vor der natürlichen Reibung zu schützen, die komplexe Projekte erzeugen. Er ist keine Waffe, sondern ein gemeinsamer Bezugspunkt.

Ein Beispiel aus der Praxis

Sara ist freiberufliche Webdesignerin aus Berlin. Sie baut Webflow-Seiten für lokale Unternehmen: Cafés, Berater, kleine Agenturen.

Bevor sie anfing, einen richtigen Vertrag zu nutzen, hatte sie einen wiederkehrenden Albtraum: Kunden baten nach der Lieferung wochenlang um "nur ein paar kleine Änderungen" und fraßen so bei jedem Projekt ihre Marge auf. Sie verbrachte 5 bis 10 zusätzliche Stunden pro Kunde mit unbezahlten Korrekturen, weil sie nichts hatte, worauf sie verweisen konnte.

Nachdem sie einen Vertrag mit einer definierten Korrekturrichtlinie und einem klaren Leistungsumfang eingeführt hatte, änderte sich die Dynamik. Als ein Kunde nach einer fünften Korrekturrunde fragte, antwortete sie: "Mache ich gerne. Wir haben unsere zwei enthaltenen Runden aufgebraucht, das wird also mit meinem Stundensatz von 85 Euro pro Stunde abgerechnet. Soll ich dir einen Nachtrag schicken?" Der Kunde sagte ja. Sie macht das jetzt seit zwei Jahren, und dieses unangenehme Gespräch wird nie leichter, aber das Ergebnis ist immer fair.

Sie nutzt außerdem dotts, um Korrekturwünsche zu sammeln. Kunden klicken direkt auf die Live-Seite und hinterlassen angepinnte Kommentare, was bedeutet, dass jede Korrekturrunde mit Zeitstempeln klar dokumentiert ist. Falls es je einen Streit darüber gibt, wie viele Runden eingereicht wurden, hat sie eine vollständige Aufzeichnung.

Der einfachste Weg, anzufangen

Wenn du überhaupt keinen Vertrag hast, hier ist die minimal funktionsfähige Version:

1. Leistungsumfang — Was baust du konkret
2. Zahlungsbedingungen — Wie viel, wann und was passiert, wenn es zu spät ist
3. Korrekturrichtlinie — Wie viele Runden, was als Runde zählt
4. Zeitplan und Content-Deadline — Wann du lieferst und wann der Kunde dir Materialien liefern muss
5. Eigentumsübergang — Bei vollständiger Zahlung

Das sind fünf Klauseln. Das reicht, um dich vor 80 % der Probleme zu schützen, die tatsächlich auftreten.

Wenn du wächst, füge den Rest hinzu. Lass ihn einmal von einem Anwalt prüfen, das ist die Investition wert. Mehrere Freelance-Vertragsvorlagen gibt es auch von Plattformen wie Bonsai, AND CO (jetzt HoneyBook) und Docracy, die du anpassen kannst.

FAQ: Webdesign-Vertragsvorlage für Freelancer

Brauche ich wirklich einen Vertrag für kleine Projekte?

Ja. Je kleiner das Projekt, desto leichter ist es, den Vertrag zu überspringen, und desto wahrscheinlicher ist es, dass du es bereust. Eine 500-Euro-Website, deren Umfang sich ohne Dokumentation verdoppelt, ist genauso schmerzhaft wie eine für 5.000 Euro. Nutze einen kürzeren, einfacheren Vertrag für kleine Projekte, aber nutze einen.

Was soll ich tun, wenn ein Kunde sich weigert, einen Vertrag zu unterschreiben?

Geh weg. Das ist nicht dramatisch, sondern praktisch. Ein Kunde, der keinem schriftlichen Umfang und keinen Zahlungsbedingungen zustimmt, sagt dir, wie das Projekt laufen wird. Kunden, die Projekte ernst nehmen, haben kein Problem damit, einen angemessenen Vertrag zu unterschreiben.

Kann ich eine Vorlage nutzen, die ich online gefunden habe?

Ja, als Ausgangspunkt. Aber passe sie an deine Situation an, ergänze deine spezifischen Korrektur- und Zahlungsbedingungen und lass sie mindestens einmal von einem lokalen Anwalt prüfen. Vertragsrecht ist von Land zu Land unterschiedlich, und was in den USA funktioniert, ist in Deutschland oder Australien vielleicht nicht voll durchsetzbar.

Was ist ein Ausfallhonorar und ist es üblich?

Ein Ausfallhonorar ist eine Stornogebühr, also eine Entschädigung für die Zeit, die du bereits investiert hast, wenn ein Projekt mittendrin abgebrochen wird. In kreativen Branchen ist das gängige Praxis. Typischerweise 20 bis 25 % des verbleibenden Vertragswerts bei einem Abbruch nach Arbeitsbeginn.

Sollte ich in eine Webdesign-Vertragsvorlage eine Klausel zu SEO aufnehmen?

Ja, und zwar speziell, um festzuhalten, dass du keine bestimmten Suchrankings oder Trafficzahlen garantierst. SEO hängt von Hunderten von Faktoren ab, die außerhalb deiner Kontrolle liegen. Wenn du SEO als eigene Leistung anbietest, definiere genau, was diese Leistung umfasst (Onpage-Optimierung, Meta-Tags, Schema-Markup usw.), statt eines ergebnisbasierten Versprechens.

Welche Zahlungsbedingungen sind für freiberufliche Webdesigner üblich?

50 % im Voraus, 25 % an einem Meilenstein (Design-Freigabe oder Entwicklungsstart), 25 % bei Lieferung ist die häufigste Struktur. 7 oder 14 Tage netto für Rechnungsfälligkeiten ist angemessen. 30 Tage netto ist zu lang für Solo-Freelancer, das ist ein Cashflow-Problem.

Wie gehe ich auch mit Vertrag mit Scope Creep um?

Dokumentiere jeden neuen Wunsch, sobald er reinkommt, und antworte schriftlich mit einem klaren Hinweis, dass er außerhalb des ursprünglichen Umfangs liegt, samt einem vorgeschlagenen Preis, ihn hinzuzufügen. Ein visuelles Feedback-Tool mit einer zeitgestempelten Aufzeichnung aller Kommentare, wie dotts, macht das noch sauberer, weil jeder Wunsch gegen ein bestimmtes Element auf der Live-Seite protokolliert wird.

Muss ein Vertrag notariell beglaubigt sein, um gültig zu sein?

In den meisten Rechtsordnungen nein. Ein unterschriebener Vertrag (auch eine digitale Signatur über DocuSign, HelloSign oder ähnliche) ist rechtlich bindend. Eine notarielle Beglaubigung ist in der Regel nur für bestimmte Rechtsdokumente wie Immobiliengeschäfte erforderlich. Frag einen lokalen Anwalt, wenn du dir bei deinem konkreten Land oder deiner Region unsicher bist.

Hör auf, Zeit und Geld durch unklare Vereinbarungen zu verlieren. [dotts kostenlos testen →](https://dotts.se)

Weiterführende Artikel

• Kundenkommunikation für Freelancer: Wie du Projekte ohne Chaos steuerst
• Webdesign-Korrekturprozess: Wie du Kundenkorrekturen managst, ohne die Kontrolle zu verlieren
• Wie du klares Feedback von Kunden bekommst (ohne den Verstand zu verlieren)
• 5 Gründe, warum dein Kundenfeedback-Prozess kaputt ist (und wie du jeden einzelnen behebst)