Bevor Sie ein Webdesign-Angebot unterschreiben: Diese 12 Pflichtpunkte müssen drinstehen (2026)

Inhalt

Heading

Lesedauer

ca. 15 Min.

Kategorie

Webdesign

Branche

Webdeisgn

So liest du ein Angebot richtig

Bevor du ein Angebot unterschreibst, solltest du drei grundlegende Dinge überprüfen: Ergebnis (Was soll am Ende live sein?), Prozess (Wie läuft die Zusammenarbeit?) und Pflichten (Welche Qualitätsstandards sind inbegriffen?). Wenn eines davon fehlt, bitte nach. Nicht aus Misstrauen, sondern weil du sonst gar nicht vergleichen kannst.

Strategie vor dem Start

Bevor die Website gebaut wird, muss klar sein, für wen sie ist und was sie erreichen soll. Das klingt selbstverständlich, ist es aber nicht. Viele Projekte starten direkt mit dem Design – das kann funktionieren, ist aber oft ein Glücksspiel.

Im Angebot findest du Begriffe wie „Kick-off", „Strategieworkshop", „Zieldefinition" oder „Anforderungsanalyse". Das sind gute Zeichen. Frage konkret nach: Woran messen wir Erfolg? Anfragen, Bewerbungen, Leads, Terminbuchungen oder Rankings? Ohne klare Erfolgskriterien wird deine Website zwar schön, aber nicht wirksam.

Seitenplan und Funktionen

Welche Seiten gibt es genau und was können sie? Das ist die Basis-Information, die jedes Angebot klar haben sollte. Startseite, Leistungen, Über uns, Kontakt – aber auch: Gibt es einen Blog? Case Studies? Formulare, Terminbuchung oder Newsletter-Anmeldung? Mehrsprachigkeit?

Ein gutes Angebot nutzt das Wort „Sitemap" oder „Informationsarchitektur" und beschreibt konkret, welche Seiten individuell designt werden und welche als Templates entstehen. Rote Flagge: „bis zu X Unterseiten" ohne Definition, was eine Unterseite überhaupt ist. Frag nach: Welche Seiten sind individuell designt und welche sind Templates?

Design, das zu deiner Marke passt

Corporate Identity bedeutet nicht nur Logo und Farben. Es geht um Typografie, Bildstil, Tonalität, Button-Stil, Abstände und Icon-Design. Ziel: eine wiedererkennbare Gestaltung, die Vertrauen aufbaut. Innerhalb von Sekunden entscheiden Menschen, ob du „professionell" wirkst.

Ein solides Angebot erwähnt „CI-Integration", „Styleguide" oder „Branding-Transfer" – und beschreibt das konkret. Gib nicht mit „Wir wählen ein Theme und passen die Farben an" zufrieden. Frag stattdessen: Gibt es ein Designsystem oder einen Style Guide als Ergebnis?

Struktur vor Design

Bevor das sichtbare Design entsteht, wird die Struktur geplant: Reihenfolge der Inhalte, CTAs (Call-to-Actions), Vertrauenselemente. Das passiert oft in Form von Wireframes – grobe Skizzen ohne visuelles Design. Das ist nicht übertrieben; das ist handwerklich sauber.

Design ohne durchdachte Struktur ist wie eine schöne Verpackung ohne Inhalt. Im Angebot steht: „Wireframes", „UX-Konzept", „User Journey" oder „Conversion-Optimierung". Das sind gute Zeichen. Rote Flagge: „UX ist inklusive" ohne Deliverable wie Wireframes. Frage: Plant ihr die Seite erst als Wireframe, bevor das Design startet?

Das sichtbare Design – konsistent und vollständig

Jetzt kommt das sichtbare Design: Startseiten-Layout, Komponenten (Buttons, Cards, Hero-Sektionen, FAQ-Module, Vertrauenselemente), verschiedene Zustände (Hover, aktiv, Fehlerzustände) und das Mobile-Design. Ein gutes Angebot hat ein echtes Designsystem, keine Einzelteile.

Konsistenz wirkt hochwertig und spart später Zeit und Geld. Im Angebot heißt das: „UI Design", „Mockups", „Designsystem" oder „Komponentenbibliothek". Vorsicht vor „Design nach Geschmack" ohne klare Richtung oder Referenzen. Frage: Wie viele Designvarianten gibt es zu Beginn und wann werden diese festgelegt?

Content: Wer macht was?

Wer liefert die Texte und Bilder? Das ist oft der größte Zeitfresser und der Hauptgrund, warum Projekte ins Stocken geraten. Mögliche Modelle:

Du lieferst alles
Die Agentur schreibt die Texte
Mix: Du lieferst Rohinfos, die Agentur macht daraus verkaufsstarke Seiten
Bildauswahl, Bildbearbeitung, Lizenzen – wer kümmert sich drum?

Ein gutes Angebot klärt das realistisch. Rote Flagge: Kein Satz zum Thema Content. Dann wirst du später improvisieren müssen. Frage: Sind Texte SEO- und Conversion-orientiert enthalten oder nur ‚eingepflegt'?

Webflow-Umsetzung: Clean Code statt Quick Clicks

Die technische Umsetzung in Webflow muss sauber beschrieben sein. Wichtige Punkte:

CMS ja oder nein? (Für Blog, Case Studies, Job-Listings)
Komponenten-Aufbau (wiederverwendbar oder jede Seite einzeln?)
Formulare (über Webflow oder externe Tools?)
Integrationen (CRM, Newsletter, Calendly, etc.)
Weiterentwicklung und Skalierbarkeit

Eine Webflow-Seite kann schnell zusammengeklickt sein oder als sauberes System gebaut werden. Das entscheidet über Wartbarkeit und zukünftige Kosten. Rote Flagge: „Webflow inklusive" ohne Details zu CMS, Struktur oder Übergabe. Frag: Bekomme ich ein System, das ich selbst pflegen kann, ohne dass alles kaputtgeht?

Responsive Design und Qualitätssicherung

Deine Seite muss auf dem Smartphone perfekt funktionieren – nicht nur „geht so". Das heißt: echte Mobile-Optimierung (nicht bloß runterskalieren), Tests auf gängigen Breakpoints, Browserchecks und Formular-Tests mit Fehlermeldungen.

Der Großteil der Besucher kommt mobil. Wenn das nervt, sind sie weg. Im Angebot: „Responsive", „QA" oder „Testing". Vorsicht vor „Responsive automatisch" – das ist es nicht, wenn es wirklich gut sein soll. Frage: Welche Tests macht ihr konkret vor dem Launch?

Performance und Core Web Vitals

Schnell, stabil, reaktionsfähig – das sind die drei Säulen von Performance. In 2026 ist das zentral: optimierte Bilder, saubere Animationen, keine unnötigen Tools, technisch saubere Struktur. Die Core Web Vitals messen LCP (Ladezeit), CLS (Stabilität) und INP (Reaktionsfähigkeit).

Performance beeinflusst Absprünge, Vertrauen und oft auch Rankings. Im Angebot steht: „Performance-Optimierung" oder „Core Web Vitals". Rote Flagge: Nichts dazu, obwohl Videos, Animationen und viele Integrationen geplant sind. Frage: Welche Performance-Ziele werden anvisiert und wie wird gemessen?

SEO: Mehr als nur Meta-Tags

SEO ist ein Paket aus Technik, Inhalt und Struktur. Ein solides SEO-Angebot beinhaltet:

Keyword- und Seitenstruktur-Plan
Title, Description, Überschriftenstruktur
Interne Verlinkung und Bildoptimierung
Indexierung, Sitemap, Robots.txt
Redirects (wichtig bei Relaunches)
Local SEO (wenn du lokal Kunden gewinnen willst)

Im Angebot: „SEO Basic", „OnPage SEO", „Technical SEO" oder „Local SEO". Aber Vorsicht: „SEO inklusive" ohne Aufschlüsselung ist zu vage. Frage: Ist SEO nur Setup oder auch Content-Strategie und Seitenstruktur?

Tracking und Messbarkeit

Du willst wissen, ob die Website funktioniert. Dazu gehört: GA4 sauber eingebunden, Key Events definiert (Formular abgeschickt, Anruf, Termin gebucht), Consent-Mode/Cookie-Lösung passend, optional Search Console Setup.

Ohne Messbarkeit optimierst du im Blindflug. Im Angebot: „Tracking Setup" oder „Analytics". Aber wichtig: „Analytics einbauen" ohne Events ist nur halbe Sache – dann siehst du Besucher, aber keine Wirkung. Frage: Welche Conversions werden getrackt und wie sehe ich das im Alltag?

Recht und Pflicht: DSGVO, Barrierefreiheit und Go-Live

Das ist oft unterschätzt, gehört aber zu jedem ernsthaften Angebot.

DSGVO: Sauberes Cookie-Banner je nach Setup, Drittanbieter-Dienste korrekt beschrieben, Formulare datenschutzkonform, Tracking erst nach Einwilligung. Das ist nicht optional.

Barrierefreiheit: Seit 28. Juni 2025 ist das im Rahmen der EU-Regeln und des deutschen BFSG ein echtes Thema – besonders bei digitalen Dienstleistungen. Das heißt: Kontraste, Tastaturbedienung, saubere Struktur, Alt-Texte, klare Fokuszustände, verständliche Formulare.

Launch und Übergabe: Ein gutes Angebot beschreibt Staging/Testlink, Launch-Plan, Übergabe (Zugänge, Dokumentation, Mini-Schulung) und wer was nach Launch übernimmt. Ohne saubere Übergabe bist du abhängig.

Rote Flagge: „Rechtliches macht ihr selbst" ohne wenigstens saubere technische Grundlage. Frage: Was genau ist bei DSGVO und Barrierefreiheit enthalten und was nicht?

Korrekturen: Das meist vergessene Detail

Wenn im Angebot steht „2 Korrekturrunden", muss das klar definiert sein. Diese drei Dinge sind zentral:

Was ist eine Korrektur? (Textanpassung, kleine Layoutänderung)
Was ist eine Änderung? (Neue Sektion, neue Seite, neue Strategie)
Wie wird abgerechnet, wenn es drübergeht? (Stundensatz? Zusatzpaket?)

Gute Agenturen schreiben das sauber rein – weil es beide Seiten schützt.

Vergleichschecklist: In 10 Minuten sehen, was wirklich drin ist

A) Ergebnis

Seitenplan konkret (Seiten + Funktionen)
CMS ja/nein klar beschrieben
Inhalte-Verantwortlichkeit geklärt

B) Wirkung

UX/Conversion-Konzept enthalten
SEO-Umfang als Liste definiert
Tracking inkl. Events/Conversions

C) Technik

Responsive + Tests
Performance/Core Web Vitals
Redirects bei Relaunch erwähnt

D) Pflicht

DSGVO/Cookie-Setup beschrieben
Barrierefreiheit erwähnt (mindestens Basics)

E) Zusammenarbeit

Anzahl Korrektionen + Definition
Zeitplan grob + Feedbackprozess
Übergabe/Schulung + Support geregelt

Wenn du bei mehr als 4 Punkten keine Haken setzen kannst: Das Angebot ist nicht „schlecht", aber nicht wirklich vergleichbar. Dann fehlen dir wichtige Infos.