Erfolgreiche Website-Abnahme: Checkliste und Tipps für Agenturen

Die finale Website-Abnahme markiert den entscheidenden Übergang vom Entwicklungsprojekt zum offiziellen Livegang. Für Webagenturen und Freelancer ist dieser Schritt nicht nur die Bestätigung gelungener Arbeit, sondern meist auch die formale Voraussetzung für die Schlussrechnung. Wer die Abnahme strukturiert vorbereitet und sauber dokumentiert, schützt sich vor endlosen Diskussionen und nachträglichen Änderungswünschen.

"

Hinweis zur rechtlichen Einordnung: Bei klassischen Werkverträgen nach BGB hat die förmliche Abnahme weitreichende rechtliche Konsequenzen – unter anderem beginnt damit die Verjährungsfrist für Mängelansprüche und die Beweislast kehrt sich um. Dieser Artikel bietet praxisnahe Orientierung für den Agenturalltag, stellt jedoch keine Rechtsberatung dar. Im Zweifelsfall solltest du dich an eine Anwaltskanzlei wenden.

Warum die Website-Abnahme für Agenturen unverzichtbar ist

Eine formale Website-Abnahme beendet die aktive Entwicklungsphase und schafft für beide Vertragsparteien rechtliche und wirtschaftliche Klarheit. Ohne diesen dokumentierten Meilenstein geraten Projekte häufig in eine diffuse Phase, in der neue Feature-Wünsche als angebliche Fehler deklariert werden.

Für Dienstleister hat die Bestätigung klare Vorteile:

• Fälligkeit der Vergütung: Nach § 641 BGB wird die Schlusszahlung bei Werkverträgen in der Regel erst mit der Abnahme fällig.
• Beweislastumkehr: Vor der Abnahme muss die Agentur beweisen, dass das Werk mangelfrei ist. Danach liegt die Beweislast beim Auftraggeber.
• Gefahrenübergang: Mit dem erfolgreichen Abschluss geht das Betriebsrisiko formal auf den Kunden über.
• Projektgrenzen: Neue Wünsche nach der Abnahme gelten eindeutig als Change Request und können separat abgerechnet werden.

Viele Teams, die spezialisierte Workflows für Webdesign nutzen, trennen deshalb bewusst das agile Feedback während der Sprint-Phase von der formalen Endabnahme kurz vor dem Launch.

Die Abnahme-Checkliste: 10 Prüfbereiche vor dem Go-Live

Eine strukturierte Abnahme gelingt am besten anhand eines definierten Katalogs. Gehe die folgenden zehn Bereiche vor dem Übergabetermin gemeinsam mit dem Kunden oder intern im Qualitätssicherungsteam durch.

1. Inhalte, Texte und Typografie

Alle Blindtexte (Lorem Ipsum) müssen restlos entfernt sein. Prüfe Überschriften, Absätze und Bildunterschriften auf Rechtschreibung, Umbrüche und funktionierende interne Verlinkungen. Auch Meta-Angaben, 404-Fehlerseiten und Systemnachrichten gehören zu diesem Check.

2. Design-Umsetzung im Abgleich mit dem Freigabelayout

Vergleiche das Frontend direkt mit den zuvor freigegebenen Entwürfen aus Figma oder Adobe XD. Achte auf konsistente Abstände, korrekte Schriftgrößen, Icons, Hover-Zustände von Buttons und die Einhaltung des Corporate Designs.

3. Responsive Darstellung (Mobile, Tablet, Desktop)

Teste die Seiten nicht nur im Browser-Inspektor, sondern auf echten Endgeräten. Prüfe Viewports von kleinen Smartphones (ca. 375 px) über Tablets im Hoch- und Querformat bis hin zu breiten Desktop-Monitoren (1920 px und mehr). Achte darauf, dass Navigationselemente und Schriften lesbar und touch-bedienbar bleiben.

4. Cross-Browser-Kompatibilität

Die Seite muss in den aktuellen Versionen der gängigen Browser einwandfrei funktionieren: Google Chrome, Apple Safari, Mozilla Firefox und Microsoft Edge. Prüfe insbesondere Layout-Verschiebungen und JavaScript-Animationen.

5. Formulare, Interaktionen und Mailversand

Sende Testnachrichten über alle Kontakt-, Angebots- und Newsletter-Formulare ab. Überprüfe:

• Werden Pflichtfelder korrekt validiert?
• Erscheint eine verständliche Erfolgs- oder Fehlermeldung?
• Kommen die E-Mails beim Empfänger und Kunden an (Absenderadresse, Betreff, Formatierung)?
• Werden DSGVO-Checkboxen korrekt ausgewertet?

6. Rechtstexte und Compliance

Stelle sicher, dass Pflichtseiten wie Impressum und Datenschutzerklärung von jeder Unterseite aus mit maximal zwei Klicks erreichbar sind. Das Cookie-Consent-Banner muss vor dem Setzen von Tracking-Skripten aktiv blockieren.

Wichtig: Die inhaltliche Richtigkeit dieser Texte verantwortet der Kunde bzw. dessen juristische Beratung, nicht die Webagentur.

7. Ladezeiten und Performance

Überprüfe die Website mit Tools wie Google PageSpeed Insights. Bilder müssen in modernen Webformaten (WebP, AVIF) komprimiert vorliegen, Caching-Mechanismen aktiviert und Skripte asynchron geladen werden. Schlechte Ladezeiten frustrieren Nutzer und schaden dem Ranking.

8. Barrierefreiheit und BFSG-Relevanz

Je nach Auftraggeber greift das Barrierefreiheitsstärkungsgesetz (BFSG) oder die BITV. Prüfe grundlegende Standards: ausreichende Farbkontraste, logische Überschriftenhierarchien (H1 bis H3), Tastaturbedienbarkeit und aussagekräftige Alt-Texte bei informativen Bildern.

9. SEO-Grundlagen und Weiterleitungen

Verhindere Rankingverluste beim Relaunch. Stelle sicher, dass:

• Title-Tags und Meta-Descriptions für alle Kernseiten gepflegt sind,
• 301-Weiterleitungen für geänderte oder gelöschte alte URLs lückenlos greifen,
• die robots.txt und das noindex-Tag die Indexierung für Suchmaschinen freigeben (der Testserver-Schutz muss entfernt sein),
• eine gültige XML-Sitemap vorhanden ist.

10. Tracking, Analytics und Tag Manager

Prüfe, ob Analyse-Tools wie Google Analytics, Matomo oder der Facebook-Pixel korrekt eingebunden sind. Teste im Netzwerk-Tab des Browsers, ob Daten erst nach ausdrücklicher Einwilligung im Consent-Tool übertragen werden.

---

---

Das Abnahmeprotokoll: Aufbau und Bestandteile

Ein schriftliches Abnahmeprotokoll dokumentiert den Zustand der Website zum Übergabezeitpunkt und schützt beide Seiten vor Missverständnissen. Mündliche Zusagen per Telefon oder lose Chat-Nachrichten genügen im Streitfall selten den Anforderungen an einen Nachweis.

In ein professionelles Abnahmeprotokoll gehören:

• Kopfdaten: Projektname, URL der Website, Datum und Uhrzeit der Prüfung.
• Beteiligte Personen: Namen und Rollen der Vertreter von Agentur und Auftraggeber.
• Gegenstand der Abnahme: Verweis auf das Angebot, das Lastenheft oder den Vertrag.
• Ergebnis: Erklärung, ob die Website vollständig, unter Vorbehalt oder nicht abgenommen wird.
• Mängelliste: Detaillierte Auflistung noch offener Restpunkte inklusive Priorität.
• Fristen: Feste Daten, bis wann Restarbeiten durch die Agentur erledigt sein müssen.
• Unterschriften: Rechtsverbindliche Zeichnung beider Parteien (analog oder qualifiziert digital).

Für Agenturen und Freelancer empfiehlt es sich, eine standardisierte Protokollvorlage als PDF bereitzuhalten, die nach dem gemeinsamen Review-Termin ausgefüllt wird.

Umgang mit Restmängeln: Wesentlich oder unwesentlich?

Selten ist eine Website bei der Abnahme zu 100 Prozent fehlerfrei. Entscheidend ist die Unterscheidung zwischen wesentlichen und unwesentlichen Mängeln.

Ein wesentlicher Mangel liegt vor, wenn Kernfunktionen der Website nicht nutzbar sind. Beispiele hierfür sind ein defekter Checkout-Prozess im Shop, fehlerhafte Kontaktformulare, massive Darstellungsfehler auf Smartphones oder Sicherheitslücken. Bei wesentlichen Mängeln hat der Kunde das Recht, die Abnahme bis zur Nachbesserung zu verweigern.

Ein unwesentlicher Mangel schränkt die Funktion der Website dagegen nicht grundlegend ein. Dazu zählen kleine Tippfehler, minimale Abweichungen bei Schriftabständen oder ein fehlendes Favicon. In diesem Fall erfolgt die Abnahme unter Vorbehalt. Der Kunde bestätigt die Leistung grundsätzlich, die Agentur verpflichtet sich zur Beseitigung der gelisteten Punkte innerhalb einer vereinbarten Frist.

Visuelle Design-Abnahme mit Screenshot-Reviews

Bevor der formale Launch-Termin stattfindet, muss die visuelle Gestaltung abgenommen sein. Klassische Feedback-Schleifen per E-Mail oder Screenshot-Anhänge führen hierbei oft zu Verwirrung, weil Beschreibungen wie „der Button weiter unten“ unpräzise sind.

Hierfür eignet sich spezialisiertes Online-Proofing. Mit Plattformen wie draftgo lassen sich vollständige Full-Page-Screenshots von Live-URLs erfassen und in einem zentralen Review-Bereich bereitstellen. Externe Stakeholder können Anmerkungen und Korrekturen pixelgenau direkt auf der visuellen Abbildung platzieren. Jede Freigabe wird mit einem eindeutigen Zeitstempel dokumentiert, was den Freigabestatus transparent nachvollziehbar macht.

Zur Einordnung: Ein solches Screenshot-Review ersetzt kein technisches Issue-Tracking. Komplexe funktionale Bugs, JavaScript-Fehler oder API-Probleme gehören weiterhin in Entwicklungs-Tools wie Jira, GitHub oder Linear, da Entwickler dafür Browser-Metadaten und Logfiles benötigen. Für die visuelle Design- und Layout-Abnahme mit dem Kunden spart der Screenshot-Ansatz jedoch viel Abstimmungszeit.

Häufig gestellte Fragen (FAQ)

Was passiert, wenn der Kunde die Website-Abnahme grundlos verzögert?

Nach § 640 Abs. 2 BGB gilt ein Werk als abgenommen, wenn der Dienstleister dem Kunden nach Fertigstellung eine angemessene Frist zur Abnahme gesetzt hat und der Kunde die Abnahme nicht innerhalb dieser Frist unter Angabe mindestens eines Mangels verweigert hat (fiktive Abnahme). Setze daher immer ein klares Enddatum für das Review.

Wer haftet für Fehler in den Rechtstexten nach dem Livegang?

Für den Inhalt von Impressum, Datenschutzerklärung und AGB haftet rechtlich der Seitenbetreiber, also dein Kunde. Die Agentur ist lediglich für die technische Bereitstellung und Erreichbarkeit der Seiten zuständig. Weise deinen Kunden im Protokoll darauf hin, dass er die Texte anwaltlich prüfen lassen sollte.

Reicht eine Freigabe per E-Mail für die Website-Abnahme aus?

Eine eindeutige E-Mail („Hiermit nehme ich die Website stand heute ab“) ist im Geschäftsverkehr wirksam, birgt aber Risiken bei unklar formulierten Vorbehalten. Ein strukturiertes Abnahmeprotokoll mit Mängelliste und Fristsetzung bietet deutlich mehr Rechtssicherheit für beide Seiten.

---

Fazit: Klare Prozesse schützen den Projekterfolg

Die Website-Abnahme schützt Agenturen und Kunden gleichermaßen vor Reibungsverlusten. Wer den Abnahmeprozess als festen Bestandteil der Projektplanung etabliert, eine transparente Checkliste nutzt und Mängel sauber dokumentiert, sichert die eigene Vergütung und beendet Projekte professionell.

Möchtest du Layouts und Web-Screenshots ohne Versionschaos mit deinen Kunden abstimmen? Teste draftgo 14 Tage kostenlos und hole visuelles Feedback direkt am Entwurf ein.