Wie Ihr Design-Element laut „Hallo“ ruft!

Sie möchten ein kleines Designelement auf Ihre Landing-Page setzen, mit der Sie für einen Rabatt werben. Das könnte eine gute Idee sein! Aber wie soll es aussehen? Beim Design haben Sie fast unzählige Möglichkeiten, etwas für Tests zu verändern. Werfen wir einmal einen Blick auf sie. Vielleicht gibt es ja die eine oder andere Testidee, bei der Sie verschiedene Design-Varianten gegeneinander antreten lassen?

Sie möchten mit Ihrer Landingpage auf den aktuellen 20%-Rabatt für eins Ihrer Produkte aufmerksam machen. Da liegt es irgendwie nahe, diese Information zentral und gut sichtbar zu präsentieren. Das geht am besten mit einem beschrifteten Designelement, das den Blick möglichst schnell auf sich lenkt. Sehr schön. Halten wir das erst einmal fest. Aber welche Möglichkeiten der Gestaltung hat man bei solch einem Element, um dasjenige herauszufinden, das am besten zu einer möglichst hohen Conversion-Rate beiträgt? Kurzantwort: einige! Unternehmen wir für die ausführlichere Antwort einmal einen kleinen Ausflug in die Welt des Designs.  

Eigenschaften und andere Eigenschaften von Design-Elementen

Nehmen wir als Ausgangspunkt für unseren Blick auf veränderbare Eigenschaften eines Design—Elements ein weißes und rundes Designelement mit der Aufschrift: „Bis zum … 20% Preisnachlass“. Sie werden sehen: Es gibt auch bei solch einem einzelnen und einfachen Design-Element zahlreiche Möglichkeiten der Veränderung und Aspekte, die man sich vielleicht einmal ansehen sollte:

• Farbe: Manchmal ist Weiß vielleicht ideal für solch ein Element. Aber da wären dann ja noch „Rot“, „Grün“ „Blau“… sowie zahlreiche Varianten und Mischungen, die ebenfalls für das Design-Element in Frage kämen. Farbeigenschaften des Design-Elements, die für die Conversion-Rate relevant sein könnten, sind der Farbton, die Helligkeit der Farbe sowie ihr Buntgrad (Sättigung). Ist Einfarbigkeit generell die beste Wahl? Ist vielleicht ein zwei-, dreifarbiges oder gar buntes Element besser? Testen Sie es!

• Kontrast: Die Farbgebung des Designelements sollte nie völlig losgelöst von der Farbgebung der restlichen Landingpage gesehen werden. Ein rotes Designelement könnte auf dem weißen Hintergrund einer Website positiv auffallen, wird bei rotem Hintergrund wahrscheinlich fast übersehen und könnte bei lilafarbenem Hintergrund eventuell abschreckend wirken.

• Schattierung: Vielleicht versehen Sie das Design-Element auch mit einer Schattierung? Es gibt dem Element eine gewisse 3D-Wirkung, was eventuell für mehr Aufmerksamkeit sorgt. Vielleicht aber auch nicht?

• Schriftart: In welcher Schriftart schreiben Sie den Text aufs Design-Element? Je nach Wahl könnte das Rabatt-Element altbacken, innovativ, ansprechend, abstoßend wirken. Es gibt zahlreiche Schriftarten. Sie sollten einmal mit einigen Varianten experimentieren.

• Form: „Kreisförmig“ ist eine Form-Variante eines Designelements. Vielleicht bringt aber die Sternform mehr Aufmerksamkeit und steigert die Conversion-Rate? Rechteck, Dreieck, Vieleck, Halbkreis, Pfeilform sind weitere Möglichkeiten. Und vielleicht passen Sie die Form ja auch der Jahreszeit an, wenn es sich anbietet: Stilisierte Blätter für ein Herbstangebot wären eine Variante.

• Größe: Nimmt das Designelement mit Ihrem Rabatt-Hinweis fast die Hälfte der Landing-Page ein? Ist es fast schon winzig oder irgendetwas dazwischen? Größere Elemente haben generell mehr Chancen auf Aufmerksamkeit; aber vielleicht gibt es auch ein zu „groß“. Dann empfindet der Landing-Page-Besucher das Element möglicherweise als zu aufdringlich, als störend und es bekommt einen negativen Einfluss auf die Conversion-Rate.

• Bewegung und andere Animationen: Bewegte und/oder animierte (etwa blickende) Elemente haben das Potenzial, mehr Aufmerksamkeit als statische und/oder nicht animierte zu wecken. Aber Vorsicht: Bei vielen deutschen Landingpage-Besuchern besitzen Animationen einen hohen Nervfaktor. Sie können abschrecken.

• Platzierung: Ganz wichtig ist natürlich auch die Platzierung im Layout der Landing-Page. Wo genau entfaltet das auf Ihren Rabatt hinweisende Designelement die beste Wirkung auf die Conversion-Rate?

Was wirkt am besten?

All die vorab genannten Eigenschaften des Designelements, das auf Ihren Rabatt hinweist, können Sie für Tests verändern. Und eventuell sollten Sie es auch tun. Es ist eine Binsenweisheit, dass Design einen unglaublichen Einfluss auf die Wirkung einer Landing-Page hat. Obige Beispiele haben an einem kleinen Element gezeigt, wie viele Gestaltungsmöglichkeiten man besitzt. Probieren Sie aus, was ankommt.

Noch ein Hinweis!

Kehren wir kurz noch einmal zu unserem kleinen Design-Element zurück: Hier bleibt schließlich natürlich auch die Frage, ob Ihr Rabatt wirkungsvoll genug ist, um die Conversion-Rate zu steigern. Sie finden durch A/B Tests heraus, welches Designelement sich am positivsten auf Ihre Conversion-Rate auswirkt. Sie sollten aber vielleicht auch testen, a) welchen Text Sie aufs Designelement setzen und b) welche Art von Rabatt Sie eigentlich anbieten wollen. Nicht jedes Angebot dürfte den gleichen Erfolg versprechen. Am 28. Juni habe ich einmal einen Artikel zum Thema auf diesem Blog veröffentlicht. Schauen Sie doch einmal herein.