Redesign-Mockups

Zwei Seiten, datenbasiert neu gedacht.

Für Startseite und GEO-Landingpage je die abgestimmte Richtung — zwei Seiten, die an einem Strang ziehen und zeigen, wie sich Orientierung und Conversion verbessern lassen, datenbasiert auf dem UX-Audit und den GA4-Verhaltensdaten von evergreen.media.

Startseite

Vom Sackgassentext zum Wegweiser

Die abgestimmte Richtung — eine optimierte Erzählung, die die vertraute Seitenstruktur bewahrt und Hero, Wegweiser und Wissenstransfer auf das Wesentliche strafft.

Was ist anders & warum

  • Wegweiser statt Sackgasse: Die 10 Herausforderungen führen jetzt zur passenden Lösung — vorher statischer Text mit generischem CTA (UX-Report F1, P1; 1,35 Seiten/Sitzung).
  • Hero gestrafft: Subline + CTA verlässlich im Fold, Differenzierer „laufende Zusammenarbeit" nach oben (F3, P1; Scroll-Tiefe 24 %).
  • Testimonial-Grid statt Carousel: 3 Referenzen sichtbar statt 1 von 10 (F4, P1).
  • Vier Wissens-Sektionen zu einem Modul verdichtet — kürzerer Weg zum Kontakt (F5, P2).
  • Alle Service-Karten vollflächig klickbar, Labels konsistent (F6/F7; 640 Dead-Click-Sitzungen).

Optimierte Erzählung

Die abgestimmte Startseite: bewahrt die vertraute Seitenstruktur und strafft Hero, Wegweiser und Wissenstransfer auf das Wesentliche.

Mockup ansehen →

GEO-Landingpage Noch in Arbeit

Kürzerer Weg zur Sichtbarkeit

Die abgestimmte Richtung — teilt die Design-DNA der Startseite (Buttons, Typo, Signature-Module, goal-path-Kontakt), erzählt die GEO-These aber mit eigenem Charakter: interaktive KI-Antwort-Demo, KI-Engine-Typen und Selbstcheck.

Was ist anders & warum

  • Eigenes GEO-Signature statt Klon: interaktive KI-Antwort-Demo im Hero (Journey-Tabs Orientierung → Auswahl → Entscheidung) statt orbitaler System-Map — dieselbe DNA (Buttons, Typo, Synergie-Fächer, goal-path), eigener Charakter.
  • Interaktiver Selbstcheck: 3 Fragen → passender nächster Schritt (AI Visibility Audit oder Gespräch) — qualifiziert und führt zur Conversion (F3, P1).
  • Volle Substanz der Live-Seite zurück: drei KI-Engine-Typen als eigene Sektion, acht GEO-Leistungen mit Tiefe (aufklappbar), vier „Warum wir"-Säulen, bis zu acht Kundenstimmen (F4, P1).
  • Preis-Transparenz: „Einstieg & Investition" (Audit + 3 Rahmen) nach dem Prozess (Value-before-Price); frühe Wege über Hero-CTA, Sticky-CTA und Selbstcheck (F3, P1; Scroll-Tiefe 29 %).
  • Verlässlich: alle interaktiven Module (Demo-Tabs, Selbstcheck, Formular) funktionieren, 0 Konsolenfehler (1.993 JS-Fehler im Audit).

Eigener Charakter, gleiche DNA

Die finale GEO-Landingpage: interaktive KI-Antwort-Demo, KI-Engine-Typen und Selbstcheck geben ihr einen eigenen GEO-Charakter, während Buttons, Typo, Synergie-Fächer und goal-path-Kontakt die Startseiten-DNA wahren.

Noch nicht bereit

Alle Mockups

Template-weite Fixes

Befunde, die nicht einzelne Sektionen, sondern das gesamte Template betreffen — in beiden Mockups einheitlich umgesetzt.

  • Link-Grün ≥ 4,5:1 (--c-link #5F7233 — ein Token, alle Landingpages) (F2 Home / F1 GEO, P0).
  • aria-label an Icon-Links, fokussierbarer Skip-Link (P1).
  • Ansprache durchgängig „ihr/euch" (P1).
  • 0 Konsolenfehler in allen Mockups (1.993 JS-Fehler im Audit).
  • Mobile Sticky-CTA (Mobile: 92 % Engagement, 2 von 52 Conversions).
  • Hinweis für die Umsetzung: Hero-Visuals optimiert einbinden — das reale LCP von 926 ms ist eine zu schützende Stärke (Spec §3.4).