Website erstellen lassen Kosten berechnen mit unserem Kalkulator:
Vier Schritte, ein realistischer Preisrahmen. Der Kalkulator zeigt den Basispreis ohne Zusatzfunktionen und eine erweiterte Range wenn spezifische Features hinzukommen.
Was die Kosten einer Website wirklich bestimmt
Die Kosten für die Erstellung einer Website lassen sich nicht auf eine einzige Zahl reduzieren. Wer einen seriösen Anbieter fragt, bekommt keine Sofortantwort — sondern Rückfragen. Das liegt daran, dass vier Faktoren den Preis mehr beeinflussen als alles andere.
Komplexität und Seitenumfang
Fünf Seiten oder fünfzig: der Unterschied ist erheblich. Komplexität entsteht aber nicht nur durch die Anzahl der Seiten, sondern durch die Anforderungen jeder einzelnen. Eine einfache Kontaktseite kostet wenig. Eine Seite mit Buchungssystem, Datenbankanbindung oder Benutzeranmeldung vervielfacht den Aufwand. Wer bereits beim Briefing klar definiert was die Website leisten muss, spart Zeit und Kosten.
Technologie und CMS-Wahl
Die Wahl der Technologie ist der stärkste Preishebel. Ein klassisches CMS wie WordPress ermöglicht schnelle Entwicklung auf bewährter Basis. Webflow und Framer bieten mehr Designfreiheit, erfordern aber spezialisiertere Entwickler. Headless-Architekturen trennen Frontend und Backend vollständig — maximale Flexibilität, maximaler Aufwand. Die Kosten-Matrix weiter unten zeigt die konkreten Unterschiede.
Designanspruch und Individualität
Ein angepasstes Premium-Theme auf Basis eines etablierten Frameworks kostet weniger als ein komplett individuell entwickeltes Design. High-End-Projekte mit komplexen Animationen, Scroll-Effekten und aufwendigen Interaktionen können den Preis verdrei- bis verfünffachen. Wer keine belastbaren Referenzprojekte mit ähnlichem Designanspruch vorweisen kann, wird mit dem Ergebnis oft unzufrieden sein.
Betreuung nach dem Launch
Viele Angebote enden mit dem Go-live. Was danach kommt — Wartung, Updates, Inhaltspflege, technisches Monitoring — wird separat berechnet oder fällt völlig weg. Ein vollständiges Budget für Website-Erstellung berücksichtigt immer auch die laufenden Kosten ab dem ersten Monat. Das Überspringen dieser Planung ist die häufigste Ursache für unerwartete Folgekosten.
Kosten-Matrix: Was eine Website nach Technologie, Umfang und Qualität kostet
Die Kosten für die Erstellung einer Website entstehen an der Kreuzung von drei Faktoren: Technologie, Seitenumfang und Qualitätsniveau. Die Matrix zeigt alle Kombinationen — von der klaren Standard-Website bis zur animationsreichen High-End-Umsetzung.
| Technologie | 1–5 Seiten Visitenkarte, Landing Page, Mini-Website | 5–15 Seiten KMU-Website, Blog, SEO-Grundstruktur | ||
|---|---|---|---|---|
| Standard klare Inhalte, kein Animations-Aufwand | High-End Animationen, Scroll-Effekte, Interaktionen | Standard SEO-Aufbau, Blog, strukturierte Navigation | High-End Animationen, Scroll-Effekte, Interaktionen | |
| WordPress (CMS) | 2.000–5.000 € | 4.000–18.000 € | 5.000–18.000 € | 15.000–40.000 € |
| Webflow | 3.000–7.000 € | 6.000–22.000 € | 7.000–22.000 € | 18.000–45.000 € |
| Framer | 4.000–9.000 € | 7.000–25.000 € | 9.000–25.000 € | 20.000–50.000 € |
| Headless / Individuell | 10.000–20.000 € | 18.000–38.000 € | 20.000–45.000 € | ab 45.000 € |
Alle Werte gelten für professionelle Agenturen in Deutschland mit vollständigem Leistungsumfang: Konzept, Design, Entwicklung, Testing, SEO-Grundkonfiguration und Einweisung. Freelancer-Preise liegen je nach Erfahrung 20–40 Prozent darunter, oft ohne vollständige Betreuung nach dem Launch.
Wie sich ein Webdesign-Preis zusammensetzt
Hinter jedem Angebotspreis steckt eine Kostensstruktur die sich bei Standard- und High-End-Projekten grundlegend unterscheidet. Wer versteht, woraus ein Preis besteht, kann Angebote realistisch vergleichen und erkennt sofort, wenn etwas fehlt.
Preisstruktur bei Standard-Projekten
Bei einer professionellen Standard-Website verteilt sich der Aufwand typisch so:
- Konzept und Strategie (10–15 %): Zielgruppendefinition, Seitenstruktur, Briefing-Auswertung, Technologie-Empfehlung
- Design (25–35 %): Moodboard, Layout-Entwürfe, Responsive-Umsetzung, Design-System
- Entwicklung (35–45 %): Theme- oder Template-Entwicklung, Plugin-Setup, Performance-Optimierung
- SEO-Grundkonfiguration und Testing (10–15 %): Meta-Titles, Sitemaps, strukturierte Daten, Browser-Tests, Ladezeit-Optimierung
- Projektmanagement und Einweisung (5–10 %): Kommunikation, Revisionsrunden, Go-live-Begleitung, Übergabe
Bei einem WordPress-Projekt über 8.000 Euro bedeutet das: rund 2.800 Euro entfallen auf Design, rund 3.200 Euro auf Entwicklung — der Rest verteilt sich auf Konzept, SEO und Projektsteuerung.
Preisstruktur bei High-End-Projekten
High-End-Projekte mit Animationen, Scroll-Effekten und individuellen Interaktionen verschieben die Gewichte deutlich. Der Entwicklungsanteil steigt auf 50–60 Prozent des Gesamtpreises — denn jede Animation wird einzeln konzipiert, in Code umgesetzt und geräteübergreifend getestet. Hinzu kommt ein höherer Designanteil (30–40 %), da die Bewegungslogik bereits im Design vollständig durchdacht sein muss. Konzept und Strategie bleiben anteilig gleich, Projektmanagement steigt durch mehr Abstimmungsrunden leicht an.
Konkret: Ein Framer-Projekt im High-End-Bereich für 5–15 Seiten kostet 20.000–50.000 Euro, wovon allein 10.000–28.000 Euro auf Frontend-Entwicklung und Animations-Engineering entfallen. Das erklärt, warum High-End kein Aufschlag auf Standard ist — sondern eine grundlegend andere Leistung.
Die Technologien im Detail: Was dahintersteckt und warum die Preise sich unterscheiden
Die Preisunterschiede in der Matrix sind kein Zufall — sie spiegeln echte Unterschiede in Entwicklungsaufwand, Spezialisierungsgrad und laufenden Betriebskosten wider.
WordPress: Bewährte Basis, größtes Ökosystem
WordPress ist mit über 43 Prozent Marktanteil das meistgenutzte CMS weltweit. Die Entwicklung läuft auf einer bewährten, gut dokumentierten Basis mit über 60.000 Plugins. Das hält den Entwicklungsaufwand überschaubar und ermöglicht professionelle Ergebnisse in kürzerer Zeit.
Standard-Projekte nutzen ein angepasstes Child-Theme auf einem Premium-Framework. Professional-Projekte kommen mit vollständigem Plugin-Setup (SEO, Performance, Backup, Sicherheit, DSGVO). High-End-Projekte kombinieren individuell entwickelte Themes mit komplexen Interaktionen via JavaScript oder spezialisierter Plugin-Entwicklung. Alle WordPress-Kosten im Detail und worauf bei der Beauftragung zu achten ist, behandelt der Artikel WordPress Website erstellen lassen ausführlich.
Webflow: Mehr Designfreiheit, höherer Spezialisierungsgrad
Webflow ist ein visueller Website-Builder mit eigenem Hosting-Ökosystem. Im Gegensatz zu Baukastenlösungen wie Wix ist Webflow auf professionelle Projekte ausgelegt: sauberer Code-Output, CMS-Funktionalität, Animations-Engine und gute SEO-Grundlagen. Der Unterschied zu WordPress liegt im Entwicklungsansatz. Webflow-Entwickler arbeiten visuell im Browser statt im Code-Editor — das erfordert andere Spezialisierung, macht aber bestimmte Design-Aufgaben effizienter.
Die höheren Kosten entstehen durch drei Faktoren: spezialisierte Entwickler sind seltener (und damit teurer), Webflow-Hosting ist proprietär und kostet monatlich, und die Lernkurve für Kunden die nach dem Launch selbst Inhalte pflegen möchten, ist steiler als bei WordPress. Wer nach dem Launch häufig selbst Seiten anlegen möchte, sollte das im Briefing klar ansprechen.
Framer: Design-First, stark bei visuell aufwendigen Projekten
Framer hat sich in den letzten Jahren von einem Prototyping-Tool zu einer vollwertigen Website-Plattform entwickelt. Die Stärke liegt im Design: Animationen, Interaktionen und visuelle Qualität lassen sich in Framer besonders elegant umsetzen. Das macht Framer zur ersten Wahl für Projekte, bei denen visueller Eindruck und Bewegungsdesign zentral sind — etwa Agentur-Websites, Produkt-Launches oder Portfolios.
Die Mehrkosten gegenüber Webflow entstehen durch den noch kleineren Entwickler-Pool und den Aufwand, komplexe CMS-Anforderungen zu implementieren. Framer ist bei einfachen Standard-Projekten oft überqualifiziert — der Mehrwert kommt erst bei Projekten ab Professional-Niveau voll zum Tragen.
Headless CMS und individuelle Entwicklung: Maximale Flexibilität, maximaler Aufwand
Headless-Architekturen trennen das Content-Management (Backend) vollständig von der Darstellung (Frontend). Das Backend liefert Inhalte via API, das Frontend — meist gebaut mit Next.js, Nuxt oder ähnlichen Frameworks — rendert sie. Das Ergebnis: blitzschnelle Ladezeiten, maximale Designfreiheit und die Fähigkeit, Inhalte gleichzeitig auf Website, App und anderen Kanälen auszuspielen.
Der Preis dafür ist erheblich. Headless-Projekte erfordern Backend-Entwickler, Frontend-Entwickler und oft einen DevOps-Spezialisten für Hosting und CI/CD-Pipelines. Laufende Betriebskosten sind höher, und jede Änderung an der Infrastruktur ist aufwendiger. Für KMU und Mittelstand ist Headless in den meisten Fällen überdimensioniert. Sinnvoll wird es ab dem Moment, wo eine Website täglich tausende Anfragen verarbeitet, mehrere Kanäle bespielt oder extrem hohe Performance-Anforderungen hat.
Online-Shop-Kosten: Was WooCommerce und E-Commerce kosten
Ein Online-Shop ist keine eigenständige Technologie — er ist eine Erweiterung der bestehenden Website-Plattform. Das beeinflusst die Kosten erheblich, weil Shop-Funktionalität auf einer bereits aufgebauten Basis sitzt und sich der Mehraufwand auf konkrete Funktionsblöcke verteilt.
WooCommerce auf WordPress
WooCommerce ist das meistgenutzte Shop-System weltweit und läuft nativ auf WordPress. Die Basisinstallation ist kostenlos — der Aufwand liegt in der Konfiguration. Ein professioneller WooCommerce-Shop kostet zusätzlich zur Basis-Website 2.000–8.000 Euro für Setup, Produktstruktur, Zahlungsanbieter-Integration (Stripe, PayPal, Klarna), Versandlogik und steuerliche Konfiguration. Shops mit komplexen Produktvarianten, Filterfunktionen oder Abo-Modellen liegen entsprechend höher.
Laufend fallen neben den normalen Website-Kosten etwa 50–150 Euro monatlich für WooCommerce-Extensions und Zahlungsanbieter-Gebühren an. Wer einen Shop ernsthaft betreiben möchte, braucht außerdem einen Wartungsvertrag mit Shop-Kompetenz — fehlerhafte Updates können den Checkout direkt treffen.
Webflow und Framer Commerce
Webflow bietet mit Webflow Commerce eine native Shop-Funktion. Die Möglichkeiten sind im Vergleich zu WooCommerce eingeschränkter, die Umsetzungsqualität visuell höher. Für einfache Shops bis 50 Produkte ohne komplexe Varianten eine sinnvolle Option — Mehrkosten gegenüber einer reinen Webflow-Website: 1.500–4.000 Euro. Framer hat keine native Commerce-Funktion und wird für Shops in der Regel mit externen Diensten (Shopify, Snipcart) kombiniert.
Shopify als eigenständige Plattform
Shopify ist keine Website-Plattform im klassischen Sinne, sondern eine dedizierte Commerce-Lösung. Für Unternehmen, deren primäres Ziel Produktverkauf ist, kann Shopify wirtschaftlicher sein als WooCommerce — das Design ist eingeschränkter, die Shop-Infrastruktur aber robuster. Eine professionelle Shopify-Umsetzung kostet 3.000–12.000 Euro einmalig, dazu monatlich 25–105 Euro Plattformgebühr plus Transaktionsgebühren.
Laufende Kosten: Was nach dem Launch monatlich anfällt
Die Erstellungskosten sind einmalig — die Betriebskosten laufen dauerhaft. Wer bei der Budgetplanung nur die einmaligen Projektkosten berücksichtigt, unterschätzt den wahren Preis einer Website systematisch.
Hosting
Gutes Managed Hosting für WordPress kostet 15–80 Euro monatlich. Webflow berechnet 23–36 Euro monatlich je nach Plan direkt über die Plattform. Framer liegt ähnlich bei 15–30 Euro monatlich. Headless-Projekte brauchen Server-Infrastruktur (Vercel, Netlify oder eigener Server) plus CMS-Hosting — zusammen 50–200 Euro monatlich, abhängig vom Traffic.
Billig-Hosting unter 5 Euro monatlich ist false economy: geteilte Server, schlechtere Ladezeiten, weniger Sicherheit. Ladezeit ist ein direkter Google-Ranking-Faktor.
Domain
Eine .de-Domain kostet 10–20 Euro jährlich. Wichtig: Die Domain immer auf den eigenen Namen registrieren, nie auf den des Anbieters. Bei einem Anbieterwechsel ist die Domain sonst gefangen.
Wartung und Sicherheit
WordPress-Websites brauchen regelmäßige Updates für Core, Themes und Plugins. Ein Website Wartungsvertrag kostet ab 50 Euro monatlich und umfasst Updates, Backups, Sicherheits-Monitoring und Verfügbarkeitsüberwachung. Wer auf Wartung verzichtet, öffnet Sicherheitslücken: ungepatchte WordPress-Installationen sind die häufigste Eintrittsstelle für Angriffe.
Premium-Plugins und Lizenzen
Yoast SEO Premium (99 Euro/Jahr), Performance-Plugins wie WP Rocket (59–299 Euro/Jahr), Backup-Lösungen und weitere Tools summieren sich auf 150–400 Euro jährlich für ein vollständiges professionelles Setup. Diese Kosten sind planbar und im Vergleich zur Entwicklung minimal — aber sie fallen dauerhaft an.
Kostenfallen: Was in vielen Angeboten nicht drin ist
Der erste Angebotspreis ist selten der echte Preis. Diese Positionen werden am häufigsten nachträglich berechnet — oder fehlen ganz und zeigen sich später als Qualitätsmangel.
Texte und Bildmaterial
Professionelle Webtexte kosten 80–200 Euro pro Seite, Lizenz-Fotos oder Fotografen kommen dazu. Viele Angebote setzen voraus, dass Texte und Bilder fertig geliefert werden. Wer das nicht einplant, verzögert das Projekt — oder liefert eine technisch einwandfreie Website mit schwachem Inhalt, der weder rankt noch konvertiert.
SEO-Grundkonfiguration
Yoast SEO installieren dauert drei Minuten. Vollständig konfigurieren — Meta-Titles für alle Seiten, Sitemaps, Canonicals, strukturierte Daten, interne Verlinkungsstrategie — ist Arbeit. Viele günstige Angebote installieren das Plugin und übergeben. Wer SEO nachträglich hinzukauft, zahlt für Arbeit, die beim ersten Aufbau günstiger gewesen wäre.
Änderungen nach dem Launch
Was nach dem Go-live als „kleine Änderung" erscheint, kostet bei Stundenabrechnung 80–150 Euro pro Stunde. Im Angebot muss stehen: wie viele Revisionen sind inklusive, was passiert danach und zu welchem Stundensatz. Agenturen ohne klare Regelung sind ein Risiko.
Migration und Relaunch-Kosten
Wer eine bestehende Website auf neue Technologie umzieht, zahlt zusätzlich für Migration: Inhaltsübertragung, SEO-Weiterleitungen (301-Redirects), URL-Struktur-Anpassungen und den Aufwand alle Rankings zu erhalten. Realistisch sind 1.000–5.000 Euro für eine saubere Migration — je nach Seitenanzahl und bisheriger Struktur. Wer das spart, verliert oft Sichtbarkeit die in Jahren SEO-Arbeit aufgebaut wurde.
Webdesign-Angebot prüfen: Woran erkennst du seriöse Preise
Ein Angebot zu bekommen ist einfach. Ein seriöses Angebot zu erkennen ist schwieriger. Diese Red Flags zeigen, wo Vorsicht geboten ist — und worauf ein vollständiges Angebot zwingend eingehen muss.
Red Flags im Angebot
- Pauschale unter 1.500 Euro für eine „professionelle Website": Darunter ist kein vollständiges Projekt mit Konzept, Design, Entwicklung und SEO-Setup möglich. Was geliefert wird, ist ein angepasstes Template ohne individuelle Leistung.
- Kein fixer Leistungsumfang im Angebot: Wenn nicht schriftlich steht was inklusive ist — Anzahl der Seiten, Revisionsrunden, SEO-Konfiguration, Testing — wird alles Fehlende nachträglich berechnet.
- Keine klare Regelung für Änderungen nach dem Launch: Was passiert wenn nach dem Go-live Anpassungen nötig sind? Ohne schriftliche Regelung gilt der Stundensatz des Anbieters — und der liegt bei Agenturen bei 80–150 Euro.
- Domain und Hosting beim Anbieter registriert: Wenn der Anbieter Domain oder Hosting auf seinen Namen laufen lässt, verlierst du bei einem Anbieterwechsel den Zugriff. Alles läuft auf deinen Namen.
- Kein Wartungskonzept nach dem Launch: Eine Website ohne laufende Wartung ist kein abgeschlossenes Produkt — sie ist ein technisches Risiko. Seriöse Anbieter benennen von Anfang an was nach dem Launch passiert.
- Referenzprojekte ohne Qualitätsnachweis: Screenshots und Mockups sind kein Nachweis. Funktionierende Live-URLs mit ähnlichem Designanspruch und prüfbarer Ladezeit schon.
Was ein vollständiges Angebot enthalten muss
Ein seriöses Webdesign-Angebot nennt: Leistungsumfang mit Seitenanzahl und Funktionen, Technologie-Empfehlung mit Begründung, Anzahl inkludierter Revisionsrunden, Regelung für Änderungen nach dem Launch (Stundensatz oder Paket), Zeitplan mit Meilensteinen, Zuständigkeiten auf Kundenseite (Texte, Bilder, Freigaben) und den monatlichen Folgekosten für Betrieb und Wartung. Fehlt einer dieser Punkte, ist das Angebot unvollständig — und die fehlenden Positionen tauchen später als Zusatzkosten auf.
Baukasten, Freelancer oder Agentur: Was kostet was über 3 Jahre?
Der Vergleich nur auf Basis der einmaligen Erstellungskosten führt zur falschen Entscheidung. Wer die Gesamtkosten über 3 Jahre betrachtet, bekommt ein realistischeres Bild.
| Baukasten | Freelancer | Agentur | |
|---|---|---|---|
| Einmalige Kosten | 0–500 € | 800–5.000 € | 3.600–18.000 € |
| Monatliche Kosten | 15–50 € | variabel | 60–250 € |
| Gesamtkosten 3 Jahre | 540–2.300 € | 1.700–10.000 € | 5.800–27.000 € |
| SEO-Performance | gering | je nach Profi | hoch |
| Organische Anfragen | kaum | mittel | hoch |
Warum der günstigste Anbieter langfristig teurer ist
Ein Baukasten klingt günstig — und ist es für Kosten die man sieht. Was er nicht abbildet: entgangene Anfragen durch fehlende Google-Sichtbarkeit, den Aufwand selbst Inhalte zu pflegen und die Tatsache, dass Baukasten-Websites irgendwann durch eine professionelle Lösung ersetzt werden. Die Kosten des Baukastens kommen dann nochmal obendrauf.
Bei KMU mit aktivem SEO-Fundament und einer professionellen Agentur-Website amortisiert sich die Investition typisch innerhalb von 12–18 Monaten. Eine Website die monatlich auch nur 2–3 zusätzliche Anfragen generiert, trägt sich bei einem durchschnittlichen Auftragswert von 5.000 Euro in wenigen Monaten selbst. RHEINSPACE empfiehlt Unternehmen mit Wachstumsziel daher immer die Agentur-Lösung — weil die Rechnung langfristig aufgeht. Alle Leistungen rund um professionelles Webdesign beauftragen bietet RHEINSPACE transparent und zum Festpreis.
