Autor: AB Tasty

Blogartikel

30. Apr. 2018
9min. Lesezeit

5 starke A/B Testing Case Studies und was Sie daraus lernen können

AB Tasty

AB Tasty

Anmerkung der AB Tasty Redaktion: Dies ist ein Gastbeitrag von Umesh Kumar, Digital Marketing Spezialist bei Designhill,Â ĂŒbersetzt aus dem englischen Original.

Das A/B Testing richtig zu verstehen und anzuwenden, ist kein Hexenwerk. Es geht lediglich darum, zwei unterschiedliche Varianten einer Website gegeneinander zu testen und herauszufinden, welche bei Ihrem Publikum besser ankommt. Nachdem Sie einen A/B Test durchgefĂŒhrt haben, werden Sie feststellen, dass Sie nun viele neue User zu Ihrer Kundschaft dazu zĂ€hlen dĂŒrfen.

Schluss mit dem BauchgefĂŒhl auf Ihrer Website! Klicken Sie hier, um mit einer datenbasierten Entscheidungsfindung erfolgreich durchzustarten.

Das A/B Testing ist sicherlich die beste Methode, um Ihre Conversion Rates zu steigern. Wie ein Artikel auf CrazyEgg.com zeigte, kann der Einsatz einer korrekten Testing-Methodik die Conversion Rate um bis zu 300 Prozent steigern. Umso erstaunlicher ist es, dass die Mehrheit im Marketing immernoch gar kein A/B Testing einsetzt. Sie glauben das nicht? Hier ein paar Zahlen:

In Anbetracht dieser Statistiken wundert es nicht, dass das A/B Testing bei vielen noch keine Anwendung findet. Doch wie genau optimiert man denn Conversions mit A/B Testing? Die Antwort ist recht einfach: Warum nicht einfach das tun, was erfahrene Marketer bereits machen? Schauen Sie sich dazu die A/B Testing Erfolgsrezepte Anderer ab.

UnabhĂ€ngig von der Art Ihres Produktes oder Services, können Sie von anderen Anbietern sehr viel lernen. Um Ihnen dabei zu helfen, haben wir 5 starke Case Studies fĂŒr Sie gesammelt, die Ihnen in Sachen Hypothesenfindung und KundenverstĂ€ndnis auf die SprĂŒnge helfen sollen. Sie können aus diesen Case Studies wertvolle Learnings ziehen, die sich mit jedem A/B Testing Tool umsetzen lassen.

Case Study 1: Conversions um 11,5% gesteigert durch HinzufĂŒgen von FAQs, Statistiken und Social Proof auf der Website

Wer: Kiva.org, eine innovative Non-Profit Organisation, ermöglicht Unternehmern und Studenten verschiedener LĂ€nder mit geringem Einkommen, im Internet Geld zu leihen. Kiva hat einen A/B Test durchgefĂŒhrt, um die Anzahl der Spenden von Erstbesuchern auf der Landingpage zu erhöhen.

Hypothese: Den Usern mehr Informationen bereit zu stellen, wird die Anzahl der Spenden erhöhen.

Ergebnis: Die Spendengaben konnten um 11,5% gesteigert werden, nachdem eine Infobox mit Trust-Elementen unten auf der Landingpage platziert wurde.

Version A – Original: (links)

Version B: Mit Infobox (FAQs, Statistiken und Social Proof)

ab-test-1

Was können Sie aus diesem Test mitnehmen?

Stellen Sie sicher, dass Ihre Landingpage alle Fragen, die Ihre User haben könnten, beantwortet. In dem Fallbeispiel hat die Infobox gewĂ€hrleistet, dass das Unternehmen sich und seinen Service ausreichend erklĂ€rt und die User mit Statistiken absichert. Das hat das Vertrauen der User in den Anbieter gestĂ€rkt und die Seite viel vertrauenswĂŒrdiger gemacht.

Case Study 2: Um 2,57% gesteigerte Öffnungsrate und um 5,84% gesteigerte Click-Through-Rate (CTR) durch geĂ€nderte Betreffzeile

Wer: Designhill.com, eine der schnellst wachsenden Direkt-Crowdsourcing Plattformen, verbindet KĂŒnstler und Kunstbegeisterte. Kurz vor Weihnachten sollte eine E-Mail-Kampagne gestartet und die Click-Through-Rate gesteigert werden.

Hypothese: Den Titel des Blogartikels ohne Handlungsaufforderung in der Betreffzeile zu erwĂ€hnen, wĂŒrde die Click-Through-Rate erhöhen.

Heißt konkret: In die Betreffzeile wurde “Die Top 10 SEO-Strategien fĂŒr Startups in 2015” geschrieben anstatt: “Lesen Sie unseren neuesten Artikel – Die Top 10 SEO-Strategien fĂŒr Startups in 2015”.

Ergebnis: Dem Anbieter gelang es, die CTR um 5,84% und die Öffnungsrate um 2,57% zu steigern.

img_56cf0fba1f873

Was können Sie aus diesem Test mitnehmen?

Ihre Betreffzeile ist bei E-Mail-Kampagnen der erste BerĂŒhrungspunkt mit Ihren Zielkunden. Sie muss daher ansprechend sein und zum Klick anregen. Ihr Angebot kann noch so gut sein – wenn User Ihre Mail nicht einmal öffnen – ergibt sich Ihnen nicht die Chance, dieses dem Kunden zu prĂ€sentieren. FĂŒhren Sie Ihre Wortwahl mit Bedacht durch, um die Öffnungsrate und Click-Through-Rate so hoch wie möglich zu gestalten. Doch nicht nur starke Betreffzeilen spielen eine Rolle. Auch Ihr Logo und Ihre Kontaktdaten mĂŒssen innerhalb der E-Mail gut sichtbar sein. Call-to-Actions und andere Links mĂŒssen gut platziert sein.

Case Study 3:  49% gesteigerte CTR durch Text im Call-to-Action Button

Wer: Fab ist eine Online-Community zum Privatverkauf von Kleidung, Haushaltsware, Accessoires und SammlerstĂŒcken.

Hypothese: Wenn der “Zum Warenkorb hinzufĂŒgen”-Button verstĂ€ndlicher gestaltet wird (durch das HinzufĂŒgen von Text anstatt der Verwendung eines Symbols) werden mehr User ein Produkt in den Warenkorb legen.

Ergebnis: Die CTR konnte um 49% gesteigert werden.

In der Grafik sehen Sie, dass die Originalversion der Seite (ganz links) einen kleinen roten Button verwendete, auf dem ein „+“ Zeichen zum Einsatz kam. Die zwei anderen getesteten Versionen (Mitte und ganz rechts) arbeiten mit Text. Die erste Version davon konnte den 49% Uplift erzielen.

img_56cf0fdd0a773

Was können Sie aus diesem Test mitnehmen?

In bestimmten FĂ€llen spricht ein Text User gezielter an als ein Bild. Das ist immer dann der Fall, wenn die Handlungsaufforderung besonders klar sein soll. Arbeiten Sie daher mit deutlichen CTAs, die Ihren Kunden auf die SprĂŒnge helfen.

Ein CTA, den Ihre Kunden nicht verstehen, macht wenig Sinn. Sie mĂŒssen sofort verstehen, welchem Zweck der Button dient.

Case Study 4: Conversion Rate durch Bild im Hintergrund um 7,46% gesteigert.

Wer: Ein Anbieter wollte herausfinden, ob ein Website-Hintergrund mit Bild besser funktioniert als ein schwarzer Hintergrund.

Hypothese: Der Einsatz eines Bildes im Hintergrund kann mehr Conversions generieren als ein einfacher schwarzer Hintergrund.

Ergebnis: Die Conversion Rate des Hintergrundes mit Foto lag bei 25,14% im Vergleich zu den 7,68% des schwarzen Hintergrundes.

img_56cf1044b8de0 img_56cf101ca63db

Was können Sie aus diesem Test mitnehmen?

Ein Bild sagt mehr als tausend Worte, das wissen Sie. Menschen lieben visuelle Reize und Ihre Seite ist der ideale Ort, um diese einzusetzen und fĂŒr Ihre Produkte sprechen zu lassen. Ein Foto Ihres Produktes oder Services im Hintergrund Ihrer Seite darzustellen, lĂ€sst Conversion steigern, da die User so besser visualisieren können, was sie fĂŒr ihr Geld bekommen. Bilder erregen die gesteigerte Aufmerksamkeit Ihrer Besucher und helfen, diese in Kunden zu verwandeln.

Case Study 5:  256% mehr Leads durch Landingpage optimiert fĂŒr mobile EndgerĂ€te

Wer: Rasmussen College, ein privates College und eine Public Benefit Corporation, wollte die Anzahl der Leads durch Pay-Per-Klick Traffic auf der mobilen Website erhöhen.

Hypothese: Eine neue mobil optimierte Website zu bauen wird die Conversions erhöhen.

Ergebnis: Die Conversions stiegen um 256% an, nachdem die mobile (responsive) Seite erstellt wurde.

img_56cf10a3b0a5b

Was können Sie aus diesem Test mitnehmen?

Hammad Akbar, GrĂŒnder der TruConversion.com sagt, dass “bei einer unangenehmen mobile Erfahrung und einer zu geringen Nutzerfreundlichkeit fĂŒr mobile EngerĂ€te, 48% der User annehmen, dass dem Unternehmen das GeschĂ€ft egal sei.“ Eine responsive Website verbessert die UX deutlich. Wenn Sie keine Kunden verlieren wollen, muss Ihre Seite so gestaltet sein, dass keine User wegen zu langer Ladezeiten abspringen. Halten Sie das Design fĂŒr mobile User einfach und fĂŒhren Sie nur die wichtigsten Informationen an. Versuchen Sie auf verschiedene Weisen, die Navigation auf Ihrer Seite ĂŒber mobile EndgerĂ€te so einfach wie möglich zu gestalten, zum Beispiel durch Drop Down MenĂŒs.

Fazit

Nach diesem Artikel sind sie hoffentlich inspiriert, eigene A/B Tests anzugehen. Es ist verblĂŒffend, einfach mal zu sehen, was die eigenen Kunden mögen – und nicht mögen. Die vorgestellten Fallstudien und ihre Ergebnisse sind jedoch individuelle FĂ€lle und geben keine Auskunft darĂŒber, dass sich gleiche Resultate auch auf Ihrer Website einstellen. Finden Sie selber heraus, wie sie Ihre Website und Marketingkampagnen so effizient wie möglich gestalten!

In dem Sinne: fröhliches Testing!

Lesen Sie unseren A/B Testing Guide

Über den Autor: Umesh Kumar ist ein Digital Marketing Spezialist und bei Designhill tĂ€tig, dem schnellst wachsenden Custom Design Marketplace. Seine Online-Marketing Karriere begann 2008 und seither dreht sich fĂŒr ihn alles um das Internet-Business, die Website-Entwicklung, Social Networks, Lead-Generierung, Suchmaschinenoptimierung und -marketing. Zudem liebt er das Bloggen und mit Anderen seine Erfahrung, Tipps und Tricks zu den Trends der digitalen Welt zu teilen. Vernetzen Sie sich mit ihm hier: Facebook | Twitter | Google+

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

27. MĂ€rz 2018
16min. Lesezeit

Beste Design Beispiele fĂŒr eine erfolgreiche Landing Page

AB Tasty

AB Tasty

Wenn Sie eine Website haben, wissen Sie, wie schwierig es sein kann, einen User zu ĂŒberzeugen, auf der Seite zu bleiben bzw. ihn zum Kauf zu bewegen. Ihre Landing Page spielt dabei eine besonders wichtige Rolle.

Wie wÀhlt man das Design einer Landing Page?

Landing Pages werden genutzt, um User in Leads oder Kunden zu verwandeln. Dazu lenken sie die Aufmerksamkeit der Besucher auf das Leistungsversprechen Ihrer Marke und versuchen so, diese zu einer bestimmten Handlung zu bewegen: den Kauf eines Produktes, das AusfĂŒllen eines Formulars oder den Abschluss eines Probemonats etc. Die Konkurrenz schlĂ€ft nicht und bei vielen guten Angeboten auf einem Markt, kann es durchaus schwierig sein, aus der Masse herauszustechen. Dazu mĂŒssen Sie eine starke, ansprechene Landing Page erstellen, die speziell auf Ihr GeschĂ€ft zugeschnitten ist.

Gute Inspiration fĂŒr eine Landing Page zu finden ist eine große Herausforderung, daher haben wir in diesem Artikel fĂŒr Sie eine Auswahl der modernsten und erfolgreichsten Landing Page Designs fĂŒr 2018 zusammengestellt.

Wenn Sie Fragen zum Thema Landing Page haben oder vorab mehr dazu erfahren möchten, haben wir in diesem Artikel ein paar allgemeine Informationen und Tipps zur Verringerung der Bounce-Rate gesammelt.

Die Beispiele, die Sie weiter unten finden, stammen von echten Websites. Stellen Sie fĂŒr Ihre Website nicht die Anforderung an sich selbst, von Anfang an perfekt zu sein. Wir empfehlen, verschiedene Designs in einem A/B Test gegeneinander zu testen.

Schluss mit dem BauchgefĂŒhl! FĂŒr sichere, datenbasierte Entscheidungsfindung hier entlang.

Erfolgreiche Landing Page gestalten: Die besten Design-Beispiele fĂŒr mehr Leads

LeadQuizzes

LeadQuizzes hat sich auf Quizze und RÀtsel zur Leadgenerierung spezialisiert.Was direkt auffÀllt, ist das (wirklich gut designte) ErklÀrvideo auf der Seite, das sofort alle wichtigen Fragen beantwortet:

  • Wozu ist der Service gut?
  • Ist das fĂŒr mich relevant?
  • Welchen Nutzen habe ich?

Der gelbe Call To Action Button hebt sich vom Rest der Seite deutlich hervor. Das Wording „Try it Free“ („Kostenlos testen“) versichert dem User, dass der Klick auch wirklich keine Kosten mit sich bringt. Mehr zur Optimierung von Call-To-Actions finden Sie hier.

Sogenannter Social Proof ist klar vorhanden und gut eingesetzt: Referenzen bekannter Kunden finden sich auf der Seite wieder genauso wie die Information, dass der Service LeadQuizzes bereits mehr als 3 Millionen Leads fĂŒr seine Kunden generieren konnte.

Beispiel Landing Page Lead Quizzes

Design Landing Page Social Proof

Auch der Rest der Landing Page enttĂ€uscht nicht: Die Seite zielt darauf ab, den User ĂŒber den cleveren Einsatz des Produktes aufzuklĂ€ren. Das Ziel: eine Landing Page, die ganzheitlich zur Überzeugung des Users beitrĂ€gt, dass LeadQuizzes DAS Tool ist, was er zur Leadgenerierung benötigt.

Design Landing Page Lead Quizzes Social Proof

Der Social Proof, mit dem LeadQuizzes hier arbeitet, zeigt dem Website-Besucher auf einen Blick:

  • Wie viel mehr werde ich durch das Produkt einnehmen?
  • Wie viele neue Prospects kann ich dadurch gewinnen?

GrowthHackers

GrowthHackers vertreibt eine Software fĂŒr das Marketing, die sich – wie der Name bereits sagt – voll und ganz dem „Growth Hacking“ widmet: Mehr Leads generieren, das GeschĂ€ft voran bringen.

Wie auch bei LeadQuizzes, sticht der gelbe Call To Action deutlich hervor und regt zu einer klaren Handlung an. Auch die Option „Learn more“ steht bereit, um jene User anzusprechen, die nicht sofort ĂŒberzeugt sind und noch weitere Informationen einholen möchten.

Beispiel Design Growth Hackers

DarĂŒber hinaus setzt die Landingpage ein Drop Down MenĂŒ ein, das auf die wichtigsten Fragen der User eingeht:

  • „Warum sollte ich den Service nutzen?“
  • „Wieso lieben Anwender das Produkt?“
  • „WofĂŒr wird die Software eingesetzt?“

In einem Chat-Fenster kann man zudem weitere Fragen stellen.

Landing Page Design Growth Hackers

Der Social Proof wird hier auf zwei Weisen eingesetzt:

  • Wir sehen, dass eine ganze Community um das Produkt exisitiert.
  • Wir sehen, dass zahlreiche User das Produkt anwenden und in der Community aktiv sind.

Ein einziger Kritikpunkt könnte darin bestehen, dass die Zahl der User nicht gut sichtbar ist.

Beispiel Design Growth Hackers

ElegantThemes

ElegantThemes bietet seinen Usern exklusive WordPress Vorlagen und „Themes“. Zum Angebot zĂ€hlt auch ein „Builder“ namens Divi, mit dem man ganz eigene Seiten in WordPress bauen kann.

Der Social Proof fÀllt sofort ins Auge: mehr als 400.000 User nutzen den Anbieter.

Landing Page Design Elegant Themes

Das Leistungsversprechen ist zweigeteilt, dazu greift die Seite auf zwei unterschiedliche Call To Actions zurĂŒck: ein Teil hebt die vorgefertigten Vorlagen hervor und ein anderer weist auf das Plugin des Anbieters hin (den „Builder“).

Auch interessant: in der unteren HĂ€lfte finden wir eine Sprechblase, die Fragen der User beantwortet.

Der Chat hat die Besonderheit, dass User hier auch AnhÀnge, Emojis und GIFs senden können, was die Interaktion zusÀtzlich intensiviert.

Design Beispiel Divi Builder

Wer auf der Seite surft, dem wird eine „Live“ Demo des Divi Builders vorgeschlagen. FĂŒr die Conversion Rate der Seite ist das besonders wichtig, da User hier das Produkt direkt, ganze ohne Hindernisse und Vorabzahlungen, kennenlernen können.

Beispiel Landing Page Design

Weiter unten auf der Website wird noch einmal mit Social Proof gespielt, indem der User auf das 30-tÀgige Umtauschrecht hingewiesen wird.

Zudem hebt sich der pinke CTA vom blauen Hintergrund deutlich hervor. Starke Kontraste erregen besonders die Aufmerksamkeit des menschlichen Auges. Warum also nicht klicken?

Shopify

Mit dem CSM Shopify können Sie schnell und einfach Ihre eigene E-Commerce Seite erstellen, ganz ohne technische Kenntnisse. Shopify sticht durch das umfangreiche Angebot an Zusatzinformationen (Guides, Videos, Podcasts, Foren) hervor sowie durch komplementÀre Serviceangebote: eine Auswahl fertiger Vorlagen, eine Auswahl kostenfreier Stock-Fotos etc.

Die Landing Page fasst das Angebot in einem Satz fĂŒr den User zusammen: „the e-commerce platform made for you“ (Die fĂŒr Sie gemachte E-Commerce Plattform). Mit dieser Aussage wird eine große, oft unabhĂ€ngige Kundengruppe angesprochen. Die Idee wird durch das verwendete Bild noch einmal aufgegriffen.

Das Besondere an dieser Landingpage ist, dass der Call-To-Action direkt im ersten Schritt mit der Eingabe einer E-Mail-Adresse arbeitet. Wer das Tool 14 Tage lang kostenlos testen möchte, muss diese hinterlassen. Eine erfolgreiche Conversion wird ermöglicht, indem der User direkt darauf hingewiesen wird, dass fĂŒr den Probezeitraum keine Kreditkartenangaben notwendig sind. Die Aussage dahinter: Klick auf den Button, es gibt keine versteckten Kosten!

Der Rest der Seite fokussiert sich auf die Features des Shopify Services.

Spezielle Illustrationen und kurze Textabschnitte heben die Funktionen und VorzĂŒge des Tools hervor und zielen darauf ab, den User von dem Anbieter zu ĂŒberzeugen.

Ein unschlagbares Verkaufsargument im CMS-Sektor, der erfolgreiche Einsatz des Tools durch viele viele andere User, wird auf der Seite mit zwei Elementen dargestellt:

  • Eine grafische Darstellung der Anzahl der User und des durch das Tool generierten Umsatzes
  • Kundenzitate und positives Feedback echter Anwender

Diese Elemente sollten eine klare Aussage im Kopf des Website-Besuchers kreieren: „Wenn bereits 1.000.000 User mit Shopify richtige Shops ohne Programmieren erstellen, dann kann ich das doch auch!“

Salesforce

Salesforce bedarf fast keiner ErklĂ€rung. Als „König des CRM“ (Customer Relationship Management), setzte der Amerikanische Anbieter schon lange einige sehr gelungene Landing Pages ein.

Beispiel Landing Page Salesforce

ZunĂ€chst fĂ€llt uns das bunte Design auf. Zwei Call To Actions bilden zudem – „above the fold“ – das HerzstĂŒck der Landing Page: „Produktdemo ansehen“ und „Kostenlos testen“.

Salesforce bietet auch eine Lösung fĂŒr große Unternehmen an. Der entsprechende Call To Action wurde rechts des „Free Trials“ im Bild platziert: eine gute Gelegenheit, um potenzielle Leads grĂ¶ĂŸerer Konzerne zu generieren.

Registrierungs-Formular Design Landing Page Salesforce

Wenn User auf einen der Call-To-Actions klicken, werden Sie auf eine Landing Page weitergeleitet, die speziell darauf ausgerichtet ist, möglichst viele Conversions zu erzielen – also so viele Besucher, wie möglich, in Leads zu verwandeln.

Zu den verwendeten Elementen zÀhlen:

  • Die Wiederholung des Leistungsversprechens „30 tage kostenlos testen“
  • Die Nummer der Support-Hotline fĂŒr RĂŒckfragen
  • Die Aussage „Kein Download, keine Software“ in Großbuchstaben
  • Social Proof durch die Platzierung bekannter Kundenlogos
  • Eine einfache Registrierung ĂŒber Ihren Google+, Facebook oder LinkedIn-Account

Neil Patel

Neil Patel ist ein bekannter Digital Marketing Consultant in den USA, aber auch weltweit in der Branche bekannt. Seine Website verzeichnet dank cleverer Content-Strategie und beliebter Ressourcen fĂŒr Online-User (Blogartikel, Youtube Videos, praktische Guides etc.) jeden Monat mehrere Millionen Aufrufe.

Neil Patel Beispiel Landing Page

An dieser Seite gefÀllt uns besonders die direkte Ansprache des Users, die klarer nicht sein könnte: Möchten Sie mehr Traffic?

Das allgemeine Farbdesign ist simpel gestaltet und spielt mit den Kontrastfarben Weiß und Orange. Die Idee: dem User eine einfache, direkte Frage stellen, die niemand verneinen kann – das macht die Seite sofort fĂŒr jeden relevant – und das Engagement so hoch.

Auf der Landing Page finden wir ein Formular. Hier können User ihre Website-URL eingeben und eine Echtzeit-Analyse ihrer Seite erhalten. Ganz unverbindlich kann so jeder ein Feedback zu seiner Website erhalten.

Beispiel Landing Page Benefits Neil Patel

Jede Seite auf Neil Patels Homepage ist als eigene Landing Page designt. Dabei verfolgt jede das gleiche Ziel: möglichst viele Besucher in Kunden verwandeln.

Die Service-Seite zum Beispiel (siehe oben) besteht aus einem recht langen Textblock, der den User zusĂ€tzlich versichern soll. Er beschreibt, was Neil fĂŒr seine Kunden tun kann, was er bereits geleistet hat (siehe unten) und mit welchen namhaften Kunden er zusammenarbeitet.

Design Landing Page Proof Neil Patel

Der Ansatz ist dabei stets sehr direkt und unterstreicht die Vorteile und StÀrken des SEO-Services.

Neil Patel Call to Action Beispiel

Auf derselben Seite ist der Call-To-Action erst ganz unten platziert. Hier fragt man sich: Ist das eine gute Idee? Die Folgeschritte sind in verschiedene Zwischenschritte unterteilt, in denen User ihre Informationen eingeben, um im Nachgang kontaktiert werden zu können.

UpWork

UpWork ist eine weltbekannte Freelancer-Plattform. Hier können Unternehmen geeignete Freelancer finden und SelbststÀndige können ihre Dienste anbieten.

Beispiel Landing Page Upwork

Auf der Homepage sieht man, dass das Design klar und simpel gehalten ist und der „professionelle“ Aspekt hervorgehoben wird. Interessant ist, dass der Slogan Unternehmen anspricht und nicht auf Freelancer zugeschnitten ist.

Der Ton ist direkt, effektiv und deutlich. Das Leistungsversprechen ist sofort verstÀndlich: mit Freelancern gut und effektiv arbeiten.

Der CTA ist oben links „above the fold“, also im sofort sichtbaren Teil der Landingpage, platziert. Die grĂŒne Farbe hebt sich vom Rest der Seite ab und besteht aus einem Suchfeld, in das die Art des gescuhten Freelancers, eingegeben werden kann.

Beispiel Landing Page Upwork

Der Rest der Landing Page ist klassisch gehalten: Er zeigt die angebotenen Serviceleistungen und die bezahlten Services fĂŒr User.

CodeCombat

CodeCombat ist ein besonderes Beispiel. Es ist ein spielerisches Tool, mit dem sowohl Erwachsene als auch Kinder das Programmieren erlernen können. Das Konzept ist simpel: Man programmiert, um im Spiel weiter zu kommen.

Code Combat Landing Page

Der erste interessante Aspekt der Landing Page von CodeCombat ist, dass das Publikum zweigeteilt ist: die Seite richtet sich an Lehrer (die das Spiel im Unterricht nutzen möchten) und an Kinder (die durch Word of Mouth darauf aufmerksam wurden).

Der Fokus der Landing Page liegt also sowohl auf dem Unterrichten als auch auf der leichten Handhabung des Programms. Daher sehen wir zwei Call to Action: einen fĂŒr Lehrer und einen fĂŒr Kinder bzw. SchĂŒler.

Beispiel Landing Page Code Combat

Ein weiterer Teil der Landing Page zeigt die Vorteile von CodeCombat und Screenshots um das Angebot anschaulich zu machen.

Testimonial Design Landing Page Code Combat

Auf eine recht traditionelle Art und Weise werden auf der Seite außerdem StĂ€rken des Services bekrĂ€ftigt und ein Kunden-Testimonial eingesetzt, natĂŒrlich – passend zur Zielgruppe – ein Schuldirektor.

Plated

Plated  ist eine Firma, die sich auf die Lieferung von Rezeptzutaten spezialisiert hat: man wÀhlt aus verschiedenen RezeptvorschlÀgen aus und das Unternehmen liefert alle Zutaten, die man zum Kochen des Gerichts benötigt.

Plated Landing Page Beispiel

Das Erste, was einem bei der Plated Landingpage auffÀllt, ist das Grafikdesign. Die Farben sind perfekt abgestimmt und die Firma hat eine echte Visual Identity. Die Fotos der Gerichte stechen heraus und die Illustrationen sind gut ausgesucht.

Ebenso wie die Worte gut gewĂ€hlt und sehr passend fĂŒr die Zielgruppe „Food Lovers“ sind – da macht schon das Anschauen der Seite hungrig.

Der CTA ist klar und im oberen, sofort sichtbaren Teil der Landing Page platziert; die grĂŒne Farbe sticht hervor und setzt ihn deutlich vom Hintergrund ab.

Call to Action Landing Page Plated

Die Landing Page von Plated ist zwar recht lang und man muss eine Weile scrollen, um das Ende zu erreichen, aber jeder Paragraph der Homepage versteht sich als Argument oder Vorteil, der ĂŒberzeugt:

  • Spare Zeit
  • Große Auwahl
  • Kein Einkaufen mehr
  • Hochwertige Produkte
  • Spare Geld

Beispiel Landing Page Plated

Außerdem sehen Sie einen besonders attraktiven Rabatt-Coupon im Header, dessen Farbe stark heraussticht. Plated ermutigt die Unentschlossenen mit einer VergĂŒnstigung von 50% bei der ersten Bestellung dazu, aktiv zu werden.

Der Social Proof ist am Ende der Seite hervorgehoben. Auch wenn er höher hÀtte platziert werden können, ist er dennoch gut sichtbar und relevant.

Live Chat Landing Page Plated

Plated bietet einen Chat-Service an, so wie es inzwischen auf immer mehr Landingpages zu finden ist. Durch dieses Angebot können Betreiber von Online-Shops die fehlende menschliche Interaktion ersetzen, die unentschlossenen Besuchern sonst in einem FilialgeschĂ€ft zur VerfĂŒgung steht.

Schlichte und ruhige Bilder heben die StÀrken von Plated hervor. Sie vermitteln den Eindruck von SimplizitÀt und Gelassenheit und zeigen so, dass Plated das Leben einfacher macht.

MailChimp

MailChimp ist ein sehr beliebtes Tool fĂŒr automatisiertes Marketing und E-Mail-Marketing. Der Service findet Anwendung in E-Mail-, Marketing- und Newsletter-Kampagnen zahlreicher E-Commerce-Seiten.

Wie auch die Landing Page von Neil Patel, ist diese Landing Page einfach und direkt gehalten. User werden direkt angesprochen: „Bauen Sie Ihre Marke auf. Verkaufen Sie mehr.“

So spricht MailChimp eine breite Masse an Usern an.

Das Leistungsversprechen ist leicht verstÀndlich: mit dem Tool kann man das eigene Unternehmen voran bringen und mehr Umsatz generieren.

FĂŒr SaaS-Lösungen ist ein solcher Ansatz besonders empfehlenswert. Er spricht Entscheider direkt an und kommt direkt auf den Punkt.

Der Call To Action ist gut sichtbar: Er wurde zentral „above the fold“ platziert und bietet kostenloses Testen des Tools an.

Wie auch bei Plated, ziert die restliche Landing Page das Leistungsversprechen und die angebotenen Serviceleistungen. So können User den Nutzen durch das Angebot visualisieren und eine Antwort auf die Frage finden: „Ist dieses Produkt etwas fĂŒr mich?“

Wenn Sie eine lange Landing Page einsetzen, können Ihre User entscheiden, wie weit sie herunterscrollen möchten: es ist als wĂŒrden sie „durch eine digitale BroschĂŒre blĂ€ttern“ und damit so viele Fragen beantworten, wie fĂŒr sie nötig. Die wichtigsten Informationen sollter daher aber auch gleich zu Beginn gelistet werden.

Screenshots werden eingesetzt, um dem User anhand von Praxisbeispielen aufzuzeigen, wie sich das Tool einsetzen lÀsst. So können diese das Produkt besser verstehen. Dieser Ansatz kann auch durch ein Produktvideo mit Kundenbeispielen oder einer Webdemo aufgegriffen werden, so wie ElegantThemes es macht.

Egal, wo man sich auf der Seite befindet, fĂŒr maximale Conversions ist der zentrale Call To Action zu jeder Zeit im Bild.

User, die den Conversion Funnel betreten haben, werden auf das Registrierungsformular geleitet. Um die Conversion zu maximieren, ist das Formular bewusst:

  • kurz
  • klar
  • spezifisch

Die begrenzte Anzahl an Feldern (drei) ist optimal fĂŒr zögernde User. Der Einsatz wird auf ein Minimum begrenzt: lediglich E-Mail, User-Name und Passwort sind erforderlich.

ZusĂ€tzlich optimiert werden könnte das Registrierungsformular durch eine Anmeldung ĂŒber Facebook oder Google, um noch mehr Conversions zu erzielen.

Hat Ihnen dieser Artikel gefallen? Hier finden Sie weitere 20 Top Landing Pages fĂŒr mehr qualifizierte Leads. So setzen Sie in Zukunft nur noch Landing Pages ein, die wirklich funktionieren.

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

14. MĂ€rz 2018
6min. Lesezeit

Leadgenerierung: 20 Top Landing Pages fĂŒr mehr qualifizierte Leads

AB Tasty

AB Tasty

Wenn Sie eine Website haben, verfolgen Sie damit sicherlich ein bestimmtes Ziel, wie zum Beispiel die Generierung qualifizierter neuer Leads. Eine optimierte Landing pPage ist essentiell, um Besucher in Kaufinteressenten zu verwandeln.

Dennoch lohnt es sich, eine komplett andere einzelne Seite bzw. Landing Page in einem A/B Test auf den PrĂŒfstand zu stellen. So radikal das auch sein mag, die Ergebnisse werden ĂŒberzeugen. Dabei geben wir Ihnen gerne einen Vorgeschmack und haben fĂŒr Sie 20 wirklich starke Landing Page-Vorlagen von ThemeForest zusammengestellt, mit denen Sie garantiert die perfekte Landing Page fĂŒr Ihre Leadgenerierung bauen können.

Die Vorlagenbibliothek von ThemeForest bietet eine große Auswahl and modernen und gut-gecodeten Seiten, die fĂŒr jeden bezahlbar (zwischen 8 und 15 Dollar) sind. Sowohl die Implementierung als auch die individuelle Anpassung der Seite ist ganz leicht erledigt (innerhalb eines Tages). Wenn Ihre neue Seite einsatzbereit ist, können Sie diese mit unserem A/B Testing Tool ĂŒber einen Split Test gegen Ihre ursprĂŒngliche Seite ins Rennen schicken.

Sobald die ersten User Ihre Website aufrufen, können Sie die Leistung der zwei Varianten miteinander vergleichen und langfristig die Version nutzen, die mehr Leads fĂŒr Ihr GeschĂ€ft generiert.

Schluss mit wichtigen Entscheidung aufgrund eines BauchgefĂŒhls! Klicken Sie hier, um mit starken Daten die richtigen Entscheidungen fĂŒr Ihre Website zu treffen.

Finden Sie die perfekte Vorlage in unserer Auswahl und legen Sie heute schon mit dem Testing los!

1. Approach Landing Page

High conversion landing page template

2.  All-in-One

Home landing page template

3. Plaza Education/Hotel/Dating

Online course landing page template

4. Lister

Ebook download landing page template

5. Crossway Startup

Simple landing page template

6. Converting Landing Page

Converting landing page template

7. Manhattan University

University landing page template

8. Attraction Responsive

Mobile application landing page template

9. Conversio Responsive Social Dating

Social dating landing page template

10. xLander Premium

Design landing page template

11. Car Rental

Car rental landing page template

12. Advisa Marketing

Services landing page template

13. Sweet Date Premium 

14. Bivio Startup Responsive 

Startup landing page template

15. LandX Multipurpose Bootstrap

Growth landing page template

16. Condio Real Estate 

Real estate landing page template

17. Paidjoo Business & List Builder

Business landing page template

18. Wealth Responsive 

Health & medical landing page template

19. Diploma Education Bootstrap

Education landing page template

20. Multipurpose Landing 

Multipurpose landing page template
ZusÀtzliche Informationen: Auf unserem Blog finden Sie weitere Tipps zur Optimierung Ihrer Landing Page und hilfreiche RatschlÀge, um die Bounce Rate deutlich zu senken.
Jetzt mit unserem ultimativen Guide alles ĂŒber A/B Testing lernen, was Sie wissen mĂŒssen!

ZEIG MIR DAS TOOL

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

13. MĂ€rz 2018
9min. Lesezeit

Customer Lifetime Value berechnen und steigern

AB Tasty

AB Tasty

Der Customer Lifetime Value, kurz CLV oder auch LTV, zĂ€hlt zu den wichtigsten Kennzahlen fĂŒr das digitale GeschĂ€ft eines Unternehmens.

Wer im E-Commerce tÀtig ist, setzt sich tÀglich mit Beschaffungskosten und der Conversion Rate auseinander, denn jeder Online-HÀndler fragt sich:

Wie kann ich neue Kunden generieren?

Der Lifetime Value konzentriert sich auf ein anderes, zentrales Thema:

Wie viel Nutzen bringt mir ein Kunde langfristig gesehen ĂŒberhaupt?

Das Ziel des CLV besteht darin, den wahren Wert eines Kunden zu bestimmen. Er besagt, welchen Nutzen ein Konsument wĂ€hrend seiner gesamten Kundschaft fĂŒr ein Unternehmen hat. Wenn User auf Ihrer Website ankommen, können Sie mit dem Customer Lifetime Value bereits berechnen, welchen Umsatz bzw. Gewinn der Kunde langfristig ausmacht. Marketingkosten und Budgetfragen können so besser kalkuliert werden.

Wer jedoch glaubt, dass die Anschaffungskosten anhand eines einzigen, hypothetischen Einkaufs eines Users berechnet werden, tÀuscht sich. Werfen wir einen Blick auf die dazu nötigen Daten.

Wie man den Customer Lifetime Value berechnet

Es gibt verschiedene Formeln, um den CLV zu berechnen. Viele davon eher umstÀndlich und anspruchsvoll in der Umsetzung.

Aber keine Sorge!

Es gibt einen viel einfacheren Weg, um den CLV zu berechnen.

Dazu sollten folgende Informationen aus Ihren GeschÀftsdaten bereit liegen:

  1. Der durchschnittliche Warenkorbwert
  2. Die Kauffrequenz
  3. Der Customer Value bzw. Kundennutzen
  4. Die durchschnittliche Kundenlebensdauer

Um die Berechnung möglichst einfach zu gestalten, ziehen Sie die Informationen am Besten aus derselben Zeitspanne: ein Jahr, zum Beispiel.

Der durchschnittlich Warenkorbwert

Der durschnittliche Warenkorbwert wird berechnet, indem Sie Ihren Umsatz durch die Anzahl der Transaktionen teilen. Das ergibt den Wert, den User durchschnittlich auf Ihrer Website bestellen.

Durchschnittlicher Warenkorb = Umsatz / Anzahl Transaktionen

Die Kauffrequenz

Mit der Kauffrequenz können Sie verstehen, wie viele Bestellungen von einem einzigen Kunden in einer bestimmten Zeitspanne getÀtigt werden. Das ist besonders wichtig, weil sie Ihnen zeigt, ob Kunden dazu neigen, auf Ihrer Website wiederholt einzukaufen.

Setzen Sie zur Berechnung folgende Formel ein:

Kauffrequenz = Anzahl Bestellungen / Anzahl einzelner Kunden

Der Customer Value bzw. Kundennutzen

Der Customer Value, auch Kundennutzen genannt, beschreibt den durchschnittlichen Warenkorbwert auf Ihrer Website multipliziert mit der durchschnittlichen Kauffrequenz Ihrer Kunden in einer bestimmten Zeitspanne. Die zuvor berechneten Daten werden also einfach miteinander multipliziert:

Durchschnittlicher Warenkorb X Kauffrequenz

Die durchschnittliche Kundenlebensdauer

Die durschnittliche Kundenlebensdauer ist nun das letzte fehlende Puzzelteil. Zeitgleich ist es aber auch das komplexeste, da die Lebensdauer von der Art Ihres Unternehmens abhÀngt: welches Produkt Sie verkaufen, welchen Service Sie anbieten.

Allgemein betrĂ€gt die Kundenlebensdauer im E-Commerce zwischen 1 und 3 Jahren. Nichtsdestotrotz hĂ€ngt der genaue Betrag von Ihrem GeschĂ€ftsmodell ab, wie bereits gesagt. Bieten Sie eine Abonnement an oder ist Ihr Produkt eher ein „Einmalkauf“ fĂŒr lange Zeit?

Wenn Ihr Produkt eher einer einmaligen Anschaffung entspricht, können sie 1 bis 2 Jahre kalkulieren. Wenn Sie aber zum Beispiel Kleidung oder Deko-Artikel anbieten, die Kunden in regelmĂ€ĂŸigen AbstĂ€nden erneut oder zusĂ€tzlich kaufen, spricht man von einer durchschnittlichen Kundenlebensdauer von 3 Jahren fĂŒr die Berechnung.

Berechnung des Customer Lifetime Values

Da uns nun alle nötigen Daten vorliegen, können wir den wahren Wert eines Kunden fĂŒr unser Unternehmen berechnen, wĂ€hrend diese auf unserer Website surfen! Hier die dazu benötigte Formel:

Customer Lifetime Value = Customer Value X Durchschnittliche Kundenlebensdauer

Wenn Sie den Customer Value eines Jahres (durchschnittlicher Warenkorbwert x Anzahl der Transaktioenn) mit der durchschnittlichen Kundenlebensdauer (1-3 Jahre) multiplizieren, erhalten Sie den Umsatz, den ein User wÀhrend seiner gesamten Kundschaft auf Ihrer E-Commerce-Seite (1-3 Jahre) bringen wird.

Variationen der Customer Lifetime Value Berechnung

Bevor wir mit den 5 Methoden einsteigen, um den Customer Lifetime Value zu steigern, finden Sie hier zwei Varianten der Berechnung des CLV fĂŒr jene, die die Analyse noch detailreicher gestalten möchten:

  1. CLV in Profit berechnen: Mit der zuvor erlĂ€uterten Berechnung können Sie auch den Profit anstatt des Umsatzes berechen. Dazu mĂŒssen Sie die monetĂ€ren Angaben (zuvor der Umsatz) durch den Profit, den Sie bei einer Bestellung machen, ersetzen.
  2. CLV in Besuchergruppen berechnen: Um das Kundenverhalten weitergehend zu untersuchen, können Sie den CLV fĂŒr jede User-Gruppe analysieren. So können Sie zum Beispiel den Customer Lifetime Value fĂŒr jeden Akquisitionskanal, verschiedene demografische oder auch geografische Segmente bestimmen. Die Möglichkeiten, die Ihnen dabei bereit stehen, sind unzĂ€hlig.

5 Tipps um den Customer Lifetime Value zu steigern

Sie wissen nun, wie Sie den CLV berechnen.

Ihr Ziel sollte sein, den Customer Lifetime Value zu erhöhen, um jeden Kunden profitabler zu machen.

Die Akquise eines Neukunden kann teuer sein, doch es gibt zahlreiche Wege, um den „Customer Value“ zu steigern und den Profit Ihres Unternehmens durch jeden neuen Kunden zu erhöhen.

Der BusinessInsider stellte fest, dass viele Unternehmer zu stark auf Neukunden fokussiert sind und Bestandskunden zwei Mal eher dazu geneigt sind, ein Produkt auf einer Website in den Warenkorb zu legen.

Ebenso sei vermerkt, dass Bestandskunden eine niedrigere Bounce Rate und eine höhere Conversion Rate im Gegensatz zu neuen Besuchern einer Website aufweisen.

Ihren CLV zu erhöhen, bedeutet, den Conversion Funnel, den Kundenservice und die MarkenloyalitÀt zu verbessern.

Kurz gesagt: Optimieren Sie den gesamten Kundenlebenszyklus und halten Sie eine Bindung des Konsumenten zu Ihrer Marke so lange aufrecht, wie möglich.

Optimize the Customer Life Cycle to increase the Customer Lifetime Value

Das Ziel eines guten Kreislaufes besteht darin, dass Kunden auf Ihre Seite zurĂŒck kommen und weitere Bestellungen tĂ€tigen. Und das so hĂ€ufig wie möglich. Dazu empfehlen wir Ihnen 5 konkrete Vorgehensweisen:

STÄRKEN SIE DAS KAUFERLEBNIS

Man sagt, dass der erste (und auch der letzte) Eindruck die wichtigsten sind. Das trifft vor allem auf den E-Commerce zu.

Um einen guten Eindruck auf Ihre Website-Besucher zu machen (damit diese zu loyalen Kunden werden), sollten Sie das Einkaufserlebnis auf Ihrer Seite so gut und angenehm wie möglich gestalten:

  • Setzen Sie ein Bearbeitungssystem fĂŒr Kundenfragen auf.
  • Bieten Sie kostenlosen Kundensupport an (Artikel, Guides etc.), um Ihren Besuchern bei der Entscheidungsfindung zu helfen.
  • Machen Sie den Nutzen Ihres Angebots fĂŒr den Kunden so deutlich wie möglich: was machen Sie besser als Mitbewerber?
  • Kommen Sie Ihren Kunden entgegen: mit Coupons, Kundenbindungsprogramm etc.

How PandaDoc increases the Customer Lifetime Value

Auf der PandaDoc Website bietet das Unternehmen eine Akademie fĂŒr Trainings in relevanten Fachgebieten an.

SCHICKEN SIE EINEN STARKEN NEWSLETTER AN KUNDEN

Das Problem vieler E-Commerce-Seiten besteht darin, dass Anbieter nach dem Kauf den Bezug zum Kunden verliert. Überlassen Sie Ihre Kundenbindung nicht dem Schicksal.

Ein Newsletter (sicherlich kein Allheilmittel, aber dennoch Ă€ußerst effektiv) bietet Ihnen die Möglichkeit, mit Kunden in Kontakt zu kommen und diese davon zu ĂŒberzeugen, auf Ihre Seite zurĂŒckzukehren. In diesem Artikel haben wir bereits ĂŒber das Remarketing (E-Mail Marketing, aber auch On-Site) gesprochen.

Sie haben eine neue Kollektion, die die Leute lieben werden? Sprechen Sie darĂŒber! Zu Weihnachten oder am Black Friday haben sie besondere Angebote? Sprechen Sie darĂŒber! Sie haben den ultimativen Guide fĂŒr das FrĂŒhjahrs-Shopping zusammen gestellt? Sprechen Sie darĂŒber!

  • Senden Sie regelmĂ€ĂŸige E-Mails.
  • Erstellen Sie Content, der Ihre Kunden wirklich weiter bringt.
  • Testen Sie verschiedene Betreffzeilen oder Überschriften Ihrer Mailings gegeneinander (E-Mail A/B Testing).

SETZEN SIE AUF UPSELLING UND CROSS-SELLING

Wenn Sie eine Kundenbindung aufbauen und den durchschnittliche Warenkorbwert steigern möchten, ist nichts so effektiv wie Zusatzangebote und -produkte.

Amazon ist darin wirklich brilliant. Zu dem ohnehin sehr beliebten Online-Versandhandel, bietet Amazon eine Premium-Funktion fĂŒr Kunden an, die Premium-Versandarten, exklusive Rabatte und einen Videozugriff mit entsprechendem Abonnement beinhaltet. Letzteres – das Streaming von Filmen – hat mit dem eigentlichen Angebot des Online-Versandhandels nicht mehr viel zu tun, doch der Amazon-Kunde wird durch verschiedene Angebote und Services an dieselbe Marke gebunden.

Die Idee dahinter: eine starke Kundenbeziehung aufzubauen, die den Customer Lifetime Value des Users erhöht.

BEZIEHEN SIE DEN KUNDEN MIT EIN

Um die Lebensdauer eines Kunden in Ihrem GeschĂ€ft zu erhöhen – das ist kein Geheimnis – mĂŒssen Sie in Kontakt bleiben und eine gezielte Interaktion mit dem User suchen.

Wozu? Um möglichst viele Kontaktpunkte fĂŒr Ihr Business mit dem Kunden zu schaffen.

  • Analysieren Sie dazu die Online- und Offline-AktivitĂ€ten Ihrer Kunden: was machen sie? Wo sind Sie anzutreffen?
  • Reagieren Sie auf Probleme und bieten Sie Inhalte, die diese lösen: Suchen die User Ihrer Immobilien-Plattform hauptsĂ€chlich nach einer Wohnungen in New York? Dann stellen Sie doch einen Guide fĂŒr die Wohnungssuche in New York zusammen! Teilen Sie diesen auf allen Channels und sprechen Sie so möglichst viele Menschen an.
  • Ermöglichen Sie den Diaglog zwischen Ihrem Unternehmen und dem Kunden und regen Sie User dazu an, sich zu Ă€ußern: mit Wettbewerben, Gewinnspielen, der Veröffentlichung von Kundenzitaten etc.

WERDEN SIE ZUM KUNDENSERVICE-KÖNIG

Mit dem Kundendienst vor und nach dem Kauf können Sie den Customer Lifetime Value steigern.

Es gibt in der Regel drei Aspekte, die darĂŒber entscheiden, ob ein kĂŒrzlich erworbener Kunde zu einem zufriedenen, loyalen Stammkunden wird. Sie habe sicherlich selbst schon einmal auf einer Website etwas gekauft. Fragen Sie sich rĂŒckblickend:

  • Bin ich mit meinem Einkauf zufrieden?
  • Entspricht das Produkt oder der Service meinen Erwartungen?
  • Ich hatte ein Problem mit dem Produkt/Service: Wie hat der Anbieter darauf entsprechend reagiert?

Wenn Sie diese Punkte – zurĂŒck in der Anbietersicht – optimieren, damit der Kunde nach dem Kauf positiv auf diese zurĂŒckblickt, machen Sie KĂ€ufer zu Stammkunden: so maximieren Sie den Profit, den jeder einzelne Kunde mit sich bringt und werden den Customer Lifetime Value steigern, der im Übrigen auch voraussagender ist als das monatlich bereit gestellte Budget fĂŒr die Neukunden-Akquise. Wir fassen zusammen:

  • Hören Sie Ihren Kunden genau zu. Auch den besonders Fordernden.
  • Reagieren sie umgehend: Lassen Sie Beschwerden oder Reklamierungen nicht lange liegen.
  • Setzen Sie auf informativen, wertvollen Content fĂŒr Ihre Kunden.
  • Lernen Sie von Ihren Kunden, bitten Sie um Feedback.
  • Belohnen Sie Kundentreue: bieten Sie Ihren besten Kunden exklusive Vorteile.
  • Seien Sie transparent und gehen Sie mit Problemen offen um.

How Revolut increases the Customer Lifetime Value

Die Banking-APP Revolut bietet Usern einen Service-Chat, um umgehend auf Probleme der Kunden reagieren zu können.

Sie möchten bessere Ergebnisse? Versuchen Sie A/B Testing.

Ergebnisse greifbar zu machen, kann in Sachen Customer Lifetime Value schwierig sein. Sie sehen keine direkten Resultate nach Änderungen auf Ihrer Website und manchmal kann einige Zeit vergehen, bis ein Kunde mehr Geld auf Ihrer Website ausgibt.

Was wir möchten, ist verschiedeneOptimierungsideen auf unserer Website gegeneinander zu testen und unmittelbar danach zu sehen, welche Änderungen wirklich gut funktionieren und welche nicht.

Hier kommt das A/B Testing ins Spiel.

Wenn Sie ein A/B Testing Tool nutzen, nehmen Sie Änderungen und ihre Auswirkungen auf Ihren GeschĂ€ftserfolg selbst in die Hand.

Kurz gesagt: Sie sparen viel Zeit. Sehr viel Zeit.


ZEIG MIR DAS TOOL

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

5. MĂ€rz 2018
5min. Lesezeit

Conversion Funnel: Ultimativer Guide fĂŒr den E-Commerce

AB Tasty

AB Tasty

Was ist ein Conversion Funnel?

Jede Transaktion auf einer Website besteht aus mehreren Schritten, die einen User im letzten Schritt in einen Kunden verwandeln sollen. Jedem Online-Anbieter stellt sich hier die brennende Frage, wie die Umwandlung in einen zahlenden Kunden wirklich funktioniert – und noch viel wichtiger – wie werden meine User zu loyaler Kundschaft?

Wenn User ihre E-Mail-Adresse hinterlassen, ein E-Book herunterladen oder ein Produkt kaufen sollen, stehen verschiedene Schritte, die diese zu gehen haben. Diese Schritte formen den Conversion Funnel auf einer Website.

Purchase Funnel

Der Conversion Funnel (auch Konversionstrichter, Konversionspfad oder Sales Funnel genannt) ist nach der bildlichen Vorstellung eines Trichters benannt: Viele User rufen eine Website auf und fallen somit oben in einen Trichter, doch nur wenige werden letztendlich auch eine Bestellung tÀtigen (der Trichter lÀuft spitz zu).

Wenn Sie Ihren Conversion Funnel optimieren möchten, finden Sie hier hilfreiche Tipps, wie Sie WarenkorbabbrĂŒche in Zukunft vermeiden. 

Das Erfolgsrezept eines starken Conversion Funnels wird oft mit dem AIDA-Modell beschrieben. Es erklĂ€rt die vier Phasen, die ein User auf einer Website durchlaufen muss, um sich schließlich fĂŒr den Kauf eines Produkts oder einer Dienstleistung zu entscheiden: Attention (Aufmerksamkeit), Interest (Interesse), Desire (Verlangen) und Action (Handlung).

  • Attention. Das ist der erste Schritt in Ihrem Conversion Funnel. Sie mĂŒssen die Aufmerksamkeit Ihrer User erregen, indem Sie die Sichtbarkeit Ihrer Seite erhöhen. Mit Werbeanzeigen und Content Marketing lĂ€sst sich das ganz leicht erzielen.
  • Interest. User sind durch die Anzeige auf Ihre Seite aufmerksam geworden. Nun gilt es, das Interesse an Ihrem Produkt bzw. Ihrer Dienstleistung zu erregen. Wie das geht? Indem Sie mit relevantem Content arbeiten, ansprechende Grafiken einsetzen und Kunden mit attraktiven Angeboten ansprechen. Das Engagement zwischen Ihnen (der Website) und dem Besucher soll erhöht werden.
  • Desire. Der nĂ€chste Schritt besteht darin, das BedĂŒrfnis des Users, Ihr Produkt zu kaufen, zu wecken. DafĂŒr mĂŒssen Sie eine gewisse Vertrauensbasis schaffen und den User mit Kaufabsicht durch den Conversion Funnel fĂŒhren. Personalisierte E-Mail-Kampagnen können da wahre Wunder bewirken. Bieten Sie spezielle Angebote an und setzen Sie gezielt Case Studies und Kundenzitate ein, um den User zusĂ€tzlich zu versichern und seine Kauflust aufrecht zu erhalten.
  • Action. Die „Action“ beziehungsweise Handlung ist der letzte, essentielle Schritt. Ihre User sind bereits so weit im Conversion Funnel gekommen und mĂŒssen nun ihr KaufbedĂŒrfnis in eine gezielte Handlung, also den Kauf, ĂŒberfĂŒhren. Dazu sollten Sie das Engagement mit dem User stĂ€rken und wichtige Schritte, z. B. die Zahlungsseite, so reduziert und klar wie möglich halten, um Ablenkung zu minimieren.

Da das ultimative Ziel einer E-Commerce-Seite die Conversion eines Users in einen zahlenden Kunden ist, nutzen E-Commerce-Profis den Sales Funnel, um jeden Schritt gezielt zu analysieren und ihn fĂŒr eine optimierte Conversion Rate anzupassen.

Warum ist der Conversion Funnel so nĂŒtzlich?

Der Conversion Funnel ist ein starkes Instrument, um zu verstehen, auf welche Hindernisse Ihre User beim Kauf genau stoßen – und vor allem, wie Sie diese beseitigen.

Werfen wir einen Blick auf dieses Beispiel:

Fitzroy's Flower London

Auf der Website dieses Blumenlieferanten zeigt sich ein Darstellungsproblem der Produktleiste rechts im Bild: Man kann nicht auf den Call to Action „buy“ (kaufen) klicken – ein großes Problem!

Eine gezielte Analyse empfiehlt sich dem Anbieter. Die Idee des Conversion Funnels besteht darin, die Schritte des Users auf seinem Weg zum Kauf besser zu verstehen:

  • Welche Seiten haben dabei Schwachstellen?
  • Wie ist die Conversion Rate jedes Schrittes?
  • Wie viele User verlassen die Website nach Schritt 1, Schritt 2, Schritt 3 usw.?
  • An welcher Stelle gehen die meisten Besucher verloren?

Eine Funnel-Analyse hilft Ihnen, Schwachstellen und starke Elemente Ihres Conversion-Funnels zu identifizieren.

Noch besser: Sie wissen durch die Konversionstrichter-Analyse genau, an welchen Schritten Sie arbeiten mĂŒssen, um mehr Bestellungen, E-Mails oder Anfragen zu erhalten.

Der Blick auf Ihren Sales-Funnel wird Ihnen zeigen, dass nur ein kleiner Teil Ihrer Website-Besucher den letzten Schritt Ihres Funnels erreicht (die „Action“ im AIDA-Modell). Deshalb können bereits kleine Änderungen Ihre Conversion drastisch steigern. Mit A/B Testing können Sie die Auswirkung einzelner Änderungen an Ihrem Funnel prĂŒfen.

Wie kann man die Leistung eines Conversion Funnels messen und verbessern?

Die Bedeutung eines starken Conversion Funnels im E-Commerce ist uns nun bewusst. Das Ziel der Funnel-Analyse besteht jetzt darin, die Bounce Rate jedes einzelnen Schrittes zu verringern und die Conversion Rate Ihrer Website somit zu steigern (und mehr Umsatz zu generieren).

AbhĂ€ngig von der Art der Seite, die Sie analysieren wollen, können Sie verschiedene Funnel-GrĂ¶ĂŸen aufsetzen.

Insgesamt gibt es viele Best Practices, mit denen Sie Ihren Sales Funnel besser gestalten können.

Das Ziel ist offensichtlich: Die Customer Journey so angenehm wie möglich gestalten und alle Hindernisse aus dem Weg rÀumen.

Machen Sie Ihr Angebot deutlich und vereinfachen Sie die Navigation

Eine komplizierte oder unklare Navigation bedeutet weniger Conversions. Ihre User sollten das, was sie suchen, sofort finden können und von Ihnen durch den Kaufprozess geleitet werden. Heben Sie dazu hilfreiche Links und Bereiche Ihrer Website hervor und entfernen Sie unnötige oder zweitrangige Elemente.

Das ist auf Landing Pages sogar noch wichtiger als auf normalen Websites, wie Sie in unseren Tipps fĂŒr eine effektive Landing Page nachlesen können.

InformationsĂŒberfluss vermeiden

InformationsĂŒberfluss ist der grĂ¶ĂŸte Feind der guten Information. Ordnen Sie die Inhalte auf Ihrer Website stets der Wichtigkeit nach an und zeigen Sie die dringensten Information gleich zu Beginn Ihres Conversion Funnels.

Bieten Sie Hilfe an

Viele Besucher stellen sich vor dem Kauf eines Produkts die ein oder andere Frage. Viele User brechen sogar ab, weil sie keine Antwort darauf finden. Wenn Sie von vorne herein die Möglichkeit bieten, Fragen zu stellen (z. B. in Form eines Live-Chats), bleiben Ihnen zahlreiche Kunden im Sales-Funnel erhalten.

Referenzen hervorheben und vertrauen schaffen

‘Social Proof’ ist ein starkes Element, um Conversions zu steigern. Mit Kundenzitaten, Bewertungen anderer User und Rezensionen können Sie Ihre User versichern, dass Sie ein vertrauenswĂŒrdiger Anbieter sind.

Wenn Sie Ihre Website erfolgreich optimieren möchten, erfahren Sie hier, wie eine gute User Experience Ihre Conversion Rate steigert.

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

27. Feb. 2018
7min. Lesezeit

So erstellen Sie eine effektive Landing Page

AB Tasty

AB Tasty

Definition einer Landing Page

Eine Landing Page ist eine Internetseite, auf der ein Besucher zu einem bestimmten Zweck ankommt bzw. landet. Das Ziel besteht darin, diesen User zu einer spezifischen Handlung zu bewegen, wie z. B. ein Kauf, eine Registrierung oder ein Abonnement.

Welches Ziel verfolgt eine Landing Page?

Das Ziel einer Landing Page besteht darin, einen Besucher in einen Kunden zu verwandeln oder Informationen ĂŒber einen User zu gewinnen, um diese zu einem spĂ€teren Zeitpunkt fĂŒr Marketingzwecke einzusetzen.

Stellen Sie sich vor, Sie betreiben ein Unternehmen, dass Inneneinrichtung und Dekoartikel vertreibt. Sie haben eine E-Commerce Seite, die Kerzen fĂŒr die verschiedensten Gelegenheiten anbietet.

FĂŒr die Weihnachtszeit möchten Sie Ihre festlichen Kerzen im Sale anbieten. Sie wissen bereits, dass diese zur allgemeinen Weihnachtsstimmung passen und gut ankommen.

Sie erstellen also eine Facebook-Anzeige, um die duftenden Kerzen gezielt zu bewerben.

Das Problem: Wenn Ihre Anzeige die User lediglich auf Ihre allgemeine Homepage leitet, wie gelangen Sie dann zu den Kerzen, die Sie eigentlich promoten? Wie viele Besucher werden Ihre Seite direkt wieder verlassen, weil sie die Kerzen nicht auf Anhieb sehen?

Das ist der große Vorzug einer Landingpage: Sie erstellen eine Seite, die den spezifischen AnsprĂŒchen jener User, die auf die Werbeanzeige klicken, entsprechen. Eine Seite, die gezielt an Ihr Kerzen-Angebot angepasst ist und diese zum zentralen Thema macht. Das wird Ihre Conversion Rate beeindruckend maximieren.

Was macht eine erfolgreiche Landingpage aus?

Wenn wir von Landing Pages sprechen, mĂŒssen wir uns bewusst machen, dass damit nicht alle Webpages gemeint sind.

Eine gute Landing Page verfĂŒgt ĂŒber ganz bestimmte Eigenschaften, die sie von normalen Websites oder Blogposts unterscheiden.

Das Leistungsversprechen

Das Leistungsversprechen ist das, was Ihre Seite dem User dafĂŒr bietet, dass er seine Informationen hinterlĂ€sst – oder sogar etwas kauft. Es geht schlichtweg darum, einfach und ganz gezielt zu erklĂ€ren, was die Vorteile Ihres Angebots sind. Im Gegenzug bieten Sie etwas an (ein E-Book, einen Gratis-Probemonat etc.), um die Besucher zur Conversion zu bewegen.

Auf der Pandadoc Website ist das Leistungsversprechen klar und deutlich: User können zwischen einer Produktdemo und dem kostenlosen Testen wÀhlen. Nicht mehr und nicht weniger.

Good Landing Page

Reduziertes MenĂŒ

User auf Ihrer Landing Page sind bereits dort angekommen, wo Sie sie haben möchten. Lassen Sie nicht zu, dass diese verloren gehen, indem Sie Ihnen zu viele Ausstiegsmöglichkeiten bieten: Dazu zĂ€hlt auch, das MenĂŒ der Landing Page bzw. die Navigationsmöglichkeiten der Seite so stark zu reduzieren wie möglich.

Auf der Website von Envato hat man durch ein monatliches Abonnement Zugriff auf PowerPoint-Vorlagen. Die Landing Page – das ist das Besondere – lĂ€sst ĂŒberhaupt nicht zu, dass man etwas anderes unternimmt als auf den Call To Action zu klicken. Wie ein Tunnel.

Landing Page Navigation

Ein Relevanter Call to Action

Sie werden automatisch mehr Conversions generieren, wenn Sie einen klar sichtbaren und gut durchdachten Button bzw. ein Formular auf Ihrer Landingpage hervorheben. Dabei gilt es verschiedene Aspekte zu beachten. Wenn Sie dazu mehr erfahren möchten, finden Sie hier die besten Call to Actions, damit Ihre User klicken.

Möglichkeiten zum Teilen & Social Sharen

Wenn es zum Leistungsversprechen Ihrer Zielseite passt, können Sie auch Social Share Buttons oder andere Möglichkeiten zum Teilen integrieren. Ein Beispiel: Sie bieten einen Guide fĂŒr Makler – geben Sie Usern die Möglichkeit, diesen mit wenigen Klicks mit anderen zu teilen, um noch mehr Downloads neuer User in der Immobilienbranche zu erzielen.

Social Proof

Nichts funktioniert so gut, wie Kundenbeispiele und Empfehlungen. Besonders auf Landing Pages. Lassen Sie Ihre Kunden fĂŒr sich sprechen und versichern Sie so den Besuchern Ihrer Landing Page, dass Sie ein Produkt oder einen Service bereitstellen, dass bereits Andere ĂŒberzeugte. Was ebenfalls als Referenz herangezogen werden kann, sind Case Studies, Zahlen aus Studien uvm.

Auf dieser Seite des Start-Ups Revolut (Bankingbranche) wird deutlich darauf verwiesen, dass der gebotene Service bereits vielen Anderen nĂŒtzlich war: „Wir haben unseren Kunden bereits 160 Millionen Dollar an GebĂŒhren gespart“ – Eine Zahl, der wohl kein User widersprechen kann.

Landing Page Social Proof

Tests

Das Testing ist unersetzlich. Stellen Sie also sicher, dass Sie eine A/B Testing Lösung einsetzen, um den idealen Aufbau Ihrer Landingpage zu gewĂ€hrleisten. Wenn Sie regelmĂ€ĂŸig verschiedene Bestandteile gegeneinander testen und Schwachstellen beseitigen, werden Sie Ihre Conversion Rate steigern. Mit A/B Testing können Sie zwei Versionen Ihrer Landing Page zeitgleich laufen lassen und die Ergebnisse am Ende miteinander vergleichen. Anschließend entscheiden Sie sich einfach fĂŒr die mit der besseren Performance.

BONUS: Das Conversion-Formular

Wenn Sie eine Landing Page erstellen, um Informationen zu gewinnen, sollten Sie idealerweise mit einem Leadgenerierungsformular arbeiten.

Ein gutes Formular muss:

  • Den User optisch ansprechen (Optik)
  • Vom Rest der Landing Page hervor stechen (Sichtbarkeit)
  • Nicht zu kompliziert sein (Einfachheit)
  • Auf eine bestimmte Anzahl an Feldern reduziert sein (Schnelligkeit)

Leadformly nutzt eine Landingpage, die durch das verwendete Formular mehr als 30% der Besucher in Leads verwandelt. Nicht ohne Grund: Sie sind auf die Leadgenerierung spezialisiert!

Dank eines simplen, gut sichtbaren Formulars, passiert die Umwandlung der Besucher in Leads in nur 3 Schritten: schnell und effizient.

Landing Page Lead Form

Zwei Arten von Landing Pages

Wenn Sie eine Landing Page aufsetzen wollen, können Sie sich zwischen zwei Formen entscheiden. Beide finden im Online-Marketing hÀufig Anwendung.

1. Die „Click-Through“ Landing Page

Als „Click-through“ Landing Page bezeichnet man Seiten, die als eine Art Zwischeninstanz fungieren. Nach dem Zwischenschritt, das kann ein HinzufĂŒgen zum Warenkorb sein, erfolgt erst die eigentliche Handlung, z. B. ein Kauf.

Sie werden eingesetzt, um den User „vorzubereiten“ auf das, was danach kommt und sie bestmöglich vorab zu qualifizieren. So kann eine „Click-through“ Landing Page im E-Commerce hilfreich sein, um die Vorliebe eines Users zu identifizieren, bevor ihm Produkte auf der Website vorgeschlagen werden. Das kann kann die Bounce Rate deutlich senken.

Im Service bzw SaaS-Bereich neigen Anbieter dazu, direkt auf die Registrierungsseite zu schicken: ein Fehler, der Sie zahlreiche potenzielle Kunden kosten kann.

Wenn Sie einen Zwischenschritt in Form einer Landing Page erstellen und zusÀtzliche Informationen und Verkaufsargumente liefern, steigen die Chancen, Ihre Besucher in Kunden zu verwandeln, erheblich an.

Die „Leadgenerierungs“ Landing Page

Eine Landing Page zur Leadgenerierung dient vor allem dazu, Informationen ĂŒber potenzielle Kunden zu gewinnen, auch Leads oder Prospects genannt.

Sie besteht dementsprechend aus einem Formular (E-Mail, Name und Telefonnummer zÀhlen zu typischen Feldern) und aus einem entsprechenden Leistungsversprechen bzw. einer ansprechenden Produktvorstellung.

Ein weiterer essentieller Bestandteil ist die Gegenleistung: Ein Produkt oder ein Service, den Sie Ihren Usern fĂŒr die gelieferten Informationen anbieten.

Die Website von Buffer bietet Usern spannende Inhalte in Form von E-Books, wenn diese dafĂŒr ihre E-Mail-Adresse hinterlassen. Die Idee dahinter ist die Generierung von Leads mit dem Ziel, diese zu einem spĂ€teren Zeitpunkt durch gezielte Ansprache in Kunden zu verwandeln.

Landing Page Lead Collector

Sie möchten den Sprung wagen und eine eigene Landing Page einsetzen? GlĂŒckwunsch!

Wenn Sie bereits eine Landing Page gebaut haben und wissen möchten, wie diese nun noch mehr Conversions erzielen kann, finden Sie hier alles, was Sie zum Thema A/B Testing wissen mĂŒssen und können hier zahlreiche Artikel einsehen, die Ihnen weiterhelfen.

Viel Erfolg!

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

1. Feb. 2018
6min. Lesezeit

Client-Side und Server-Side A/B Testing – Das beste aus zwei Welten!

AB Tasty

AB Tasty

Wir erweitern unsere Conversion Rate Optimierungsplatform mit einer Lösung fĂŒr Server-Side A/B-Testing. Aber was ist eigentlich serverseitiges A/B-Testing? Soviel ist sicher: Es ist eine Neuigkeit, die alle Experimentierfreudigen sehr glĂŒcklich machen wird. Denn sie können nun jede Hypothese auf jedem Device testen.

Ganz egal, welche Modifikationen Sie testen möchten – ob Ihr Marketing-Team visuelle VorschlĂ€ge gemacht hat oder ob es sich etwa um Ideen aus dem Back Office handelt, die den Entscheidungsprozess in Ihrem Produkt-Team betreffen – wir haben das richtige Tool fĂŒr Sie.

Was ist der Unterschied zwischen Client-Side und Server-Side A/B Testing?

Mit Client-Side A/B-Testing Tools erstellen Sie Varianten Ihrer Webseite, die von Ihrem Server im Webbrowser Ihres Kunden ausgespielt werden. Die Musik spielt also dank JavaScript im Webbrowser (in der IT-Sprache „Client“ genannt).

Server-Side A/B-Testing Tools hingegen nehmen dem Browser diese Arbeit ab. In dem Fall ist es also Ihr Server, der die Aufgabe ĂŒbernimmt, Inhalte zufĂ€llig an Ihre Internet User zu verteilen.

4 GrĂŒnde fĂŒr Server-Side A/B-Testing

Einen A/B-Test serverseitig auszufĂŒhren hat viele Vorteile.

1. Zugeschnitten auf Ihr Produkt-Team

Client-Side A/B-Testing ist oft beschrĂ€nkt auf Modifikationen an der BenutzeroberflĂ€che. Dazu zĂ€hlen visuelle Aspekte, wie die Seitenstruktur, das HinzufĂŒgen oder Ausblenden von Elementen oder auch das Bearbeiten von Text. Wenn Sie aber tiefergehende Änderungen in Zusammenarbeit mit Ihrem Back Office durchfĂŒhren möchten, wird es etwas komplizierter. Das kann zum Beispiel eine Umstrukturierung Ihres Purchase Funnels sein oder wenn Sie die Ergebnisse des Algorithmus fĂŒr Such- und Produktsortierung Ă€ndern möchten.

All dies ist möglich, weil Sie die Kontrolle ĂŒber den Inhalt behalten, den Ihr Server an Ihre Webseite-Besucher schickt. Ihr Produkt-Team wird es Ihnen danken, denn es wird dadurch wesentlich flexibler. Sie können nun alle möglichen Features testen und profitieren von einem durchgehend datengetriebenen Ansatz – Entscheidungen werden damit noch sicherer. Gleichermaßen hat Server-Side-Testing auch seinen Preis: es erfordert den Einsatz Ihres IT-Teams, damit die Modifikationen implementiert werden können. Aber dazu spĂ€ter mehr.

Alle möglichen Features testen – Ihr Produkt-Team wird es Ihnen danken.

2. Bessere Performance

Nicht zufriedenstellende Performance – Ladezeit oder der sogenannte Flickering Effect – ist ein hĂ€ufig genannter Kritikpunkt, wenn es um Client-Side A/B-Testing geht.

In extremen FĂ€llen wird das JavaScript Tag erst ganz unten im Footer der Webseite eingesetzt, aus Angst vor einem möglichen Einfluss auf die technische Performance. Diese Handhabe schließt die Nutzung von Client-Side A/B-Testing Tools allerdings bereits aus – weil ein „Footer-Tag“ mit Flickering-Effekt einhergeht.

Wenn Sie hingegen ein Server-Side A/B-Testing Tool nutzen, mĂŒssen Sie gar kein JavaScript Tag mehr auf Ihrer Seite einfĂŒgen, sondern haben die volle Kontrolle ĂŒber potentielle Performance-Störungen.

3. Ihre GeschÀftsprinzipien zÀhlen

In manchen FÀllen beschrÀnken sich Ihre A/B-Tests zwar auf design-bezogene Modifikationen, aber Sie schlagen sich vielleicht mit branchen-spezifischen UmstÀnden herum, die Ihnen das Interpretieren eines klassischen A/B-Tests schwer machen.

Ein Beispiel: Ein E-Commerce HĂ€ndler möchte verstĂ€ndlicherweise stornierte Bestellungen berĂŒcksichtigen oder sehr große, ungewöhnliche Bestellungen außen vorlassen, die seine Statistiken verzerren (Stichwort „Ausreißer“).

Nutzen Sie Client-Side A/B-Testing, wird eine Conversion gezĂ€hlt, sobald Sie im Webbrowser getĂ€tigt wird, die BestellbestĂ€tigungs-Seite geladen wird oder ein bestimmtes Transaction Tag ausgelöst wird. Mit einem Server-Side A/B-Test hingegen bestimmen Sie ganz genau, was gezĂ€hlt wird und was nicht. Schließen Sie in Echtzeit bestimmte Conversions aus oder beziehen Sie einzelne Bestellungen nachtrĂ€glich mit ein.

4. Neue kanalĂŒbergreifende Möglichkeiten

Serverseitiges A/B-Testing ist eng verknĂŒpft mit Omni-Channel und Multi-Device Strategien.

Wer eine clientseitige Lösung nutzt, die mit  JavaScript und Cookies arbeitet, muss sich auf Devices beschrĂ€nken, die einen Webbrowser haben – egal, ob Desktop, Tablet oder Mobile. Das bedeutet, dass es unmöglich ist, A/B-Tests in einer nativen App (iOS oder Android) oder verbundenen Anwendungen durchzufĂŒhren.

Mit einer serverseitigen Lösung hingegen können Sie A/B-Tests und kanalĂŒbergreifende Personalisierungs-Kampagnen anwenden, sobald Sie Ihren User identifiziert haben – auf jedem Device. Ihre Optionen die User Journey zu beeinflussen werden somit um einiges vielfĂ€ltiger. Denken Sie nur an TV Apps, Chatbots, Beacons, Digital Stores, …

Anwendungsbeispiele fĂŒr Server-Side A/B-Testing

Sie fragen sich jetzt vielleicht, was konkret Sie also serverseitig testen können, das Sie clientseitig nicht testen können.

Laden Sie hier unsere PrĂ€sentation herunter mit 10 Beispielen von Server-Side Tests, die Sie mit Client-Side Lösungen nicht durchfĂŒhren können.

Mit dabei: Tests fĂŒr Registrierungsformulare, Bestell-Funnel, Such-Algorithmen, Feature Tests, …

Wie fĂŒhren Sie einen Server-Side A/B-Test durch?

Um einen Server-Side A/B-Test aufzusetzen, mĂŒssen Sie unsere API nutzen. Wir beschreiben im Folgenden, wie dies ganz allgemein funktioniert. FĂŒr mehr Informationen kontaktieren Sie bitte unser Support-Team, welches Ihnen eine umfassende technische Dokumentation an die Hand geben kann.

Sobald ein Internet User auf Ihrer Seite landet, ist der erste Schritt der Kontakt zu unserer API, um eine Unique Visitor ID von AB Tasty zu erhalten. Diese können Sie dann als Cookie oder im Session Storage speichern.

Auf den Seiten, auf denen ein Test starten soll, erfolgt dann ein Kontakt zu unserer API, um bestimmte Parameter, die oben bereits erwÀhnte Visitor ID und die ID des Tests weiterzugeben. Diese Test ID können Sie von unserem Interface aus ablesen, wenn Sie einen Test erstellen.

Als Antwort auf Ihre API Anfrage, sendet AB Tasty die Variations ID, die gezeigt werden soll. Ihr Server muss dann eine Antwort basierend auf der Variations ID erstellen. Und zu guter Letzt muss eine Information an unsere Datenserver ausgesendet werden, sobald eine Conversion stattfindet. DafĂŒr wird die Visitor ID, Daten, die die Conversion betreffen, wie z. B. die Art der Conversion (Action Tracking, Transaktion, ein benutzerdefiniertes Ereignis …) und/oder der Wert der Conversion abgerufen.

Nutzen Sie unsere Expertise in Form des Dynamic Traffic Allocation Algorithmus‘, wenn es um das Analysieren und Optimieren Ihrer Testergebnisse geht.

Wie Sie bisher lesen konnten, erfordert der Einsatz von Server-Side Testing auch den Einbezug Ihres Tech Teams sowie eine VerÀnderung im Arbeitsablauf.

[clickToTweet tweet=WĂ€hrend Client-Side A/B-Testing oftmals in Ihrem Marketing Team zentralisiert werden kann, wird Server-Side A/B-Testing dezentralisiert auf das Produkt Team oder eine Projektgruppe verteilt. #abtesting #CRO“ quote=“WĂ€hrend Client-Side A/B-Testing oftmals in Ihrem Marketing Team zentralisiert werden kann, wird Server-Side A/B-Testing dezentralisiert auf das Produkt Team oder eine Projektgruppe verteilt.“]

Sollten Sie Client-Side A/B-Testing beenden ?

Die Antwort lautet Nein. Client- und Server-Side A/B-Testing sind nicht in Konkurrenz zueinander sondern als gegenseitige ErgĂ€nzung zu sehen. Die profitabelsten Unternehmen nutzen beide Möglichkeiten Hand in Hand je nach den aktuellen BedĂŒrfnissen und involvierten Teams.

  • Mit Client-Side A/B-Testing zu starten, ist einfach und ideal fĂŒr Marketing Teams, die autonom bleiben möchten und Ihre IT nicht involvieren möchten. Das Stichwort ist „AGILITÄT“ – Sie können schnell viele Ideen testen.
  • Server-Side A/B-Testing ist eher an Produkt Teams orientiert, deren BedĂŒrfnisse stĂ€rker auf eigene GeschĂ€ftsprinzipien und Produkt Features fokussiert sind. Hier ist das Stichwort „FLEXIBILITÄT“.

Wir bieten Ihnen mit Client-Side und Server-Side A/B-Testing das beste aus zwei Welten an, um fĂŒr Sie ein unentbehrlicher Partner fĂŒr all Ihre Testing AktivitĂ€ten und fĂŒr datenbasierte Entscheidungen zu sein.

Zögern Sie nicht uns anzusprechen, um selbst die ungewöhnlichsten Testing Projekte mit uns zu besprechen.

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

18. Jan. 2018
9min. Lesezeit

Die besten Call-To-Actions: So klicken Ihre Kunden

AB Tasty

AB Tasty

Was ist ein CTA?

Wir wissen alle, was ein Call-To-Action (kurz: CTA) ist. Wenn Sie diesen Artikel lesen, haben Sie vermutlich bereits einen angeklickt. Und wÀhrend der tausend Male, die Sie bisher im Internet gesurft sind, waren vermutlich unzÀhlige weitere Buttons und Handlungsaufforderungen dabei.

Haben Sie einen Xing, Facebook oder Dropbox-Account? Bei der Registrierung ist Ihnen auch ein CTA begegnet, der Sie zum Klicken, Lesen bzw. Anmelden bewegte. Diese Handlungen und noch viele mehr werden von einem effektiven CTA hervorgerufen.

Das Prinzip kennen wir. Nur wenige verstehen jedoch, wie die Psychologie hinter einem effektiven CTA genau funktioniert. Was macht einen CTA erfolgreich? Warum klicken User ĂŒberhaupt? Wieso spielt das Wording eine bedeutende Rolle?

Warum das kaum einer so genau in Worte fassen kann, hat einen einfachen Grund:

Die Wirksamkeit eines Call To Actions beschrÀnkt sich nicht auf einen einfachen Button, Banner oder ein belangloses Bild. Der gesamte Kontext einer Website und das Storytelling um einen CTA herum, machen eine guten Button erst zu dem, was er ist.

Denken wir darĂŒber einmal kurz nach: Wie oft klicken wir auf ein Pop-Up Fenster einer uns unbekannten Marke auf einer uns unbekannten Seite? Nie? Ehrlich gesagt versucht doch jeder, gewöhnliche Pop-Ups so schnell wie möglich zu schließen.

Fest steht: Der Erfolg eines CTAs wird nicht durch die magische Kombination dreier Worte herbei beschworen. Im Gegenteil: Website-Besucher klicken auf einen CTA, wenn drei Elemente zusammen richtig eingesetzt werden:

  • Was Ihre Besucher bereits ĂŒber Ihre Marke wissen (Vergangenheit)
  • Welchen Eindruck Besucher beim Browsen auf Ihrer Website haben (Gegenwart)
  • Was Ihre Besucher durch den Klick auf den Button erwarten (Zukunft)

Call-To-Action Dropbox

Auf der Website von Dropbox sieht das Ganze so aus:

  • Ich weiß, dass viele User Dropbox nutzen und ich sehe gelegentlich Ihre Werbeanzeigen (Vergangenheit)
  • Mir gefĂ€llt das reduzierte Design und ihr Leistungsversprechen: Ich speichere meine Daten in der Cloud, spare Speicherplatz auf meinen GerĂ€ten und zudem sind meine Daten sicher (Gegenwart)
  • Wenn ich klicke, sehe ich, dass ein Dropbox-Account sogar kostenlos ist. Da melde ich mich an! (Zukunft)

Wie können Sie das selber umsetzen? FĂŒr Ihr Produkt. FĂŒr Ihre Kunden. Darum geht es genau jetzt:

So erstellen Sie einen effektiven Call To Action

Wie zu Beginn erlĂ€utert, ist ein CTA viel mehr als nur ein einfacher Button. Er sollte als Teil eines grĂ¶ĂŸeren Gesamteindruckes gesehen werden. Dieser Eindruck setzt sich aus einem starken Einstieg und einer gelungenen UnternehmensprĂ€sentation zusammen, einer starken Vorstellung Ihres Produktes und einer abschließenden Handlungsempfehlung bzw. -aufforderung.

Dazu zÀhlt:

‱ Nach dem Lesen eines Artikels nach einer E-Mail-Adresse zu fragen
‱ Eine Kontaktanfrage vorzuschlagen, nachdem ein User ein Video angesehen hat
‱ Den Kauf eines Produkts anzuraten, wenn jemand eine bestimmte Produktseite aufruft
‱ Einen Gratismonat auf einer bestimmten Seiten anzuwerben

TatsÀchlich steht der Erfolg Ihres Call To Actions in direktem Zusammenhang mit der StÀrke Ihres Verkaufs-Funnels: Woher kommen meine User? Wie kann ich mit ihnen interagieren? Welche Schritte sind nötig, damit sie schlussendlich meiner Handlungsaufforderung folgen?

Hier finden Sie einige Tipps, um die Conversion Rate Ihrer CTAs zu steigern:

  • Visuelle Elemente. Ein ansprechendes Bild ist essentiell. Setzen Sie Bilder ein, die nicht zu verkaufslastig sind und vielmehr dem Image Ihrer Marke bzw. dem GemĂŒt Ihrer Firma entsprechen. Auch ein Videoformat kommt in Frage. Sie gelten in Sachen Click-Through-Rate als besonders erfolgreich.
  • Wording. Halten Sie sich kurz – weniger als 5 Worte sind ideal. Ihr Leistungsversprechen muss kurz, knackig und ĂŒberzeugend sein. Passen Sie den Wortlaut immer an die Zielgruppe an. Digital Natives, zum Beispiel, möchten anders angesprochen werden als andere Altersgruppen.
  • Handlungsaufforderung. Setzen Sie gezielt TĂ€tigkeitsverben ein, die eine gewisse Dringlichkeit erzeugen. Weisen Sie auf zeitliche Begrenzung hin und erhöhen Sie so den Druck auf Ihr Publikum.
  • Platzierung. Ihren CTA sollten Sie dort setzen, wo er im Kontext am meisten Sinn macht. Ihn ganz oben auf einer Seite einzubauen, ist nicht immer ratsam. Der User muss zunĂ€chst Gelegenheit haben, Ihr Produkt kennenzulernen bzw. zu verstehen. Fragen Sie sich: Wann wĂ€re ich persönlich bereit, das erste Mal eine Handlung durchzufĂŒhren?
  • Farben. Um herauszustechen, sollte der CTA mit einer anderen Farbe versehen sein als der Rest der Seite. Er sollte design-technisch aber auch nicht in vollem Gegensatz stehen. Hier mĂŒssen Sie ein gutes Mittelmaß finden. Feedback dazu können Sie von Test-Usern sammeln. Alternativ findet sich im Netz auch viel Inspiration zu farblichen Zusammenspielen und Farbpaletten.
  • GrĂ¶ĂŸe. Der CTA darf nicht ĂŒbersehen werden, gestalten Sie ihn in groß genug! Aber auch hier gilt: Zu viel ist nicht unbedingt mehr. Der CTA darf das Browsen auf Ihrer Seite nicht umstĂ€ndlich machen oder von wichtigen Informationen oder Elementen ablenken.
  • VerstĂ€ndlich. Ihr Leistungsversprechen sollte klar und deutlich ĂŒbermittelt werden. Stellen Sie die VorzĂŒge deutlich heraus, die ein Klick auf den CTA fĂŒr Ihre User hat.

5 CTA Beispiele, die wirklich funktonieren

Squarespace

Squarespace verkörpert mit seiner Website auf ein reduziertes Design. Das Erscheinungsbild der Marke ist minimalistisch und das Leistungsversprechen klar: Bauen Sie mit uns eine eigene wunderschöne Website. Auch gelungen: Der schwarze CTA-Button. Er passt zum allgemeinen Look der Seite, sticht aber hervor. Den gewissen Bonus liefert dann der Zusatz „Keine Kreditkarte erforderlich“ neben dem Button. Der User ist somit sofort abgesichert, dass er beim „Free Trial“ auch wirklich nichts zahlen muss.

Call-to-action Squarespace

Adexpresso

Auf der AdExpresso Website fallen mehrere Elemente auf. Zum einen ist das Leistungsversprechen deutlich: Facebook-Anzeigen optimieren ist so einfach und schnell erledigt wie ein Kaffee am Morgen.

Zum anderen suggeriert das Design der Seite das Look and Feel, das wir bereits von Facebook kennen. Das bestÀrkt den Eindruck, dass es sich hier um absolute Facebook-Experten handelt.

Und zuletzt der grĂŒne CTA: Er hebt sich vom Rest der Seite ab und sticht klar hervor: Auch hier wird der Besucher abgesichert, dass „No Credit Card Required“ ist. Das Zusammenspiel verschiedener Faktoren macht hier den Effekt des CTAs aus.

Call-to-action Adexpresso

Linkedin

Auf LinkedIn setzt man auf eine Ansicht mit einem integrierten Registierungsformular. Was hier besonders interessant ist, ist das Wording.

Die erste Aussage „Bringen Sie Ihre Karriere voran“ suggeriert auf den ersten Blick, dass die Nutzung der Dienstleistung den User erfolgreich macht. (= Wenn ich mich nicht bei Linkedin registriere, lasse ich eine große Chance fĂŒr meine berufliche Karriere aus).

Der zweite Satz „Loslegen – es ist kostenlos“ impliziert bereits eine klare Handlungsaufforderung: Es ist kostenfrei, was habe ich zu verlieren? Das Formular an sich ist dazu bewusst kurz gehalten.

Unter dem Formular gibt es eine kleine Suchmaschine mit der Option „Einen Kollegen finden“ (Stichwort: Social Proof). Was hier vermittelt wird, ist nicht nur das GefĂŒhl, Linkedin sei allgemein akzeptiert, sondern auch der Bonus, sich mit Bekannten aus dem Berufsalltag vernetzen zu können.

Call-To-Action Linkedin

Kickstarter

FĂŒr die Crowdfunding Website Kickstarter sind soziale Netzwerke der wichtigste Channel fĂŒr die Acquise neuer UnterstĂŒtzer. In dieser Facebook-Anzeige hat Kickstarter in Sachen „Call To Action“ alles richtig gemacht:

ZunĂ€chst passt das Wording perfekt zur Aussage in der Beschreibung. „This is the most funded project on Kickstarter right now“ ist nichts anderes als die Antwort auf „No wonder everyone on Kickstarter loves this watch“ als CTA.

Außerdem ist das eingesetzte Bild des Produkts hochwertig und ansprechend. Sie sehen: Eine gelungene Handlungsaufforderung ist viel mehr als nur ein Button. Viele Elemente spielen hier eine Rolle und mĂŒssen aufeinander abgestimmt sein. Und das nicht nur auf einer Website, sondern auch an jeder anderen Stelle, an der Sie auf sich aufmerksam machen, hier zum Beispiel in Werbeanzeigen.

Call-to-action Kickstarter

Udemy

Auf der Seite von Udemy werden Sie direkt mit der motivierenden Ansprache „Mit neuem Wissen durchstarten“ begrĂŒĂŸt. Auch der Rest der Seite fĂŒgt sich nahtlos in diesen Kontext ein.

Die Themensuchleiste darunter nutzt die Frage „Was möchtest du lernen?“ als Platzhalter und setzt erneut auf die direkte Ansprache und das Leistungsversprechen, den User nach vorne zu bringen.

Wer sich und seiner Seite ein klares Thema setzt und alle Elemente in ein gutes Zusammenspiel bringt, kann sich durchaus erlauben, auf zu direkte „Marktschreier-CTAs“ zu verzichten. Wie Sie sehen, verwendet Udemy einen ganz gewöhnlichen „Registrieren“-Button. Der wiederum hat seine Daseinsberechtigung vor allem durch den Countdown-Banner, den Udemy hier clever einsetzt: „Probleme? Es gibt fĂŒr alles eine Lösung: Hol dir den passenden Online-Kurs!Millionen von Teilnehmern lernen schon auf Udemy. Hol dir jetzt deinen nĂ€chsten Kurs fĂŒr nur 14,99 €!
Noch 6 Tage!“ Das erzeugt Dringlichkeit und bewegt den User dazu, sich einen Account zu erstellen. Die Conversion Rate steigt.

Call-To-Action Udemy

Call To Actions mit A/B Testing optimieren

Durch die CTA-Beispiele sollten Sie nun vor allem eins gelernt haben: Es gibt kein magisches Geheimrezept fĂŒr den Erfolg eines Call To Actions. Der Erfolg begrĂŒndet sich durch den gekonnten Einsatz mehrerer aufeinander abgestimmter Elemente der Seite.

Obwohl – vergessen Sie die Aussage „kein Geheimrezept“, denn es gibt eins:
Testen, testen und nochmal testen. In der digitalen Welt steckt nÀmlich hinter jeder erfolgreichen Kampagne, hinter jedem wirksamen CTA, hinter jeder Conversion einer Website ein A/B Test.

Alles zum Thema A/B Testing gibt’s in unserem A/B Testing Guide.

Das Grundprinzip besteht darin, verschiedene Kombinationen von einem CTA gegeneinander zu testen. So lange, bis Sie die Kombination gefunden haben, die die meisten Besucher in Kunden verwandelt.

Hier können Sie zum Beispiel sehen, wie unterschiedlich die Conversion Rates verschiedener Zusammensetzungen eines CTAs sein können:

Call to Action : Different Conversion Rates

Mit A/B Testing können Sie endlose CTA Ideen auf Herz und Nieren prĂŒfen. Dazu steht Ihnen bereit:

‱ Farben
‱ Wording
‱ Platzierung
‱ Format
‱ GrĂ¶ĂŸe
‱ Uvm.

Also, mit welchem Ergebnis wird Ihr CTA glÀnzen?

Seien Sie Ihren Mitbewerbern immer eine Conversion voraus!

Unverbindliche Webdemo

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

8. Jan. 2018
9min. Lesezeit

Individualisierung und Personalisierung: Marketing fĂŒr die Generation Y

AB Tasty

AB Tasty

Die Generation Y: Menschen, die zwischen 1980 und 1990 geboren sind und somit um die Jahrtausendwende in das Berufsleben eintraten. Daher sind sie heute auch als „Millennials“ bekannt. Sie lösten die Generation X ab und sind nicht grundlos berĂŒhmt-berĂŒchtigt. Sie gelten als Freigeister, die sich selbst gerne ĂŒberschĂ€tzen. Weltreisen als Standardrepertoire eines Studiums und der gnadenlose Drang, den eigenen Horizont zu erweitern, sagt man ihnen zynisch nach.

Ob Sie die Millennials fĂŒr Narzissten halten oder als missverstandene Generation des Jahrtausendwechsels verstehen – Sie werden mit Sicherheit zustimmen: Wer so besonders ist, verlangt besonderes Marketing. Schließlich sind die zwischen 1980 und 1990 Geborenen inzwischen Studenten und Arbeitnehmer in den spĂ€ten 20er bis 30er Jahren und somit vollwertige potenzielle Kunden fĂŒr die meisten Unternehmen weltweit.

Hier kommt unsere zweiseitige Medaille in’s Spiel: Produktindivualisierung und Personalisierung.

Von allen Marketingstrategien, die es seit den ersten AnfÀngen des Internets gibt, sind die Individualisierung und Personalisierung die vermutlich einzigen Strategien, auf die Millennials wirklich anspringen. Wir verraten Ihnen, warum das so ist. Dazu vorab eine genauere Begriffsbestimmung:

Definition „Individualisierung“ und „Personalisierung“

ZunĂ€chst klingen beide Begriffe ziemlich Ă€hnlich. In einem anderen Kontext stellen sie sogar legitime Synonyme dar. In der Tat beschreiben sie jedoch in der digitalen Welt zwei gĂ€nzlich verschiedene Methoden. Der Begriff „Individualisierung“ wurde 1987 von Stand Davis in seinem Buch „Future Perfect“ definiert. Er spricht von „Massenindividualisierung“ und dem Angebot breiter Marktprodukte und Services, die so angepasst und individualisiert werden können, dass sie einer bestimmten Kundenanforderung entsprechen. Die Sportmarke Nike, zum Beispiel, bietet heutzutage die individuelle Zusammenstellung ihrer Sport- und Freizeitschuhe an. Kunden können im Onlineshop die Farben, Muster und das Design frei wĂ€hlen und so ein maßgeschneidertes Produkt nach persönlichem Geschmack kreieren. Wir halten fest: Im Gegensatz zu der klassischen Massenproduktion, ermöglicht die Individualisierung Konsumenten ein eigenes, einzigartiges Produkt nach individuellem Geschmack.

Personalisierung Burberry Bespoke
Die Luxusmarke Burberry bietet seit 2011 Individualisierungsoptionen auf ihrer Website an.
Quelle: The Wall Street Journal

Personalisierung, hingegen, ist eine Marketingstrategie, die aktiv vom Unternehmen ausgeht. Sie zielt auf eine maßgeschneiderte, direkte Kundenansprache ab, die auf die individuellen BedĂŒrfnisse und Anforderungen einzelner Besuchergruppen eingeht. Das Konzept der digitalen Personalisierung kann man bis 1993 zurĂŒckverfolgen, als Don Peppers und Martha Rogers sich in „The One to One Future“ mit der Idee der maßgeschneiderten Kundenansprache beschĂ€ftigten.

Wenn Sie schon einmal eine E-Mail empfangen haben, die Ihren Vornamen in der Betreffzeile verwendete, Ihnen auf einer Website Produktempfehlungen ausgesprochen wurden oder Inhalte auf Ihr Geschlecht oder vorherige EinkĂ€ufe angepasst waren, haben auch Sie Personalisierung erfahren. Der entsprechende Anbieter hat somit versucht, eine individualisierte Botschaft nur an Sie zu richten, mit der Intention, hervorzustechen und Ihre Aufmerksamkeit zu gewinnen. Das Ziel dabei – das wissen Sie – Sie zum Kauf zu bewegen.

Sephora personalization
Unser Kunde Sephora hat seine Website fĂŒr Mitglieder und Nicht-Mitglieder des Sephora Kundenprogramms entsprechend personalisiert und konnte so die Anzahl der VerkĂ€ufe auf der Website um 16% steigern.

Individualisierung im Detail

Sicherlich sehen Sie die Parallelen beider Marketingstrategien. Beide zielen darauf ab, dem Kunden das GefĂŒhl zu geben, seine individuellen WĂŒnsche und Interessen seien verstanden und wertgeschĂ€tzt. Beide respektieren den Ausdruck persönlicher Anforderungen, GeschmĂ€cker und Erfahrungen. Das GefĂŒhl, eine ganz spezielle Bindung zu einer Marke zu haben, kreieren sowohl Individualisierung als auch Personalisierung.

Wer sich die zu Beginn aufgefĂŒhrte Definition der Generation Y genau zu GemĂŒte fĂŒhrt, kann verstehen, dass viele Unternehmen ausschließlich auf Individualisierung und Personalisierung zurĂŒckgreifen. Eine wichtige Rolle spielt aber auch, dass die Generation Y ĂŒber klassische Marketingmethoden schlichtweg hinweg schaut und sie in vielen Lebenslagen einfach als zu abgelenkt gelten (Stichwort: InformationsĂŒberflutung). Ebenso berĂŒcksichtigt das klassische Marketing nicht die AffinitĂ€t der Generation Y fĂŒr die Welt der Social Media und die schnelle Interaktion mit sozialen Netzwerken. So integrierte Burberry zum Beispiel einen Social Share Button im Produktanpassungseditor der Website. Jeder, der dort ein Produkt individualisiert, kann dort mit einem einfachen Klick seine eigene Kreation mit Freunden teilen – gezieltes Marketing fĂŒr die Generation Y. Durch den offenen Zugang gilt das natĂŒrlich auch fĂŒr User, die sich das maßgefertigte Produkt vielleicht gar nicht leisten können.

Burberry share my design
Auch User, die sich den maßgefertigte ÂŁ1,295 Mantel gar nicht leisten können, haben auf der Burberry-Website die Möglichkeit, diesen auf sozialen Netzwerken zu teilen. So kann man sich individuell ausdrĂŒcken und das Unternehmen greift ohne Zusatzaufwand kostenlose Werbung auf Social Networks ab.
Quelle: Luxury Society

Wieso funktioniert die Individualisierung digital so gut?

In unserem Versuch, zu verstehen, warum die Produktindividualisierung von Usern so gut angenommen wird – nicht nur von Millennials – werfen wir einen Blick auf die Aussage der Customer Experience Psychologin Liraz Margalit. Dem TechCrunch erklĂ€rt sie, dass zwei Grundprinzipien bzw. Gedanken der User den Erfolg bestimmen: „Ich habe das gemacht, also gehört es zu mir“ und „Ich habe das gemacht, also ist es grandios“.

„Ich habe das gemacht, also gehört es zu mir„, damit meint Margalit die Besonderheit, an einem Produkt mitzuwirken, wenn auch nur virtuell oder wie sie sagt: „Die Möglichkeit am Prozess aktiv mitzuarbeiten und diesen zu beeinflussen, fĂŒhrt zu einer emotionalen Bindung. Dem Konsumenten suggeriert das einen gewissen Besitzanspruch. Auch, wenn dieser juristisch gesehen gar nicht besteht.“ Anschließend bezieht sie sich auf eine Arbeit von Dan Arielys, der den sogenannten „Ikea-Effekt“ beschreibt. Dieser benennt das gesteigerte WertschĂ€tzungsgefĂŒhl eines Konsumenten gegenĂŒber eines Massenprodukts, wenn er daran (z.B. beim Entwurf oder dem Zusammenbau – daher „Ikea-Effekt“) aktiv mitgewirkt hat.

Ähnlich ist das Prinzip „Ich habe das gemacht, also ist es grandios“. Es bezieht sich auf den sogenannten Endowment-Effekt (Besitztumseffekt), der das PhĂ€nomen beschreibt, Dinge als wertvoller und hochwertiger zu empfinden, wenn wir sie besitzen. In diesem Zusammenhang erzĂ€hlt Margalit von einer Studie an der Cornell University, die aufzeigte, dass Studenten grundsĂ€tzlich jene Produkte bevorzugten, die sie selbst besitzen bzw. einmal besessen haben, wenn auch nur kurz.

Was hat das mit unserer Untersuchung zu tun, was die Individualisierung fĂŒr den E-Commerce so erfolgreich macht? Eine ganze Menge: Wer ein Produkt online individualisiert, hat zumindest eine kurze Zeit und eine gewisse MĂŒhe damit verbracht, Anpassungen vorzunehmen. Dieser ganz persönliche Input bindet laut dem, was wir aus dem GesprĂ€ch mit der Customer Experience Psychologin wissen, den User emotional an das Produkt. Somit ist die Wahrscheinlichkeit, dass dieser den Kaufprozess wirklich abschließt, bedeutend höher als in jedem anderen E-Commerce Szenario. Auch die Chance, einen höheren Preis erfolgreich verlangen zu können, steigt hier fĂŒr den Anbieter.

Dieser psychologische „Trick“ als Zusatz zu den begĂŒnstigenden Eigenschaften der Generation Y, die wir zu Beginn kennengelernt haben, macht die Individualisierung zu der idealen Marketingmethode fĂŒr Millennials.

Joseph Pine BBC

Personalisierung im Detail

Millennials fordern ein kundenorientiertes Einkaufserlebnis. Ein Erlebnis, bei dem sie sich geschĂ€tzt und besonders fĂŒhlen. Ob im Ladenlokal oder online – das aktive Interesse am KĂ€ufer bindet Kunden. Das bringen Anbieter am besten zum Ausdruck, indem sie Ihre Kundengruppe ganz genau unter die Lupe nehmen – Stichwort Daten – und alle gesammelten Informationen fĂŒr eine personalisierte Kundenansprache sinnvoll einsetzen.

– Tom McGee, Forbes 2017

Die Individualisierung wird von den Usern bestimmt. Mit Personalisierung bringen Unternehmen hingegen gezielt einen gesteigerten Wert in ein Produkt- oder Serviceangebot. Der Anbieter bestimmt die Personalisierungsmaßnahme.

Personalisierung und PrivatsphĂ€re sind ein wichtiges Thema. Der „digital Native“ Status, sicherlich aber auch der allgemeine „Ich, ich, ich“-Tenor, den man der Generation Y nachsagt, verhelfen der digitalen Personalisierung zu großem Erfolg: 63% der Millennials und 58% der Generation X (also die Generation vor Y) sind mit der gezielten Verwendung ihrer Daten vollkommen einverstanden. Das lĂ€sst viele Marketingherzen höher schlagen.

Salesforce personalization
Quelle: Salesforce

Die Zustimmung zur Datenverwendung ist die wichtigste Voraussetzung fĂŒr die Ausspielung maßgeschneiderter Inhalte. Maßgeschneiderte Inhalte sind die wichtigste Voraussetzung fĂŒr gesteigerte Conversion Rates. Sie sehen, wie sich der Kreis schließt und was die Personalisierung im Marketing so beliebt macht.

Dabei kann die Personalisierung einer Website von einfachen AnsĂ€tzen, zum Beispiel die Segmentierung einer Marketing-E-Mail nach Branche, bis zu komplexeren Methoden reichen: On-Site Marketing-Kampagnen oder individuelle Inhalte durch eine komplette Website hinweg. Zu wissen, welche Vorgehensweise fĂŒr Ihre individuellen GeschĂ€ftsziele bei der Generation Y am besten ankommt, bedarf in der Regel dem ein oder anderen Versuch und etwas Inspiration durch andere, letztendlich spielt aber auch Ihre Branche und Ihr Produkt eine ausschlaggebende Rolle in der Auswahl. Hier finden Sie ein paar Ideen:

eMarketer Personalization
Quelle: eMarketer

Vom dem Prinzip „Je maßgeschneiderter, desto besser“ einmal abgesehen: Gibt es psychologische Referenzwerte, die erklĂ€ren, warum Personlisierung zu höheren Conversion Rates fĂŒhrt?

Die kurze Antwort lautet „Ja“. Und zwar gibt es eine spannende Studie der University of Texas, die HubSpot vor einiger Zeit mal aufgriff. Wie sie erklĂ€ren, untersuchte die Studie die EffektivitĂ€t digitaler Personalisierungsmöglichkeiten und fĂŒhrte diese einzig und allein auf das menschliche BedĂŒrfnis nach Kontrolle und ausreichend Information zurĂŒck.

Von Natur aus wollen wir alles um uns herum unter Kontrolle haben. Die Website-Personalisierung bildet das Idealbild fĂŒr diesen Wunsch. Sie sind auf SchnĂ€ppchenjagd nach KĂŒchenutensilien bei Ihrem Lieblingsanbieter? Eine personalisierte Werbeanzeige, die alles vereint, wonach Sie suchen – gĂŒnstige Preise und die richtigen Produktempfehlungen zum perfekten Zeitpunkt – kreiert unterbewusst ein GefĂŒhl des „Imgriffhabens“. Als ob Ihre ganz individuellen Anforderung auf magische Weise automatisch erfasst und umgesetzt werden. Wer sagt dazu schon nein?

Auch in Sachen InformationsĂŒberflutung – das Problem ist im heutigen Marketing allgegenwĂ€rtig – kann die Personalisierung Abhilfe schaffen. Sie begrenzt die Anzahl an Werbebotschaften, denen ein User ausgesetzt ist und einzelne Nachrichten stechen mehr hervor, indem sie gezielt den WĂŒnschen und Interessen des Konsumenten entsprechen.

Fazit

Wir haben gelernt, dass Individualisierungs- und Personalisierungsmethoden in ihrer Umsetzung gĂ€nzlich verschieden sind, doch beide arbeiten mit dem tief verankerten BedĂŒrfnis der Menschen nach Selbstausdruck und Anerkennung persönlicher BedĂŒrfnisse – sowie der beschrĂ€nkten Aufmerksamkeitsspanne der Millennials. Wer die Generation Y als potenziellen Kunden im E-Commerce erfolgreich ansprechen möchte, kann mit Produkt-Individualisierung und Website-Personalisierung weit kommen. Beide Methoden machen die Konsumenten zu einem Co-Produzenten des Produktwertes und setzen die fĂŒr Millennials so wichtige Anerkennung der persönlichen Anforderungen ein.

Teilen auf

LinkedIn Facebook Twitter

Blogartikel

3. Jan. 2018
8min. Lesezeit

Heatmap: Was ist es und wie kann ich damit meine Webseite verbessern?

AB Tasty

AB Tasty

Wer eine Website betreibt und Gewinn erzielen möchte, der weiß: Die Krux liegt darin, die Aufmerksamkeit der Besucher auf dem Weg zur Conversion nicht zu verlieren. Wie Ihnen dabei eine Heatmap helfen kann, möchten wir heute genauer beleuchten.

Dennoch gibt es eine Menge Websites, auf denen eher wahllos mit den Mitteln der Website Optimierung experimentiert wird. Ein Beispiel: Dem Marketing-Team fĂ€llt auf, dass sich seit zwei Jahren nichts mehr auf der Website geĂ€ndert hat. Schon werden ein paar Tipps, von denen man in einem Online-Artikel gelesen hat, auf die eigenen Seite umgemĂŒnzt und man fĂŒhlt sich gerĂŒstet fĂŒr die nĂ€chsten zwei Jahre.

So sollte es nicht laufen! Undurchdachte Änderungen auf Ihrer Seite sind der beste Weg:

  • die Conversion Rate zu senken
  • Absatz zu verlieren
  • Besucher abzuschrecken

Also verlassen Sie sich nicht lĂ€nger nur auf Ihr BauchgefĂŒhl, wenn es um Änderungen an Ihrer Webseite geht. Beginnen Sie lieber damit, datenbasierten Entscheidungen zu treffen. Klicken Sie hier, um zu diesem Thema mehr zu erfahren.

Denn eines steht fest: jede Website ist anders. Was bei Mark und Peter gut funktionert, funktioniert nicht unbedingt auch bei Ihnen.

Ihr Ziel: Ihre User sagen Ihnen selbst, was sich an Ihrer Website Àndern sollte.
Und genau dafĂŒr gibt es Heatmaps.

Was ist eine Heatmap?

Heatmaps sind eine visuelle Darstellung von Aufmerksamkeit, Engagement und Interaktion Ihrer Besucher. Sie entstehen durch das Navigieren Ihrer User auf Ihrer Seite.

Sie können dank dieser Analyse eine Art WÀrmebild Ihrer Website erstellen, welches die Bereiche hervorhebt, die die meiste Aufmerksamkeit bekommen oder die das meiste Engagement erzeugen.

So könnte eine Heat Map aussehen:

Warme Farben zeigen die Stellen, an denen die Aufmerksamkeit am grĂ¶ĂŸten ist und kalte Farben deuten auf die Bereiche Ihrer Webseite hin, die von Ihren Besuchern ĂŒbersehen werden.

Nun können Sie analysieren, wie sich Ihre Besucher auf Ihrer eigenen Website verhalten und gezielte Änderungen vornehmen, um die Conversion zu steigern. Eine großartige Lösung oder nicht?

Lassen Sie sich von Ihren Usern die Bereiche zeigen, die noch verbessert werden können. Machen Sie einfach die entsprechenden Änderungen und messen Sie, wie gut sich diese auf Ihren Absatz auswirken – zum Beispiel mit A/B Testing.

Wann sollten Sie fĂŒr Ihre Website eine Heatmap erstellen?

Heatmaps sind extrem hilfreich. Sie messen Aufmerksamkeit, Engagement und sogar die Zahl der Klicks auf Ihrer Website.

Um Ihnen ein paar konkrete Beispiele zu geben – hier sind einige GrĂŒnde, warum Sie Heatmaps nutzen sollten:

  • Engagement messen. Wenn Sie z. B. Online Artikel schreiben und wissen möchten, bis zu welchem Punkt Ihr Publikum eigentlich liest – benutzen Sie eine Heatmap. Diese kann Ihnen das Scroll-Verhalten Ihrer Leser zeigen, und auch wo sie interagieren. Falls Sie beispielsweise merken, dass nur ein kleiner Anteil bis zu Ihrem Call to Action scrollt, ist es Zeit fĂŒr ein paar Änderungen.
  • Interaktion messen. Wo klicken meine Besucher? Klicken Sie auf die richtigen Felder? Mithilfe von Heat Maps können Sie herausfinden, ob Ihre Besucher die gewĂŒnschten Aktionen durchfĂŒhren oder ob sie an einer bestimmten Stelle aufgehalten werden.
  • Aufmerksamkeit messen. Welche Headlines oder welche Bilder bekommen die meiste Aufmerksamkeit? Welche Elemente lenken von den wichtigeren Inhalten Ihrer Webseite ab? Sehen Ihre Besucher das Kontaktformular? Sobald Sie Antworten auf Ihre Fragen gefunden haben, können Sie schon die Änderungen durchfĂŒhren, die Ihre Conversion Rate steigern werden.

Antworten auf die obigen Fragen zu finden, kann Ihnen außerdem helfen, noch mehr bohrende Fragen zu beantworten:

  • Wo sollten Sie Ihre wichtigsten Inhalte platzieren?
  • Was ist der beste Weg, Bilder und Videos einzubauen?
  • Wo werden meine Besucher abgelenkt?
  • Wo sollte ich ĂŒber mein Produkt bzw. meinen Service sprechen?

Da Sie nun schon einiges ĂŒber Heatmaps wissen, fragen Sie sich vielleicht, ob es mehrere Formen von Heatmaps gibt. Ganz richtig – die gibt es.

Welche Heatmaps sollten Sie nutzen?

Die meisten Heatmap Tools geben Ihnen eine Darstellung der User Interaktion aus verschiedenen Blickwinkeln.

Beziehen Sie sich auf alle zur VerfĂŒgung stehenden Darstellungen, um das Verhalten Ihrer Besucher bestmöglich erkennen zu können.

Heatmap oder Click Heatmap

Diese Form der Heatmap ermöglicht es, Aktionen auf Ihrer Webseite zahlenmĂ€ĂŸig zu messen. Es ist eine visuelle Darstellung aller Klicks, die User auf Ihrer Seite tĂ€tigen. Dieses Bild stellt Ihnen sehr wertvolle Daten zur VerfĂŒgung, da Sie ganz genau sehen, wo die Leute auf Ihrer Webseite interagieren.

Jedes Mal, wenn ein Klick erfolgt, markiert die Heat map genau diese Stelle mit einem weißen Punkt. Wenn Sie große weiße Bereiche sehen, klickt hier der Großteil Ihrer Besucher.

Da Sie die „Hot Spots“ sehr schnell und deutlich identifizieren können, ist auch eine Analyse einfach: Klicken Ihre Besucher dort, wo Sie es sich wĂŒnschen?

Auf dem obigen Bild von Sumo sehen wir zum Beispiel schnell, dass „SHARE“ und „IMAGE SHARER“ die unbeliebtesten Bereiche sind.

Die Scrollmap oder „Content Analyse“

Die Scrollmap zeigt Ihnen, wie weit Ihre Website-Besucher herunterscrollen. Außerdem, welche Elemente die meiste Aufmerksamkeit auf sich ziehen und wo Ihre Besucher verweilen.

Mithilfe einer Scroll Map können Sie feststellen, ob Ihre User die richtigen Bereiche Ihrer Seite sehen oder ob sie von unwichtigen Elementen abgelenkt werden.

Schauen wir uns z. B. diesen Screenshot eines SEO-Artikels an. Wir sehen, dass das Bild und die zwei Zeilen darunter am beliebtesten sind: ca. 85 % der Besucher haben dieses Element gesehen.

Die „Percentage of Clicks“ Heatmap

Die “Percentage of Clicks” Heatmap ergĂ€nzt die klassische Heat Map. Mit ihr können Sie nachvollziehen, wie viele Klicks von jedem einzelnen Bild oder Element generiert wurden. Die Möglichkeit, Klicks pro Element quantifizieren zu können, ist extrem wichtig.

Es hilft Ihnen dabei:

  • Zu verstehen, wie wichtig einzelne Elemente fĂŒr die User sind.
  • Zu vermeiden, dass Nutzer Bilder ohne Links anklicken.Percentage of click heatmap

Quelle: nguyenvincent.com

Die „Confetti“ Heatmap

Die Confetti Heatmap ist zwar Ă€hnlich zu der klassischen Heat Map, doch ein Unterschied liegt darin, dass Sie jeden einzelnen Klick sehen können und nicht nur eine Dichte von Klicks. So können Sie genau erkennen, ob jemand versucht hat nicht-klickbare Bereiche anzuklicken – falls ja können Sie das Problem nun lösen.

Sie haben bereits einiges ĂŒber Heatmaps erfahren. Aber es gibt noch eine weitere Art, das User-Verhalten zu analysieren: Eye-Tracking.

Der Unterschied zwischen Heatmaps und Eye Tracking

WÀhrend Heatmaps hauptsÀchlich die Mausbewegung und die Klicks der User aufzeichnet, analysiert das Eye Tracking ihre Blicke.

Der Vorteil des Eye Tracking ist, dass Sie tatsÀchlich nachvollziehen können, wie Besucher Ihre Seite anschauen, um die aufmerksamkeitsstÀrksten Bereiche Ihrer Webseite zu analysieren.

WĂ€hrend beim Heatmapping die warmen Farben nur den Bereich anzeigen, der die meiste Aufmerksamkeit bekommt.

So hilfreich das Eye-Tracking auch sein mag, es beruht auf einer Technologie, die wesentlich aufwĂ€ndiger ist als die der Heatmaps. DafĂŒr benötigt man spezielle AusrĂŒstung, die nur wenige Agenturen besitzen.

Wenn Sie interessiert an Eye Tracking sind: Es gibt Algorithmus-gestĂŒtzte Lösungen wie Feng-Gui Feng-Gui oder EyeQuant, mit denen sie Eye Tracking durch Algorithmen simulieren können.

Die wichtigsten Heatmap Features

Wenn Sie auf der Suche nach einem Heatmap Tool sind, beachten Sie folgende Punkte:

  • Segmentierung nach Verhalten: Das Heatmap Tool sollte Ihnen ermöglichen, Heatmaps fĂŒr bestimmten Besuchergruppen zu erstellen. Diese sollten Sie selbst nach bestimmten Zielgruppen- und Segmentkriterien bestimmen können (z. B. Neue Besucher, Besucher, die bereits Kunden sind, Besucher, die ĂŒber Kampagnenlinks auf Ihre Seite gelangen 
).
  • Heatmap Vergleich: Die Ergebnisse verschiedener Heatmaps (z. B. von unterschiedlichen Segmenten) sollten einfach miteinander vergleichbar sein.
  • Organisieren von Seiten-Vorlagen: FĂŒr jede Unterseite eine einzelne Heatmap zu erstellen, kann ziemlich aufwĂ€ndig werden, wenn Sie Produktseiten analysieren wollen – davon hat man oft hunderte oder sogar tausende. Sie sollten also die Heatmap Ergebnisse von Seiten einer bestimmten Art zusammenfassen können.
  • Responsive Heatmaps: Das Heatmap Tool sollte auch auf Seiten funktionieren, die ĂŒber ein mobiles GerĂ€t aufgerufen werden. AktivitĂ€ten auf mobilen GerĂ€ten wie Touch, Scrollen oder Swipen muss ebenfalls aufgezeichnet werden können. In Ihrer Analyse sollten Sie außerdem die Ergebnisse des Verhaltens und Navigierens Ihrer User von Mobile und Desktop Devices unterscheiden können, um die Daten richtig zu interpretieren.
  • Heatmap exportieren: Dank solch einer Funktion können Sie die Ergebnisse ganz einfach mit Ihren Kollegen teilen.
  • Dynamische Heatmaps: Sie sollten auch die Klicks auf dynamischen Elementen Ihrer Seite sehen können: Dropdown MenĂŒ, Slider, Carousel, mit AJAX oder JavaScrip framework wie React.js oder Angular.js. geladene Inhalte.
  • RĂŒckwirkende Heatmaps: Hat Ihr Website Design sich seit der letzten Heatmap geĂ€ndert? Eine Heatmap Lösung sollte die vorherigen Ergebnisse fĂŒr die zu der Zeit aktuelle Website zeigen und nicht einfach auf das neue Design ummodeln – die Ergebnisse wĂŒrden sonst verfĂ€lscht sein.

Steigern Sie Ihre Conversion Rate: Kombinieren Sie Heatmaps und AB Testing

Stellen wir uns einmal vor, Sie haben eine Heatmap genutzt, um besser zu verstehen, wie Ihre Website Besucher mit Ihrer Marke umgehen. Sie haben starke und schwache Stellen auf Ihrer Seite identifiziert und möchten nun die passenden Änderungen machen.

Frage: Wie können Sie messen, wie effektiv diese Änderungen am Ende sind? DafĂŒr gibt es nur eine Lösung: AB testen Sie Ihre VerĂ€nderungen.

Die Idee dahinter ist, verschiedene Versionen Ihrer Webseite, Anzeigen, Landing Pages usw. zu erstellen, um deren jeweilige Performance zu vergleichen.

Durch das kombinieren von Heat Mapping und A/B Testing arbeiten Sie mit einer 3-Stufen-Methode:

  • Probleme identifizieren mithilfe von Heatmaps
  • Potentielle Lösungen mit A/B Testing prĂŒfen
  • Die effektivste Lösung umsetzen

Laden Sie hier unseren kompletten Guide zum A/B Testing herunter.

Zum Abschluss noch ein Beispiel: auf dieser Website fĂŒr Haushalts-Reparaturen lĂ€sst sich gut erkennen, dass die Aufmerksamkeit der User zwischen zu vielen Elementen hin- und hergerissen wird.

Insight: Die Aufmerksamkeit wird gestreut und die Conversion ist niedrig.

Mithilfe von AB Testing konnte das Unternehmen einige gezielte Änderungen vornehmen und so den Fokus der Besucher wieder auf den Call to Action richten.

Nach den Änderungen wurde eine zweite Heatmap erstellt.

Insight: Die Aufmerksamkeit konnte wieder auf die Telefonnummer und den wichtigsten CTA gerichtet werden und somit das Ziel der Conversion Steigerung erreicht werden.

Wir fassen zusammen:

Nutzen Sie Heatmaps und AB Testing, um:

  • Besucherverhalten und Engagement zu analysieren
  • Starke und schwache Bereiche Ihrer Webseite aufzudecken
  • Gezielte Wege zur Steigerung der Conversion Rate zu finden
  • Die Lösungswege zu testen, bis Sie Ihre Conversion Rate ansteigen sehen

Seien Sie Ihren Mitbewerbern immer eine Conversion voraus!


Unverbindliche Webdemo

Teilen auf

LinkedIn Facebook Twitter