Angebot für Webdesign
Webdesign-Angebot als Muster für Website-Projekte: Wireframes, responsive Seiten, Design-Übergabe und Korrekturschleifen festlegen. Als PDF, Word oder Excel.
Vorlagen nach Branche
- Wireframe-Konzept
- Responsives Seitendesign
- Designübergabe
Leitfaden zur Erstellung
Beispielhafter Ablauf
Umfang und Mengen klären
Beispiel: Beginnen Sie mit „Wireframe-Konzept“, klären Sie die benötigte Menge und die Zuarbeiten des Kunden und vereinbaren Sie für jede Position ein Abnahmekriterium.
Angebot prüfen und freigeben
Stimmen Sie den Abnahmenachweis für „Designübergabe“, alle Positionsmengen, die Ausschlüsse und die Bindefrist mit dem Kunden ab und archivieren Sie die freigegebene Fassung.
Liefern und Abrechnung vorbereiten
Übergeben Sie die freigegebenen Fassungen und eine Dateiliste und bestätigen Sie Nutzungsumfang und abgeschlossene Korrekturen. Sobald die vereinbarte Stufe erreicht ist, erstellen Sie die Rechnung mit den tatsächlichen Mengen und den freigegebenen Änderungen.
Ein Angebot für Webdesign bepreist das Aussehen einer Website, bevor jemand Code schreibt, und genau dort beginnen die meisten Streitfälle: Der Kunde erwartet fertige Seiten, der Designer liefert Designdateien. Die Vorlage macht diese Grenze sichtbar. Wireframes, responsive Seitendesigns und die Übergabe an die Entwicklung stehen in eigenen Positionen, sodass der Kunde sieht, wie viele eigenständige Seiten und Bildschirmgrößen enthalten sind und ob die Umsetzung zum Angebot gehört.
Anzugebende Angaben
- Leistungen und Positionen
- Wireframe-Konzept, Responsives Seitendesign, Designübergabe: Geben Sie für jede Position die geplante Menge und den Leistungsumfang an.
- Wireframe-Konzept
- Sagen Sie, wie viele Seitentypen die Wireframes abdecken; eine Vorlage für Blogbeiträge zählt einmal, egal wie viele Beiträge folgen.
- Responsives Seitendesign
- Nennen Sie die Bildschirmgrößen, für die Sie gestalten, etwa Smartphone, Tablet und Desktop, und die Korrekturschleifen je Seite.
- Designübergabe
- Geben Sie Dateiformat und Werkzeug der Übergabe an und ob ein Styleguide oder eine Komponentenbibliothek dazugehört.
- Menge und Ausgabeformat
- Halten Sie Seiten, Motive, Wortzahl oder Laufzeit fest sowie die Endformate und ob offene Quelldateien enthalten sind.
- Abstimmung und Nutzungsumfang
- Legen Sie fest, wer den Entwurf freigibt, wie viele Korrekturschleifen vorgesehen sind, für welche Medien und wie lange genutzt wird und wer Fremdmaterial beschafft.
- Konkret abzustimmender Umfang
- Legen Sie die Zahl eigenständiger Seiten, den Umfang der responsiven Layouts und das Übergabeformat der Designdateien fest und halten Sie fest, ob die Umsetzung im Code enthalten ist.
Vor dem Versand prüfen
- Sagt „Wireframe-Konzept“, was enthalten ist und von welcher Menge der Preis ausgeht?
- Versteht der Kunde „Responsives Seitendesign“ genauso wie Sie, auch das, was nicht enthalten ist?
- Können Sie den Preis für „Designübergabe“ bis zum letzten Gültigkeitstag halten?
3 weitere anzeigen
- Vereinbaren Sie, ab wann ein Richtungswechsel nach der Entwurfsfreigabe als Zusatzarbeit gilt.
- Prüfen Sie getrennt, ob offene Quelldateien und finale Lieferdateien enthalten sind.
- Prüfen Sie die Bindefrist des Angebots, den Weg der Kundenfreigabe und die Zahlungsstufen.
Rechenbeispiel mit Beispielzahlen
Die Zahlen unten sind erfunden und zeigen, wie die Vorlage rechnet: 3 Positionen in Euro, mit 19 % Umsatzsteuer.
| Position | Menge × Einzelpreis | Betrag |
|---|---|---|
| Wireframe-Konzept | 6 × 60,00 € | 360,00 € |
| Responsives Seitendesign | 1 × 95,00 € | 95,00 € |
| Designübergabe | 2 × 1.200,00 € | 2.400,00 € |
| Zwischensumme | 2.855,00 € | |
| Umsatzsteuer (19 %) | 542,45 € | |
| Gesamt | 3.397,45 € | |
Angebotener Nettobetrag 2.855,00 €, Umsatzsteuer 542,45 €, Angebotssumme 3.397,45 €.
Was auf dem Dokument stehen muss
Welche Angaben ein Angebot enthalten muss und warum, steht Punkt für Punkt im Leitfaden unten.
Der Umsatzsteuersatz beträgt hier 19 %, wird auf den Nettobetrag angewendet und als eigene Zeile ausgewiesen.
§ 14 UStG verlangt zusätzlich die Steuernummer oder USt-IdNr., eine fortlaufende Rechnungsnummer und den Zeitpunkt der Lieferung.
Offizielle Quelle zum Steuersatz: European Commission: VAT rates
Alle Pflichtangaben: Rechnung schreiben: Pflichtangaben nach § 14 UStG
Häufige Fragen
Enthält ein Webdesign-Angebot die Umsetzung der Website?
Nur wenn es das sagt. Setzen Sie die Seiten auch um, führen Sie die Entwicklung in eigenen Positionen oder in einem zweiten Angebot, damit der Kunde mit anderen Entwicklern vergleichen kann.
Wer zahlt Schriften und Stockfotos?
Für den Kunden gekaufte Lizenzen werden meist zum Einkaufspreis weiterberechnet. Führen Sie sie in einer eigenen Zeile oder vermerken Sie, dass der Kunde sie selbst kauft.
Wie wird die Umsatzsteuer auf diesem Beleg berechnet?
Im Rechenbeispiel oben ergeben 19 % Umsatzsteuer auf 2.855,00 € netto 542,45 €, zusammen 3.397,45 €. Ändern Sie Menge, Preis oder Land, rechnet der Editor alle drei Werte neu.
Kann ich Layout und Farbe ändern?
Ja. Im Editor wählen Sie ein anderes Layout und eine Dokumentfarbe für die gedruckte Seite. An den Zahlen ändert das nichts: Positionen und Summen bleiben, und PDF, Word- und Excel-Datei folgen dem gewählten Layout.
Kann ich es dem Kunden per E-Mail schicken?
Ja, über Ihr eigenes E-Mail-Programm. Mit einem kostenlosen Konto bietet das Download-Menü des Editors den Versand per E-Mail an: Ihr E-Mail-Programm öffnet sich mit einer vorbereiteten Nachricht zum Dokument. QuoteBill verschickt selbst nichts; speichern Sie das PDF und hängen Sie es vor dem Senden an.
Weiterlesen
Lesen Sie zu „Angebot für Webdesign“ auch: Angebot schreiben: Aufbau, Beispiel Webdesign und Checkliste und Angebot und Rechnung: Unterschied, Zeitpunkt und Beispiel. Für die Steuer auf Ihre Angebotspreise: MwSt.- und GST-Rechner.