invoice exampleweb developmentinvoice templateinvoicing tips

Webentwicklung-Rechnung Beispiel: Kommentierte Vorlage mit Einzelposten

Sehen Sie ein vollständiges Webentwicklung-Rechnungsbeispiel mit kommentierten Feldern, Beispiel-Einzelposten und Erklärungen, was enthalten sein sollte und warum.

InvoiceQuickly Team··Aktualisiert ·4 min read

Kurzfassung: Eine Webentwicklung-Rechnung sollte die Arbeit in Phasen aufteilen (Design, Entwicklung, Tests), Hosting- und Domain-Kosten von Entwicklungsstunden trennen und auf den Projektumfang oder das Angebot verweisen. Nachfolgend finden Sie ein vollständig kommentiertes Beispiel.

Beispiel einer Webentwicklung-Rechnung

FeldDetails
VonCodewright Studios, 155 Market St, Suite 400, San Francisco, CA 94105, billing@codewrightstudios.com
AnBloom Floral Supply Co., z. Hd. Betriebsleiter Kevin Tran, 3200 Folsom St, San Francisco, CA 94110
Rechnungs-Nr.CWS-2026-0073
Rechnungsdatum6. April 2026
Fälligkeitsdatum21. April 2026 (Netto 15)
ProjektreferenzE-Commerce-Website-Redesign -- Angebot #BFS-2026
#BeschreibungMengeSatzBetrag
1UX/UI-Design -- Wireframes und Mockups (5 Seiten)1$3.200,00$3.200,00
2Frontend-Entwicklung -- responsive HTML/CSS/JS32 Std.$165,00/Std.$5.280,00
3Backend-Entwicklung -- Shopify Custom Theme Integration24 Std.$175,00/Std.$4.200,00
4QA-Tests und Browser-Kompatibilität8 Std.$140,00/Std.$1.120,00
5Domain-Registrierung -- bloomfloralsupply.com (1 Jahr)1$18,00$18,00
6Hosting-Einrichtung und erstes Jahresgebühr1$240,00$240,00
Zwischensumme$14.058,00
Steuer (0%)$0,00
Anzahlung geleistet-$5.000,00
Offener Betrag$9.058,00

Zahlungsbedingungen: Netto 15. 35% Anzahlung vor Entwicklungsbeginn; Restbetrag fällig bei Launch. Überweisung oder ACH bevorzugt.

Hinweise: Staging-Site verfügbar unter staging.bloomfloralsupply.com zur Überprüfung. Beinhaltet 30 Tage Post-Launch-Bugfixes. Laufende Wartung verfügbar für $150/Std.

Feld-für-Feld-Erklärung

  • Von: Name der Agentur oder des freiberuflichen Unternehmens, Adresse und Rechnungs-E-Mail.
  • An: Unternehmen des Kunden sowie der Projektverantwortliche oder Entscheidungsträger.
  • Projektreferenz: Verweis auf das ursprüngliche Angebot, damit beide Parteien genau wissen, welcher Umfang abgerechnet wird.
  • Einzelposten nach Phase: Die Trennung von Design, Frontend, Backend und QA hilft Kunden zu verstehen, wo die Zeit investiert wurde.
  • Drittanbieter-Kosten: Domain und Hosting sind durchlaufende Posten -- listen Sie diese separat auf für Klarheit.
  • Anzahlungsabzug: Zeigen Sie die Vorauszahlung und ziehen Sie sie ab, um den Restbetrag darzustellen.
  • Post-Launch-Support: Vermerken Sie, was inklusive ist (30-Tage-Bugfixes) und was zusätzlich kostet (laufende Wartung).

Häufige Einzelposten für Webentwickler

EinzelpostenTypische Preisspanne
UX/UI-Design und Wireframing$2.000 -- $10.000
Frontend-Entwicklung (stündlich)$100 -- $200/Std.
Backend-Entwicklung (stündlich)$120 -- $225/Std.
CMS-Einrichtung und -Konfiguration$500 -- $3.000
E-Commerce-Integration$2.000 -- $10.000+
QA-Tests und Bugfixes$80 -- $160/Std.
Domain und Hosting (jährlich)$50 -- $500
SEO-Einrichtung und -Optimierung$500 -- $2.500

Varianten

  • Festpreis vs. Stundenabrechnung: Festpreis-Rechnungen werden nach Meilenstein abgerechnet (z. B. "Designphase -- 30% von $20.000"); Stundenrechnungen listen die tatsächlich aufgewendete Zeit auf.
  • Retainer / Wartung: Ein monatlicher Posten für Hosting, Sicherheitsupdates und kleinere Änderungen (z. B. $500/Monat).
  • Mit Steuer: Einige Bundesstaaten besteuern Software und digitale Dienstleistungen. Fügen Sie eine Steuerzeile hinzu, falls erforderlich.
  • International: Geben Sie die Währung an, fügen Sie Umsatzsteuer hinzu, falls zutreffend, und geben Sie SWIFT/IBAN für Überweisungen an.

Tipps für die Webentwicklung-Rechnungsstellung

  1. Rechnen Sie bei Meilensteinen ab (Design-Freigabe, Entwicklung abgeschlossen, Launch) anstatt bis zum Ende zu warten.
  2. Protokollieren Sie Stunden mit Beschreibungen, damit Kunden genau sehen können, was jede Stunde abgedeckt hat.
  3. Trennen Sie Drittanbieter-Kosten von Ihrer Arbeitsleistung, damit Kunden Ihren tatsächlichen Stundensatz klar erkennen.
  4. Fügen Sie eine Post-Launch-Garantiezeit in Ihre Hinweise ein -- das schafft Vertrauen und setzt klare Grenzen.

FAQ

F: Sollte ich für Revisionen während der Entwicklung berechnen? A: Schließen Sie eine festgelegte Anzahl von Revisionsrunden in Ihren Umfang ein. Darüber hinaus berechnen Sie stündlich und vermerken den Stundensatz auf der Rechnung.

F: Wie gehe ich mit Scope Creep mitten im Projekt um? A: Erstellen Sie einen Änderungsauftrag mit neuen Einzelposten und holen Sie eine schriftliche Genehmigung ein, bevor Sie die Arbeit ausführen. Fügen Sie die Positionen des Änderungsauftrags Ihrer nächsten Rechnung hinzu.

F: Muss ich Umsatzsteuer auf Webentwicklung berechnen? A: Das variiert je nach Bundesstaat. Die meisten Bundesstaaten besteuern keine individuelle Softwareentwicklung, aber einige besteuern SaaS oder digitale Produkte. Prüfen Sie die Regelungen Ihres Bundesstaats.


Erstellen Sie saubere Webentwicklung-Rechnungen mit der InvoiceQuickly Webentwickler-Vorlage.

Kostenlose Rechnungs-Checkliste

Laden Sie unsere 15-Punkte-Checkliste herunter, um sicherzustellen, dass jede Rechnung vollständig, professionell und steuerkonform ist.

Kostenloses PDF, kein Spam. Jederzeit abbestellbar.

Rechnungstipps, die wirklich helfen

Schließen Sie sich über 5.000 Freiberuflern und Kleinunternehmern an. Eine E-Mail pro Woche mit praktischen Rechnungstipps, Steuertipps und Produktneuheiten.

Kein Spam, niemals. Jederzeit abbestellbar.

Webentwicklung-Rechnung Beispiel: Kommentierte Vorlage mit Einzelposten