Was kostet eine Webseite? Als Dienstleister ist es häufig schwierig, über genaue Preise zu sprechen. Es gibt nicht die eine App, den einen Onlineshop oder die eine Webseite. Entsprechend schwierig ist es, die Frage zu beantworten, was denn nun ein Onlineshop oder eine Webseite in der Programmierung genau kostet. Wir sind grosse Fans von Transparenz. Denn je besser unsere Kunden verstehen, was wir genau machen, desto höher ist auch die Wertschätzung für unsere Arbeit.
2018 hatten wir unsere Webseite zum letzten Mal überarbeitet. Bereits Mitte 2020 starteten wir mit der Arbeit an einer neuen Version. Diese wurde im Februar 2021 veröffentlicht. Die alte Webseite war noch immer tipptop. Allerdings passte sie nicht mehr zu uns und reflektierte nicht mehr, wer wir sind. Wir sind von einem Zweimann-Team anfangs 2019 auf über 15 Mitarbeitende anfangs 2021 gewachsen. Mit unserer neuen Webseite zeigen wir das Spektrum an Leistungen, das wir täglich erbringen, deutlich besser auf. Ausserdem ist ein neues, zusätzliches Ziel der Webseite, die besten Talente zu rekrutieren.
Anhand unserer neuen Webseite zeigen wir Ihnen daher gerne auf, was eine solche Webseite in der Programmierung kostet.
Das Design als Grundlage für die Aufwandsschätzung
Als Grundlage diente uns ein Figma Design. Alternativ arbeiten wir auch mit Designs in XD Vorlagen.
Aufschlüsselung der Programmierkosten nach Stunden
1 Set-up WordPress und Entwicklungsumgebung, 6h
Zum Start eines Projekts setzen wir jeweils WordPress in einem Entwicklungsserver auf. Weiter setzen wir das Git Repository auf und erledigen weitere Vorbereitungsschritte, damit wir effizient programmieren können.
2 Header und Footer, 11.5h
- Hauptmenü, 3h
- Footer, 6.5h
- Submenü bei Angebote, 2.5h
3 Blöcke und Animation, 131.5h
- Animation auf Startseite für Hauptblock: 8h
- Animation auf Unterseiten: 11h
- Drei Kacheln, 7h
- Kachel mit Pop-up, 16h
- Kontaktformulare, 12h
- Kontaktseite mit Slider, 4h
- Bild mit Text darüber, 3h
- Call-to-Action Button, 3.5h
- Akkordeon, 7.5h
- Icons, 1.5h
- Slider Geschichte 3.5h
- Blog und Blogunterseite, 15h
- Referenzen und Unterseiten für die Referenzen, 12h
- Offene Stellen Block: 3.5h
- Slider für Blog Posts, 5h
- Testing, Review und Update Staging, 19h
4 Inhalte migrieren, 15h
- Blogbeiträge migrieren, 11h
- Weitere Seiten migrieren, 4h
5 Integrationen, 10h
- Verknüpfung Tag Manager mit korrekten Tags, 2h
- Pardot Marketing Automation, 8h
6 Projektleitung und Testing, 56h
Hier ist auch viel Zeit inkludiert, in der wir intern einzelne Entscheidungen diskutierten und Texte verfasst haben. Die reine Projektleitungszeit für die Entwicklung betrug ca. 24 Stunden.
Insgesamt haben wir 168 Stunden programmiert und 24 Stunden getestet sowie allgemeine Projektleitungsarbeit geleistet. Wie wir unseren üblichen Stundensatz für die Entwicklung mit WordPress nehmen, hätte uns die neue Webseite in der Programmierung also 30’480.– gekostet. Eine grosse Investition, aber die Webseite ist auch unser wichtigstes Kommunikationsinstrument und generiert für uns laufend neue Anfragen. Diese Investition holen können wir dadurch innerhalb von kurzer Zeit wieder rein.
Wie geht es weiter nach der Programmierung?
Das eigene Marketing ist nie «fertig», deshalb optimieren wir laufend unsere Webseite. Unsere Texte bleiben nie statisch. Wir optimieren die Produktseiten laufend weiter. Neue Blöcke kommen dazu. Alte Blöcke werden entfernt, wenn sie uns nicht mehr behilflich sind. Auch die Texte unserer Blogbeiträge werden laufen überarbeitet.
Kostengünstigere Alternative zur massgeschneiderten Programmierung?
Ein massgeschneiderte, von Grund auf programmierte Webseite braucht einiges an Arbeit. Als günstigere Alternative könnte man ein fertiges Template verwenden, allerdings sind diese üblicherweise langsam, nicht wirklich frei anpassbar und aufgrund der vielen Plugins sicherheitstechnisch nicht zu empfehlen. Damit Marketing- oder Design Agenturen aber ihren Kunden trotzdem eine Alternative anbieten können, haben wir Webwirkung Express entwickelt.
Webwirkung Express ist eine schlanke Vorlage, die wir eigenständig entwickelt und programmiert haben. Sie besteht aus typische Inhaltselemente, die wir scho häufig für Webseiten verwendet haben. Zusätzlich kommt die Vorlage komplett ohne Plugins aus. Um die Seiten aufzubauen verwendet die Vorlage Gutenberg. Dies ist der Standardeditor von WordPress. Er dient als sogenannter Page Builder und ist angereichert mit über zwanzig verschiedenen Inhaltselementen. Damit können Agenturen auch Kunden mit einem schmalen Budget (Pauschal 4’000.–) eine sehr saubere und professionelle Webseite anbieten. Alle Informationen zu Webwirkung Express finden Sie hier.
Und das Beste: Innerhalb von sieben Tagen ist jede Webseite, die mit Webwirkung Express entwickelt wird, einsatzbereit. Dadurch entstehen keine aufwändigen Feedbackloops oder mühsames Testing. Das Ergebnis «verhebt» beim ersten Mal!
Kurz zusammengefasst:
Vorteile:
- Kostengünstige Variante, um eine tolle Webseite umzusetzen
- Schnell! (7 Tage)
- Auf Basis von dem beliebtesten CMS WordPress. Dadurch kann jeder Inhalt selber vom Kunden oder von der Agentur bearbeitet werden.
- Um alles technische kümmern wir uns (Pagespeed, Hosting, Deploy, …)
Nachteile:
- Es können nur die Designelemente verwendet werden, die wir im Adobe XD zur Verfügung stellen (aktuell circa 20 verschiedene)
- Beim Design sind sie etwas eingeschränkt
- Nur für kleinere Webseiten
Probieren Sie es aus uns fordern Sie die Adobe XD Vorlage an! Wir sind gespannt auf Ihre Rückmeldung. Bei Fragen kontaktieren Sie und direkt und unkompliziert.
Mail: info@webwirkung.ch
Telefon: 071 552 06 10
Kommentare (0)
Hinterlasse einen Kommentar