Website-Relaunch und Social Media

Bevor neue Seiten entstehen, braucht es Klarheit über das Bestehende. In dieser Einstiegsphase entwickeln Sie ein fundiertes Verständnis dafür, was ein Website-Relaunch ist, wann er notwendig wird und wie Sie systematisch an die Sache herangehen. Sie lernen typische Schwachstellen zu identifizieren, Nutzerverhalten zu analysieren und datenbasiert zu entscheiden, ob ein Relaunch die richtige Maßnahme ist.

📘 Einleitung Website-Relaunch

• Was bedeutet „Website-Relaunch“ – Definition und Varianten (Soft Relaunch vs. kompletter Neuaufbau)
• Warum Websites „veralten“: technische, inhaltliche und nutzerbezogene Gründe
• Welche Ziele ein Relaunch erfüllen kann: bessere Sichtbarkeit, höhere Conversion, neue Markenwirkung

⚠️ Gründe für den Website-Relaunch

• Veraltetes Design und sinkende Nutzerbindung
• Mangelhafte mobile Nutzbarkeit (Responsivität)
• Schlechte Ladezeiten, hohe Absprungraten
• Unübersichtliche Navigation und fehlende Barrierefreiheit
• Unzureichende Auffindbarkeit in Suchmaschinen (SEO-Probleme)
• Strategischer Wandel im Unternehmen (neue Zielgruppen, neue Produkte)

🔍 Analyse des Website-Zustands (IST)

• Tools und Methoden zur Analyse (z. B. Google Analytics, Heatmaps, Screaming Frog)
• Was Nutzer tun – und was nicht: Klickpfade, Verweildauer, Absprungraten
• Technische Prüfbereiche: Ladezeit, Mobiloptimierung,
• Broken Links
• Inhaltsanalyse: Aktualität, Relevanz, Verständlichkeit
• Designanalyse: Nutzerführung, Lesbarkeit, visuelle Hierarchie
• Benchmarking: Wie steht die eigene Seite im Vergleich zur Konkurrenz da?

Wer fundiert optimieren will, muss erst verstehen, was wirklich gebraucht wird – von den Nutzerinnen und Nutzern wie auch von der Organisation selbst. In dieser Phase geht es darum, Zielgruppen, Bedürfnisse und technische Fakten zu analysieren. Die SMART-Methode hilft, daraus messbare, realistische Ziele für den Relaunch abzuleiten. Sie erarbeiten ein belastbares Fundament für Konzeption, Inhalt und Gestaltung – datengestützt und zielorientiert.

🧭 1. Phase: Recherche und Analyse

• Zielgruppenanalyse: Bedürfnisse, Erwartungen, Gewohnheiten
• Personas erstellen: typische Nutzerprofile erarbeiten
• Nutzerverhalten verstehen: Scrollverhalten, Klickpfade, Einstiegs- und Ausstiegspunkte
• Customer Journey Mapping: Was passiert vor, während und nach dem Websitebesuch?
• Wettbewerbsanalyse: Stärken und Schwächen vergleichbarer Angebote
• Tools zur Recherche: z. B. Google Trends, Hotjar, Ubersuggest, Umfragetools

🎯 Ziele verfeinern mit der SMART-Methode

• Einführung in SMART (Spezifisch – Messbar – Attraktiv – Realistisch – Terminiert)
• Ziele systematisch ableiten (z. B. „Sichtbarkeit bei Google erhöhen“, „mehr Kontaktanfragen“)
• Metriken zur Erfolgskontrolle definieren (KPIs für Conversion, SEO, Engagement)
• Alignment: Wie Ziele mit Unternehmensstrategie und Nutzererwartungen zusammenhängen

📊 Vertiefende Analyse der bestehenden Website

• Content-Audit: Welche Inhalte bleiben, welche gehen, welche müssen überarbeitet werden?
• Technik-Check: Ladezeiten, mobile Optimierung, Sicherheit, DSGVO-Konformität
• SEO-Analyse: Rankings, Meta-Daten, interne Verlinkung, Indexierung
• Barrierefreiheit: Was schließt Nutzergruppen aus? Was muss verbessert werden?
• Stärken-Schwächen-Profil entwickeln: Daten zusammentragen, Potenziale herausarbeiten
• Erstellung einer Relaunch-Matrix zur Priorisierung von Verbesserungen

Die konzeptionelle Phase ist das Herzstück jedes Relaunches. Hier wird aus Analyse und Zielsetzung ein konkreter Fahrplan: technische, inhaltliche und gestalterische Anforderungen werden zusammengeführt, priorisiert und strukturiert. Mit Hilfe von Wireframes, Seitenstrukturen und Element-Bausteinen entsteht ein tragfähiges Fundament für die spätere Umsetzung.

🛠️ 2. Phase: Konzeption

• Übertragung der Analyseergebnisse in technische und inhaltliche Anforderungen
• Definition von Projektzielen: Was muss umgesetzt werden, was ist optional?
• Stakeholder-Input einholen und abstimmen
• Methoden: Brainstorming, Card Sorting, Priorisierung nach Must-haves/Nice-to-haves
• Ergebnis: konsolidiertes Anforderungsprofil als Basis für Wireframes und Seitenstruktur

🧱 Inhaltsstruktur: Visualisieren mit Wireframes

• Was ist ein Wireframe? Abgrenzung zu Design & Mockups
• Vorteile: klare Fokussierung auf Inhalte und Nutzerführung
• Erstellung von Wireframes: analog (Papier), digital (z. B. Figma, Balsamiq, Adobe XD)
• Visualisierung von Startseite, Navigation, Unterseiten, responsiven Ansichten
• Iterativer Aufbau: Varianten vergleichen, Nutzertests einbinden
• Ableitung der Sitemap: logischer Aufbau der Website-Hierarchie

🧩 Kernelemente einer Webseite

• Struktur und Aufbau gängiger Seitentypen (Startseite, Landingpages, Kontaktseite etc.)
• Wiederkehrende Elemente:
  • Head: Logo, Meta-Navigation, Suchfunktion
  • Navigation: Hauptmenü, Sticky-Navigation, Mobile-Menü
  • Header: Bild, Botschaft, Call-to-Action
  • Body: Inhalte, Bilder, Teaser, Auflockerungselemente
  • Footer: Kontakt, Rechtliches, Links, Social Media
• Best Practices zur Anordnung, Gestaltung und Benutzerführung
• Varianten für mobile Darstellung und Barrierefreiheit

Design ist mehr als Ästhetik – es ist Orientierung, Wiedererkennung und gezielte Lenkung. In dieser Phase entsteht das visuelle und sprachliche Erscheinungsbild der neuen Website. Farben, Schriften, Layout und Tonalität werden bewusst gewählt, um zur Marke zu passen, Nutzer intuitiv zu führen und Vertrauen aufzubauen. Gestaltung und Sprache arbeiten hier Hand in Hand.

🎨 3. Phase: Design

• Ziel: visuelle Konsistenz mit der Marke und intuitive Nutzerführung
• Entwicklung eines Layout-Rasters: Weißräume, Spalten, visuelle Gewichtung
• Prototypen und Mockups: Entwurfsstadien und Abstimmungsschleifen
• Gestaltungsprinzipien für Webseiten: Klarheit, Kontrast, Konsistenz
• Responsive Design: Anpassung auf verschiedene Bildschirmgrößen
• Design meets Conversion: Call-to-Action-Zonen und Blickführung berücksichtigen

🌈 Farben im Webdesign

• Farbpsychologie im Online-Kontext: Vertrauen, Dynamik, Seriosität
• Entwicklung einer Farbpalette: Primär-, Sekundär-, Kontrastfarben
• Farben gezielt einsetzen: für Hierarchie, Wiedererkennung, Barrierefreiheit
• Best Practices für Buttons, Hintergründe, Icons
• Farbanforderungen an barrierefreie Darstellung (z. B. Kontrastverhältnis)

🔤 Schriften für das Webdesign

• Lesbarkeit: Schriftgrößen, Zeilenlänge, Zeilenabstand optimieren
• Auswahl von Webfonts: Stil, Charakter, Lizenzierung
• Kombination von Schriftarten (z. B. Headline vs. Fließtext)
• Einbindung (lokal vs. Google Fonts) im Hinblick auf DSGVO
• Hierarchie und Typografie als Gestaltungselement: visuelle Führung durch Text

🗣️ Tonalität

• Definition der sprachlichen Tonalität im Relaunch-Projekt
• Einfluss auf Vertrauen, Markenwahrnehmung und Identifikation
• Sprachstil nach Zielgruppe: z. B. beratend, inspirierend, sachlich, humorvoll
• Tonalität im Zusammenspiel mit Bildwelt und Design
• Leitlinien für konsistente Anwendung

Die beste Struktur und das stärkste Design greifen nur dann, wenn die Inhalte überzeugen – und der Relaunch professionell umgesetzt wird. In dieser Phase wird es konkret: Sie analysieren vorhandene Inhalte, entwickeln neue, planen die technische Umsetzung und bereiten den Livegang Schritt für Schritt vor. Das Ziel: eine funktionierende Website, die am Tag X stabil, schnell und suchmaschinenfreundlich online geht.

📑 Bestehende Inhalte prüfen

• Inhaltliche Relevanz bewerten: Was passt noch zur Strategie und Zielgruppe?
• Qualitätscheck: Verständlichkeit, sprachlicher Stil, Faktenlage
• Performance-Daten analysieren: z. B. Klickrate, Scrolltiefe, Absprungrate
• SEO-Status erfassen: Keyword-Deckung, Meta-Angaben, interne Verlinkung
• Identifikation von Schwächen: Lücken, Widersprüche, Veraltetes
• Redaktionsplan für Überarbeitung & Neutextung erstellen

🆕 Neue Inhalte entdecken

• Themenfindung anhand von Nutzerfragen & häufigen Suchanfragen
• Keywordrecherche: Short- und Longtail-Strategie entwickeln
• Konkurrenzbeobachtung: Was machen andere besser?
• Nutzerfeedback und Vertriebseinblicke nutzen
• Integration aktueller Trends und Inhalte mit Mehrwert
• Content-Formate planen: Text, Bild, Video, Infografiken, interaktive Elemente

🛠️ Umsetzung

• Entscheidung über internen vs. externen Relaunch (z. B. Agentur, CMS-Team, Entwickler)
• Erstellung eines Lastenhefts: Anforderungen, Funktionen, Zeitpläne, Zuständigkeiten
• Projektphasen & Meilensteine festlegen
• Tools für Projektsteuerung: z. B. Trello, Asana, Jira
• Kommunikationswege zwischen Redaktion, Technik und Design koordinieren
• Vorbereitung von Weiterleitungen, Migration, Sicherheitschecks

🚀 Phase 6: Testen und Relaunchen

• Testläufe auf verschiedenen Geräten und Browsern durchführen
• Funktionstests: Formulare, Buttons, Navigation, Ladezeiten
• Sichtbarkeitsprüfung: sind SEO-relevante Inhalte übernommen worden?
• 301-Weiterleitungen einrichten
• Prüfung aller Meta-Daten, Alt-Texte, OpenGraph-Daten
• Go-live-Fahrplan: Wer macht was wann?
• Nachbereitung: Monitoring, Indexierung kontrollieren, Tracking aktivieren