Zum Inhalt springen

E-Commerce · Screendesign · Conversion
Die Produktdetailseite — wo Ihr Onlineshop verkauft

In vielen Onlineshops bekommt die Startseite die meiste Aufmerksamkeit — dabei wird dort selten etwas verkauft. Gekauft wird eine Seite später: auf der Produktdetailseite. Sie ist der Ort, an dem aus Interesse eine Entscheidung wird, und genau deshalb der am meisten unterschätzte Baustein im ganzen Shop.

Dieser Beitrag zeigt, was eine gute Produktseite ausmacht — und warum sie heute oft nicht das Ende, sondern der Anfang der Customer Journey ist. Wenn Sie über Ihren Shop nachdenken, ist das Erstgespräch kostenlos.

Shop-Projekt besprechen

Warum die Produktdetailseite entscheidet

Die Kette in einem Onlineshop ist lang: Anzeige oder Suche, dann Startseite, Kategorie, Produkt, Warenkorb, Kasse. Auf jeder Station kann jemand abspringen. Aber es gibt eine Station, an der die eigentliche Ja-oder-Nein-Entscheidung fällt — und das ist die Produktseite. Hier schaut der Kunde sich das Produkt an, wägt ab, sucht nach dem letzten Grund zu kaufen oder zu gehen.

Trotzdem behandeln viele Shops diese Seite als Nebensache: Standard-Template, ein lieblos freigestelltes Foto, ein Beschreibungstext aus dem Herstellerkatalog. Der Traffic dorthin ist teuer — über Anzeigen, über Suchmaschinen, über die eigene Arbeit an der Marke. Ihn auf einer schwachen Produktseite verpuffen zu lassen, ist der teuerste Fehler im E-Commerce, weil er am Ende der ganzen Kette passiert, wo schon alles investiert wurde.

Screendesign und Produktdarstellung im Primepool Onlineshop von Dirk Rietschel

Screendesign & Shopoberfläche
Primepool-Onlineshop

Ein Shop, in dem Produktdarstellung, Marke und Struktur zusammenspielen — damit die Seite, auf der die Kaufentscheidung fällt, dasselbe Versprechen hält wie der erste Eindruck.

Aluna Deutschland — Onlineshop-Screendesign responsiv auf iMac, iPad und iPhone

Responsive Artikelseiten
Aluna Deutschland

Ein durchgängiges Screendesign für den Onlineshop — die Artikelseiten funktionieren auf iMac, iPad und iPhone gleichermaßen, damit die Kaufentscheidung auf jedem Gerät leicht fällt.

Screendesign für den barrierefreien Shopware-Onlineshop von FKB Schwimmbadtechnik

Onlineshop & Produktseiten
FKB Schwimmbadtechnik

Ein barrierefreier Shopware-Shop, bei dem Struktur, Produktbilder und Kaufführung von Anfang an zusammen gedacht wurden — von der Kategorie bis zur einzelnen Produktseite.

Was auf eine gute Produktseite gehört

Der wichtigste Bereich ist das, was ohne Scrollen sichtbar ist — über dem Falz. Dorthin gehört das Nötigste für die Entscheidung: ein aussagekräftiges Produktbild, ein klarer Preis, die Verfügbarkeit und ein eindeutiger Kauf-Button. Nicht drei konkurrierende Handlungsaufforderungen, sondern eine, die niemand suchen muss.

Darunter folgt die Tiefe, in einer sinnvollen Reihenfolge: weitere Bilder aus mehreren Perspektiven, eine ehrliche Beschreibung, Varianten und Größen verständlich gelöst, dann Vertrauen (Versand, Rückgabe, Bewertungen) und erst am Schluss Alternativen. Gutes Screendesign heißt hier nicht Dekoration, sondern Hierarchie: den Blick so führen, dass die Kaufentscheidung leicht fällt und Zweifel genau dann beantwortet werden, wenn sie entstehen. Wie dieser Aufbau schon eine Stufe früher beginnt, habe ich für die Kategorieseiten im Onlineshop beschrieben — sie führen den Kunden auf die Produktseite zu.

Die Produktseite als Einstiegsseite

Hier liegt das größte Missverständnis. Die meisten stellen sich die Produktseite als Ziel tief im Shop vor — erreicht über Startseite und Kategorie. Bei bezahltem Traffic stimmt das nicht: Bei Google Shopping, Performance Max und den meisten Social-Ads landet der Kunde direkt auf der Produktseite. Startseite und Kategorie hat er nie gesehen.

Das ändert die Anforderungen grundlegend. Die Produktseite muss dann allein stehen können und drei Fragen sofort beantworten, die sonst die Umgebung klärt: Wer ist dieser Shop? Warum sollte ich ausgerechnet hier kaufen? Und passt das, was ich hier sehe, zu der Anzeige, die mich hergebracht hat? Marke, Vertrauen und Kontext müssen von der ersten Sekunde an präsent sein — nicht irgendwo anders auf der Website.

Damit ist die Produktseite bei Anzeigen faktisch eine Landingpage — und verdient dasselbe gestalterische Niveau. Wird das Versprechen der Anzeige eingelöst, steigt die Conversion; bricht es, verliert man nicht nur den Kauf, sondern über schlechtere Qualitätswerte auch Geld an jeder weiteren Anzeige. Wer teuren Traffic einkauft, sollte die Seite, auf der er landet, nicht dem Zufall überlassen.

Bilder, die verkaufen

Im Onlinehandel ersetzt das Bild das Anfassen. Es ist das erste Argument und oft das stärkste. Gute Produktbilder zeigen das Produkt nicht nur, sie beantworten Fragen: Wie groß ist es wirklich, welche Materialien, welche Details, wie wirkt es in der Anwendung? Mehrere durchdachte Perspektiven schlagen ein einzelnes Katalogfoto fast immer — und ergänzende Formate wie 3D-Ansichten oder ein kurzes Produktvideo nehmen die letzte Unsicherheit.

Dabei zählt Stimmigkeit: Die Bildwelt einer Marke sollte über alle Produkte hinweg zusammenpassen — so, wie es etwa die Produkt- und Verpackungsbilder für den Markenlaunch von Derendo tun. Wie sich Produkte gezielt in Szene setzen lassen, damit sie auf dem Bildschirm überzeugen, habe ich in einem eigenen Beitrag zu Bildern für Onlineshops ausführlicher beschrieben.

Vertrauen entsteht im Detail

Zwischen „gefällt mir" und „ich kaufe" steht Vertrauen. Auf der Produktseite entsteht es aus vielen kleinen Signalen: sichtbare Versand- und Lieferzeiten, eine ehrliche Beschreibung statt Werbefloskeln, nachvollziehbare Bewertungen, klare Angaben zu Rückgabe und Kontakt. Nichts davon ist spektakulär — aber jedes fehlende Signal ist ein Grund mehr, den Tab wieder zu schließen.

Ein oft übersehener Punkt ist Zugänglichkeit: Ausreichende Kontraste, bedienbare Auswahlfelder und eine saubere Struktur helfen nicht nur Menschen mit Einschränkungen, sondern jedem, der es eilig hat oder am Smartphone kauft. Barrierefreiheit ist hier kein Zusatz, sondern beseitigt schlicht Kaufhürden — ein Prinzip, das in einen durchdachten Onlineshop von Anfang an gehört und nicht nachträglich aufgesetzt werden sollte.

Vom Screendesign zur fertigen Seite

Ehrlich zum Ablauf: Ich gestalte Onlineshops, ich programmiere sie nicht. Konkret heißt das, ich liefere das Screendesign in Dresden und die Customer Journey — von der Kategorie über die Produktdetailseite bis zum Warenkorb —, die technische Umsetzung im Shopsystem übernimmt Ihre Entwicklung oder Agentur. Der Vorteil: Weil das Design aus einer Hand kommt und oft auf einem Corporate Design aufsetzt, das ich selbst entwickelt habe, passt der Shop von Anfang an zur Marke.

Sinnvoll ist dabei ein Vorlagen-Ansatz: eine sorgfältig gestaltete Produktseite als Muster, das sich auf den ganzen Katalog anwenden lässt — so, wie es auch beim Onlineshop-Auftritt für FKB Solar entstanden ist. So bekommt jede Seite dasselbe Niveau, ohne dass jede Seite einzeln gestaltet werden muss.

Produktseiten besprechen

Häufige Fragen zur Produktdetailseite

Kann ich Google- oder Social-Ads direkt auf eine Produktseite verlinken?

Ja — und genau dafür sollte die Produktseite gebaut sein.

Ja: Bei Google Shopping, Performance Max und den meisten Social-Ads landet der Kunde direkt auf der Produktdetailseite, ohne vorher Startseite oder Kategorie gesehen zu haben. Die Seite muss deshalb allein funktionieren — sofort klar machen, worum es geht, wer dahintersteht und warum man hier kaufen sollte. Wichtig ist außerdem, dass das Versprechen der Anzeige (Preis, Angebot, Bild) auf der Seite eingelöst wird. Ein Bruch dazwischen kostet den Kauf und verschlechtert die Anzeigen-Qualität.

Was gehört auf jeden Fall auf eine Produktdetailseite?

Über dem Falz: Bild, Preis, Verfügbarkeit und ein klarer Kauf-Button.

Über dem Falz — ohne Scrollen sichtbar — gehören mindestens ein gutes Produktbild, ein klarer Preis, die Verfügbarkeit und ein eindeutiger Kauf-Button. Darunter folgt die Substanz: Bilder aus mehreren Perspektiven, eine ehrliche Produktbeschreibung, Varianten und Größen verständlich gelöst, Versand- und Lieferinfos sowie Vertrauenselemente wie Bewertungen. Die Kunst liegt in der Reihenfolge: erst die Kaufentscheidung ermöglichen, dann Zweifel ausräumen.

Reicht das Standard-Template meines Shopsystems?

Für den Start oft ja, dauerhaft selten — besonders bei bezahltem Traffic.

Für den Start oft ja, dauerhaft selten. Standard-Templates sind funktional, sehen aber aus wie tausend andere Shops und führen den Blick nicht gezielt zur Kaufentscheidung. Gerade wenn Sie Anzeigen schalten und teuren Traffic auf die Produktseite lenken, entscheidet die Gestaltung über die Rendite. Ein durchdachtes Screendesign holt an genau dieser Stelle mehr aus dem vorhandenen Besucherstrom heraus — ohne dass Sie den Shop technisch neu aufsetzen müssen.

Was kostet ein individuelles Produktseiten-Design?

Je nach Umfang — am wirtschaftlichsten ist ein Vorlagen-Ansatz.

Das hängt vom Umfang ab: eine einzelne, sorgfältig gestaltete Produktdetailseite als Vorlage ist überschaubar, ein durchdachtes System für viele Produktvarianten ist umfangreicher. Sinnvoll ist ein Vorlagen-Ansatz — ein sauber gestaltetes Muster, das sich auf den ganzen Katalog anwenden lässt. Was Sie in jedem Fall bekommen: ein klares Angebot vorab und einen Ansprechpartner. Am einfachsten klären wir den Rahmen in einem kurzen Erstgespräch.

weitere Artikel?