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

Vertraute Struktur bewahrt, Hero · Wegweiser · Wissenstransfer aufs Wesentliche gestrafft.

Mockup ansehen →

GEO-Landingpage

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: ein KI-Ranking im Hero, drei KI-Engine-Typen und belegte KI-Sichtbarkeit.

Was ist anders & warum

  • Eigenes GEO-Signature statt Klon: ein KI-Ranking im Hero („Am häufigsten von KI empfohlen", Eure Marke auf Platz 1) macht Share of Voice sofort greifbar — statt der orbitalen System-Map der Startseite. Dieselbe DNA (Buttons, Typo, Synergie-Fächer, goal-path), eigener Charakter.
  • Belegte KI-Sichtbarkeit statt bloßer Logowand: Proof-Kacheln mit KI-Kennzahlen (Share of Voice, Empfehlungen, Quellen-Nennungen) — dieselben Bausteine wie die Startseite, auf die GEO-These gedreht (F4, P1).
  • Volle Substanz der Live-Seite: drei KI-Engine-Typen als eigene Sektion, acht GEO-Leistungen mit Tiefe (aufklappbar), vier „Warum wir"-Säulen mit Team-Fotos und drei Kundenstimmen (F4, P1).
  • Preis-Transparenz: „Einstieg & Investition" (AI Visibility Audit + drei Rahmen) nach dem Prozess (Value-before-Price); früher Einstieg über Hero-CTA und Sticky-CTA (F3, P1; Scroll-Tiefe 29 %).
  • Verlässlich: zwei kurze Erklärvideos, Kontaktformular mit Validierung — alle Module funktionieren, 0 Konsolenfehler (1.993 JS-Fehler im Audit).

Eigener Charakter, gleiche DNA

Eigener GEO-Charakter (KI-Ranking, Engine-Typen, belegte KI-Sichtbarkeit) auf der gemeinsamen Startseiten-DNA.

Mockup ansehen →

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, entdoppelt: übernimmt die CTA erst, wenn die Hero-CTA aus dem Blick scrollt, und blendet am Kontakt aus (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).