Use CaseWebsite-RelaunchTYPO3
Auch von einem anderen CMS aus möglich.
unverbindlich & kostenlos
Konzeption
(aktiver Schritt)Technische Konzeption
(aktiver Schritt)Design
(aktiver Schritt)Entwicklung
(aktiver Schritt)Qualitätssicherung
(aktiver Schritt)Go-live
(aktiver Schritt)Betreuung
(aktiver Schritt)Ausgangslage
Ein mittelständisches Unternehmen, rund 80 Mitarbeitende, international im B2B tätig. Das Produkt ist hochpreisig und erklärungsbedürftig, die Zielgruppe sehr spezifisch.
Das Ziel: eine Website, die den Vertrieb unterstützt und vorqualifizierte Anfragen bringt.
Problemübersicht
Wenn eine Website älter als fünf Jahre ist, entspricht sie meist nicht mehr dem heutigen Stand. Online-Marketing-Maßnahmen, etwa Ads oder Conversion-Optimierung, stoßen an das veraltete Design.
Viele B2B-Websites zeigen die Innensicht des Unternehmens, nicht die Perspektive der Kunden. Der Interessent findet sich im Angebot nicht wieder.
Beim Traffic treten vor allem zwei Probleme auf. Entweder wird die Website kaum gefunden und bekommt zu wenige Besucher. Oder sie zieht die falsche Zielgruppe an: viele Besuche, aber kaum passende Anfragen.
Alte Systeme lassen sich oft nicht mehr sicher aktualisieren, die Ladezeiten steigen, und Barrierefreiheit lässt sich nur mit hohem Aufwand nachrüsten.
Lösungsansatz
Nicht jede Ausgangslage erfordert einen Relaunch. Der erste Schritt ist die Beurteilung des Status quo mit Fokus auf Zielgruppenansprache, Nutzerführung und Design. Stimmt die Ausrichtung, genügen entweder technische Optimierungen oder, bei Bedarf, ein CMS-Wechsel.
Fällt die Entscheidung für einen Relaunch, prüfen wir zuerst die vorhandenen Daten und ihre Qualität. Wie belastbar sie sind, entscheidet über den weiteren Weg. Sind sie vollständig, gründen unsere Hypothesen auf Zahlen. Fehlt die nötige Tracking-Tiefe, rückt der nutzerzentrierte Ansatz in den Vordergrund. Auf dieser Grundlage fallen die strategischen Entscheidungen zu Seitenstruktur, Inhalten und Online-Marketing. Das Tracking setzen wir dabei bei Bedarf neu auf, damit sich der Relaunch später an Zahlen messen lässt.
Methodik
Das Grundverständnis Ihrer Kunden, ihrer Bedürfnisse und ihrer Motive für Kaufentscheidungen bildet die Basis jedes Konzepts. Dafür erstellen wir Personas: fiktive, aber datenbasierte Profile Ihrer wichtigsten Kundengruppen. Daraus leiten wir relevante User Journeys und Nutzungsszenarien sowie die dazugehörigen User Flows ab. Je nach Projektumfang betrachten wir einzelne Persona-Journeys oder konzentrieren uns auf die wichtigsten gemeinsamen Nutzungsszenarien. Schon hier berücksichtigen wir zentrale Anforderungen an die organische Sichtbarkeit bei Google und in KI-Suchen sowie eine Struktur, auf deren Basis sich Landingpages gezielt aufbauen lassen.
Im technischen Konzept definieren wir, was die Website leisten muss: etwa Mehrsprachigkeit, besondere Funktionen, Erweiterungen oder die Anbindung an bestehende Systeme. Auch die URL-Struktur und notwendige Weiterleitungen werden hier geplant. Daraus ergeben sich Systemarchitektur und Schnittstellen für die spätere Umsetzung.
Das Design übersetzt das Konzept in eine visuelle Gestaltung. Stil, Seitenaufbau und einzelne Elemente orientieren sich an den Bedürfnissen Ihrer Nutzer und den definierten Zielen. So entstehen nachvollziehbare Gestaltungsentscheidungen statt persönlicher Geschmacksfragen. Für ein konsistentes Nutzererlebnis und eine Gestaltung, die zur Zielgruppe passt.
Die technische Einrichtung umfasst TYPO3-Instanz, Serverumgebung, Extensions sowie Rollen und Rechte. Aus dem Screendesign entstehen responsive Templates mit Navigation, Seitentypen und wiederverwendbaren Content-Elementen wie Teaser, Akkordeons oder Formulare. Je nach Projekt kommen Funktionen und Schnittstellen hinzu, etwa Anfrageformulare, Suche oder die Anbindung an CRM, ERP oder PIM. Bestehende Inhalte werden übernommen und die zuvor geplanten Weiterleitungen technisch vorbereitet, damit vorhandene Sichtbarkeit beim Relaunch möglichst erhalten bleibt.
Vor dem Go-live prüfen wir Darstellung auf verschiedenen Geräten, Funktionen, Formulare, Schnittstellen, Weiterleitungen, Tracking und SEO-relevante Einstellungen auf dem Testsystem. Erst nach Qualitätssicherung und Abnahme wird die Website veröffentlicht.
Vor der Veröffentlichung steht ein konkreter Go-live-Plan: Zeitpunkt der Umschaltung, DNS und SSL, Migration, Weiterleitungen und ein Backup der bestehenden Website. Beim Go-live geht die neue Website auf die Produktivdomain, direkt gefolgt von einem technischen Kontrolllauf über Erreichbarkeit, Formulare, Weiterleitungen, Tracking, Sitemap und mögliche Serverfehler. Mit der Veröffentlichung ist ein Relaunch aber nicht abgeschlossen. In den Tagen und Wochen danach behalten wir Indexierung, Rankings, 404-Fehler, Conversions und Performance im Blick.
unverbindlich & kostenlos
Investitionsrahmen
Richtwerte, ab denen sich ein Projekt dieser Größe bewegt. Die Projektphasen werden einzeln kalkuliert und können je nach Ausgangssituation auch unabhängig voneinander beauftragt werden. Sind Konzept oder Design bereits vorhanden, übernehmen wir beispielsweise direkt die technische Umsetzung. Der tatsächliche Aufwand hängt vor allem von Umfang, Funktionen, Schnittstellen und den Anforderungen an die technische Umsetzung ab.
| Phase | Dauer | Investition (üblicherweise) |
|---|---|---|
| Analyse & Konzeption | 3-5 Wochen | ab 15.000 EUR |
| Design | 3-5 Wochen | ab 5.000 EUR |
| Entwicklung | 8-12 Wochen | ab 15.000 EUR |
| Projektmanagement | für die Gesamtprojektdauer | ab 5.000 EUR |
Der Zeitrahmen hängt unter anderem von Ihren Freigaben ab: Zügige Abnahmen helfen uns, den Zeitplan einzuhalten.
Website-Relaunch Gesamtvolumen
über 4-6 Monate.
Im Erstgespräch klären wir Ihr Vorhaben und geben Ihnen eine grobe Preisorientierung.
Nächster Schritt
unverbindlich & kostenlos
ISO‑Zertifikat
Qualitätsmanagement
ISO‑Zertifikat
Informationssicherheit
ISO‑Zertifikat
Umweltmanagement
ISO‑Zertifikat
Qualitätsmanagement
ISO‑Zertifikat
Informationssicherheit
ISO‑Zertifikat
Umweltmanagement
.%20Drei%20Aussenkanten%20+%20drei%20innere%20Linien%20zu%20einem%20Mittelpunkt.%20Noch%20zarter%20als%20das%20rechte%20Decor%20—%20Content-Mid%20(%2394A3B8),%20opacity%200.05.%20Im%20Frame%20um%20-13.98deg%20rotiert;%20die%20Rotation/Position%20wird%20per%20CSS%20am%20%3cimg%3e%20gesetzt.%20--%3e%3cpath%20d='M381.899%20972.034L1532.62%201.00223L1.46601%202.24817L381.899%20972.034ZM1.46601%202.24817L636.836%20326.759M1532.62%201.00223L636.836%20326.759M381.899%20972.034L636.836%20326.759'%20stroke='%2394A3B8'%20stroke-width='2'%20opacity='0.05'%20/%3e%3c/svg%3e)
.%20Zarte%20Outline%20auf%20Navy-Background%20—%20Content-Mid%20(%2394A3B8),%20opacity%200.1.%20preserveAspectRatio='none':%20skaliert%20exakt%20mit%20der%20Positionsbox%20(wie%20im%20Figma-Frame,%20dort%201465x1209%20bei%20left%20764%20/%20top%20-247%20im%201512x820%20Frame).%20--%3e%3cpath%20d='M596.745%201207.28L1.66016%20367.495L1462.6%201.63184L596.745%201207.28Z'%20stroke='%2394A3B8'%20stroke-width='2'%20opacity='0.1'%20/%3e%3c/svg%3e)
