Sabine Haag, Diplom-Designerin (FH), Kommunikationsdesign | Webdesign München
HAAG Kommunikationsdesign | Webdesign |Sabine Haag, Dipl. Designerin | design in print and web München | Branding | Corporate Design | Grafikdesign | Illustration HAAG Kommunikationsdesign | Webdesign München
HAAG Kommunikationsdesign Sabine Haag, Dipl.-Designerin (FH) München  | Startseite | Kontakt | Anfahrt | AGB | Impressum | 
Logo Apfel im Logo-Outlet
Logo Auge im Logo-Outlet
Logo Ei im Logo-Outlet
Logo Fliege im Logo-Outlet

next Übersicht

webdesign

next checkliste homepage

next corporate design

next branding

next graphic design

next conception

next illustration

next service

next procedere

next AGB

Serviceguide

webdesign - Was kostet eine Homepage?

Webdesign ist eine Projektarbeit - Wir stellen einen Projektleitfaden zur Verfügung - und wird anhand des Anforderungsprofils und Kundenbedarfs kalkuliert. Wir können zu unseren Leistungen meist nur Anhaltspunkte mit der Bezeichnung "Durchschnittswert" geben. Einige Ausführungen sind "nach Aufwand pro Stunde" gelistet. Jedoch können wir bei vielen Angaben einen Festpreis oder Monatspauschale beziffern. Fremdkosten müssen natürlich nach Bedarf angefragt werden.

Hier sind die einzelnen Bausteine einer Homepage. Leider kommen wir nicht ganz ohne Fachjargon aus. Erklärungswürdige Begriffe werden im Anschluss"Was ist eine Homepage?" erläutert. Sind Sie noch in der Anfangsphase Ihrer Planung, so empfehlen wir die Checkliste für eine Homepage.

Konzeption

Nach Bedarf wird anhand aller relevanten Kundendaten ein Konzept erstellt.

Die erste Anforderung lautet: Was soll die Seite leisten?

Durchschnittswert EUR 400
Basisdesign beinhaltet Aufbau, Layout, Erscheinungsbild Festpreis EUR 250
Recherche im Internet (Vgl. Wettbewerb), Kundenarchiv sichten, Daten zusammenstellen nach Aufwand/h EUR 59
Entwurf Der Erstentwurf ist ein sogenanntes Skizzenblatt. Er vermittelt den gestalterischen Gesamteindruck und wird als PDF in max. 3 Entwurfsversionen geliefert. Er enthält zumeist einen Blindtext und Fremdfotos als Platzhalter. Zusätzliche Entwürfe werden nach Aufwand berechnet. Abnahme durch den Kunden - weiter zum Prototyp Festpreis EUR 210
Text-
Implementierung
die fertigen Kundentexte (Word, RTF) werden sortiert, getrennt, zusammengestellt und in die Homepage eingearbeitet. Rechtschreibprüfung nach Aufwand/h EUR 59
Bild-
Implementierung
Bilder erfassen / Scan (max. DIN A4) pro Bild Festpreis EUR 15
Bildbearbeitung, passende Größe(n) erstellen pro Bild: "normaler" Aufwand Durchschnittswert EUR 50
Grafiken Icons, Buttons, Piktogramme: im 10er Block Festpreis EUR 140
Statistiken als grafische Darstellung: im 3er Block Festpreis EUR 150
AnfahrtsskizzeFestpreisEUR180
Sonstige Design-Elemente (z.B. Header, Logo-Nachbearbeitung, -implementierung, Eye-Catcher) nach Aufwand/h EUR 59
Programmierung Editieren in HTML, CSS, statische Seite pro Seite EUR 55
Anforderungsanalyse
  • KickOff Meeting (Erstbesprechung)
  • Projekt-Meetings
  • Planung, Recherche
  • Einrichtung KM-Server (Konfiguration), Perforce Versionskontrolle
  • Einrichtung Entwicklungsserver (identisch zu Live-Server), Testserver
  • Einrichtung Datenbank Server
Durchschnittswert EUR 177
Layout Prototyp (auf Basis des abgenommenen Entwurfs)
  • Erstellen
  • Masken, Programmiervorlagen
(anschl. Änderungen zusätzlich nach Aufwand). Der Kunde hat Zugriff auf den Entwicklungsserver.
Festpreis EUR 300
Developement Datenbank Modellierung Durchschnittswert EUR 118
Entwicklung Programmlogik (Middleware zwischen Frontend und Datenbank)
  • Programmlogik Modellierung
  • Code Kommentierung
Durchschnittswert EUR 118
Entwicklung von Klassen und Objekten für die Funktionen des CMS
  • Userverwaltung
  • Textverwaltung
  • Security-Funktionen
  • Datenbank-Funktionen
  • Filesystems-Funktionen (Upload)
  • News System
  • Mail-Funktionen
  • Überprüfungs- und Verifikationsroutinen, Ausnahmebehandlung
Durchschnittswert EUR 560
Entwicklung Frontend XHTML 1.0, CSS
  • Implementierung Public Frontend, PHP Prozeduren und -Funktionsaufrufe, Formulare etc.
  • Implementierung Admin-Frontend, PHP Prozeduren und -Funktionsaufrufe, Formulare etc.
Durchschnittswert EUR 350
Initiale Texterfassung und -bearbeitung (bei CMS: optional zu globaler Textimplementierung)
(Reviews): Vorhandene Texte müssen irgendwie erfasst (eingetippt, kopiert) und in die Homepage eingefügt werden.
Festpreis EUR 80
Newsletter-Modul mit tagworx-CMS Festpreis EUR 450
Kontaktformular, Modul mit Spamschutz Festpreis EUR 320
Gästebuch, Modul mit Spamschutz Festpreis EUR 420
Blog, Modul mit Spamschutz Festpreis EUR 450
Forum Festpreis EUR 500
"Captcha"-Modul Festpreis EUR 150
Shop Erstellung nach Anforderungsprofil Kalkulation -- --
Einbindung kostenloser Open-Source-Module und deren Anpassung an Designvorgaben nach Aufwand/h EUR 59
Test
  • Debugging
  • Applikationstest nach Testplan/Checkliste
  • W3C Validation
Durchschnittswert EUR 230
Einweisung der Mitarbeiter vor Ort in das CMS. Festpreis EUR 118
Endabnahme, Auslieferung, Upload: Online Test, Freischaltung Festpreis EUR 118
Service SEO-Tracking: Zugriffsanalyse, Statistik, Diagramme - dient zur Optimierung der Inhalte und des Angebots Monatspauschale EUR 118
Workshop: Auswertung der Analyse mit dem Kunden Monatspauschale EUR 118
SEO
Implementierung Google Sitemap (Das ist eine Auflistung aller Links für einen schnellen Zugriff der Google-Robots)
Festpreis EUR 98
Hosting(Wartung/Bereitschaft) Webmaster Monatspauschale EUR 50
SEO Analyse einer bestehenden Homepage (von Fremdanbieter) Bei Auftrag einer Neugestaltung der Seite wird dieser Preis verrechnet. Festpreis EUR 196
Fremdleistung Übersetzung in: Englisch, Französisch, Italienisch, Portugiesisch (beglaubigt), Russisch, Ungarisch, Polnisch auf Anfrage -- --
Fotograf auf Anfrage -- --
Sonstiges Anfahrtspauschale Stadtgebiet München Festpreis EUR 25
Anfahrtspauschale Umland München Festpreis EUR 60
Reisekosten und Spesennach Aufwand -- --
Gütesiegel Unser Webdesign wird ausschließlich mit Profi-Tools und einem Qualitätsstandard aus der Software-Entwicklung erstellt. Der Quellcode ist W3C standardkonform. Die Seitenentwicklung ist vollständig dokumentiert. Wir lassen den Kunden nicht allein und stehen nach Fertigstellung einen Monat lang mit einem kostenlosen Support zur Verfügung. inbegriffen -- --
Urheberrecht Design und Programmierung unterliegen dem Urheberrecht, unabhängig einer Einflussnahme durch den Kunden oder Dritter. Näheres dazu in unseren AGB. inbegriffen -- --
Sämtliche Preisangaben verstehen sich zzgl. der gesetzl. MwSt.
topnach oben

Was ist eine Homepage?

"Homepage" ist eigentlich nur die Startseite. Der Begriff wird aber meist für die gesamte Webpräsenz benutzt.

Hier nun einige Erläuterungen zu diversen Fachbegriffen.

  • Hinter der Bühne ...
CMS "Customer Content Management System": Das ist eine Selbstverwaltung der Webpräsenz durch den Besitzer der Seite. Customer, das sind Sie, Content ist der Inhalt und Management die Verwaltung des Inhalts. Dies bedeutet, dass Sie Ihre eigenen Texte und Bilder auf der Seite bearbeiten, hineinstellen, entfernen, umsortieren usw. CMS ist modular aufgebaut und wächst mit dem Unternehmen. Das System ist gleich einem Schreibprogramm zu bedienen und macht den Besitzer weitgehend unabhängig von Webdesignern und Webmastern. Empfehlenswert für Seiten, die häufig aktualisiert werden müssen. top
Statische Seite Das ist die klassische "feste" Präsenz, unveränderbar abgelegte Seite, die bei jedem Aufruf gleich bleibt (Ist mit einem Buch vergleichbar). Für Änderungen muss die Seite auf dem Server ausgetauscht werden
Dynamische SeiteDiese wird beim Aufrufen vom Server erzeugt o. geändert. Im Hintergrund liegt eine Datenbank. Als Beispiel wäre eine Seite mit Besucherzähler (ändert sich bei jedem Aufruf) eine dynamische Angelegenheit.
PHP ist eine Skriptsprache zur Erstellung dynamischer Webseiten. top
HTML "Hypertext Markup Language": Dies ist eine Sprache, die im Internet von allen möglichen Maschinen (und natürlich vom Webdesigner) gelesen werden kann. Zumeist in dieser Sprache wird der … top
... Quellcode verfasst. Das ist der zugrunde liegende "verschlüsselte" Text einer jeden Seite. top
CSS "Cascading Stylesheet": ist eine Stil-Vorlage für mehrere Seiten. Hier ist der Stil, sprich Aufteilung, Formatierung, Farbgebung usw. festgelegt. Ein sehr einfacher Vergleich wäre z.B. eine Briefvorlage in Word (ist unabhängig vom Inhalt). top
W3C Steht für eine Industrienorm und bedeutet: "www" (=W3)-Konsortium mit weltweit gültigen Standards im Webdesign. Nach deren Richtlinien ist jede Seite auf ihre Validität überprüfbar mit der Aussage, ob die Seite fehlerfrei erstellt ist und von jedem Browser gelesen werden kann.
Navigation Jede Homepage hat eine bestimmte Struktur. Die Navigation bestimmt, wie der "User" (Benutzer) der Seite sich darauf "durchklicken" kann und sich dort zurechtfindet. Meistens existiert ein Hauptmenu als übergeordnete Orientierung, extrem wichtig für den Besucher. Wer sich verirrt, ist weg. top
SEO "Search Engine Optimization", zu Deutsch: Suchmaschinenoptimierung. Suchmaschinen (z.B. Google) dürften bekannt sein. Diese müssen Ihre Seite auch finden können. Wenn man weiß, wie und wonach diese Suchmaschinen durch ihre "Robots" (Such-Element) suchen, kann man die Homepage dahin gehend (legal) optimieren. In diesem Zusammenhang tauchen nachfolgende Begriffe auf.
Anmerkung am Rande: Google hat Richtlinien für Webmaster erstellt und behält sich vor, Seiten, die dagegen verstoßen einige Plätze im Ranking nach hinten zu setzen oder sogar ganz zu entfernen.
top
SEO-Analyse überprüft, wie (gut) die Seite optimiert ist. Mit diesen detaillierten Angaben lässt sich gezielt eine Fehlerbehebung durchführen. top
Ranking Check Überprüfen und Verifizieren, welchen Stellenwert (Rang) die Homepage bei den Suchmaschinen einnimmt. top
Indexed Pages Check Welche Seiten stehen in Suchmaschinen, welche nicht. top
Spider Simulation Die Seite wird so "gelesen", wie sie ein Robot sehen würde. top
Metadaten Check Sind die Metadaten korrekt? / Verfallsdatum der Seite. Metadaten sind übergeordnete Daten und bieten Grundinformationen über ein Dokument. top
Keywords Sind Schlüsselwörter im Text der Homepage, nach denen die Suchmaschinen u. A. suchen. Übrigens kann immer nur nach Wörtern, nicht nach Bildern gesucht werden. top
Backlinks Das sind Links (Verweise), die von einer anderen (befreundeten) Homepage auf die eigene Seite verweisen top
  • Was es sonst noch geben kann ...
Newsletter Der "Newsletter", also Nachrichtenbrief ist ein eigenständiges Modul im Internet, der natürlich neue Meldungen enthält und bestimmten Formrichtlinien unterliegt. Bitte nicht mit dem herkömmlichen Printmedium verwechseln, das meist wie eine Zeitungsseite aufgemacht ist. Im Web-Newsletter werden möglichst viele verschiedene Nachrichten in kurzen Artikeln verfasst. Jede Meldung ist mit einer Überschrift versehen, bietet ein/zwei inhaltliche Sätze mit einem Link zum Weiterlesen. Dann erst erscheint der Artikel in voller Länge. Newsletter werden auf der Homepage abgelegt und bei Bedarf per Email an Kontaktadressen aus einer Datenbank verschickt. top
Kontaktformular Die Besucher der Seite können hier Kontakt mit Ihnen aufnehmen und Fragen stellen, oder Interesse bekunden. Ist sinnvoll für die Resonanz und vor allem für Datenerfassung des Interessenten. top
Gästebuch Hier kann sich der Besucher mit Grüßen und Kommentaren zur Seite für alle sichtbar eintragen. top
Blog Eigentlich "Web-log": Dies ist eine Art Tagebuch (Vgl. Logbuch), in dem für den Besucher interessante Abläufe/Geschehnisse notiert sind. Man kann einen Blog auch für das Publikum öffnen, und die Besucher können schreiben. In diesem Fall sollte man sich allerdings vor Müll schützen. top
Forum Dies ist eine Möglichkeit für die Besucher zu bestimmten Themen ihre Meinung abzugeben und untereinander zu diskutieren. Wer ein Forum auf seiner Seite betreibt, muss es allerdings auch gut und ständig moderieren. top
Shop Tja, das ist wirklich ein Laden, in dem man online einkaufen bzw. bestellen kann. Kennt man ja auch von Amazon und Co. top
Captcha Dies ist eine Sicherheitsvorrichtung gegen automatisch gesetzten Spam (Müll). Ein Bild (kein Text), das eine Buchstaben- oder Zahlenreihe zufallsgeneriert anzeigt. Der User muss diese Reihe zunächst eingeben, bevor er seinen Text (z.B. in ein Formular) hineinschreiben kann. Ein "Captcha" kann nur von einem Menschen, nicht von einer Maschine gelesen werden. top
  • Aussehen und Ansehen ...
Frontend ist nichts anderes als das, was man auf dem Bildschirm sieht - muss natürlich gestaltet werden. top
Layout Ein Begriff aus dem Grafik Design. Das ist die Auf- und Einteilung einer Seite (vgl. mit gedruckten Medien). top
Header Der "Header" ist der Kopf einer Seite (Vgl. Briefkopf), ein gestaltetes Element, enthält meist das Firmenlogo und beeinflusst den Eindruck oder die Anmutung der Seite. top
Eye-Catcher Schlicht und einfach ein Blickfang - Grafisches Element oder Bild top
topSeitenanfang
topWas kostet eine Homepage?