Download - [Webinar] Wie du mit Conversion Centered Design und A/B-Tests deine Landing Pages optimierst
Fabian Liebig Marketing Manager Optimizely DACH
Ben Harmanus Community & Content
Marketing Manager Unbounce DACH
Marketing Dream Team: Conversion Centered Design & A/B-Tests
Die Autoren
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Agenda • Intro: Homepage vs. Dedizierte Landing Page
• Was ist Conversion Centered Design (CCD)?
• A/B-Tests
• Q&A
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Homepage Dedizierte Landing Page
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
• Nützlich für SEO / Traffic
• 24 Aktionsmöglichkeiten
• Nicht auf ein Ziel fokussiert
Homepage
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Dedizierte Landing Page• Nützlich für Marketing-
Kampagnen
• Auf ein Ziel fokussiert
• Eine Aktionsmöglichkeit
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Die Marmeladen-Studie2000 in einem Supermarkt durchgeführt
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Die Marmeladen-Studie2000 in einem Supermarkt durchgeführt
• 24 Marmeladen-Sorten zur Auswahl
• 3% der Proben-Tester kauften eine Marmelade
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Die Marmeladen-Studie2000 in einem Supermarkt durchgeführt
• 6 Marmeladen-Sorten zur Auswahl
• 30% der Proben-Tester kauften eine Marmelade
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Die Analyse-Paralyse: Zu viele Optionen führen dazu, dass keine Entscheidung getroffen wird.
Wikipedia: Analyse Paralyse
CCD nutzt die Bestandteile einer Landing Page, um ein Nutzer-Erlebnis zu schaffen,
das einem einzigen Unternehmens-Ziel entgegenwirkt.
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Mit Design-Elementen und psychologischen Auslösern wird der Besucher dazu gebracht,
das gewünschte Conversion-Ziel zu erreichen.
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Die 7 Grundregeln für Conversion Centered Design
Unser Gehirn verarbeitet visuelle Informationen 60.000 Mal schneller als Text.
Quelle: http://www.toushenne.de/newsreader/visueller-content-im-online-marketing.html
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Keine Einkapselung
• Weniger Aufmerksamkeit
• Formular-Elemente wirken voneinander losgelöst
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Keine Einkapselung
• Weniger Aufmerksamkeit
• Formular-Elemente wirken voneinander losgelöst
• Call-To-Action geht unter
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Formularfelder & CTA-Button
• Schwacher Kontrast bei den Formular-Feldern
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Formularfelder & CTA-Button
• Schwacher Kontrast bei den Formular-Feldern
• Button-Farbe hebt sich nicht von dominanter Page-Farbe ab
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Eingabefeld & Button setzen sich durch
Farbe & Kontrast ab
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Pfeil ist Richtungsweiser
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Pfeil ist Richtungsweiser
Ausbuchtung dient als Pfad
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Ausbuchtung dient als Pfad
Pfeil ist Richtungsweiser
3. Richtungsweiser c) Die Suggestivkraft des Auges
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Der Baby-TestEye-Tracking Heatmap
Department of Developmental and Social Psychology, University of Padua, Padua, Italy. „Eye gaze cannot be ignored (but neither can arrows)“
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
• Das Baby sieht den Besucher an
Der Baby-TestEye-Tracking Heatmap
Department of Developmental and Social Psychology, University of Padua, Padua, Italy. „Eye gaze cannot be ignored (but neither can arrows)“
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
• Das Baby sieht den Besucher an
• Das Baby bekommt den größten Teil der Aufmerksamkeit
Der Baby-TestEye-Tracking Heatmap
Department of Developmental and Social Psychology, University of Padua, Padua, Italy. „Eye gaze cannot be ignored (but neither can arrows)“
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Der Baby-TestEye-Tracking Heatmap
Department of Developmental and Social Psychology, University of Padua, Padua, Italy. „Eye gaze cannot be ignored (but neither can arrows)“
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
• Das Baby blickt in Richtung Informationen
Der Baby-TestEye-Tracking Heatmap
Department of Developmental and Social Psychology, University of Padua, Padua, Italy. „Eye gaze cannot be ignored (but neither can arrows)“
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
• Das Baby blickt in Richtung Informationen
• Die rechte Spalte erhält wesentlich mehr Aufmerksamkeit
Der Baby-TestEye-Tracking Heatmap
Department of Developmental and Social Psychology, University of Padua, Padua, Italy. „Eye gaze cannot be ignored (but neither can arrows)“
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Was genau soll ich hier tun?
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
versus
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Weissraum schafft Struktur und Übersicht
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
5. Dringlichkeit & Verknappung
Funktioniert das wirklich?
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Risikofreie Testphase
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Geld-zurück-Garantie gleicht dem
Test-Versionen-Prinzip
Social-Proof-Reinfall von Homejoy
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Authentische Kundenstimmen
• Fotos
• Vollständige Namen
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Authentische Kundenstimmen
• Fotos
• Vollständige Namen
• Blog-Url
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Das sind die 7. Grundregeln von Conversion Centerd Design.
Und wie gut performen CCD-optimierte Landing Pages?
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Wie hoch ist die Conversion Rate dieser Webinar Landing Page?
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Wie hoch ist die Conversion Rate dieser Webinar Landing Page?
Einschätzung bitte im Chat teilen.
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Conversion Rate aller Varianten
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Conversion Rate aller Varianten
Conversion Rate der besser performenden Variante
Zum Vergleich: Die Conversion Rate eines nordamerikanischen Webinars
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
78% aller Unternehmen sind unzufrieden mit ihrer Conversion Rate.
Econsultancy (2014)
Was machen die meisten Firmen? Mehr Gießkannen, mehr Wasser
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
63% aller Marketer optimieren Webseiten nach Bauchgefühl.
Conversioner, Marketingsherpa (2014)
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Variante 1 Variante 2
28%mehr Klicks
54%mehr Klicks
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Ergebnisse!
Analyse!
Hypothesen!
Priorisierung!
A/B Test!
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
#1
Teste nicht wie wild drauf los
Analyse und Hypothesen sind das A & O!
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Nur ca. 10% aller Besucher nutzt die Suche
Aber diese machen 1/3 des Umsatzes aus!
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Wenn_________Dann_________Weil
Wenn wir im Suchfenster Beispiele unser Produktpalette zeigen
Dann erhöhen wir die Produktpageviews und Conversions
Weil Besucher einfacher passende Produkte finden werden.
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
#2
A/B Tests sind keine One-Hit Wonder.
Teste regelmäßig!
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
+ 150% Registrierungen
+ 20.000 Neue Kunden
+ 10 - 30 Mio. Umsatz
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
#3
Roter oder grüner Button?
Teste lieber große Kontraste!
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Bonus Tipp
JETZT mit dem Testen anfangen - dein Wettbewerber macht es wahrscheinlich schon
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
“Wenn wir erraten wollen, was für unsere Besucher funktioniert, dann könnten wir genauso gut eine Münze werfen. Wir sind auf A/B Testing angewiesen, um bessere Entscheidungen zu treffen.”
Pete Koechley, Gründer Upworthy
Fabian Liebig Marketing Manager Optimizely DACH
Ben Harmanus Community & Content
Marketing Manager Unbounce DACH
Marketing Dream Team: Conversion Centered Design & A/B-Tests
Das war’s!
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Verbinde dich mit Unbounce Deutschland! Erfahre von weiteren Webinaren, E-Books und allem
anderen, das dich zu einem smarteren Marketer macht.
Photos: Falls nicht anders angegeben, wurden alle Bilder mit einer CC0-Lizenz von Pixabay.de zur Verfügung gestellt.
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig
Jetzt Kostenlos Anmelden!
ERSTELLE JETZT EINE HOCHKONVERTIERENDE LANDING PAGE
Erstelle, veröffentliche & A/B-teste Landing Pages ohne Webdesigner Der mobil-responsive Landing-Page-Baukasten für Marketing Professionals
@Unbounce_DE #UnwebinarDE @BenHarmanus @FabianLiebig