Projektablauf

Der Projektablauf hängt primär von Art, Anforderungen und Umfang Ihres Webprojekts ab. Die nachfolgende Beschreibung skizziert den Ablauf einer durchschnittlichen Firmen-Webseite. Damit das Projekt so zügig wie möglich abgeschlossen werden kann, hier grundlegende Hinweise und Tipps.

Vor dem Erstellen einer Website bedarf es einer umfangreichen Planung. Was will ich mit meiner Website erreichen, was sind meine Ziele und wer ist meine Zielgruppe? Welches Design soll meine Seite haben? Habe ich vordefinierte Inhalte? Soll es eine private Homepage oder eine Firmenwebsite mit vielen Unterseiten und aufwendigen Programmierungen werden? Benötige ich ein Formular, einen Shop, einen Blog, ein Forum oder einen Log-in-Bereich für meine Homepage?

Diese und andere Fragen sollten Sie sich vor dem Erstellen einer Website unbedingt stellen. Wenn Sie unsicher bezüglich des Designs Ihrer Homepage sind, machen Sie sich eine kleine Skizze oder schauen Sie sich andere Webseiten an. Welche kommt Ihren Vorstellungen am nächsten? Fertigen Sie sich eine Stichwortliste an, in der Sie kurz Ihre Gedanken zu Inhalt, Seitenumfang und Zielgruppe Ihrer zukünftigen Homepage festlegen.

1. Beratungsgespräch und Konzepterstellung

Unsere Zusammenarbeit startet mit einem ausführlichen Beratungsgespräch, in dem wir gemeinsam Ihre Wünsche und Vorstellungen besprechen.An erster Stelle steht die Definition der Ziele der Webseite. Dies können zum Beispiel Verkäufe, Newsletter-Anmeldungen, Kontaktaufnahmen, Besuchsdauer oder Besuchstiefe sein. Danach führen wir eine umfangreiche Recherche und Analyse über das Marktumfeld einschließlich Konkurrenzsituation, der genauen Zielgruppe der Webseite, die zu verwendenden Suchbegriffe, Synonymen und eine möglichst effektive Zielerreichung durch.

Anhand dieser Informationen wird die Umsetzung der Webseite inklusive der zugehörigen Komponenten konzipiert. Hierbei haben die definierten Ziele oberste Priorität. Anschließend wird eine sogenannte Sitemap der Webseite erstellt. Auf dieser sind alle Unterseiten und ihre Verbindungen zueinander visuell aufbereitet. Diese Sitemap wird mit von Ihnen freigegeben.

Sitemap Beispiel

 

Von den zwei wichtigsten Seitentypen wird eine schematische Darstellung (Wireframe) angefertigt, um die Positionierung und Größenverhältnisse der einzelnen Seitenelemente zu planen und im Bedarfsfall anzupassen. Diese Wireframes werden von Ihnen abgenommen und sind verbindliche Grundlage für das spätere Screendesign der Webseite.

 

Wireframe Beispiel

 

Im Anschluss wird eine Anforderungsliste der Webseiten-Inhalte erstellt. Diese beinhaltet die benötigten Texte, Bilder und andere digitalen Medien. Diese Inhalte sind von Ihnen bis zum Beginn der Programmierung und technischen Umsetzung in geeigneter Form bereitzustellen. Nachdem Sie die gesamte Konzeption abgenommen haben, wird ein verbindliches Angebot für das Screendesign und die Umsetzung der Webseite erstellt. Auf dieser Basis entwickeln wir die Strategie für Ihre Webseite. Dieses Konzept beschreibt Lösungsvorschläge für die Anforderungen und eine ideale Aufbereitung der Webseiteninhalte. Außerdem enthält es die Seitenstruktur und Skizzen, wo und wie Inhalte dargestellt werden.

2. Design erstellen

Für die Gestaltung einer Webseite gibt es viele Regeln und Anforderungen, die sich stark von klassischen Werbemitteln unterscheiden. Im Gegensatz zu einem normalen Grafikdesigner muss der Webdesigner ein variables Medium gestalten. Die Nutzer arbeiten auf verschiedenen Plattformen – wie Mac, Mobiltelefon, PC, Notebook – und Betriebssystemen, nutzen verschiedene Monitortypen, Bildschirmauflösungen und Farbeinstellungen und haben unterschiedliche Browser installiert.

Wir kennen diese Faktoren und können uns deshalb ganz auf die Entwicklung des Designs konzentrieren. Dabei legen wir besonderen Wert auf eine klare und innovative Gestaltung, damit die Besucher sich gut zurechtfinden und auf die Inhalte konzentrieren können. Abhängig von Projektumfang und -vertrag erstellen wir für die Seitentypen – Startseite, normale Textseite, Multimedia-Bereich, etc. – mehrere Design-Entwürfe. Diese werden bei Bedarf überarbeitet und zu einem finalen Design weiterentwickelt. Nach der Entscheidung für das finale Design arbeiten wir in zwei Abstimmungsschleifen Ihre Änderungswünsche ein. Diese stehen im Einklang zu den Wireframes. Nach Abnahme des Screendesigns wird umgehend mit der Umsetzung der Webseite begonnen.

3. Programmierung und technische Umsetzung

Erstellung von Webseiten mittels HTML5, CSS3, PHP und jQuery etc. Wir können Ihre Website standardkonform, barrierefrei, nutzerfreundlich, mit klarer, übersichtlicher Struktur, schnellen Ladezeiten und einem ansprechenden Design programmieren. Alle statischen Webseiten werden von uns mobiltauglich und individuell von Hand codiert, validiert und nach den aktuellen Vorgaben des W3C optimiert. Diese Vorgaben sind Richtlinien, die vom Internetgremium W3C mit folgenden Zielen veröffentlicht wurden:

  • Inhalt und Gestaltung der Webseite werden technisch sauber getrennt, damit Produktions- sowie Wartungskosten gesenkt werden.
  • Die Zukunftssicherheit der Webseite wird verbessert, damit sie auch korrekt funktioniert, wenn Browser weiterentwickelt und neue internetfähige Geräte verkauft werden.
  • Webseiten werden barrierefrei gestaltet und sind somit für die Besucher leichter nutzbar.

Das erstellte Screendesign wird in HTML und CSS Code umgesetzt und für Sie auf einem Testserver veröffentlicht. Dadurch bekommen Sie die Möglichkeit, sich mit dem Look and Feel Ihrer neuen Webseite vertraut zu machen. Danach wird die komplette Webseite mit allen Unterseiten erstellt und untereinander verlinkt. Auch diese Version wird regelmäßig auf dem Testserver veröffentlicht. Zum Schluss werden alle benötigten Funktionen eingebaut und getestet. Spätestens jetzt sollten alle Inhalte in geeigneter Form vorliegen. Diese werden nun eingepflegt und im Bedarfsfall überarbeitet. Nach Abnahme der finalen Version wird die Webseite vom Test-Server auf den Live-Server übertragen und veröffentlicht.

4. Freigabe und weitere Zusammenarbeit

Sobald die Webseite fertiggestellt ist und von Ihnen freigegeben wurde, unterstützen wir Sie bei der Veröffentlichung Ihres Auftritts im Internet. Falls Sie noch keine geeignete Domain* und keinen Webspace* haben, beraten wir Sie gerne bei der Auswahl. Wir stehen Ihnen sowohl bei Updates des Content Management Systems – meist im Rahmen eines individuellen Wartungsvertrages oder bei konkreten Anforderungen auch in akuten Fällen zeitnah zur Verfügung. Kontaktieren Sie uns gerne.

Hier finden Sie weiterführende Informationen über Suchmaschinenoptimierung (SEO).


* Für das Hosting fallen Kosten bei einem Drittanbieter an.