Webdesign-Case: Wie aus einer veralteten Website ein moderner Auftritt wurde

Eine Website wird selten von einem Tag auf den anderen veraltet. Meist wächst sie schrittweise aus ihrem ursprünglichen Rahmen heraus: Neue Inhalte kommen hinzu, Zuständigkeiten wechseln, einzelne Seiten werden ergänzt. Irgendwann fühlt sich die Pflege mühsam an, die Darstellung auf mobilen Geräten überzeugt nicht mehr und der Auftritt passt nicht länger zu dem, wofür ein Unternehmen heute stehen möchte.

Diese anonymisierte Projektbetrachtung zeigt, wie eine gewachsene Website grundsätzlich neu geordnet werden kann. Im Mittelpunkt steht kein bloßer Vorher-Nachher-Effekt, sondern die Arbeit an Inhalten, Nutzerführung, Gestaltung und technischer Grundlage. Denn genau dort entscheidet sich, ob ein Relaunch im Alltag trägt.

Warum ein Relaunch mehr als ein neues Design ist

Neue Farben, Schriften und Bilder können einer Seite schnell ein zeitgemäßeres Gesicht geben. Doch ein rein kosmetisches Redesign löst keine verschachtelte Navigation, keine unklaren Inhalte und keine komplizierte Pflege. Ein Website-Relaunch geht deshalb weiter: Er hinterfragt, welche Informationen wirklich gebraucht werden, wie sie zusammenhängen und welche technischen Voraussetzungen der Auftritt künftig erfüllen soll.

Das Ziel ist Orientierung. Besucher sollen zentrale Themen erkennen, ohne sich durch gewachsene Seitenstrukturen arbeiten zu müssen. Gleichzeitig braucht das Redaktionsteam eine Grundlage, auf der Inhalte nachvollziehbar ergänzt und aktualisiert werden können. Gestaltung ist dabei wichtig, aber sie ist nur ein Teil der Aufgabe.

Die Ausgangslage: gewachsene Struktur, schwache Prioritäten

Die bestehende Website hatte mehrere typische Probleme, die sich über die Jahre angesammelt hatten. Einzelne Unterseiten waren ergänzt worden, ohne das Gesamtsystem neu zu ordnen.

Die Ausgangslage war typisch für Websites, die über Jahre weiterentwickelt wurden. Die Seitenstruktur war zwar gewachsen, aber nicht mehr durchgehend logisch nachvollziehbar. Wichtige Informationen standen zu weit unten oder waren visuell so zurückhaltend platziert, dass sie leicht übersehen werden konnten. Auch die Gestaltung entsprach nicht mehr der gewünschten Außenwirkung.

• Die Navigation führte nicht immer klar zu den relevanten Themen.
• Zentrale Inhalte konkurrierten mit nachrangigen Informationen.
• Der Auftritt wirkte eher wie eine digitale Ablage als wie eine präzise Unternehmenspräsenz.

Hinzu kam die redaktionelle Perspektive. Eine Website kann gestalterisch ansprechend sein und trotzdem im Alltag bremsen, wenn Änderungen umständlich sind oder Seiten nach keinem erkennbaren Prinzip aufgebaut werden. Deshalb ging es nicht darum, Bestehendes einfach neu einzukleiden, sondern die Grundlage zu überprüfen.

Ziele und Prioritäten des Relaunchs

Am Anfang stand die Frage, was der neue Auftritt besser leisten soll. Ohne diese Klärung besteht die Gefahr, alte Probleme nur in ein neues Layout zu übertragen. Die Ziele wurden deshalb bewusst als Anforderungen an Nutzung, Inhalt und Pflege formuliert.

Die wichtigsten Zielsetzungen im Überblick

• Ein moderner und vertrauenswürdiger Eindruck beim ersten Besuch.
• Eine verständliche Navigation mit klarer Nutzerführung.
• Eine bessere Darstellung zentraler Leistungen und Inhalte.
• Eine mobil nutzbare Website auf unterschiedlichen Endgeräten.
• Eine strukturiertere redaktionelle Pflege im Alltag.

Diese Punkte beeinflussen einander. Wer Inhalte stärker priorisiert, verändert meist auch die Navigation. Wer mobile Nutzung mitdenkt, muss die Reihenfolge und Gewichtung von Informationen prüfen. Und wer die Pflege vereinfachen möchte, braucht wiederkehrende, nachvollziehbare Seitenstrukturen.

Vom Bestand zur neuen Seitenlogik

Der Arbeitsweg begann mit einer Bestandsaufnahme. Welche Seiten erfüllen noch einen klaren Zweck? Wo finden sich Dopplungen? Welche Informationen unterstützen eine Entscheidung, und welche lenken davon ab? Solche Fragen sind keine redaktionelle Nebensache. Sie bilden die Grundlage für eine Informationsarchitektur, die nicht aus historischen Zufällen besteht.

Statt die bisherige Struktur unverändert zu übernehmen, wurden ähnliche Inhalte gebündelt und zentrale Themen stärker fokussiert. Überflüssige Wiederholungen konnten dadurch aus dem Seitenaufbau herausgenommen werden. Entscheidend war nicht, möglichst viele Inhalte sichtbar zu halten, sondern eine nachvollziehbare Reihenfolge zu schaffen: erst Orientierung, dann die wesentlichen Leistungen, anschließend vertiefende Informationen.

Auch im Webdesign selbst ging es nicht um Effekte, sondern um Klarheit. Große Flächen, eine ruhige Typografie und eine reduzierte visuelle Sprache sorgten dafür, dass Inhalte besser wirken konnten.

So entsteht eine Seitenlogik, die Besuchern zeigt, wo sie sich befinden und welcher nächste Schritt sinnvoll sein kann. Das ist kein starres Rezept. Je nach Angebot, Zielgruppe und vorhandenen Inhalten kann die Gewichtung anders ausfallen. Der Grundsatz bleibt jedoch derselbe: Struktur sollte aus dem Bedarf der Nutzer entstehen, nicht aus der Reihenfolge, in der Seiten einst angelegt wurden.

Gestaltung und Inhalte gemeinsam überarbeiten

Weniger Konkurrenz, mehr Leseführung

Die Gestaltung folgte einem einfachen Prinzip: Weniger konkurrierende Elemente schaffen mehr Raum für das Wesentliche. Inhalte wurden in klar voneinander abgegrenzten Abschnitten angeordnet. Einstiegsinformationen, Leistungsinhalte und vertiefende Details erhielten jeweils einen erkennbaren Platz. Das lässt eine Seite ruhiger wirken, vor allem aber erleichtert es das Lesen.

Gutes Webdesign ähnelt einer gut geplanten Wegführung in einem Gebäude. Niemand muss alles auf einmal sehen. Wichtig ist, dass der nächste Raum, die nächste Information oder die nächste Handlung verständlich erreichbar bleibt. Visuelle Hierarchie, klare Überschriften und sinnvoll gesetzte Absätze unterstützen genau diese Führung.

Inhalte nicht verschieben, sondern prüfen

Ein Relaunch gewinnt an Substanz, wenn bestehende Texte nicht einfach kopiert werden. Jeder zentrale Inhalt sollte auf Relevanz, Verständlichkeit und Bezug zur Zielgruppe geprüft werden. Lange allgemeine Textblöcke helfen wenig, wenn Besucher anschließend immer noch nicht verstehen, was angeboten wird oder warum eine Leistung für sie relevant sein könnte.

• Welche Information wird zu Beginn benötigt?
• Welche Aussagen schaffen Klarheit und Vertrauen?
• Wo fehlen konkrete Antworten auf naheliegende Fragen?
• Welche Texte lassen sich kürzen, ohne ihren Kern zu verlieren?
• Welche Seiten tragen tatsächlich zum Gesamtbild bei?

Diese Inhaltsarbeit gehört fest zum Relaunch. Sie verbindet redaktionelle Präzision mit Gestaltung und verhindert, dass die neue Website zwar frischer aussieht, inhaltlich aber dieselbe Unübersichtlichkeit fortschreibt.

Technische Grundlage und sichere Migration

Optik und Inhalte sind sichtbar, die technische Basis oft nicht.

Die technische Überarbeitung bleibt für Besucher oft im Hintergrund, prägt ihre Nutzung aber deutlich. Eine konsistente Basis unterstützt die Darstellung auf unterschiedlichen Geräten, wiederkehrende Komponenten und spätere Erweiterungen. Sie kann außerdem dazu beitragen, Aktualisierungen und Wartung planbarer zu machen. Konkrete Verbesserungen bei Ladezeit oder Pflegeaufwand lassen sich jedoch nur mit projektspezifischen Messungen und Tests belegen.

Die mobile Version verdient dabei besondere Aufmerksamkeit. Google nutzt grundsätzlich die mobile Fassung einer Website für Indexierung und Ranking; wesentliche Inhalte, Überschriften und Metadaten sollten auf Mobil- und Desktopansicht inhaltlich gleichwertig bleiben.^[1] Mobil optimieren heißt also nicht, Inhalte einfach wegzukürzen. Es heißt, sie so zu strukturieren, dass sie auf kleineren Bildschirmen verständlich und zugänglich bleiben.

Ändern sich im Zuge einer neuen Informationsarchitektur auch URLs, gehört die Migration in die technische Planung. Dann sollten alte und neue Adressen zugeordnet, permanente serverseitige Weiterleitungen eingerichtet, interne Links aktualisiert sowie Traffic und Indexierung beobachtet werden.^[4] Ob dies im beschriebenen Projekt erforderlich war, ist nicht dokumentiert; als allgemeines Prüffeld ist es bei Relaunches dennoch unverzichtbar.

Was sich nach dem Launch im Alltag prüfen lässt

Der Launch-Tag ist nicht der Schlusspunkt eines Relaunchs. Erst im laufenden Betrieb zeigt sich, ob die neue Struktur belastbar ist. Dafür braucht es vorab definierte Kriterien statt eines pauschalen Eindrucks, die Website sei nun besser. Je nach Ziel können das Rückmeldungen aus der Redaktion, die Verständlichkeit zentraler Einstiegsseiten oder die konsistente Darstellung auf verschiedenen Geräten sein.

Auch Nutzungsdaten können bei einer solchen Bewertung helfen, sofern sie vor und nach dem Relaunch vergleichbar erhoben werden. GA4 kann etwa zeigen, wie viele Sitzungen über eine Einstiegsseite erfolgen, wie aktiv Besucher dort sind und ob definierte Schlüsselereignisse erreicht werden.^[6] Diese Werte sind keine automatische Erfolgsgarantie. Sie werden erst aussagekräftig, wenn Zielsetzung, Zeitraum und Messlogik sauber festgelegt sind.

Für die technische Qualität gilt derselbe Grundsatz. Einzelne Labortests sind hilfreich, um Probleme zu finden, ersetzen aber keine Daten zur tatsächlichen Nutzung. Bei der Bewertung von Core Web Vitals sind Felddaten für die reale Nutzererfahrung besonders relevant; Labortests dienen vor allem der Diagnose unter simulierten Bedingungen.^[3]

Woran ein gelungener Relaunch erkennbar ist

Ein erfolgreicher Relaunch lässt sich nicht an einer einzelnen Designentscheidung festmachen.

Folgende Merkmale sind in der Praxis besonders aussagekräftig:

Solche Veränderungen müssen nicht mit auffälligen Effekten einhergehen. Oft zeigen sie sich darin, dass zentrale Informationen nachvollziehbar angeordnet sind, Seiten nach einem gemeinsamen Prinzip funktionieren und die Website auch bei späteren Anpassungen nicht wieder unübersichtlich wird. Ein gelungener Relaunch schafft damit vor allem eine belastbare Arbeitsgrundlage.

Übertragbare Erkenntnisse aus der Projektbetrachtung

Die zentrale Lehre dieser Betrachtung liegt im Zusammenspiel der Themen. Wer Struktur, Inhalt und Technik getrennt betrachtet, riskiert, dass am Ende jedes Problem nur halb gelöst wird. Ein neuer visueller Auftritt kann dann zwar überzeugen, während die Orientierung weiterhin fehlt oder die Pflege unnötig aufwendig bleibt.

Ein übertragbares Vorgehensmodell besteht aus drei Schritten:

1. Analyse: Bestehende Inhalte, Seitenwege, Prioritäten und technische Abhängigkeiten prüfen.
2. Neuordnung: Relevante Themen bündeln, Dopplungen entfernen und eine klare Seitenlogik entwickeln.
3. Modernisierung: Gestaltung, mobile Nutzung, technische Basis und redaktionelle Abläufe zusammenführen.

So wird eine Website vom statischen Schaufenster zum Arbeitsinstrument. Sie soll Informationen nicht lediglich speichern, sondern Menschen sicher durch relevante Themen führen und dem Team eine Grundlage für die weitere Pflege geben. Nicht das Neue allein überzeugt, sondern eine Überarbeitung, die im täglichen Einsatz sinnvoll funktioniert.