Website erstellen

Die einzelnen Schritte beim Erstellen einer Website

Grundsätzlich folgen wir beim Erstellen von einer Website immer dem gleichen Ablauf. Wir richten uns nach unserem zuvor aufgezeigten Web Design Prozess. Nachfolgend erfahren Sie kurz zusammengefasst, was die einzelnen Schritte alles beinhalten.

1. Ziele kennen

Im ersten Schritt bringen wir zusammen mit Ihnen in Erfahrung, was genau mit der Website erreicht werden soll und wie die Ziele vom Inbound Marketing erreicht werden können. Dieser Schritt ist für die Erstellung einer erfolgreichen Website entscheidend.

Es werden in etwa die folgenden Fragen geklärt:

1. Wer soll angesprochen werden?
2. Was sind die Erwartungen von den Website-Besuchern?
3. Dient die Website zum Informieren, Verkaufen oder zur Unterhaltung?
4. Wie sieht das Konkurrenzumfeld aus?

Erst wenn diese Fragen geklärt sind und die Ziele bekannt sind lässt sich der Umfang der Website sowie die technischen Anforderungen in etwa abschätzen.

Dieser erste Punkt ist der mit Abstand wichtigste Punkt im gesamten Web Design Prozess. Werden einzelne Fragen nicht oder falsch beantwortet, birgt dies die Gefahr, dass sich die man sich mit der Umsetzung der folgenden Schritten in eine falsche Richtung bewegt.

2. Umfang bestimmen

Im zweiten Schritt wird der Umfang sowie der genaue Auftrag und der zeitliche Ablauf bestimmt.

Wir erachten es als wichtig und sinnvoll, dass wir die Rahmenanforderungen in einem Webdesign-Vertrag niederschreiben. Dies erlaubt uns, dass wir uns gegenseitig absichern können und allfällige Missverständnisse bereits von Anfang an ausgeschlossen werden können.

In diesem Webdesign-Vertrag wird unter anderem der zeitliche Ablauf bestimmt. Je nach Komplexität des Projektes macht es hierbei Sinn, dass die einzelnen Projektschritte in einem Gantt Diagramm dargestellt werden.

3. Struktur und Wireframe

Nachdem der Umfang und die Themen in etwa bestimmt sind, muss die Seite strukturiert werden. Es werden beispielsweise einzelne Kategorien definiert, was eine sinnvolle Gruppierung der Themen erlaubt.

Die frühe Erstellung der Struktur ist für die Content Verfasser sowie den Web Designer wichtig. Die Content Verfasser wissen, zu welchen Themen Inhalte erstellt werden müssen und wie die einzelnen Themen miteinander interagieren. Der Web Designer weiss, dass beispielsweise unterschiedliche Layouts für Artikel- und Kategorieseiten erstellt werden müssen.

In diesem dritten Schritt wird auch ein erstes Wireframe bereitgestellt. Mit dem Begriff "Wireframe" bezeichnet man in etwa das "Drahtgerüst", wo die Website ohne Berücksichtigung der visuellen Elemente dargestellt werden kann. Für ein Wireframe ist es nicht einmal notwendig, dass Texte vorhanden sind, da auch diese zuerst mit Blindtext wie dem allseits bekanntem "Lorem ipsum" in diesem Wireframe dargestellt werden können.

4. Content anfertigen

Gemäss den weiteren Ausführungen zum Thema Content Marketing versteht man unter Content sämtliche Inhalte von einer Website, wie Texte, Grafiken, Fotos oder Videos.

In den meisten Fällen kann der Content nicht abschliessend erstellt werden, da eine moderne Website von ständig aktualisierten Inhalten lebt. In diesem 4. Schritt des Web Design Prozesses wird somit der Startschuss für das künftige Anfertigen von gutem Content gegeben.

Insbesondere beim Verfassen der Texte muss darauf geachtet werden, dass mit den Texten die Anforderungen an die Suchmaschinenoptimierung erfüllt werden. Das heisst zusammengefasst in etwa, dass die Texte für die Website-Besucher relevant sein müssen. Wenn Sie oder Ihr Team die Texte selbst verfasst, sich jedoch beim Thema SEO noch nicht oder nicht mehr so fit fühlen, empfehlen wir eine kurze Schulung mit dem Fokus auf Content Marketing und Suchmaschinenoptimierung.

5. Design erstellen

Unter dem Design werden sämtliche visuellen Elemente verstanden. Es handelt sich somit um das CSS-Template, grafischen Gestaltungselementen wie Buttons sowie Fotos und Grafiken auf der Website.

Das CSS-Template kann durchaus auf einer bereits bestehenden Vorlage basieren. Es können selbstverständlich auch bereits vorhandene zusätzliche Elemente übernommen werden. Wichtig ist, dass der Designer über ausreichend Kenntnisse verfügt, dass er etwas bestehendes ändern und zusätzliche Elemente korrekt einfügen kann. Gutes Webdesign wird erst im Quelltext sichtbar und hat mitunter einen grossen Einfluss auf die Website-Geschwindigkeit.

6. Testen

Sobald die Website erstellt ist, muss die neue Website ausgiebig getestet werden. Es muss beispielsweise sichergestellt werden, dass sämtliche Verlinkungen funktionieren, dass sämtlichen Bildern ein beschreibender Text hinzugefügt wurde, dass die Meta-Elemente auf jeder Seite korrekt sind usw.

Des Weiteren müssen aber auch noch einmal sämtliche technischen Faktoren geprüft werden. Es muss beispielsweise sichergestellt werden, dass der Page-Speed, die Geschwindigkeit der Website ausreichend hoch ist, die Website auf unterschiedlichen Endgeräten in unterschiedlichen Auflösungen korrekt angezeigt wird oder dass der Quellcode valide ist und keine Fehler aufweist.

7. Go-Live!

Als wir unser erstes Webprojekt, die Sprachtrainingsplattform Underspeak fertiggestellt hatten, haben wir für dieses Ereignis vom Go-Live, dem Aufschalten der Website, eine grosse Party veranstaltet. Die Party war unser vorläufig erster Lohn für all die vergangenen Anstrengungen.

Eigentlich hätten wir es erwarten müssen. Kaum war das Webprojekt auf dem neuen Server aufgeschaltet, hat selbstverständlich nicht mehr alles richtig funktioniert und die Sprachtrainingsplattform liess sich nicht richtig vorführen.

Aufgrund von diesen Erfahrungen haben wir gelernt, wie eine Website richtig und ohne das plötzliche Auftreten von Problemen aufschalten lässt. Trotzdem empfehlen wir, den Moment vom Go-Live auf eine ruhigere Zeit anzusetzen. Sollten nämlich trotz allen Vorkehrungen noch Fehler passieren, können diese unbemerkt korrigiert werden.

Viel wichtiger beim Go-Live ist, dass bestehende oder potenzielle Website-Besucher in angemessener Form auf die neue Website aufmerksam gemacht werden. Die Form der Kommunikation kann sich je nach Website und den persönlichen Präferenzen unterscheiden. Ein Newsletter oder das Verfassen von einem Social-Media Post lässt sich aber bereits zu einem früheren Zeitpunkt vorbereiten.

Der Go-Live ist einerseits der Zeitpunkt, wo das Erstellen der Website abgeschlossen wird. Andererseits ist dieser Go-Live jedoch auch der Zeitpunkt, wo der Prozess der künftigen Überarbeitungen, Ergänzungen und Verbesserungen der Website gestartet wird. Ab sofort verfügen Sie nämlich über eine Website, die gepflegt werden muss.

Unser Angebot

Gerne realisieren wir zusammen mit Ihnen die geplante Website. Üblicherweise starten wir die Zusammenarbeit mit einer Beratung, wo wir den ersten und zweiten Schritt ("Ziele kennen" und "Umfang bestimmen") von unserem Web Design Prozess zusammen mit Ihnen in Angriff nehmen. Sobald die Website anschliessend erstellt werden kann, dürfen Sie auf unsere Unterstützung zählen. Je nach Komplexität und Umfang können wir die Umsetzung selbst übernehmen oder wir koordinieren und bearbeiten das weitere Projekt zusammen mit einem oder mehreren Partnern. Sobald der Zeitpunkt richtig ist, bieten wir Ihnen oder Ihrem Team eine Schulung, damit sich alle Projektbeteiligten mühelos an den anfallenden Aufgaben beteiligen können und nach dem Projektabschluss wissen, wie die Website gepflegt werden kann und Inhalte hinzugefügt oder geändert werden können.

Sie können unter dem folgenden Link mit uns Kontakt aufnehmen, damit wir Ihre Ideen und Ihr Vorhaben einmal in einem unverbindlichen Gespräch besprechen und Ihnen ein konkretes Angebot machen können. Kontaktieren Sie uns.