• UI & UX

Strategien zur Gestaltung von Produktseiten, die die Konversionsrate erhöhen

  • Felix Rose-Collins
  • 10 min read
Strategien zur Gestaltung von Produktseiten, die die Konversionsrate erhöhen

Intro

Was ist die wichtigste Seite auf Ihrer Website?

Nein, es ist nicht die Homepage, obwohl die Homepage eine Schlüsselrolle für einen unvergesslichen ersten Eindruck spielt. Der Gewinner ist in diesem Fall ein Underdog - Ihre Produktseite(n).

Das ist absolut logisch, wenn Sie darüber nachdenken. Ein Großteil Ihrer Bemühungen in den Bereichen E-Mail, SEO, soziale Medien und bezahlte Werbung zielt darauf ab, Besucher nicht auf Ihre Homepage, sondern auf bestimmte Produktseiten zu schicken. Dort finden die eigentlichen Entscheidungen und Käufe statt.

Im Durchschnitt führen jedoch nur 2,5 % bis 3 % der Besuche auf E-Commerce-Websites zu erfolgreichen Konversionen. Der Schuldige für eine so niedrige Konversionsrate ist in der Regel eine schlechte Gestaltung und Optimierung der Produktseiten.

In diesem Beitrag wird erörtert, was eine gut gestaltete Produktseite ausmacht, und es wird erläutert, warum jede Strategie funktioniert. Wir erklären auch, wie man jede Strategie umsetzt. Lesen Sie also weiter, um mehr zu erfahren und Ihr Produktdesign auf die nächste Stufe zu heben.

Machen Sie den Anpassungsprozess einfach und intuitiv

Marken, die sich bei der Personalisierung hervortun, erzielen 40 % mehr Umsatz als diejenigen, die zurückbleiben. Dieselbe Forschungsstudie hat gezeigt, dass 71 % der Kunden von Unternehmen eine personalisierte Interaktion erwarten.

Anhand dieser Statistiken kann man mit Sicherheit sagen, dass maßgeschneiderte Erlebnisse und die Berücksichtigung der Kundenbedürfnisse keine Option sind. Die Individualisierung ist zu einem unverzichtbaren Element jeder erfolgreichen Produktseite geworden.

Treffen Sie Ranktracker

Die All-in-One-Plattform für effektives SEO

Hinter jedem erfolgreichen Unternehmen steht eine starke SEO-Kampagne. Aber bei den zahllosen Optimierungstools und -techniken, die zur Auswahl stehen, kann es schwierig sein, zu wissen, wo man anfangen soll. Nun, keine Angst mehr, denn ich habe genau das Richtige, um zu helfen. Ich präsentiere die Ranktracker All-in-One-Plattform für effektives SEO

Wir haben endlich die Registrierung zu Ranktracker absolut kostenlos geöffnet!

Ein kostenloses Konto erstellen

Oder melden Sie sich mit Ihren Anmeldedaten an

Auch wenn eine individuelle Gestaltung online leichter möglich ist, müssen Sie darauf achten, dass Sie Ihre potenziellen Kunden nicht überfordern. Die Lähmung der Wahl ist eine reale Sache, und sie tritt auf, wenn Menschen mit einer Reihe von verschiedenen Optionen konfrontiert werden.

Nach dem Hick'schen Gesetz gilt: Je mehr Auswahlmöglichkeiten eine Person hat, desto länger dauert es, bis sie eine Entscheidung trifft. Diese Verzögerung kann dazu führen, dass Ihre potenziellen Kunden auf den Kauf verzichten, was sich wiederum negativ auf Ihren Umsatz auswirkt.

Wie können Sie diese Entscheidungslähmung verringern?

Hier sind einige Tipps:

  • Schränken Sie die Anzahl der Auswahlmöglichkeiten ein oder heben Sie zumindest ein paar der auffälligsten hervor. Sie können jederzeit die Schaltfläche "Mehr" hinzufügen, um andere, weniger beliebte Auswahlmöglichkeiten anzuzeigen.
  • Vereinfachen Sie den Personalisierungsprozess und erleichtern Sie es Ihren potenziellen Kunden, das Produkt, das ihnen gefällt, anzupassen.
  • Bieten Sie vordefinierte Standardoptionen an, die auf den beliebtesten und meistverkauften Produkten basieren. Dies wird die Entscheidungsmüdigkeit bei einigen Kunden verringern.

Es geht darum, den gesamten Prozess so benutzerfreundlich wie möglich zu gestalten und Ihren Kunden die Möglichkeit zu geben, mitzubestimmen, wie das Endprodukt aussehen wird.

Nike ist sehr bemüht, seinen Kunden die kreative Kontrolle über das von ihnen gewünschte Sneakermodell zu geben. Das Produktanpassungstool der Marke ist intuitiv und listet klar alle Produktelemente auf, die verändert werden können. Außerdem können die Kunden auf den Abschnitt des Sneakers klicken, den sie ändern möchten, und die verfügbaren Farben oder Materialien sehen.

Nike Air Force 1 (Quelle: Nike)

Diversifizieren Sie Ihre Produktgalerie

Eines der größten Hindernisse beim Online-Einkauf ist, dass die Kunden die Produkte nicht anfassen, fühlen, ausprobieren und erleben können. Auch nach dem Kauf können diese Faktoren Ihrem Umsatz schaden, denn sie sind dafür verantwortlich, dass 10-15 % der online gekauften Produkte zurückgegeben werden. In bestimmten Branchen, z. B. der Modebranche, ist diese Zahl sogar noch höher und erreicht 50 %.

Treffen Sie Ranktracker

Die All-in-One-Plattform für effektives SEO

Hinter jedem erfolgreichen Unternehmen steht eine starke SEO-Kampagne. Aber bei den zahllosen Optimierungstools und -techniken, die zur Auswahl stehen, kann es schwierig sein, zu wissen, wo man anfangen soll. Nun, keine Angst mehr, denn ich habe genau das Richtige, um zu helfen. Ich präsentiere die Ranktracker All-in-One-Plattform für effektives SEO

Wir haben endlich die Registrierung zu Ranktracker absolut kostenlos geöffnet!

Ein kostenloses Konto erstellen

Oder melden Sie sich mit Ihren Anmeldedaten an

Zwar ist es immer noch ein Privileg von Ladengeschäften, alle Sinne anzusprechen, aber Sie können die nächstbeste Lösung nutzen - eine abwechslungsreiche Produktgalerie.

1. Stellen Sie so viele Bilder wie nötig zur Verfügung

Zeigen Sie Ihr Produkt aus verschiedenen Blickwinkeln und in Nahaufnahme, damit Ihre Kunden es sich besser vorstellen können. Verwenden Sie nur hochwertige Bilder, aber achten Sie darauf, dass sie optimiert sind, damit sie Ihre Website nicht verlangsamen.

Körnige oder verpixelte Bilder behindern nur Ihre Konversionsraten, da sie Ihre Produkte nicht richtig darstellen und somit keinen Mehrwert bieten. Ein solcher Fauxpas wirkt sich nicht nur negativ auf die Wahrnehmung Ihrer Produkte durch die Kunden aus, sondern schadet auch Ihrem Ruf. Denken Sie daran, dass visuelle Attraktivität ein entscheidender Faktor für Vertrauen und Glaubwürdigkeit ist, d. h. Ihre Website-Besucher werden Ihnen nur ungern ihre Kreditkartennummer geben, wenn Ihre Produktseiten unseriös wirken.

2. Bieten Sie eine 360-Grad-Produktansicht

Eine 360-Grad-Ansicht ersetzt den Besuch eines physischen Geschäfts, da die Kunden ein Produkt bewegen und aus verschiedenen Blickwinkeln betrachten können.

Durch die Implementierung dieses UX-Elements können Sie außerdem weniger Bilder hochladen, ohne dass die Benutzerfreundlichkeit darunter leidet.

3. Aktivieren Sie eine Zoom-in-Funktionalität

Wenn Kunden in einem Ladengeschäft nach Produkten suchen, wollen sie immer genau hinsehen und Details prüfen.

Eine Zoom-in-Funktion ahmt dies nach und ermöglicht es Ihren Website-Besuchern, ein besseres visuelles Verständnis für ein Produkt zu bekommen und seine Beschaffenheit zu sehen. Wenn sie das Produkt so detailliert erkunden können, fühlen sich potenzielle Kunden sicherer, einen Kauf zu tätigen.

4. Zeigen Sie Ihre Produkte im Einsatz

Stellen Sie jedes Produkt in einen Kontext, indem Sie potenziellen Kunden zeigen, wie andere es verwenden.

So bekommen sie ein Gefühl dafür, wie ein Produkt in der realen Welt aussieht und wie es verwendet werden sollte. So ist es zum Beispiel anschaulicher und ansprechender, ein Kleidungsstück an einem Modell zu zeigen, als es auf eine flache Oberfläche zu legen.

Fotos im Kontext vermitteln den Kunden eine bessere Vorstellung von der Passform des Kleidungsstücks.

Es ist eine gute Idee, Modelle verschiedener Größen und ethnischer Hintergründe einzubeziehen, um eine emotionale Verbindung zu allen Segmenten Ihres Publikums herzustellen.

5. Video nutzen

88 % der Menschen geben an, dass sie ein Produktvideo zum Kauf bewogen hat.

Die Fähigkeit dieses Formats, viele Informationen in einem kurzen Zeitrahmen zu verdichten, ist besonders wirkungsvoll. Wir haben bereits das Problem der kurzen Aufmerksamkeitsspanne erwähnt. Anstatt Ihre potenziellen Kunden zu zwingen, über Produktmerkmale und -vorteile zu lesen, ist es viel effektiver, all dies in einem kurzen Video zu zeigen.

6. Zeigen Sie die Produktgröße im wirklichen Leben

Die Größe spielt eine Rolle, wenn Sie online einkaufen.

Wenn Sie Ihre potenziellen Kunden nicht in die Irre führen wollen, sollten Sie sicherstellen, dass sie sich vorstellen können, wie groß oder klein ein bestimmtes Produkt ist. Geben Sie alle Abmessungen des Produkts und der Verpackung an und fügen Sie eine Größentabelle für Kleidung und Schuhe hinzu.

Wenn auch nur die geringste Chance besteht, dass die Größe eines Produkts trügerisch sein könnte, zeigen Sie den Maßstab, indem Sie es neben Objekten platzieren, die als Bezugspunkte dienen können.

Somnifix ist ein gutes Beispiel für die Diversifizierung der Produktgalerie. Die Produktseite der Marke ist vollgepackt mit nützlichen Bildern, Illustrationen und anderen visuellen Elementen, die zeigen, wie das Produkt anzuwenden ist, wer es verwenden kann und was seine wichtigsten Vorteile sind.

Show the Product Size in Real Life (Quelle: Somnifix)

Nutzen Sie die Preisverankerung

Marketing beruht in hohem Maße auf der menschlichen Psychologie. Bei der Preisgestaltung ist das nicht anders, und Sie können verschiedene Strategien anwenden, um Ihre Konversionsraten zu steigern.

Die Kunden haben keine Vorstellung davon, wie viel ein bestimmtes Produkt kosten sollte, und sie bilden sich ihre Meinung darüber, ob ein Preis angemessen ist, anhand mehrerer Anhaltspunkte. Sie prüfen zum Beispiel, wie viel ein ähnliches Produkt kostet, und nehmen dies als Maßstab.

Wenn ein Produkt sehr gefragt ist, sind die Menschen auch bereit, mehr zu bezahlen. Hermès zum Beispiel macht sich dies seit Jahrzehnten zunutze, indem es eine künstliche Verknappung und eine Aura der Exklusivität um seine kultige Birkin Bag schafft.

Dieser Bewertungsmechanismus deutet also darauf hin, dass die Preiswahrnehmung Ihrer Kunden

  1. Relativ
  2. Anfällig für Manipulationen

2010 hielt Steve Jobs eine seiner Keynote-Präsentationen, in der er das brandneue Produkt des Unternehmens, das iPad, vorstellte. Als es um die Preisgestaltung dieses auffälligen Geräts ging, sprach Jobs die Spekulationen an, dass der Preis knapp unter 1.000 Dollar liegen würde, was in der Branche der Codename für 999 Dollar ist. Zu diesem Zeitpunkt erschien die Zahl auf einem großen Bildschirm im Hintergrund, nur um 60 Sekunden später von dem Preisschild von 499 Dollar erdrückt zu werden, während das Publikum mehr über die Vorteile des Geräts erfuhr.

Als dann der Preis "gesenkt" wurde, hatten die Kunden den starken Eindruck, dass sie 500 Dollar sparen und ein erstaunliches Produkt für einen Bruchteil seines tatsächlichen Wertes erhalten würden.

Diese kognitive Voreingenommenheit, mit der Jobs meisterhaft spielte, ist der Kern der Preisverankerung. Sie können denselben Effekt erzielen, indem Sie Ihren Kunden den Eindruck vermitteln, dass der tatsächliche Preis eines Produkts viel höher ist. Der Trick besteht darin, den ursprünglichen Preis zu nennen, ihn zu streichen und einen neuen, niedrigeren Preis daneben zu setzen. Und voila! Ihre Kunden denken nun, dass sie ein tolles Schnäppchen machen können.

Optisch auffällige CTAs verwenden

Ein effektiver Aufruf zum Handeln kann Wunder für Ihre Konversionsrate bewirken. Das ist der Grund, warum sie einen zweiten Eintrag in diesem Artikel hat.

Obwohl die Gestaltung dieser paar Worte auf einem knopfförmigen Element nicht wie eine Raketenwissenschaft erscheinen mag, erfordert der Prozess tatsächlich eine Menge Forschung, Daten und A/B-Tests. Das Rezept für einen unwiderstehlichen CTA ist die richtige Kombination aus Text, Größe, Farbe und Position.

Handlungsorientierte Texte erstellen

Der Sinn einer CTA besteht darin, Ihren Besuchern mitzuteilen, was sie als Nächstes tun sollen, und sie zu ermutigen, aktiv zu werden.

Aber anstatt "Kaufen" zu sagen, muss Ihre Formulierung überzeugender und überzeugender sein. Sätze wie "Erfahren Sie mehr", "Ja, ich möchte eine kostenlose Testversion", "Erhalten Sie einen Rabatt" oder "Geben Sie mir mein exklusives Angebot" sind aufmerksamkeitsstärker und wirkungsvoller.

Going kombiniert dieses Prinzip mit einem cleveren Wortspiel auf seiner Produktseite für Billigflüge. Der Name der Marke eignet sich für ein nettes Wortspiel, das ins Auge fällt und zum Handeln anregt.

Create Action-Oriented Copy (Quelle: Going)

Wählen Sie die richtige Größe

Einerseits soll der Text in einem CTA lesbar sein, andererseits wollen Sie keine riesige Schaltfläche, die billig und abweisend wirkt.

Das richtige Gleichgewicht wäre eine Schaltfläche, die groß genug ist, um hervorzustechen, aber nicht so groß, dass sie andere Inhalte auf der Seite überlagert.

Die Produktseitenvon Cotton Bureau verfügen über auffällige CTAs, die leicht zu lesen sind, ohne dass sie andere Elemente der Seite überschatten oder zu verkaufsorientiert wirken.

Pick the Right Size (Quelle: Cotton Bureau)

Verwenden Sie kontrastierende, aber komplementäre Farben

Inverschiedenen Studien wurde versucht, die wirksamste CTA-Farbe zu ermitteln, aber die Farbe ist vor allem deshalb wichtig, weil sie Ihre CTA-Schaltfläche vom Hintergrund abheben sollte.

Die Verwendung von Komplementärfarben (die sich auf den gegenüberliegenden Seiten des Farbkreises befinden) erzeugt den besten Kontrast und erhöht die Sichtbarkeit Ihrer Aufforderung zum Handeln.

Eine weitere Möglichkeit, Ihre CTA auffällig und prominent zu gestalten, ist die Nutzung des negativen Raums.

Kettle & Fire nutzt all diese bewährten Verfahren; ihre CTA ist leuchtend rot und vor dem weißen Hintergrund gut sichtbar. Ein weiterer Grund, warum dieses Beispiel funktioniert, ist die einfache Anpassung der Bestellung und die Transparenz.

Die Kunden können die Anzahl der Pakete wählen, die sie kaufen möchten, und genau sehen, wie viel ihnen berechnet wird. Es gibt auch die Möglichkeit, zwischen einer einmaligen Bestellung und einem Abonnement zu wählen.

Use Contrasting but Complementary Colors (Quelle: Kettle & Fire)

Erklärungsvideos umarmen

Die Zuschauer geben an, dass sie fast 95 % der Botschaft eines Videos im Gedächtnis behalten.

Auch wenn Sie diese Zahl für übertrieben halten, lässt sich nicht leugnen, dass dieses Format unendlich viel besser geeignet ist, um eine Marketingbotschaft zu vermitteln und die Vorteile und Anwendungsfälle eines bestimmten Produkts aufzuzeigen.

Kein Wunder, dass 96 % der Menschen angeben, dass sie sich ein Erklärvideo angesehen haben, um mehr über ein Produkt oder eine Dienstleistung zu erfahren, an der sie interessiert sind. Dieses Format ist besonders nützlich für komplexe Dienstleistungsprodukte in der SaaS-Welt. Wenn Ihr Produkt für Ihre typische Käufer-Persona unbekannt ist, sollten Sie in die Produktion von ein oder zwei Videos für Ihre Produktseiten investieren.

Erklärvideos eignen sich hervorragend, um die Verwendung eines Produkts zu demonstrieren, da sie besser geeignet sind, Anweisungen zu geben. Anstatt Ihre Kunden mit einer Wand aus Text zu konfrontieren, der ein bestimmtes Produkt beschreibt, bieten Sie ihnen ein kurzes, ansprechendes Video an, das zeigt, wie es funktioniert und Ihre Botschaft schneller vermittelt.

Außerdem ist die Wahrscheinlichkeit, dass Menschen Videos mit ihrem Netzwerk teilen, doppelt so hoch wie bei anderen Formaten, was bedeutet, dass Sie auch Ihre Reichweite erhöhen und mehr Besucher generieren können.

Bay Alarm Medical nutzt das Erklärvideo, um zu zeigen, wie man sein medizinisches Alarmsystem installiert, damit potenzielle Kunden nicht nach schriftlichen Anleitungen suchen müssen.

Embrace Explainer Videos (Quelle: Bay Alarm Medical)

Gemeinsame Hindernisse bei der Umstellung angehen

Online-Shopping ist bequem, da die Kunden ein Produkt bequem von zu Hause aus kaufen können. Es gibt jedoch einige Hindernisse, die die Konversion behindern können, und die häufigsten davon sind:

Transaktionsbezogene Sicherheit

Ihre Kunden machen sich Sorgen darüber, wie sicher ihre Zahlungen sein werden. 18 % der Kunden brechen den Einkaufswagen wegen Sicherheitsbedenken ab. Neben der Implementierung eines Systems, das die sensiblen Daten und Kreditkarteninformationen Ihrer Kunden schützt, sollten Sie Vertrauensmarken verwenden, die zeigen, dass Sie mit der nötigen Sorgfalt vorgehen.

Eine sichere Kaufabwicklung und die Akzeptanz von Zahlungen sowie die Bestätigung durch Dritte schaffen Vertrauen bei Ihren Kunden und ermutigen sie, ihre Einkäufe zu tätigen.

Versandkosten und Rückgabebedingungen

Versandkosten und Rückgaberichtlinien können einen erheblichen Einfluss auf Ihre Umsätze haben. Wenn Ihre Kunden die Gesamtkosten nicht im Voraus sehen, stehen die Chancen gut, dass sie den Einkaufswagen verlassen, ohne einen Kauf abzuschließen.

Da sie den Artikel, den sie bestellen, nicht ausprobieren können, ist ein großzügiges Rückgaberecht etwas, das sie von ihrem Vorhaben abbringen kann.

Verfügbarkeit von After-Sales-Support

Die Konvertierung ist nicht das Ende der Reise des Käufers. Sobald jemand bei Ihnen gekauft hat, ist es wichtig, ein außergewöhnliches Kundenerlebnis zu bieten und auf seine Bedürfnisse einzugehen. Wenn die Kunden nicht sicher sind, was passiert, wenn sie nach dem Kauf Unterstützung benötigen, werden sie zögern, mit Ihnen Geschäfte zu machen.

Lassen Sie sie also wissen, dass sie sich an Sie wenden können, wenn sie ein Problem haben oder einfach nur wissen wollen, wie sie das Produkt oder die Dienstleistung, die sie gekauft haben, am besten nutzen können.

Mannequin Mall beseitigt alle Konversionsbarrieren, indem es diese Bedenken auf seiner Produktseite klar und deutlich anspricht. Ihre potenziellen Kunden können alle Antworten erhalten, die sie benötigen, ohne die Website zu erkunden und auf der Suche nach den Versand- oder Rückgabebedingungen hin und her zu klicken.

Availability of After-Sales Support (Quelle: Mannequin Mall)

Mobile Einkäufer im Blick behalten

Es wird erwartet, dass die Ausgaben für den mobilen elektronischen Handel bis 2025 728,28 Milliarden Dollar erreichen werden.

Für 59 % der Verbraucher ist die Möglichkeit, mobil einzukaufen, ein wichtiger Faktor bei ihrer Kaufentscheidung.

Treffen Sie Ranktracker

Die All-in-One-Plattform für effektives SEO

Hinter jedem erfolgreichen Unternehmen steht eine starke SEO-Kampagne. Aber bei den zahllosen Optimierungstools und -techniken, die zur Auswahl stehen, kann es schwierig sein, zu wissen, wo man anfangen soll. Nun, keine Angst mehr, denn ich habe genau das Richtige, um zu helfen. Ich präsentiere die Ranktracker All-in-One-Plattform für effektives SEO

Wir haben endlich die Registrierung zu Ranktracker absolut kostenlos geöffnet!

Ein kostenloses Konto erstellen

Oder melden Sie sich mit Ihren Anmeldedaten an

Schließlich geben 57 % der Internetnutzer an, dass sie ihren Freunden und Verwandten eine Marke mit einer schlecht gestalteten mobilen Website nicht empfehlen würden.

All diese Statistiken sprechen für die Einrichtung eines mobilfreundlichen E-Commerce-Shops. Deshalb sollten Sie bei der Gestaltung der mobilen Version Ihrer Produktseite stets bewährte Verfahren anwenden.

Hier sind einige Tipps für eine mobilfreundliche Website, die Ihre Besucher nicht verärgert:

  • Halten Sie das Design einfach und ermöglichen Sie eine leichte Navigation.
  • Verwenden Sie große Tasten, um den Fettfinger-Fehler zu vermeiden.
  • Vermeiden Sie die Verwendung von Pop-ups, da diese auf einem mobilen Gerät schwer zu schließen sind.
  • Optimieren Sie Bilder für mobile Geräte, um die Ladegeschwindigkeit zu erhöhen.
  • Verwenden Sie das Accelerated Mobile Pages (AMP)-Framework, um die Leistung des Servers zu verbessern und die Ladegeschwindigkeit zu erhöhen.
  • Schalten Sie die Autokorrektur in Webformularen aus, um den Ausfüllvorgang zu beschleunigen.
  • Verwenden Sie leicht lesbare Standardschriftarten.

Many Mornings hat ein mobilfreundliches Design auf seinen Produktseiten implementiert. Schlichtheit, einfache Navigation, große CTA-Buttons und eine klare Prozessübersicht machen es den Kunden leicht, den Produktbereich zu durchstöbern, ein Produkt in den Einkaufswagen zu legen und schnell auf bereits ausgewählte Artikel zuzugreifen.

Keep Mobile Shoppers in Mind (Quelle: Many Mornings)

Abschließende Überlegungen

Gut durchdachte und optimierte Produktseiten führen zu deutlich mehr Konversionen. Wenn ein Kunde eine Produktseite aufruft, bedeutet das in der Regel, dass er zum Kauf bereit ist, und es liegt an Ihnen, den Kaufprozess zu erleichtern und ihn so reibungslos und ablenkungsfrei wie möglich zu gestalten. Diese Strategien zeigen Ihnen die richtige Richtung und führen Sie durch den Prozess der Optimierung wichtiger Elemente der Produktseite.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Starten Sie mit Ranktracker... kostenlos!

Finden Sie heraus, was Ihre Website vom Ranking abhält.

Ein kostenloses Konto erstellen

Oder melden Sie sich mit Ihren Anmeldedaten an

Different views of Ranktracker app