Die meisten E-Commerce-Plattformen haben ein Standardlayout. Ihre Produktseiten sind relativ ähnlich, mit Inhalten von links nach rechts und einem dominierenden Bild. Die Call-to-Actions erscheinen fast immer im oberen Bereich, besonders auf mobilen Geräten. Du kannst die Sales-Optimierung nutzen, um deine Produktseiten zu verbessern.
Die Norm ist nicht immer am effektivsten. Marken, die ihre Zielgruppe verstehen, können sich dem Gewohnten widersetzen und versteckte Chancen nutzen, um Besucher zu aktivieren und im Gegenzug mehr Conversions zu erzielen.
Schauen wir uns drei Online-Shops an, die einen Schritt weg vom Standarddesign der Produktseiten machen.
Bird Rock Coffee Roasters – sie wissen, was für Kunden wichtig ist. Sie stellen wichtige Informationen über dem CTA bereit, sowohl auf Desktop-Computern als auch auf mobilen Geräten – sie teilen Informationen über die Höhenlage, die ein Faktor für die Produktqualität ist (korreliert mit der Säure) und den Röstgrad der Bohnen. Diese Daten motivieren Käufer, eine Kaufentscheidung zu treffen. Bird Rock weiß, dass Kaffeetrinker anspruchsvoll sind und Spezifikationen vor dem Preis schätzen.
Eine Produktseite, die Bird-Rock-Kaffee präsentiert – mit einer Grafik zu Höhenlage und Röstgrad.
Die Produkteigenschaft kann vor dem CTA stehen – ja, das ergibt Sinn, wenn sie Besucher dazu anregt, einen Kauf zu tätigen.
Quelle: Bird Rock Coffee Roasters.
Das Bild oben zeigt die Desktop-Ansicht. In der mobilen Ansicht müssen Käufer normalerweise zwei oder mehr Bildschirmseiten scrollen, um den CTA zu erreichen. Nicht hier, wenn wir die Bird-Rock-Website betrachten. Selbst auf mobilen Geräten finden Sie die wichtigsten Details vor dem CTA, wodurch die Käufer weniger gezwungen sind, Antworten anderswo zu suchen.
–
Nixon, eine Marke für Lifestyle-Accessoires, hat eine andere Erfahrung für Nutzer geschaffen, die mobile und Desktop-Geräte verwenden. Auf dem Desktop werden Produktbilder in der Mitte der Seite zwischen Beschreibung und CTA hervorgehoben. Auf Mobilgeräten wird zuerst das Hauptbild angezeigt, gefolgt von den Produktoptionen, einem Button zum Hinzufügen in den Warenkorb und der Beschreibung.
Die Desktop-Ansicht erleichtert das Lesen von links nach rechts und zeigt wichtige Kaufvorteile. Beide Ansichten bieten Miniaturbilder jeder Variante, die dabei helfen, Spezifikationen wie Farbe und Materialkonfiguration schneller auszuwählen.
Die Produktseite von Nixon zeigt ein großes Bild einer stilvollen Uhr
Das Desktop-Layout ist dreispaltig und ermöglicht es Nixon.com die wichtigsten Produktbilder hervorzuheben.
–
Gymshark, die Fitnessbekleidung und Accessoires verkaufen, konzentrieren sich auf Produktbilder. Auf dem Desktop nehmen Bildraster (und manchmal auch Videos) die gesamte linke Seite ein. Auf Mobilgeräten sind die Miniaturbilder groß genug, um alle Details hervorzuheben. Dank des festen CTA auf Mobilgeräten müssen Käufer nur auf den unteren Bildschirmbereich schauen und das Produkt in den Warenkorb legen.
Die automatische Anzeige zusätzlicher Bilder mit einfacher Vergrößerung reduziert Klicks und Blättern, senkt die Bounce Rate und optimiert die Conversions.
Was begeistert Käufer?
Millionen E-Commerce-Websites sehen unheimlich ähnlich aus. Händler sollten die Wünsche und das Verhalten der Zielgruppe berücksichtigen, um sich von der Konkurrenz abzuheben. Heatmaps & Clickmaps – die Tracking-Karten können wertvolle Informationen darüber liefern, wo Besucher das Interesse verlieren.
Detaillierte Analysen zeigen uns konkrete Abbruchpunkte im Conversion-Prozess.
Der Neuaufbau von Produktseiten erfordert ein Gleichgewicht zwischen Design, Funktionalität und den Erwartungen der Nutzer. Die Art der Produkte bestimmt jedes Detail.
Jedes Unternehmen, das Lifestyle-Produkte anbietet, steht vor anderen Herausforderungen als Unternehmen, die Elektrowerkzeuge verkaufen.
Wenn Sie Ihre Produktseiten gestalten, denken Sie an:
Die primären und sekundären Produktbilder. Heben Sie diejenigen hervor, die auf den ersten Blick auffallen und den Kontext der Botschaften ergänzen.
Daten steuern die Kaufentscheidung. Alles, was über dem CTA dargestellt wird, sollte den Käufer zu einer positiven Entscheidung bewegen. Bei Kleidung ist zum Beispiel wichtig, welche Qualität die verwendeten Materialien haben, woher das Produkt stammt, welche einzigartigen Eigenschaften es besitzt und welche Größen verfügbar sind. Beim Kaffee wiederum sind Säuregehalt und Röstgrad wichtig. Nicht alle Produkte benötigen hervorgehobene Informationen im oberen Bereich, daher sollte dies im Einzelfall beurteilt werden.
Zeit- und handlungssparende Funktionen. Die besten Layouts heben wichtige Informationen kurz und prägnant in Feldern mit viel Freiraum hervor. Bedenken Sie, dass Pop-ups ebenfalls Aufmerksamkeit und zusätzliche Aktionen erfordern.
Wie Menschen entscheiden, die sich Ihre Produkte ansehen. Manche kaufen Geldbörsen aufgrund der Funktionalität; andere bewerten den Preis oder den Modetrend. Sie können jede Information nutzen, die die Zielgruppe dazu bewegen kann, Ihr Produkt zu wählen, solange Sie sie verstehen.
Scheuen Sie sich nicht, mit verschiedenen Varianten der Produktseiten zu experimentieren. Beginnen Sie damit, treue Kunden einzuladen, ihre Meinung zu den bestehenden Layouts zu teilen. Fahren Sie dann mit A/B-Tests in Echtzeit fort. Führen Sie detaillierte Notizen und annotieren Sie Ihre Analysetools.
