Produktseiten sind das Letzte, was Ihre Kunden sehen, bevor sie ihren Kauf tätigen.
Oder, wenn die Dinge nicht wie geplant verlaufen, das Letzte, was sie sehen, bevor sie den Ausgang erreichen.
Lassen Sie uns sechs Geschäfte aus sechs verschiedenen Nischen mit jeweils beeindruckenden Produktseiten aufteilen. Wir werden ihre Produktseiten - die alle mit Shopify erstellt wurden - unter die Lupe nehmen, um zu sehen, was sie tun, die Sie in Ihrem Geschäft replizieren können.
Inhalt veröffentlichen
Wie viel kostet es, einen Snapchat-Geofilter zu kaufen?
- Die Standardproduktseite
- Allbirds
- Ihm
- Reine Zyklen
- Ein kurzes Wort zu Videos auf der Produktseite
- Master & Dynamic
- Sonntagsversorgung
- Studio ordentlich
- Schlussfolgerungen zu Produktseiten
- Möchten Sie mehr erfahren?
Warten Sie nicht, bis es jemand anderes tut. Stellen Sie sich selbst ein und geben Sie den Ton an.
OPTAD-3
Erste Schritte kostenlos
Die Standardproduktseite
Unabhängig davon, welche Designvorlage Sie für Ihren Shopify-Shop verwenden, sieht das Backend der Produktseite ungefähr so aus:
So kommen Produktseiten mehr oder weniger sofort: Bild auf der linken Seite und In den Warenkorb legen Schaltfläche auf der rechten Seite optionale Dinge wie soziale Schaltflächen, Mengenauswahl und so weiter.
Wenn solche Seiten live geschoben werden, ähneln sie mehr oder weniger dieser:
Daran ist nichts auszusetzen. Alles Wesentliche ist genau dort. Mehrere Bilder, Farboptionen und (natürlich) die In den Warenkorb legen Taste.
Aber schauen wir uns an, wie eine Handvoll genialer Geschäfte Standardproduktseiten in atemberaubende Produktseiten verwandeln.
Allbirds
Allbirds, das Schuhe verkauft, hat die Produktseite erstellt, die wir uns oben angesehen haben. Weißt du, der normal aussehende.
Die Produktseiten von Allbirds sind jedoch nur dann normal, wenn Sie nicht nach unten scrollen. Sobald Sie eintauchen, finden Sie einige der besten Produktseiten.
Hier gibt es viel zu tun. Zunächst einmal hält Allbirds an dem alten Sprichwort fest, dass „Form folgt Funktion“. Sie haben nämlich eine Produktbeschreibung, die genau in den bereitgestellten Bereich neben dem vorgestellten Bild passt, ohne die Symmetrie des Layouts zu beeinträchtigen.
An Informationen mangelt es aber nicht! Wenn Sie auf Weitere Informationen klicken, werden Sie zu einem Anker weiter unten auf der Produktseite weitergeleitet.
Hier finden Sie einen riesigen, farbenfrohen Bereich, der den Details gewidmet ist, die nicht sauber darauf passen:
Es gibt keine Regel, die besagt, dass Produktbeschreibungen auf diesen kleinen Winkel über dem Warenkorbknopf beschränkt sein müssen. Wenn Sie diese Details nach unten verschieben, erhalten Allbirds das Beste aus beiden Welten: Unzählige Details und Bilder, die das Produkt hervorheben, und Ein Layout, das intuitiv ist. (Dieses Layout stellt auch sicher, dass die In den Warenkorb legen Der Knopf bleibt über der Falte fixiert. Welches ist, wo es hingehört.)
Eine weitere großartige Sache auf den Produktseiten von Allbirds sind die frechen Videos, in die sie schlüpfen:
Wenn Sie auf dieses „Bild“ klicken, wird anstelle eines anderen Produktbilds ein Video angezeigt. Das Video ist einfach - es dauert nur wenige Sekunden. Keine Emmy-Nominierungen hier. Aber diese Art von Berührungen können Ihre Produktseiten revolutionieren.
https://www.datocms-assets.com/22581/1603987525-woolloungerfemale1-1.mp4Ein paar weitere Dinge, die Sie auf den Produktseiten von Allbirds beachten sollten.
Möchten Sie Ihre Produktseiten unvergesslich machen? Wie wäre es mit einem großen HD-Bild eines bizarren Tieres:
Dann gibt es eine Reihe von Vorteilen, die von Komfort über Bequemlichkeit bis hin zu Umweltbelangen reichen und jeweils ein eigenes Symbol haben:
Social Media Stecker auf einer Produktseite? Ja, warum nicht:
Weitere Informationen: Beispiele für die Allbirds-Produktseite
Ihm
Als nächstes kommt Hem, eine skandinavische Möbelmarke. Hem verwendet einige clevere Taktiken, um Produktseiten zu einem ganz eigenen Erlebnis zu machen.
Okay, hier ist die grundlegende Produktseite - sei der über dem Falz liegende Teil. Wenn sich jemand bereits für den Kauf entschieden hätte, könnte er sofort seine Bestellung aufgeben.
Hem hat seine eigene Art, mit zusätzlichen Details sparsam umzugehen. Anstatt auf andere Teile der Produktseite zu verlinken, verwenden sie eine Reduzierungsfunktion. Dies…
… Wird daraus:
Dank dieses Layouts müssen Sie nicht nach unten scrollen, um wichtige Informationen zu erhalten. Natürlich, wenn Sie machen scrollen Sie nach unten, die Dinge werden ziemlich interessant.
Dies sind die ersten beiden Bilder, auf die Sie stoßen: eines ist ein Video, das andere ein Kaktus.
Ich kann mich nicht erinnern, jemals einen Kaktus auf einer Couch sitzen gesehen zu haben. Trotzdem habe ich diesen Couchkaktus nicht vergessen, seit ich ihn gesehen habe. Es ist einfach ... cool. Einerseits eine teure Couch - eine Couch, die alle Klassen bietet, die Sie von skandinavischem High-End-Design erwarten - und andererseits ein kleiner Kaktus. Der Verrücktheit gelingt es, eine bizarr unvergessliche Szene zu schaffen.
Und dann das Video. Dies ist wiederum keine Videografie auf Filmfestival-Ebene. Aber es sind bewegte Bilder, und die Leute lieben bewegte Bilder. Das 26-Sekunden-Video zeigt die Couch aus unzähligen Blickwinkeln und zeigt, wie einfach sie zu konstruieren ist.
Danach mehr Bilder - große, wunderschöne Bilder - mit einem Schuss geschriebenem Wort, um den Kunden alle Details zu geben, die sie möglicherweise vermissen.
Weitere Informationen: Beispiele für Hem-Produktseiten
Wie mache ich ein GIF?
Reine Zyklen
Der Bike-Entwickler Pure Cycles hat mehr als ein paar raffinierte Elemente in seine Produktseiten integriert.
Lassen Sie uns auf vier subtile, aber brillante Berührungen eingehen.
1. Dieses kleine Herz
Mit diesem Herzen können Sie Ihrer Wunschliste etwas hinzufügen. Dies ist aus mehreren Gründen eine nette Geste: Zunächst einmal erleichtert es zukünftige Einkäufe, was immer gut ist. Zweitens werden Benutzer dazu verleitet, ihre Kontaktdaten zu überprüfen, sodass Pure Cycles einen zukünftigen Kauf mit E-Mails und Rabattcodes beschleunigen kann.
2. Diese Messenger-Option
Dies kann für Käufer sehr praktisch sein. Es schadet wahrscheinlich auch nicht den Bemühungen von Pure Cycles Facebook, Kunden dazu zu bringen, sich auf Produktseiten mit der Social-Media-Plattform zu beschäftigen.
3. Mehr Inhalt!
Pure Cycles gibt Ihnen einen Hinweis darauf, dass sich unter dem Falz dieser Produktseite zusätzlicher Inhalt befindet. Nur für den Fall, dass jemand fälschlicherweise dachte, dass diese Seite mit einem einfachen Kauf begann und endete.
4. Schönes Video
Schließlich wird das Video in die Produktfotos eingebettet.
Klicken Sie darauf und Sie erhalten dies. An 50 Sekunden von zwei gutaussehenden Menschen, die das Leben mit ihren Pure Cycles-Fahrrädern genießen, ist nichts auszusetzen:
Der Rest der Pure Cycles-Produktseite ist vorhersehbar schön. Pure Cycles lädt es mit Kundenbewertungen, Fotos, Social-Media-Steckern und Versanddetails auf - Dinge, die definitiv nicht neben die passen würden In den Warenkorb legen Taste.
Und für diejenigen, die nach konkreten Details suchen, bietet Pure Cycles Folgendes:
Weitere Informationen: Beispiele auf der Produktseite von Pure Cycles
Ein kurzes Wort zu Videos auf der Produktseite
Wenn Sie sich gerade dieses Pure Cycles-Video angesehen haben, denken Sie vielleicht: 'Wie kann ich so etwas erstellen?'
Kein Zweifel, das Video ist ziemlich schick. Solche Sachen erscheinen nicht aus der Luft.
Aber Videos sind nicht unmöglich!
Glaubst du mir nicht? Nehmen wir an, Oberlo hat angefangen, Sweatshirts zu verkaufen. Sweatshirts sind ein Artikel wie dieser, der definitiv ein Video auf der Produktseite gebrauchen könnte - also haben wir uns eines ausgedacht! Dies wurde in ungefähr 45 Minuten erstellt, vom Filmen über die Bearbeitung bis zum Export und Upload.
Sicher, dieses Video bekommt keine Standing Ovations. Und dir wird vergeben, wenn du nicht unbedingt eines dieser Sweatshirts kaufen willst. Aber verdrehen Sie nicht die Augen bei der Idee, Videos zu machen! Dies ist nicht nur etwas für große Marken. Die Eintrittsbarriere wurde auf starken Kaffee und ein iPhone reduziert.
Okay, weiter zu unserem nächsten Laden.
Master & Dynamic
Master & Dynamic verkauft High-End-Audiozubehör. Der obere Rand der Produktseite ist relativ normal…
… Aber dann werden die Dinge geradezu elegant, wenn Sie sich umschauen.
Hier ist die Master & Dynamic-Produktseite unter der Falte - eine quasi Zeitleiste mit Funktionen:
Das ist ziemlich genial: Verwenden Sie das Design des tatsächlichen Produkts, um das Layout zu befeuern. Klar, das Kopfhörerkabel ist besonders perfekt. Aber selbst wenn Sie zappelige Spinner, Yogamatten oder etwas anderes verkaufen, erhalten Sie durch das Erstellen der Produktseite um das Produkt eine kohärente Struktur, mit der Sie arbeiten können.
Nach unten erhalten Sie nach einer Reihe faszinierender Fotos die technischen Daten.
Weitere Informationen: Beispiele für Master & Dynamic-Produktseiten
MW60 Wireless Over-Ear-Kopfhörer
Sonntagsversorgung
Sunday Supply, ein australisches Geschäft, das Sonnenschirme verkauft, ist mit seinen Produktseiten sehr beliebt. Wie buchstäblich groß.
Sie ignorieren das Standardlayout „Produkt links, Details rechts“ und gehen stattdessen mit riesigen Bildern aus:
Sogar die Produktseite der Geschenkkarte führt mit einem massiven Bild:
Sie müssen nicht weit gehen, um das zu finden In den Warenkorb legen Schaltfläche, die direkt unter diesem Bild sitzt. (Auf den Schaltflächen von Sunday Supply steht 'Zur Tasche hinzufügen', da es sich um ein Strandmotiv handelt.)
Sie stoßen dann auf einige Produktdetails, die mit einer unwiderstehlich charmanten Stimme geschrieben sind und dem Regenschirm menschliche Qualitäten verleihen, wie „ein Liebhaber langer Tage in der Sonne und ein großartiger Begleiter“ zu sein.
Was macht es, ein Video auf Youtube zu mögen?
Weitere Details wie 'Falten auf 1,2 M x 0,2 M x 0,2 M' oder '~ 7,0 kg Gewicht' finden Sie weiter unten auf der Seite. Aber warum nicht mit dem lustigen Zeug führen?
Wie in jedem Geschäft, in dem Strandausrüstung verkauft wird, zeigt Sunday Supply seine Produkte auch in freier Wildbahn. Wenn Sie den Ozean als Hintergrund verwenden können, warum nicht?
Weitere Informationen: Beispiele für die Produktseite von Sunday Supply
Natürlicher Instinkt-Sonnenschirm
Studio ordentlich
Die Gerätespeicher- und Ladegeräte von Studio Neat verfügen über Produktseiten, die genauso edel sind wie die schicken Artikel, die sie verkaufen.
Die Infrastruktur der Seite ist Standard, wird jedoch ausnahmsweise ausgeführt. Mit den beiden Sätzen des Beschreibungstextes können Sie sich vorstellen, wie das Objekt an Ihrem Platz aussehen würde - „Auf Ihrem Nachttisch oder an Ihrem Schreibtisch…“ - und Berührungen wie das kreisförmige Bild geben ihm etwas Pop.
Gleich darunter stoßen wir auf ein Video, das sauber und poliert ist, aber nichts, was Hollywood-Know-how erfordern würde.
Wie erstelle ich eine Facebook-Seite für mein Unternehmen?https://www.datocms-assets.com/22581/1603987527-studio-neat.mp4
Anschließend wird die Produktseite zu einer visuellen Tour durch die Funktionen, die Sie beim Kauf dieser Dockingstation erwarten können. Währenddessen gibt es Akzente für gelegentlichen Text ('Egal wie Sie rollen, Sie haben einen Platz für Ihre Geräte').
Schließlich enthält die Produktseite einige Aufnahmen dieses Telefondocks rund um Haus und Büro.
Die Designs der Produktseiten von Studio Neat variieren und sind alle großartig. Hier sind zum Beispiel einige Aufnahmen von der Produktseite für einen Touchscreen-Pin. Diese Anatomie-Lektion ist sowohl informativ als auch visuell überzeugend.
In der Zwischenzeit macht diese Nahaufnahme des Stifts in Aktion wirklich Lust, mit einem herumzuspielen.
Weitere Informationen: Beispiele für die Produktseite von Studio Neat
Schlussfolgerungen zu Produktseiten
Diese Produktseiten haben alle einige Gemeinsamkeiten. Lassen Sie uns auf sie tldr Stil treffen.
Es gibt viel Platz - nutzen Sie ihn
Diese Produktseiten lassen keine Pixel verloren gehen und scheuen auch nicht, den Käufer ein wenig scrollen zu lassen. Produktseiten wurden in Magazinen und Zeitungen geboren, in denen Platz kostbar war. Aber online müssen Sie nicht zwischen diesem zusätzlichen Bild und diesen zusätzlichen detaillierten Informationen wählen. Nutze alles.
Videos und riesige Bilder
Wir haben Videos angesprochen. Du solltest Videos machen! Und natürlich die Fotos nicht vergessen. Diese Seiten haben exquisite Bilder. Wenn Sie ein Dropshipper sind, sollten Sie nicht nur die Fotos Ihrer Lieferanten verwenden. Bestellen Sie Ihre Produkte und nehmen Sie Ihre eigenen mit. Sie müssen keine Fahrräder oder High-Tech-Audioausrüstung verkaufen, damit Ihre Produktfotos zum Leben erweckt werden.
Die Konvertierung ist weiterhin oben auf der Seite möglich
Diese umwerfenden Produktseiten helfen dabei, Menschen, die sich für den Kauf interessieren, zu konvertieren. Deshalb sehen wir Fotos und Videos sowie ausgefallene Layouts. Aber vergessen Sie nicht die Leute, die bereits ihre Kreditkarten haben! Wenn jemand bereit ist zu kaufen, tun Sie, was diese Geschäfte tun, und ermöglichen Sie den Kauf von Artikeln, ohne zu scrollen oder zu suchen.
Möchten Sie mehr erfahren?
Hier sind einige andere Artikel, die Ihnen helfen, Ihre Produktseiten zu nageln!
- Slogan Generator
- So schreiben Sie epische Produktbeschreibungen
- 15 erstaunliche Tipps für die Produktfotografie
- 12 Website-Design-Ideen für E-Commerce-Shops
