UI/UX Redesign

Conversion-Driven Relaunch einer B2B-Landingpage

Beschreibung des Bildes

Über das Projekt

Komplette Neustrukturierung der ready2order-Landingpage mit Fokus auf Touchpoint-Optimierung für Gastro- und Einzelhandelskunden. Durch data-driven Design und strategisches Content-Mapping konnte die Lead-Generierung signifikant gesteigert werden.

Timeframe

3 Monate (März - Mai 2023)

My Role

UI/UX Designerin

Tools

  • Figma
  • Adobe XD
  • VS Code
  • GitHub

Die Herausforderung

Von generischer Information zur conversion-starken B2B-Plattform Die bestehende Seite litt unter:

  • Hoher Absprungrate (68% bei Mobile-Nutzern)
  • Unklarem USP für unterschiedliche Branchen (Gastro vs. Einzelhandel)
  • Versteckten CTAs (Durchschnittlich 3 Scrolls bis zur Conversion)
  • Fehlendem Social Proof für Geschäftskunden

Recherche & Analyse

1. Touchpoint-Analyse

  • Heatmaps & Session Recordings identifizierten Pain Points
  • Branchenspezifische Personas (z.B. Café-Betreiber vs. Modehändler)
  • Competitor Benchmarking topconvertierender B2B-SaaS-Seiten
Beschreibung des Bildes

2. Content-Mapping Strategie

3. Key-Optimierungen

  • Branchenselektoren für relevante Use Cases
  • Social Proof: Kunden-Logos + ROI-Rechner
  • Sticky CTA-Bar mit Telefonoption für B2B-Entscheider
  • Micro-Interaktionen: Konfigurator-Vorschau

Lösungsansatz

A/B-Test-Ergebnisse (Auszug)

Element Variante A Variante B Gewinner Steigerung
Header-CTA "Jetzt testen" "Für Ihr Geschäft anfragen" B +24% Klicks
Formularlänge 7 Felder 5 Felder + Firmenauto-fill B +38% Completions
Social Proof Text-Zitate Video-Testimonials B +12% Trust-Score
Bildpositionierung Links (Desktop) Rechts (Desktop) B +9% Scroll-Tiefe

*Gemessen über 4 Wochen mit 12.000 unique visitors

Ergebnis

Nach 3 Monaten Live-Betrieb:

  • +41% mehr Leads bei gleichem Traffic
  • Mobile-Conversion verdoppelt (von 11% auf 23%)
  • Verweildauer +1,2 Min. durch relevanteren Content
Beschreibung des Bildes

Fazit

Der Relaunch beweist: Präzises Audience-Targeting und data-drivenes Iterieren transformieren generische Landingpages in hochkonvertierende B2B-Tools. Die Lösung wurde später als Template für 8 weitere Märkte adaptiert.