schwarz-auf-weiss.de: Optimierte Landingpage

 

Bei schwarz-auf-weiss.de handelt es sich um einen E-Commerce-Shop, welcher Xerox-Geräte und Verbrauchsmaterialien online verkauft. Um die Performance des Shops messen zu können, haben wir in einem ersten Schritt ein permanentes Webanalyse-Monitoring etabliert. Aufgrund der Conversion-Rates in einigen Prozessen wurde m-pathy auf allen Seiten von schwarz-auf-weiss.de eingesetzt, um die Interaktionen der Nutzer mit dem Shop besser verstehen zu können. Dadurch konnten wir konkrete Handlungsempfehlungen formulieren, wie der Shop verändert werden muss, damit die Nutzer die Prozesse intuitiver verstehen und einfacher Bestellen können. Damit konnten wir nachweislich den Erfolg des von schwarz-auf-weiss.de steigern.

 

1. Fortschrittsleiste

Der Nutzer im Beispiel interessiert sich für ein Angebot, weiß allerdings nicht so recht wie er zu weiteren Informationen kommt.

 

Screenshot-schwarz-auf-weiss

 

Der Nutzer gelangt auf die Seite und orientiert sich zunächst. Dabei ist in diesem Falle keine Mausbewegung sichtbar, da er diese nicht benötigt.

 

Screenshot-schwarz-auf-weiss

 

Nun bewegt der Nutzer die Maus und legt sie in den "whitespace", also einer weißen Fläche auf der Website, damit ihn der Cursor nicht stört.

 

Screenshot-schwarz-auf-weiss

 

Nach einer kurzen Pause navigert nun der Nutzer zum Fortschrittsbalken über dem Produkt und versucht über diesen zu weiteren Informationen zu gelangen. Dies ist an den Punkten auf der Mausbewegungslinie zu erkennen. Der Fortschrittsbalken ist jedoch ein grafisches Element und in diesem Fall nicht verlinkt, so dass der Nutzer nicht darüber navigieren kann.

 

Screenshot-schwarz-auf-weiss

 

Nachdem der Nutzer bemerkt, dass er über diesen Weg nicht weiter kommt, bewegt er die Maus in einem weiten Bogen zur linken Navigation und wählt die für ihn interessante Kategorie.


Fazit:

Der für den Nutzer intuitive Weg über den Fortschrittsbalken hat nicht funktioniert. Er übersieht den eigentlichen Link und erreicht so nicht sein Ziel. Mehrere Handlungsempfehlungen konnten formuliert werden:

  • Fortschrittsanzeige verlinken
  • Fortschrittsanzeige besser als Orientierung kennzeichnen
  • Schrittfolge deutlicher machen

 

Screenshot-schwarz-auf-weiss

 

In dieser Weise wurden die Handlungsempfehlungen umgesetzt. Der Fortschrittsbalken konnte jedoch nicht immer verlinkt werden, da der Nutzer Optionen festlegen muss, um zum Ziel zu gelangen.

 

2. Landingpageoptimierung

Aufgrund der Webanalyse-Ergebnisse wurde die Landingpage für eine Leasingkampagne von im Shop angebotenen Xerox-Geräten zum Leasing konkret analysiert. Die Landingpage stellt den ersten Kontakt mit der Website für Nutzer bereit, die über spezielle Kampagnen auf schwarz-auf-weiss.de gelangen und hält dementsprechende Informationen bereit.

 

Alte Landingpage

 

Es zeigt sich, dass viele Nutzer, die auf die Leasing-Landingpagekommen, bevorzugt die Navigation aufsuchen
und die Leasingseite an sich kaum wahrnehmen. Die Seite ist zudem sehr textlastig. Das einzige grafische Element ist die Schrittfolge, wie Nutzer Xerox-Geräte leasen können. Die User werden dadurch jedoch nicht in ihren Handlungsintentionen
bestärkt.

 

Neue Landingpage

 

Die Nutzer betrachten nachweisbar neben der Navigation die Bereiche der grafisch visualisierten Angebote und erkennen darüber viel besser die Vorteile des Leasings.
 
Die Ergebnisse der Webanalyse bestätigen den Eindruck:

Nutzer, die über die speziellen Kampagnen auf die Leasing-Landingpage kamen, erreichten folgende Ziele.

1. Kontaktanfrage zu einem konkreten Gerät: +40%

2. allgemeines Angebot zu einem Gerät: +25%

3. konkretes Leasing-Angebot: +214%

 

Durch die Analyse mit m-pathy konnten die Intentionen der Nutzer, die auf die Landingpage kamen, besser verstanden werden. Damit konnte die Kunden in Ihren Handlungsabsichten besser unterstützt werden - und folglich der Erfolg des Online-Shops gesteigert werden.