Optimieren von E-Commerce-Produktbildern für bessere Konversionsraten

Veröffentlicht: 2023-02-23

Fazit: Das fehlende sensorische Produkterlebnis war schon immer ein Nachteil für Online-Shops. Im E-Commerce, wo Kunden Artikel nicht halten oder anfassen können, können Produktbilder und -visualisierungen einen Kauf ausmachen oder zunichte machen . Daher ist es unerlässlich, dass Produktbilder den Käufern genügend Informationen liefern, um sie zum Kauf zu bewegen.

Svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3

Autor: Martin Trauer

8 Minuten gelesen

Dieser Beitrag ist Teil der E-Commerce-Reihe

In diesem Artikel sprechen wir über Möglichkeiten zur Optimierung Ihrer E-Commerce-Produktbilder:

Einführung: Warum E-Commerce-Produktbilder wichtig sind
1. Heben Sie hervor, was ein Produkt einzigartig macht
2. Zeigen Sie das Produkt aus mehreren Blickwinkeln und in verschiedenen Kontexten
3. Präsentieren Sie das Produkt in verschiedenen Farben und Variationen
4. Machen Sie sofort deutlich, welches Produkt das Bild darstellt
5. Fügen Sie vom Benutzer eingereichte Visuals auf der Produktdetailseite hinzu
6. Fügen Sie Ihrer E-Commerce-Produktdetailseite Videos hinzu
7. Erwägen Sie eine Investition in Augmented Reality (AR)
Fazit: Lassen Sie Ihre E-Commerce-Produktbilder ein Bild für Käufer darstellen

Einführung: Warum E-Commerce-Produktbilder wichtig sind

Das Fehlen sensorischer und erfahrungsbezogener Details ist ein Fluch für den E-Commerce. In einem physischen Geschäft können Käufer beispielsweise eine Brille anprobieren, die Textur eines Kleides fühlen und die Größe einer Couch beurteilen.

Dies sind Dinge, die Kunden online nicht erhalten und potenzielle Conversion-Barrieren darstellen . Dies sind die Gründe, warum Käufer nicht in Ihrem E-Commerce-Shop einkaufen werden. Ihre visuellen Medien müssen also hervorragende Arbeit leisten, um den Mangel an sensorischer Erfahrung zu mildern, den Kunden an stationären Standorten erhalten.

Gut präsentierte E-Commerce-Bilder lassen Ihr Produkt nicht nur attraktiver und begehrenswerter erscheinen, sondern steigern möglicherweise auch den Umsatz. Außerdem helfen sie den Kunden , fundierte Kaufentscheidungen zu treffen . Das kann …

  • niedrigere Online-Rücklaufquoten,
  • Minimieren Sie die Belastung Ihrer Bestandsverwaltung und
  • Kundenvertrauen und -zufriedenheit steigern.

Darüber hinaus sind E-Commerce-Produktbilder für die Suchmaschinenoptimierung (SEO) von entscheidender Bedeutung. Sie tragen dazu bei, die Sichtbarkeit eines Produkts in den Suchergebnissen zu verbessern, was die Wahrscheinlichkeit erhöhen kann, dass ein Kunde Ihr Produkt entdeckt und kauft.

Hier sind Tipps, um sicherzustellen, dass Ihre E-Commerce-Produktbilder und -visualisierungen Artikel genau darstellen und die Kundenerwartungen richtig erfüllen .

1. Heben Sie hervor, was ein Produkt einzigartig macht

Wenn Sie ähnliche Artikel verkaufen, stellen Sie sicher, dass Sie leicht erkennen können, wie sich ein Artikel unterscheidet. Heben Sie durch Ihre Produktbilder hervor , was ein Produkt auszeichnet .

Zum Beispiel hat JetPens, ein Online-Schreibwarengeschäft, Produktbilder von Füllfederhaltern parat. Sie verkaufen Stifte mit unterschiedlichen Spitzengrößen (z. B. fein, mittel, breit usw.). Was jedoch jeden Stift anders macht, ist nur schwer zu erkennen, wenn man sich Weitwinkelfotos ansieht.

So hat JetPens für jede Federgröße ein Telefoto- oder vergrößertes Produktbild, das die Feder aus der Nähe zeigt. Dadurch kann der Kunde sehen, ob eine Gravur auf der Feder vorhanden ist und wie die Spitze der Feder aussieht:

E-commerce product images best practice example. Product detail page with a close-up shot of a fountain pen nib.

Auf der Produktdetailseite von JetPens können Kunden ihre bevorzugte Spitzengröße, Spitzenfarbe und Körperfarbe auswählen. Die Seite zeigt verschiedene Produktbilder, darunter Weitwinkelaufnahmen und Nahaufnahmen des Füllfederhalters, sowohl mit als auch ohne Kappe. Die angezeigten Produktbilder ändern sich auch abhängig von der Federstärke, der Federfarbe und der Körperfarbe, die der Benutzer auswählt.

E-Commerce-Produktbilder, die nicht sofort vermitteln, was ein Produkt von anderen unterscheidet, wenn Sie ähnliche Artikel verkaufen, erzeugen Reibung in der Benutzererfahrung (UX). Herauszufinden, was ein Produkt einzigartig macht, ermüdet das Gehirn des Benutzers. Dies könnte Käufer davon abhalten, den Kauf durchzusetzen.

9 Dinge, die Online-Marketer über das Gehirn wissen müssen
Weiterlesen

2. Zeigen Sie das Produkt aus mehreren Blickwinkeln und in verschiedenen Kontexten

Ein Kunde zögert möglicherweise, ein Produkt in seinen Warenkorb zu legen, weil er es nicht aus verschiedenen Blickwinkeln sehen kann. Kunden sollten sehen können, wie das Produkt von der Seite oder von hinten und aus der Nähe aussieht, damit sie das Produkt besser beurteilen können.

Beispiel für die Verwendung von E-Commerce-Produktbildern, um einen Artikel aus verschiedenen Blickwinkeln zu zeigen

KateSpade.com ist eine Website, die hervorragend Bilder verwendet, um Käufern eine klare und detaillierte Ansicht der Produkte zu ermöglichen. Ihre Produktdetailseite (PDP) enthält mehrere Fotos, die die Vorder-, Seiten- und Draufsicht des Produkts zeigen:

Collage of different e-commerce product images included in a product detail page for a pink bag

Die Produktdetailseite von Kate Spade zeigt die Vorder-, Ober- und Seitenansicht der Tasche. Es enthält sogar eine Nahaufnahme der Logoplatte der Tasche.

Die Website verwendet auch ein Visualisierungsmodal auf dem PDP, das das Produkt im Kontext zeigt . Zum Beispiel können Käufer die Größe und Körpergröße des Modells konfigurieren, um sich besser vorzustellen, wie eine Handtasche an ihnen aussehen würde. Benutzer können auch die Größe der Tasche besser einschätzen, da das Widget es ihnen ermöglicht, das Produkt neben anderen Gegenständen wie einem Telefon oder einer Wasserflasche zu platzieren:

Tangiblee visualization modal on PDP. It shows an illustration of a woman standing, holding a pink bag. Controls allow users to change the model size

Das Visualisierungsmodal von KateSpade.com ermöglicht es Benutzern, die Größe und Körpergröße des Modells zu ändern.

Visualization modal on PDP, showing a pink bag beside a phone illustration. The dimensions of the bag and the phone are indicated

Das Modal ermöglicht es Benutzern, die Tasche neben Alltagsgegenständen wie einem iPhone und einer Wasserflasche zu platzieren, um besser zu beurteilen, was in das Produkt passt.

Minimieren Sie die Unsicherheit der Käufer so weit wie möglich. Verwenden Sie hochwertige Produktbilder, um Käufern eine detaillierte Ansicht des Produkts zu ermöglichen. Dazu gehört, den Gegenstand aus verschiedenen Perspektiven zu zeigen und ihn gegebenenfalls neben alltägliche Gegenstände zu stellen, um Kontext und Maßstab zu erhalten.

3. Präsentieren Sie das Produkt in verschiedenen Farben und Variationen

Falls ein Produkt in mehreren Farben erhältlich ist, fügen Sie Bilder hinzu, die das Produkt in jeder der verfügbaren Farben zeigen. Auf diese Weise können Käufer ihre Optionen leicht visualisieren und eine fundierte Kaufentscheidung treffen.

Beispiel für die Anzeige verfügbarer Farben in E-Commerce-Produktbildern

JetPens.com macht es Käufern leicht, die Variationen eines bestimmten Füllfederhalters zu entdecken. Ihr PDP zeigt alle Körperfarben, in denen der Stift erhältlich ist, und mit welcher Spitzengröße und -farbe er kombiniert werden kann.

Wenn der Benutzer auf eine bestimmte Körperfarbe klickt, werden ihm mehrere Bilder des Füllfederhalters in dieser Farbe angezeigt. Jede Farbe hat ihre eigenen Produktbilder – Fotos des Füllfederhalters mit und ohne Kappe, eine Nahaufnahme der Spitze der Kappe, ein Foto des verwendeten Stifts usw.

E-commerce product images best practice example - Collage of PDPs for two variants of a Sailor fountain pen

Oben: Produktdetailseite des schwarzen Sailor Pro Gear Slim Füllfederhalters mit 14K Feinfeder. Unten: PDP für die sanft grüne Variante des gleichen Füllfederhalters, aber mit einer mittelfeinen 14K-Feder.

Das Anzeigen verschiedener Farboptionen kann auch die Verkaufschancen Ihrer Website erhöhen. Kunden werden eher eine Farbe finden, die ihnen gefällt und die sie bevorzugen, was zu einer höheren Konversionsrate führt. Seien Sie jedoch vorsichtig, wie Sie Auswahlmöglichkeiten präsentieren. Zu viele Optionen können Benutzer überfordern und wirken sich nachteilig auf die Conversions aus.

4. Machen Sie sofort deutlich, welches Produkt das Bild darstellt

Die Erfahrung eines Käufers auf Ihrer E-Commerce-Website sollte so mühelos wie möglich sein. Andernfalls könnten sie die Entscheidung auf einen anderen Tag verschieben.

Kunden sollten sich nicht viel Mühe geben, Dinge auf Ihrer Website herauszufinden. Beispielsweise soll auf den ersten Blick erkennbar sein, wofür ein Produktbild steht. Käufer sollten keine Zeit damit verbringen müssen, herauszufinden, wo sich das von Ihnen verkaufte Produkt auf dem Bild befindet.

Nehmen Sie zum Beispiel diese Banana Republic PDP. Es hat nur ein Produktbild. Es ist ein Foto des Models, das mehrere Dinge trägt, daher ist unklar, welches das „Petite Roll-Cuff Top“ ist. Das Produkt ist auch kaum sichtbar, da es unter einer Jacke getragen und in die Hose gesteckt wird. Der Käufer kann den größten Teil des Oberteils nicht sehen, einschließlich des „Rollmanschetten“-Teils, der angeblich das Unterscheidungsmerkmal des Produkts ist:

Product detail page with the e-commerce product image on the left side and the product details and CTA button on the right

Eine Produktdetailseite von Banana Republic für „Petite Roll-Cuff Top“ mit nur einem Foto.

Erleichtern Sie E-Commerce-Käufern die Entscheidung, indem Sie die Benutzerlast reduzieren . Wenn es nicht sofort klar ist, wo sich Ihr Produkt auf einem Bild befindet, fügen Sie den Besuchern eine kognitive und visuelle Belastung hinzu. Das ist schlecht für Conversions.


Identifizieren Sie Conversion-Barrieren auf Ihrer E-Commerce-Website.

Holen Sie sich Hilfe von einem Experten und entdecken Sie neue Umsatzmöglichkeiten.

Erfahren Sie mehr über CRO-Audits und -Bewertungen

5. Fügen Sie vom Benutzer eingereichte Visuals auf der Produktdetailseite hinzu

Social Proof war schon immer eine der am häufigsten verwendeten Abkürzungen von Online-Käufern beim Einkaufen. Heutzutage beschränkt sich Social Proof nicht auf Textbewertungen, die von anderen Kunden eingereicht wurden. Online-Kunden verlassen sich heute auf nutzergenerierte Bilder, um zu entscheiden, ob sie ein Produkt kaufen oder nicht.

Der Annual Shopper Experience Index 2022 von Bazaarvoice ergab, dass 71 % der amerikanischen Verbraucher sagen, dass von Benutzern eingereichte Fotos auf der Produktseite ihre Wahrscheinlichkeit erhöhen, ein Produkt zu kaufen.

Beispiel für die Verwendung von vom Benutzer eingereichten Visuals als Social Proof

Dr. Martens ist ein Unternehmen, das versucht, sich die Macht der von Benutzern eingereichten Bilder zunutze zu machen. Das PDP der Website enthält eine Online-Galerie von echten Kunden, die das Produkt tragen. Die Fotos dienen als Überzeugungselement , da sie das Produkt in verschiedenen realen Umgebungen zeigen, getragen von echten Menschen. Sie helfen potenziellen Käufern, sich vorzustellen, wie beispielsweise ein Paar Sandalen an ihren Füßen aussehen würde und wie sie in Kombination mit verschiedenen Outfits aussehen würden.

Below the fold of the PDP for a pair of sandals. The area includes anchor links to the different sections of the page

Neben dem Abschnitt „Rezensionen“ hat der PDP von DrMartens.com einen „Von Ihnen getragen“-Bereich, in dem von Benutzern eingereichte Fotos angezeigt werden. Der Bereich ist mit Instagram verknüpft, wo Käufer Fotos hochladen und Dr. Martens markieren können, wenn sie in der Galerie gezeigt werden möchten.

Sie können versuchen, Kundenbilder zu sammeln, indem Sie Ihr Programm für nutzergenerierte Inhalte (UGC) „gamifizieren . Der Shopper Preference Report 2022 von Bazaarvoice zeigte, dass 77 % der Verbraucher weltweit angaben, dass sie UGC für eine Belohnung einreichen würden.

Anthropologie.com zum Beispiel stupst Käufer dazu an, Bewertungen mit Bildern über eine monatliche Verlosung einzureichen:

A webpage discussing the mechanics of a promo. It tells users to sign in and submit a product review with a photo to qualify

Anthropologie überzeugt Käufer, eine Bewertung für gekaufte Möbel im Rahmen des „Only-at-Anthro“-Gewinnspiels abzugeben. Die Seite „Rezensionen“ der Website listet die Mechanik der Werbeaktion auf und besagt, dass Kunden „eine Möbelbewertung mit einem Bild des Artikels einreichen“ müssen, um ein Bestseller-Produkt zu gewinnen.

Erfahren Sie mehr über die Bedeutung von von Kunden eingereichten Bildern und die Nutzung von Social Proof im Allgemeinen. Lesen Sie „8 Best Practices für Kundenrezensionen zur Optimierung der Konversionsraten“.

6. Fügen Sie Ihrer E-Commerce-Produktdetailseite Videos hinzu

Livestream-Shopping wird immer beliebter. Unternehmen, die virtuelle Echtzeit-Shopping-Events veranstalten, haben sogar berichtet, dass sie „das Zehnfache ihrer herkömmlichen Website-Conversion-Raten sehen“.

Ein Grund für die Vorliebe von Online-Shoppern für Live-Shopping-Events ist die Möglichkeit, Produkte im Kontext und aus verschiedenen Blickwinkeln zu sehen.

Livestreams helfen Kunden, Produktinformationen wie Größe oder Material besser zu verstehen. Dies sind Details, die sie sonst nicht von statischen Bildern oder Textbeschreibungen erhalten.

Auch wenn Sie sich nicht mit Livestream-Shopping beschäftigen, können Sie dennoch einige Aspekte, die die Leute am Livestreaming lieben, in Ihre E-Commerce-Website integrieren .

Beispielsweise können Sie Ihrer Produktdetailseite Videos hinzufügen, die den von einem Model getragenen Artikel zeigen, wenn Sie Kleidung verkaufen. So können Käufer das Material und die Passform besser einschätzen.

PDP with images and video on the left and CTA and product details on the right. The video is playing and shows a woman in a floral dress

Das Video auf dem PDP von Asos.com ermöglicht Käufern, das Material und die Passform des Kleides besser zu beurteilen. Ein Model, das das Kleid trägt und darin geht, vermittelt einen besseren visuellen Eindruck als die Textbeschreibung „Stoff im Satin-Stil: glänzend, drapiert und seidig glatt, 100 % Polyester“.

Oder Sie können eine Strategie direkt aus dem Live-Shopping-Playbook übernehmen: Fügen Sie ein Video von Vertriebsmitarbeitern hinzu, die die Funktionen des Produkts und seine mögliche Verwendung zeigen.

Nordstrom hat beispielsweise PDPs für Modeartikel mit kurzen Videos von Vertriebsmitarbeitern, die über das Produkt sprechen. Sie beschreiben Material und Passform und heben bestimmte Details des Artikels hervor.

Collage of PDP screenshots. First image shows photos and video on the page. Second photo shows the video playing in a popup modal

Ein Nordstrom-Stylist spricht in einem PDP-Video über ein Paar Jeans mit hoher Taille. Sie bespricht die Textur der Jeans und demonstriert die Dehnbarkeit des Stoffes. Sie empfiehlt auch, mit welchen Oberteilen und Schuhen die Hose kombiniert werden kann.

Live-Shopping-Events in Echtzeit sind möglicherweise nicht jedermanns Sache. E-Commerce-Websites werden jedoch gut daran tun, ansprechendere Methoden zu erkunden, die Käufern umfassendere Details über das Produkt liefern, wie z. B. das Hinzufügen von Videos zum PDP.

8 Best Practices für Kundenrezensionen zur Optimierung der Konversionsraten


Nutzen Sie die Kraft von Social Proof durch Kundenbewertungen.

Weiterlesen

7. Erwägen Sie eine Investition in Augmented Reality (AR)

Augmented Reality (AR) ist im E-Commerce auf dem Vormarsch.

Einige Online-Shops kompensieren den Mangel an sensorischen Produktinformationen durch AR. Diese Technologie ermöglicht es Käufern, Produkte über ein elektronisches Gerät virtuell zu interagieren, zu testen und anzuprobieren, indem digitale Informationen über die reale Welt gelegt werden. Durch AR können Käufer beispielsweise sehen, wie eine Couch in ihr Zuhause passen würde.

A smartphone held by its user. The screen captures the living room in the background with the addition of a lounge chair.

Die AR-App von IKEA ermöglicht es Käufern, maßstabsgetreue 3D-Modelle virtuell in ihrem eigenen Raum zu platzieren. Mit der App können Kunden sehen, wie ein Produkt in ihr Zuhause passen würde. Bildquelle: IKEA

Kunden durch AR mehr kontextbezogene und visuelle Informationen zu geben, kann das Vertrauen der Käufer stärken , dass das, was sie kaufen, ihren Erwartungen entspricht. Dies wiederum wird die Rücklaufquoten senken, die Kundenzufriedenheit erhöhen und die Markentreue stärken.

Es ist wichtig zu beachten, dass laut dem Bazaarvoice Shopper Experience Index 2022 (mit Daten, die von Dezember 2021 bis Januar 2022 gesammelt wurden) nur 12 % der weltweiten Käufer Augmented Reality zu ihren „fünf Must-Have-Faktoren“ zählten, wenn sie zuversichtlich kauften.

Daher ist Augmented Reality für die E-Commerce-Conversion-Rate-Optimierungs-Toolbox möglicherweise noch nicht wesentlich , je nachdem, welche Art von Produkten Sie verkaufen. Für einige Branchen hat die Pandemie Augmented Reality zum Tisch gemacht.

Augmented Reality in der Beauty-Branche

Die Beauty-Marke L'Oreal zum Beispiel hatte die AR-Technologie eingesetzt, damit Kunden ihre Produkte schon vor dem COVID-Ausbruch virtuell anprobieren konnten. Und selbst vor der Pandemie führte der Einsatz der Technologie zu einer dreifachen Umsatzsteigerung des Kosmetikunternehmens.

Die Pandemie hat virtuelle Anproben für Make-up-Marken unerlässlich gemacht, sogar für Erlebnisse im Geschäft. Da Käufer aufgrund von Hygiene- und Sicherheitsbedenken keine Make-up-Proben mehr physisch anprobieren können, sind sie auf Augmented Reality angewiesen, um beispielsweise zu sehen, ob ein Schönheitsprodukt ihren Hautton ergänzt.

NYX Professional Makeup, eine Tochtergesellschaft von L'Oreal, macht ein paar Dinge richtig, wenn es um die Verwendung von AR geht, um Käufern bei der Auswahl der für sie am besten geeigneten Artikel zu helfen. Zum einen machen sie auf der Kategorieseite sofort ersichtlich, welche Artikel der Shopper virtuell anprobieren kann:

A cosmetics webpage with three lip products. Each has a name, star ratings, price, available colors, and CTA button below it

Das „Anprobieren“-Callout in der oberen linken Ecke des Produktbilds auf der Kategorieseite von NYX dient als visueller Indikator dafür, dass der Kunde den Artikel über AR in der Vorschau anzeigen kann.

Lipstick product mages on the left and product details on the right including star ratings, colors available, and CTA button

Auf der Produktdetailseite von NYX befindet sich unterhalb des Produktbildes ein „Try It On“-Call-to-Action-Ghost-Button.

An image of a girl on the left with buttons below it. The product name, available colors, and CTA button are on the right.

Bei der virtuellen Anprobe der Beauty-Marke können Kunden das Produkt mit ihrer Live-Kamera probieren, ein Foto hochladen oder ein Modell auswählen.

Ist Augmented Reality wichtig für E-Commerce?

Laut Daten von Vertebrae aus dem Jahr 2020, einem auf AR- und 3D-Handel spezialisierten Unternehmen, steigen die Konversionsraten für Verbraucher, die AR nutzen, um 90 % im Vergleich zu denen, die dies nicht tun.

Shopify stellte im September 2021 außerdem fest, dass es zwar noch nicht viele verlässliche Untersuchungen darüber gab, wie sich AR auf die Conversion-Raten auswirkt, ihre internen Daten zeigten jedoch das starke Potenzial von AR .

Wenn es also für Ihr Unternehmen sinnvoll ist und Sie über die Ressourcen verfügen, sollten Sie in Betracht ziehen, Ihren Kunden durch Augmented Reality eine Vorschau Ihrer Produkte zu ermöglichen und mit ihnen zu interagieren. Immerhin wird prognostiziert, dass bis 2025 fast 75 % der Menschen weltweit und fast alle Smartphone-Nutzer regelmäßige AR-Nutzer sein werden.

Sie können Ihre Zehen zum Einkaufen in AR tauchen, indem Sie Anwendungen wie SnapAR und Meta Spark verwenden. Seien Sie jedoch gewarnt, dass selbst diese Apps technische Fähigkeiten erfordern. Sie brauchen jemanden mit dem Fachwissen, um Kunst oder 3D-Modelle für die Verwendung in der AR-Umgebung zu erstellen.

Fazit: Lassen Sie Ihre E-Commerce-Produktbilder ein Bild für Käufer darstellen

Wenn Sie möchten, dass Besucher auf Ihrer E-Commerce-Website einkaufen, geben Sie ihnen die notwendigen Informationen, um sicher entscheiden zu können . Eine Möglichkeit, dies zu erreichen, sind hochwertige Bilder und Grafiken, die Ihre Produkte genau darstellen.

Wenn du …

  • Hervorheben der Besonderheiten eines Produkts,
  • den Artikel aus verschiedenen Blickwinkeln zeigen und in verschiedenen Situationen verwenden,
  • präsentieren das Produkt in verschiedenen Farben und Variationen,
  • sofort ersichtlich machen, welches Produkt das Foto darstellt,
  • von Benutzern eingereichte visuelle Elemente enthalten,
  • Videos auf Ihrem PDP hinzufügen und
  • Nutzen Sie Augmented Reality (wenn es für Ihr Unternehmen sinnvoll ist)

… erhöhen Sie die Wahrscheinlichkeit, dass der Käufer auf Ihrer Website eine Conversion durchführt, verringern Sie die Wahrscheinlichkeit, dass er den Artikel zurücksendet, und schaffen Sie insgesamt ein positives Kundenerlebnis .

Sprechen Sie mit einem Konvertierungsexperten

Geben Sie uns 30 Minuten Zeit und wir zeigen Ihnen, wie wir Ihnen helfen können, bessere Ergebnisse zu erzielen

Planen Sie jetzt meinen Anruf
Planen Sie jetzt meinen Anruf