Redesign-Mockups

Zwei Seiten, zwei Hypothesen.

Für Startseite und GEO-Landingpage zeigen je zwei Mockup-Varianten, wie sich Orientierung und Conversion verbessern lassen — datenbasiert auf dem UX-Audit und den GA4-Verhaltensdaten von evergreen.media.

Startseite

Vom Sackgassentext zum Wegweiser

Hypothesen-Paar: A optimierte Erzählung · B geführte Selbstselektion.

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).

Variante A — Optimierte Erzählung

Bewahrt die vertraute Seitenstruktur und strafft Hero, Wegweiser und Wissenstransfer auf das Wesentliche.

Mockup ansehen →

Variante B — Geführte Selbstselektion

Verlegt die Selbstselektion in den Hero — Chips statt Fließtext, Beweis früh, ein spürbar kürzerer Weg zum Kontakt.

Mockup ansehen →

GEO-Landingpage

Kürzerer Weg zur Sichtbarkeit

Hypothesen-Paar: A optimierte Erzählung · B erlebbare Demonstration + Selbstcheck.

Was ist anders & warum

  • Conversion-Lücke geschlossen: „Zwei Wege zu uns" (Gespräch mit greifbarem Ergebnis + produktisiertes GEO-Audit) bei ~30 % Seitentiefe (F3, P1; 1 von 52 Conversions; Scroll-Tiefe 29 %).
  • Ein Prozess statt zwei: 3 Phasen als Gerüst, 8 Schritte als aufklappbare Tiefe (F2, P1).
  • Headline zugespitzt: „Werdet die Marke, die KI empfiehlt." statt vager Selbstbeschreibung (F8, P1).
  • Seitenlänge ~halbiert: 6.073 px statt ~12.700 px (F6, P2).
  • Sticky-Trust-Leiste in die Hero-Zone integriert — mehr Platz im Fold (F15, P2).

Variante A — Optimierte Erzählung

Bewahrt die vertraute Struktur, ergänzt einen klaren Zwei-Wege-Einstieg und verdichtet den Prozess auf ein Modul.

Mockup ansehen →

Variante B — Erlebbare Demonstration + Selbstcheck

Zeigt erlebbar, wie eine Empfehlung in KI-Antworten aussieht: eine interaktive Demo und ein Selbstcheck führen zur passenden nächsten Aktion.

Mockup ansehen →

Alle Mockups

Template-weite Fixes

Befunde, die nicht einzelne Sektionen, sondern das gesamte Template betreffen — in allen vier 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).