Wie setzt sich der Preis einer Website zusammen? Eine menschliche und verständliche Erklärung
Kurz gesagt: Der Preis einer Website ergibt sich aus dem Projektumfang und dem nötigen Arbeitsaufwand: Design, Programmierung, Anpassung an mobile Geräte, Tests und Projektmanagement. Je nach Projektanforderungen können die Kosten auch Prototyping, Tests mit Nutzern und API-Integrationen umfassen. Komplexere Funktionen und ein größerer Arbeitsumfang erhöhen in der Regel den Preis. Die aktuellen Einstiegspreise von CREATING.LV und einen Rechner für das Projektbudget finden Sie auf unserer Seite Preise.
Wenn Sie im Internet suchen, was eine Website kostet, finden Sie fast jede beliebige Zahl. Von „Ach, ich mach dir das für 400“ bis zu mehreren Zehntausend. Tatsächlich entsteht der Preis einer Website nicht aus dem Nichts — er setzt sich aus ganz konkreten Arbeitsstunden zusammen. Und je besser wir verstehen, was hinter diesen Stunden steckt, desto leichter fällt es, fundierte Entscheidungen zu treffen.
Hier gehen wir den gesamten Prozess so durch, dass er auch für jemanden verständlich ist, der Design und Programmierung bisher nicht näher gekommen ist als „Ich erinnere dich später an das Passwort“.
1. Braucht man ein individuelles Design? (empfohlene Phase!)
Die erste Frage ist immer dieselbe: Braucht die Website ein eigenes Design, oder kann eine Vorlage verwendet werden?
Wenn Sie eine einzigartige, nutzerorientierte, visuell aufgeräumte Website möchten, dann ja — ein Design ist notwendig. Wenn es schnell und möglichst kostengünstig gehen soll, kommt man auch ohne individuelles Design aus.
Wenn Sie sich für ein individuelles Design entscheiden
Dann beginnt alles mit einem Designkonzept — wir besprechen, welche Stimmung Sie sich wünschen, was zur Marke passt und welche Farben und Schriften die richtigen sind. Das ist nicht nur eine Frage der Ästhetik — es bestimmt die Wahrnehmung der Nutzer und die Konsistenz des Designs.
Danach entsteht ein Moodboard, im Grunde eine visuelle Inspirationstafel, damit wir dieselbe Sprache sprechen und klar ist, in welche Richtung wir gehen (eine Collage aus verschiedenen Bildern).
Dann gestalten wir das Design der Startseite (in der Regel etwa 24h), da dort die grundlegenden Stile definiert werden.
Jede weitere Ansicht — zum Beispiel ein Kontaktformular, eine Kategorieseite, eine „Danke für Ihre Nachricht“-Meldung — nimmt durchschnittlich 2–4 Stunden in Anspruch.
Das Design für Standardprojekte liegt im Durchschnitt bei 60–80h, für E-Commerce kommen etwa 40h hinzu.
2. Prototyping und interaktiver Figma-Prototyp (empfohlene Phase!)
Dieser Abschnitt wird oft nicht erwähnt, ist aber tatsächlich sehr wichtig. Wenn die Designansichten fertig sind, verbinden wir sie zu einem interaktiven Prototyp in Figma.
Was ist ein Prototyp in Figma?
Einfach gesagt ist es ein klickbares Modell, in dem man sich wie auf einer echten Website bewegen kann — Schaltflächen drücken, Menüs öffnen, zwischen Bereichen wechseln.
Es ist noch kein Code, sondern eine visuelle Testumgebung.
Warum ist das so wichtig?
Weil man eine Seite oft anders sieht, als man sie sich im Kopf vorgestellt hat. Im Prototyp wird sofort sichtbar:
ob das Menü verständlich ist;
ob sich eine Schaltfläche dort befindet, wo sie sein sollte;
ob der Seitenablauf logisch ist;
ob es unnötige Schritte gibt, die den Nutzer nur verwirren.
In der Regel dauert die Entwicklung des Prototyps etwa 16h.
3. Tests mit echten Nutzern (empfohlene Phase!)
Wenn der Prototyp fertig ist, wird er echten Menschen zum Testen gegeben. Nicht Designern, nicht Programmierern, sondern denen, die die Website nutzen werden — Kunden, Kollegen, sogar Verwandten, wenn sie zur Zielgruppe gehören.
Der Test läuft ganz praktisch ab: Die Person erhält mehrere Aufgaben (zum Beispiel „Finden Sie Produkt X“ oder „Senden Sie eine Anfrage“), und wir beobachten:
wo sie unsicher wird;
wo sie hängen bleibt;
wo sie auf eine Schaltfläche klickt, die eigentlich gar nicht relevant sein sollte;
welcher Weg intuitiv ist und welcher nicht.
Diese Phase dauert in der Regel etwa 25 Stunden, da die Tests qualitativ hochwertig sein und Daten von mehreren Personen gesammelt werden müssen.
4. Korrekturen und erneute Tests (empfohlene Phase!)
Es ist nicht so, dass nach dem ersten Test alles perfekt ist. Meist muss eine Reihe von Dingen nachgebessert werden — oft kleine, aber wichtige Details.
Dann erfolgen:
Designkorrekturen,
Anpassungen des Prototyps,
und erneute Tests.
Diese Phase dauert in der Regel 2 bis 15 Stunden (bei nur kleinen Korrekturen ist ein erneuter Test nicht nötig).
Wenn all das abgeschlossen ist, wird das Design an die Programmierer übergeben.
5. Programmierung und technische Arbeit
In dieser Phase wird aus dem Design eine echte Website.
Wichtig zu wissen: Die Programmierstunden entsprechen in der Regel etwa dem Umfang der Designstunden, da jede Ansicht genau so aufgebaut werden muss, wie sie in Figma zu sehen ist.
zusätzlich muss man immer einplanen:
Einrichtung von Menü und Footer: ~1h
Farben, Schaltflächen, gemeinsame Stile: ~1h
Installation/Konfiguration von Plugins: bis zu 0,5h pro Plugin
Responsivität auf Smartphones und Tablets: 10-15% der Gesamtzeit
Tests: 10–15% der Gesamtzeit
Projektmanagement: bis zu 20% des Projektumfangs
6. API und Anbindung externer Systeme
Eine API (einfach gesagt — eine „Brücke zwischen Systemen“) ist ein eigenes Thema.
Das kann ein Lager, ein CRM, Zahlungssysteme u. a. sein.
Der Aufwand kann sowohl minimal als auch beträchtlich sein:
Einweg-API (wir senden nur Daten) — ein paar Stunden;
bidirektionale API (wir senden und empfangen Daten) — bis zu 100h, wenn es viele Parameter, Datentypen und Szenarien gibt.
Das ist nicht immer erforderlich, und oft gibt es bereits fertig entwickelte und abgestimmte Lösungen, z. B. in Form von Plugins, die nicht viel Zeit in Anspruch nehmen.
7. Mobile Anpassung und finale Qualität
Wenn die Seite auf dem Computer funktioniert, muss sichergestellt werden, dass sie auf dem Smartphone perfekt aussieht, denn das ist heute die wichtigste Traffic-Quelle.
Dann wird alles noch einmal getestet, bis kein einziges Pixel mehr schief ist.
Zusammenfassung „für Menschen“
Der Preis einer Website ist nicht „mysteriöse 1500€ oder 14000€“.
Er besteht aus:
Design,
Prototyping,
Nutzertests,
Korrekturen,
Programmierung,
Funktionalität,
API,
Responsivität,
Tests,
und Projektmanagement.
Je komplexer das Projekt, desto mehr Arbeit. Je mehr Arbeit, desto höher der Preis.
Bei einfacheren Projekten sind ein solches Prototyping und solche Tests nicht erforderlich, bei der Entwicklung komplexerer Systeme sind sie jedoch unverzichtbar, damit Sie kein Geld unnötig in die Programmierung stecken, sondern Fehler schon ganz am Anfang des Projekts „abfangen“. Ebenso das Design – ja, es ist toll, wenn es eines gibt, denn es erleichtert den Programmierern die Arbeit (sie sehen in Figma jeden Schriftnamen, jede Größe, jede Linienstärke und jeden Farbcode), aber es bedeutet zusätzliche Kosten für den Kunden.
Wie hoch die Gesamtkosten ausfallen, hängt davon ab, welche dieser Schritte Ihr Projekt braucht und wie umfangreich jeder einzelne ist. Die größten Unterschiede entstehen meist durch ein individuelles Design, die Zahl der Seiten und Funktionen (etwa ein Onlineshop, Buchungen oder die Anbindung an andere Systeme) und dadurch, ob Prototyping und Tests mit Nutzern vorgesehen sind.
Die aktuellen Pakete von CREATING.LV mit ihren Einstiegspreisen sowie den Rechner für das Projektbudget finden Sie auf der Seite Preise.
Weitere Informationen: Alle aktuellen Preise · Website-Entwicklung · Webdesign und UX/UI.
