Website-Relaunch in 8 Schritten

Ob Familien-Unternehmen, NGO oder Internationaler B2B-Konzern: Ist es an der Zeit für einen Website-Relaunch beginnt eine spannende, aber auch emotionale Phase.

Als Agentur sprechen wir natürlich aus Erfahrung. In der Regel fangen unsere Kund*innen nicht bei Null an, sondern haben bereits Erfahrung mit einer bestehenden, aber in die Jahre gekommenen Website. Das Layout braucht eine grundsätzliche Überarbeitung und das System ist veraltet und fehleranfällig.

Es tut weh, das alte „Baby“ aufzugeben. Doch es gibt gute Gründe, sich zu davon zu trennen und in eine stabile Website zu investieren, die den gewachsenen Ansprüchen entspricht. Das bedeutet keineswegs, dass du am Anfang stehst, denn aus der alten Website nimmst du wertvolle Erfahrungen mit.

Die 3 goldenen Regeln für ein stressfreies Website-Projekt

Damit der Website-Relaunch gelingt, bedarf es einer sorgfältigen Planung. Im folgenden Guide stellen wir dir unseren Ansatz bei Bleech in acht Schritten vor. Dieser Ablauf ist keineswegs in Stein gemeißelt, bietet dir aber eine Orientierung und einen Einblick, wie dieser Prozess bei uns realisiert wird.

1. Nimm Dir Zeit für das Projekt – jede Woche.
2. Arbeite mit echten Inhalten, um das entstehende Layout zu testen und Inhalte nachzuliefern. Sobald die ersten Elemente der Website entwickelt sind, kann die Einpflege bereits beginnen.
3. Gib sofort Feedback, wenn du etwas nicht verstehst oder wenn etwas anders ist, als du es dir vorgestellt hast.

Steht das Relaunch-Datum an, liegen die Nerven schon mal blank. Ist ja auch aufregend, das Knöpfchen zu drücken live zu gehen! Um bis dahin stressfrei zu bleiben, gestalten wir den Prozess der Umsetzung so, dass jedes Team-Mitglied weiß, was zu tun ist. Klares Zeitmanagement, verbindliche Abstimmungen und transparente Aufgabenstellungen verhindern verschobene Deadlines und Ärger mit Stakeholdern.

Schritt 1

Ein gründliches Briefing

Die Arbeit an einer neuen Website beginnt mit dem Konzept und dem Design. Diese Phase benötigt bereits konsequente Entscheidungen, Aufmerksamkeit und Zeit. Und auch die darauf folgende technische Umsetzungsphase der Website ist für alle eine intensive Arbeitsphase. Wenn die Programmierer*innen ins Projekt geholt werden, ist bereits viel passiert. Jetzt brauchen sie alle Informationen, die schon erarbeitet wurden: das Ziel der Website sowie das detaillierte Designkonzept. Oft sind im Design bereits Funktionen und Features mitgedacht, die die Website bieten soll.

Das gehört alles in ein Briefing, damit die Arbeit beginnen kann:

• Warum soll es eine neue Website geben?
• Welche Geschäftsziele des Unternehmens werden mit ihr unterstützt?
• Was soll die Website alles leisten?
• Wie sieht das Design aus?
• Welche Features und Funktionen werden gebraucht?

Schritt 2

Verantwortlichkeiten im Projekt-Team festlegen

Die konkrete Zusammenarbeit an der Website beginnt mit dem Kick-off-Meeting. Hier trifft sich das Projektteam und es wird festgelegt, wer von den Projektbeteiligten jeweils den Hut auf hat, wer Ansprechpartner:in und Entscheider:in ist.

Verantwortlich für das Development-Team ist der oder die Projektmanager:in. Auf Seite des Design-Teams können das Konzepter:in, UX Designer:in oder Art Director sein. Auf Seite des Unternehmens, das die Website in Auftrag gibt, ist das jemand aus dem Marketing, der Online-Redaktion oder dem Content-Management (Product Owner).

Der Product Owner sollte die folgenden Fragen mit „Ja“ beantworten können:

• Bin ich während der gesamten Projektphase gut erreichbar?
• Kann ich verbindliche Entscheidungen treffen und Freigaben erteilen?
• Kann ich in der Development-Phase neu entwickelte Funktionen testen und regelmäßig Feedback geben?
• Habe ich realen Content, den ich möglichst früh in der Projektphase auf der Website einpflegen kann, um Funktionen sowie Look & Feel zu testen?

Schritt 3

Das technische Konzept abstimmen

Beim Kick-off-Meeting sitzt das gesamte Entwickler-Team – gründlich vorbereitet mit einer Frageliste zu Design und Funktionalitäten – das erste Mal dem Konzept- und Design-Team gegenüber. Sie wollen verstehen, welche Interaktion hinter jedem Designelement liegt. Zusätzlich haben sie oft weitere Vorschläge mitgebracht, wie die Website optimiert werden kann.

Bei Bleech arbeiten wir mit WordPress und unserem selbst entwickelten Starter-Theme Flynt. Das ist komponentenbasiert aufgebaut, was bedeutet, dass wir die Website in horizontale Bausteine (Komponenten) aufsplitten und Stück für Stück entwickeln. So können Seiten unkompliziert aufgebaut und durch weitere Komponenten ergänzt werden.

Im Kick-off besprechen wir alle Komponenten im Detail und legen fest, mit welcher Priorität diese programmiert und zum Testen bereitgestellt werden. Im Ergebnis bekommt der Product Owner eine komplette Liste aller Komponenten und ihrer technischen Beschreibung.

Die Komponenten-Liste ist die Arbeitsgrundlage für das Projekt:

• Welche Komponenten braucht die Website?
• Wie soll jede Komponente funktionieren?
• Was kann ein User mit der Komponente machen?
• Wie wollen Content-Manager:innen die Komponente im Backend pflegen?

Schritt 4

Echte Inhalte für den Website-Relaunch

Während die Programmierung läuft, ist es wichtig, dass der Product Owner möglichst früh echte Inhalte bereitstellen kann, um die Website zu testen. Werden nur Lorem-Ipsum-Texte und Platzhalter verwendet, besteht die Gefahr, dass Design und Funktionalität später nicht mit den Inhalten harmonieren.

Typische Probleme sind etwa: Headlines, die im Layout nur eine Zeile einnehmen, in der Praxis aber über zwei oder drei Zeilen laufen. Oder: Symbole wie Pfeile im Slider, die im Layout toll aussehen, aber auf den echten Bildern fast verschwinden, weil der Kontrast fehlt.

Der Fahrplan für die Komponenten-Entwicklung wird also zugleich zum Fahrplan für die Content-Produktion der Redaktion.

Es gilt zu definieren:

• Welche Inhalte werden in der Komponente gebraucht?
• Wo bekommen wir das Material her?
• Welche Headlines und Texte benötigen wir?
• Welche Bilder setzen wir wirklich ein?
• Wie sollen „Call to action“-Buttons lauten?

Tipp: In diesem Beitrag, erklären wir dir, wie man mit Content Briefings besseren Content erzeugt und mehr SEO Traffic erhält.

Schritt 5

Übergabe ans Backend und CMS-Training

Die Programmierung darf keine Blackbox sein, die eines Tages die fertige Website ausspuckt. Damit das Testing und Finetuning schnell beginnen kann, führen wir die WordPress-Schulung und Übergabe an des Content-Management-System frühzeitig durch.

Die Redakteur:innen wissen nach dem Training:

• Wie erstelle ich Unterseiten und Artikel?
• Wie fülle ich die Website mit Inhalten?
• Funktionieren die Komponenten wie gedacht oder müssen sie von den Developern noch verbessert werden?
• Wie nehme ich globale Einstellungen vor?

Schritt 6

Komponenten testen, Inhalte pflegen, Feedback geben

Nach jedem Sprint bekommt der Project Owner ein Status-Update mit einer Liste von Komponenten, die mit echten Inhalten getestet werden können. Jetzt sind Content-Manager und Online-Redakteure gefragt, die Komponenten im Backend einzusetzen und zu editieren. Der Product Owner sammelt das Feedback, gleicht es mit den definierten Anforderungen aus dem technischen Konzept ab und gibt es an die Entwickler*innen weiter. Wenn alles funktioniert und gefällt, reicht ein einfaches „Okay“ zur Freigabe.

Die entscheidenden Fragen, die zu jeder Komponente beantwortet werden müssen, lauten:

• Entspricht die Funktionsweise dem, was definiert wurde?
• Kann ich im Backend alles editieren was nötig ist?
• Ist das Design richtig umgesetzt?
• Was soll noch optimiert werden?

Schritt 7

Die Launch-Woche

Nachdem sämtliche Komponenten entwickelt und getestet wurden, befindet sich das Projektteam in der Launch-Woche. Jetzt steht die neue Website erstmals vollständig mit allen optimierten Komponenten und Inhalten fertig da. Das gesamte Projekt wird von den Beteiligten noch einmal bis ins kleinste Detail im Frontend und Backend getestet. Neue Features werden in diesem Stadium nicht mehr entwickelt. Ein letztes Finetuning kann aber vorgenommen werden. Dann ist die neue Website bereit, live zu gehen.

Die wichtigsten Fragen sind nun:

• Funktioniert alles reibungslos?
• Läuft die neue Website stabil?
• Sind Domain und Hosting vorbereitet?

Die Website ist live? Glückwunsch! Ereignisreiche Wochen liegen hinter dir und deinem Team. Dennoch ist die Arbeit noch nicht ganz geschafft. Denn nach dem Relaunch kann es Feedback von bisher Unbeteiligten geben, die noch dringend umgesetzt werden müssen. Aus unserer Erfahrungen entwickelt das Team in der Launch-Phase bereits weitere Ideen, wie die Website zukünftig erweitert werden kann. Doch bevor neue Features besprochen werden, wird erst das vereinbarte Werk abgeschlossen.

Schritt 8

Projekt-Abnahme

Zuletzt wird gemeinsam mit dem Product Owner das Abnahmeprotokoll erstellt. Das Team sammelt letzte Anmerkungen zu den Komponenten und Feedback zum Projekt. Falls noch Wünsche zur Optimierung offen sind, wird ein letzter Termin für den Feinschliff verabredet. Das Protokoll wird von allen abgesegnet.

Im Ergebnis ist allen klar:

• Welche Details brauchen noch ein Finetuning?
• Wie hat die Zusammenarbeit funktioniert?
• Wie geht es weiter?

Nach dem Website-ReLaunch

Support und weitere Entwicklung

Natürlich geht die Arbeit an der Website weiter. Das Credo lautet: „Eine Website ist nie fertig, es sei denn, sie geht offline.“

Nach dem Website-Relaunch bieten wir Service und Support an. Auf Wunsch kümmern wir uns um regelmäßige Updates und zusätzliche Sicherheitsmaßnahmen deiner Website. Jetzt ist auch Zeit für neue Ideen: Soll die Website weitere Funktionen erhalten oder möchtest du eine zusätzliche Kampagnen-Website einrichten?