Die 15 besten Beispiele für E-Commerce-Landingpages + Ideen, die konvertieren [2022]
Veröffentlicht: 2022-04-17Der 2022 Future of eCommerce -Bericht von Shopify enthüllte einige nicht so schockierende Wahrheiten:
- Die Direktkosten für den Verbraucher steigen.
- Die Werbekosten schießen plattformübergreifend in die Höhe.
- Der weltweite E-Commerce-Umsatz wird bis 2024 voraussichtlich 6 Billionen US-Dollar erreichen.
- Der Wettbewerb ist das größte Hindernis für das Wachstum im Jahr 2022.
Die Verbraucher stehen nicht nur Schlange, um mehr Online-Shopping zu tätigen, sondern der Wettbewerb war noch nie so heftig. Und es kostet alle.
Das bedeutet, dass die Maximierung der Effektivität von E-Commerce-Kampagnen jetzt mehr denn je ganz oben auf Ihrer Liste stehen sollte.
Die guten Nachrichten?
Es gibt keinen besseren Weg, die Werbeausgaben zu reduzieren, den Umsatz zu steigern, die Konkurrenz zu schlagen oder die Kosten pro Akquisition (CPA) zu senken, als mehr Leistung aus Ihren E-Commerce-Zielseiten herauszuholen. Und genau das zeigen wir Ihnen heute.
In diesem Artikel werden wir 15 der besten Beispiele für E-Commerce-Zielseiten untersuchen (jedes stellt eine andere Funktion dar, die für Conversions erforderlich ist).
- 1. E-Commerce-Landingpage-Beispiel(e) mit hochwertigen Produktbildern
- 2. E-Commerce-Landingpage-Beispiel(e) mit einem Aufmerksamkeitsverhältnis von 1:1
- 3. E-Commerce-Landingpage-Beispiel(e) mit Social Proof
- 4. E-Commerce-Landingpage-Beispiel(e) mit Rabattangeboten
- 5. E-Commerce-Landingpage-Beispiel(e) mit getesteter CTA-Button-Kopie
- 6. E-Commerce-Landingpage-Beispiel(e) mit zoombaren Produktbildern
- 7. Beispiel(e) für E-Commerce-Zielseiten mit Live-Chat
- 8. E-Commerce-Landingpage-Beispiel(e) mit einem Gefühl von Knappheit und Dringlichkeit
- 9. E-Commerce-Landingpage-Beispiel(e) mit kostenlosen Versandangeboten
- 10. Beispiele für E-Commerce-Zielseiten, die sich alle auf einer einzigen Seite befinden
- 11. E-Commerce-Landingpage-Beispiel(e) mit großartigem Design und UX
- 12. E-Commerce-Landingpage-Beispiel(e) mit Produktvideos
- 13. E-Commerce-Landingpage-Beispiel(e) mit Leerraum
- 14. E-Commerce-Landingpage-Beispiel(e) mit einzigartigen Wertversprechen (UVP)
- 15. E-Commerce-Landingpage-Beispiel(e) mit visuellen Hierarchiekonzepten
- Abschließende Gedanken zu E-Commerce-Landingpages
Holen Sie sich jede Woche brandneue Zielseitenstrategien direkt in Ihren Posteingang. 23.739 Menschen sind es bereits!
1. E-Commerce-Landingpage-Beispiel(e) mit hochwertigen Produktbildern
Häufig verwenden E-Commerce-Landingpage-Designer Bilder, um den Raum zu füllen. Aber ein qualitativ hochwertiges Produktbild kann Conversions bewirken oder verhindern.
Anstatt nur Platz zu füllen, präsentieren Sie Ihre Produkte im wirklichen Leben, als wären sie von einer Fliege an der Wand Ihres idealen Kunden eingefangen worden.
Je lebendiger, detaillierter und hochwertiger, desto besser.
Beachten Sie zum Beispiel, wie Keeps nicht nur benutzerdefinierte Fotografie von höchster Qualität verwendet, sondern auch ihre Produkte in die reale Welt setzt. Sie sorgen dafür, dass sich ihre Produkte real, greifbar und in den Alltag eines Menschen integrierbar anfühlen.



Denken Sie daran, dass Ihr Kunde der Held ist; Ihr Produkt ist das magische Schwert, das ihnen auf ihrer Reise hilft. Aber machen Sie keinen Fehler, es ist ihre Reise, nicht Ihre. Erwecken Sie also ihre Reise in Ihren Zielseitenbildern zum Leben.
2. E-Commerce-Landingpage-Beispiel(e) mit einem Aufmerksamkeitsverhältnis von 1:1
Zielseiten unterscheiden sich von anderen Seiten auf Ihrer Website oder sogar Produktseiten in Ihrem E-Commerce-Shop.
Während Ihre Website-Seiten den Bedürfnissen aller Besucher gerecht werden müssen, müssen Ihre Zielseiten nur die Bedürfnisse bestimmter Kampagnenbesucher erfüllen. Dies bedeutet, dass Zielseiten am effektivsten sind, wenn sie sich auf einen klaren Call-to-Action (CTA) konzentrieren, nicht auf viele.
Zu viele Angebote und Optionen auf Ihrer Zielseite können zu einer Analyselähmung oder dem, was der Psychologe Barry Schwartz das „Paradox of Choice“ nennt, führen. Dadurch fühlen sich Ihre Besucher nur überfordert und unentschlossen.
Um dem entgegenzuwirken, müssen Sie sich auf einen einzigen CTA konzentrieren.
Wir nennen diese Best Practice für die Zielseite ein Aufmerksamkeitsverhältnis von 1:1. Ein Ziel, ein CTA.
Das ist es.
Beachten Sie zum Beispiel, dass Home Chef nur einen einzigen Link auf seiner gesamten Zielseite hat (die grüne Schaltfläche, um Ihre Mahlzeiten auszuwählen). Sogar der rote Klebebalken „Angebot einlösen“ führt zum gleichen Conversion-Ziel, nur anders formuliert.

Stellen Sie das nun der Zielseite von Thistle gegenüber:

Die vollständige Zielseite von Thistle enthält fast 20 Links. Das ist viel Ablenkung und noch mehr Raum für Unentschlossenheit.
3. E-Commerce-Landingpage-Beispiel(e) mit Social Proof
Sozialer Beweis bezieht sich auf das Phänomen, bei dem Menschen routinemäßig die Entscheidungen ihrer Kollegen kopieren und andere Meinungen einholen, wenn sie ihre Kaufentscheidungen treffen.
Je mehr Beweise Sie also dafür haben, dass andere Leute wie sie den Sprung gewagt und Erfolg hatten, desto mehr Besucher werden Sie konvertieren. Einfach.
Social Proof auf der Zielseite schafft Vertrauen und kommt in Form von Kundenreferenzen, Sternebewertungen, Vertrauensabzeichen, Auszeichnungen, Erwähnungen in den Medien, Fallstudien und mehr.
Beispielsweise bietet Jasper (ehemals Jarvis) auf seiner Zielseite soziale Beweise in Form von Sternebewertungen, Kundenrezensionen und einer Kundenliste mit Logos.

Wenn es um Social Proof geht, beachten Sie Folgendes:
- Erstellen Sie einen Prozess: Machen Sie Testimonials zu einem Teil Ihres Verkaufsprozesses, indem Sie den Abruf per E-Mail automatisieren.
- Passend auswählen: Suchen Sie nach Testimonials, die mit Ihrem Leistungsversprechen übereinstimmen.
- Platzieren Sie es überall: Platzieren Sie soziale Beweise, wo immer Sie können. Geben Sie ihm einen eigenen Abschnitt, platzieren Sie ihn in der Nähe von Vorteilen, neben der Produktbeschreibung, neben CTA-Schaltflächen, auf der Checkout-/Warenkorbseite und so weiter.
- Halten Sie es vielfältig : Verwenden Sie Testimonials, Sternebewertungen, Auszeichnungen, vorgestellte Veröffentlichungen … die Liste der Beispiele für soziale Beweise geht weiter und weiter. (Tatsächlich haben wir einen ganzen Blog geschrieben, der die vielen Typen abdeckt; sehen Sie es sich hier an.)
- Seien Sie ehrlich: Niemand erwartet einen perfekten Ruf. Tatsächlich kann ein allzu perfekt kuratierter Social Proof Ihre Kunden dazu bringen, seine Legitimität und Ehrlichkeit in Frage zu stellen.
4. E-Commerce-Landingpage-Beispiel(e) mit Rabattangeboten
Hier ist ein kleines Ökonomie-101: Je niedriger der Preis, desto mehr Nachfrage.
Das Hinzufügen eines Rabatts zu Ihrer E-Commerce-Zielseite ist eine Strategie, die die Conversions steigern kann. Wir wissen das.
Daher sollte es nicht überraschen, dass Corkscrew Wine Merchants die Conversions um 148 % steigerte, als sie ihrer Produkt-Landingpage ein 15 %-Rabatt-Etikett hinzufügten.

In ähnlicher Weise hatte einer unserer eigenen Kunden, MyClean, Erfolg, nachdem er Rabatte für Split-Tests in seiner Kopie getestet hatte. Mit Rabatten als Teil ihrer Strategie verzeichneten sie einen Anstieg der Conversions um 31 % und einen Rückgang des CPA um 20 %. (Sie können mehr über ihren Erfolg in unserer Fallstudie lesen.)
Aber Sie fragen sich vielleicht, an welchem Punkt riskieren Sie, Ihre Marke zu verbilligen? Und wie viele Verkäufe müssen Sie noch machen, um den entgangenen Gewinn auszugleichen?
Im Fall von Corkscrew hat ein Anstieg der Neukäufe um 18,5 % zu einem Preis von 45 $/Flasche zweifellos den durch den Rabatt entgangenen Gewinn wettgemacht.
Hätte sich diese Conversion-Rate jedoch nur um beispielsweise 2 % erhöht, wäre dies schwieriger zu rechtfertigen gewesen.
Während Rabatte dazu beitragen können, ein unwiderstehliches Sonderangebot mit zusätzlicher Dringlichkeit zu erstellen, sollten Sie dies nur mit Vorsicht tun oder im besten Interesse Ihrer Marke tun.
Zum Beispiel bietet diese Marke einen Rabatt, aber nur, wenn Sie sich für ihre E-Mails anmelden.

5. E-Commerce-Landingpage-Beispiel(e) mit getesteter CTA-Button-Kopie
Eine der einfachsten und schnellsten Möglichkeiten, die Conversions der eCommerce-Zielseite zu steigern, besteht darin, die Kopie Ihrer CTA-Schaltfläche zu testen.
Button Copy ist nicht nur einfach zu testen, sondern trägt unserer Erfahrung nach auch zu den drei wichtigsten Konversionsbeiträgen bei. Mit anderen Worten: Wenig Aufwand, aber hohe Wirkung.
Der Trick mit CTA-Kopie besteht darin, die Motivation zu steigern, ohne Ihr Angebot zu ändern.
Zum Beispiel haben wir mit unserem Kunden TYME drei verschiedene CTA-Buttons getestet, um zu sehen, welcher am besten konvertiert.
Zuerst haben wir eine geringe Bedrohung getestet:

Dann haben wir eine mittlere Bedrohung getestet:

Schließlich haben wir eine hohe Bedrohung getestet:

Die Ergebnisse?
„30 Tage lang testen!“ Steigerung der Conversions um 18 % im Vergleich zu "Weitere Informationen".
„Jetzt kaufen“ steigerte die Conversions um 2 % im Vergleich zu „Weitere Informationen“.
Das Angebot hat sich nie wirklich geändert – Sie konnten das Bügeleisen jederzeit innerhalb von 30 Tagen zurückgeben. Aber durch die Änderung der CTA-Kopie in eine weniger bedrohliche Version von „Jetzt kaufen“ haben wir die Motivation des Käufers erhöht.
6. E-Commerce-Landingpage-Beispiel(e) mit zoombaren Produktbildern
Laut Baymard haben 25 % der E-Commerce-Websites keine ausreichende Auflösung oder Zoomstufe für Produktbilder. Nicht gut, wenn man bedenkt, dass die erste Aktion von 56 % der E-Commerce-Besucher darin besteht, Produktbilder zu erkunden.
Wie bereits erwähnt, ist die Produktbildqualität entscheidend für die Conversions. Aber Sie müssen noch einen Schritt weiter gehen und hochauflösende Fotos sicherstellen, selbst wenn sie auf dem Desktop vergrößert oder auf dem Handy zum Zoomen zusammengezogen wurden .
Beachten Sie zum Beispiel, wie verpixelt diese Sears-Couch ist, wenn Sie hineinzoomen:

Vergleichen Sie das jetzt mit einem Beispiel von Nike:

Wenn Sie auf den Desktop klicken, um zu zoomen, wird ein Vollbild mit hoher Auflösung geöffnet:

Was ist, wenn wir auf dem Handy kneifen, um zu zoomen?

Die meisten E-Commerce-Plattformen wie Shopify, Magento, BigCommerce und WooCommerce bieten Apps oder Funktionen für zoombare Produktbilder. Es liegt an Ihnen, sicherzustellen, dass Ihre Bilder hoch genug sind.
Eine andere Möglichkeit, dies zu tun, besteht darin, ein vergrößertes Bild des Produkts selbst auf Ihrer Zielseite einzufügen. So machen es die Leute bei Apple:

7. Beispiel(e) für E-Commerce-Zielseiten mit Live-Chat
Die Ergebnisse sind da: Die Leute lieben Live-Chat. Der Live-Chat hat eine Verbraucherzufriedenheitsrate von 92 %, und bis zu 41 % der Käufer bevorzugen den Live-Chat als Kanal für den Kundensupport.
Live-Chat bietet nicht nur einen effizienten Echtzeit-Kundendienstkanal, sondern schafft auch einen reibungslosen Weg zur Konversion.
Tatsächlich fand Kayako heraus, dass 79 % der befragten Unternehmen angaben, dass Live-Chat zu einer erhöhten Kundenbindung, Verkäufen und Einnahmen führte.

All dies, um zu sagen: Warum nicht Live-Chat auf Ihren Zielseiten integrieren?
Unbounce kennt sicherlich die Vorteile:

Sie können sogar einen Chatbot verwenden, um Ihren E-Commerce-Kundenservice zu automatisieren und zu erweitern. Stellen Sie nur sicher, dass Sie auch die Möglichkeit haben, mit einer echten Person zu sprechen.
Beachten Sie zum Beispiel, wie Paula's Choice (ein Hautpflegegeschäft) einen Chatbot verwendet, um anfängliche Fragen zu beantworten, dann aber die Möglichkeit bietet, danach mit einer echten Person zu sprechen.

8. E-Commerce-Landingpage-Beispiel(e) mit einem Gefühl von Knappheit und Dringlichkeit
Manchmal ist der einfachste Weg, die Conversions von E-Commerce-Zielseiten zu steigern, eine Prise Knappheit und Dringlichkeit hinzuzufügen. Das macht Ihr Angebot einfach unwiderstehlicher.
Dringlichkeit greift auf ein grundlegendes Prinzip der Verhaltenspsychologie zurück: Verlustaversion.
Verlustaversion läuft wirklich auf eines hinaus: Die Angst, etwas zu verpassen, ist stärker als der Wunsch, etwas zu gewinnen. Aus diesem Grund führt es zu mehr Conversions, wenn Sie ein Gefühl der Exklusivität um Ihre Produkte herum aufbauen.
Schauen Sie sich dieses Landingpage-Beispiel an, das Knappheit und Dringlichkeit auf ihrer Landingpage kombiniert:

Wie können Sie also Ihren regulären und Produkt-Landingpages Dringlichkeit verleihen?
- Lagerbestände anzeigen: Nur noch zwei übrig? Informieren Sie Ihre Besucher.
- Führen Sie ein zeitlich begrenztes Angebot durch: Stellen Sie Dringlichkeit her, indem Sie einen Verkauf, Rabatt oder Preis auf eine begrenzte Zeit beschränken.
- Verwenden Sie einen Countdown-Timer: Machen Sie Ihr begrenztes Angebot mit einem Countdown-Timer vorne und in der Mitte sichtbar.
- Gesamtkäufe anzeigen : Lassen Sie Ihre potenziellen Kunden wissen, wie viele Käufer bereits gekauft haben (siehe: Social Proof).
- Führen Sie eine Vorbestellungskampagne durch: Führen Sie einen Sonderverkauf nur für Frühbucher durch und versüßen Sie das Geschäft mit bevorzugten Preisen und Frühzugangsboni.
- Bieten Sie exklusive Boni an: Bündeln Sie Add-Ons in limitierter Auflage für Kunden, die jetzt kaufen.
- Halten Sie Out-of-Stock-Benachrichtigungen sichtbar: Es gibt keinen besseren Weg, um ein Gefühl der Dringlichkeit zu schaffen, als Besucher wissen zu lassen, dass verschiedene Größen, Farben oder Passformen bereits ausverkauft sind.
9. E-Commerce-Landingpage-Beispiel(e) mit kostenlosen Versandangeboten
Die Verbraucher von heute wollen und erwarten kostenlosen Versand . In der Tat…
- 80 % der Verbraucher erwarten kostenlosen Versand, wenn sie über einen bestimmten Dollarbetrag bestellen.
- 60 % der Käufer verlassen Warenkörbe wegen zusätzlicher Kosten, einschließlich Versandkosten.
- 58% der Kunden legen Produkte in ihren Einkaufswagen, um kostenlosen Versand zu erhalten.
Hier sind nur ein paar weitere knallharte Zahlen zum kostenlosen Versand:

Zum Glück für E-Commerce-Marken macht kostenloser Versand Ihre Kunden glücklich und kann zu mehr Conversions und größeren Bestellungen führen.
Sie können wählen, ob Sie auf der gesamten Website kostenlosen Versand anbieten möchten, einschließlich Landingpage-Angeboten. Oder Sie können mit kostenlosem Versand kreativ werden.
Sie können zum Beispiel anbieten
- versandkostenfrei ab einem Mindestbestellwert
- Kostenloser Versand nur für begrenzte Zeit
- Kostenloser Versand für ausgewählte Produkte
- versandkostenfrei vor Ort
- kostenloser Versand zur Abholung im Geschäft
- kostenloser Versand für Mitglieder (z. B. Amazon Prime)
- nur 7 Tage kostenloser Versand
Diese Gillette-Landingpage bietet kostenlosen Versand für jede Bestellung:

Während der kostenlose Versand eine großartige Möglichkeit ist, Kunden anzulocken und mehr Conversions zu erzielen, ist der kostenlose Versand für Sie alles andere als kostenlos.
Denken Sie also strategisch.
Die besten E-Commerce-Shops bauen kostenlosen Versand in ihr Angebot ein, indem sie den Gesamtpreis erhöhen, und nicht, indem sie ihre Margen in Mitleidenschaft ziehen.
10. Beispiele für E-Commerce-Zielseiten, die sich alle auf einer einzigen Seite befinden
Per Definition ist eine Zielseite eine dedizierte Webseite. Die meisten E-Commerce-Zielseiten sind jedoch „Durchklickseiten“, was bedeutet, dass sie sich immer noch zu einer Checkout-Seite durchklicken, sobald ein Besucher auf die Schaltfläche „Jetzt kaufen“ klickt.
Im Gegensatz zu den meisten bietet FabFitFun jedoch sein Abonnementangebot, seine Preise und seinen Checkout auf einer einzigen Zielseite. Besucher müssen die Zielseite nie verlassen, um ihren Kauf abzuschließen.

Warum funktioniert das? Je mehr Schritte in Ihrem Conversion-Funnel vorhanden sind, desto größer ist die Wahrscheinlichkeit, dass etwas schief geht. Indem Sie alles auf einer Seite halten, lassen Sie wenig Spielraum für Fehler und einen kürzeren Weg bis zur Ziellinie.
11. E-Commerce-Landingpage-Beispiel(e) mit großartigem Design und UX
Das Gesetz von Jakob besagt, dass die meisten Menschen, da sie die meiste Zeit auf anderen Websites verbringen, erwarten, dass Ihre Website genauso funktioniert wie alle anderen Websites, mit denen sie bereits vertraut sind.
Wenn es um die Gestaltung Ihrer E-Commerce-Zielseite geht, werden Sie nicht niedlich.
Das Layout, die Funktionalität, die Leistung und die Benutzererfahrung der Zielseite sollten Ihre Besucher nicht zum Nachdenken anregen; es sollte sich nahtlos, vorhersehbar und ohne bewusste Anstrengung anfühlen und funktionieren.
Drunk Elephant hat kürzlich seine Produktseiten neu gestaltet (Stand Anfang 2022). Sie sind keine echten Zielseiten, aber sie werden oft für Werbekampagnen verwendet. Ein Problem: Sie wurden damit zu süß.
Nun, Besucher
- Erleben Sie Parallax-Scrolling mit Seitwärtsbewegung
- kann nicht einfach hoch und runter scrollen
- kann bestimmte Abschnitte nicht sehen, ohne zuerst durch die vorherigen zu scrollen
- nicht erkennen können, wo sie sich auf der Seite befinden
- erkennen keine Konsistenz in Design oder Layout (jeder Abschnitt fühlt sich anders an)
Es ist zu viel kognitive Belastung erforderlich, um ihre Produktseiten anzusehen, was dazu führt, dass sich die Besucher außer Kontrolle fühlen.
Und nachdem ich jahrelang beruflich durch Websites navigiert habe, können Sie darauf wetten, dass alle anderen auch Probleme haben, wenn ich Probleme beim Navigieren auf der Website habe.
Also sei nicht wie der betrunkene Elefant. Denken Sie daran, dass Ihre Benutzer erwarten, dass Ihre Zielseiten wie alle anderen funktionieren.
Machen Sie es wie in diesem Landing-Page-Beispiel, wo es Sie leicht durch den Prozess führt und die Erfahrung nahtlos ist.

12. E-Commerce-Landingpage-Beispiel(e) mit Produktvideos
Video. Video. Video.
Wir wissen – niemand kann heutzutage aufhören, über Videos zu reden.
Aber die Wahrheit bleibt. Wenn es darum geht, den Wert Ihrer Produkte zu kommunizieren, ist nichts besser geeignet als ein gut produziertes Landingpage-Video.
Ein Verbraucher, der sich ein Produktvideo ansieht, legt dieses Produkt mit bis zu 144 % höherer Wahrscheinlichkeit in seinen Einkaufswagen. Und in einer Studie, in der über 1.000 Personen befragt wurden, gaben 96 % der Befragten an, dass sie das Ansehen eines Videos bei ihrem Entscheidungsprozess hilfreich fanden.
Wieso den?
Nun, wenn ein Bild mehr als tausend Worte sagt, dann sagt ein Video eine Million … und das innerhalb von Sekunden.
Deshalb braucht das folgende Beispiel kaum Worte; das Video spricht für sich.

Das bedeutet natürlich nicht, dass Sie nicht ein wenig mehr Informationen hinzufügen können. Fühlen Sie sich frei, das Notwendige hinzuzufügen, wie im Beispiel unten.

Wie Sie sehen können, können Produktvideos in verschiedenen Formen vorliegen, wie z
- Produkterklärer
- wie man
- Geschichte
- Auspacken
- Produktvergleich
- + so viel mehr
13. E-Commerce-Landingpage-Beispiel(e) mit Leerraum
Untersuchungen zeigen, dass die Verwendung von Leerraum das Verständnis um fast 20 % erhöht.
Leerraum schafft auch Balance, erhöht die Lesbarkeit, fungiert als Trennzeichen und macht Ihre E-Commerce-Zielseite atmungsaktiv.
Verwenden Sie Leerraum um die wichtigsten Funktionen Ihrer Zielseite, wie Ihre Überschriften, Vorteile und CTAs, um den Blick Ihrer Besucher auf sich zu ziehen und visuelle Akzente zu setzen.
Beachten Sie zum Beispiel, wie Oura Ring weiße Flächen um ihren CTA im Heldenabschnitt verwendet, um Ihren Blick zu verführen:

Oder beachten Sie, wie der weiße Raum zwischen den Abschnitten auf der Zielseite von Marlow Pillow eine Informationsarchitektur schafft, die Ihren Blick auf der Seite von einem Vorteil zum nächsten lenkt.

14. E-Commerce-Landingpage-Beispiel(e) mit einzigartigen Wertversprechen (UVP)
Ihr Zielseiten-Wertversprechen ist eine Aussage, die Ihre potenziellen Kunden darüber informiert, warum Sie Ihren Mitbewerbern überlegen sind.
Die Wahrheit? In unserer wettbewerbsintensiven Welt besteht eine gute Chance, dass Ihre Produkte nicht zu 100 % einzigartig sind.
Und das ist in Ordnung. Keine Sorgen machen.
Was am wichtigsten ist, ist, dass Sie Ihren Hut vor etwas hängen und sich dafür einsetzen.
Wenn es darum geht, ein perfektes Wertversprechen für eine E-Commerce-Zielseite zu erstellen, befolgen Sie diese drei Leitprinzipien:
- Erklären Sie, was Sie tun: Wenn Sie ein wirklich einzigartiges Produkt anbieten, müssen Sie den Leuten manchmal nur sagen, was es ist.
- Kommunizieren Sie Ihre Nische : In anderen Fällen hilft es, Ihre Spezialisierung zu kommunizieren. Lassen Sie Käufer wissen, dass Sie die Wahl für bestimmte Personen sind, aber nicht für andere. Besitze deine Nische.
- Behandeln Sie die größten Einwände: Für die meisten E-Commerce-Marken (insbesondere diejenigen ohne einzigartige Produkte) erweist es sich als am effektivsten, den Hauptnutzen zu kommunizieren und gleichzeitig den Haupteinwand zu behandeln.
Schauen wir uns Beispiele für alle drei an.
Saucey konkurriert in seiner eigenen Nische: Alkohollieferung. Nichts mehr. Nicht weniger.
Sie müssen lediglich ihr Angebot nennen und mit einem Vorteil unterstützen. In diesem Fall handhaben sie etwaige Wartezeiten mit dem Hinweis „Alkohollieferung in Minutenschnelle“.

Death Wish Coffee Co. verkauft Kaffee (Überraschung).
Nicht gerade ein Originalprodukt.
Death Wish hängt jedoch seinen Hut daran, den „stärksten Kaffee der Welt“ anzubieten. Sie geben ihren Wert meisterhaft in fetten, roten Buchstaben an und untermauern dann ihre Behauptung, indem sie genau beschreiben, wie sie den stärksten Kaffee der Welt liefern.

Saatva kommuniziert ihren Hauptvorteil (Komfort) und behandelt gleichzeitig ihren größten Einwand (hohe Preise). Einfach und doch effektiv.

15. E-Commerce-Landingpage-Beispiel(e) mit visuellen Hierarchiekonzepten
Wenn es um die visuelle Hierarchie geht, hilft es, die wichtigsten Teile Ihrer Zielseite vom Rest abzuheben, damit Ihre Seite zielgerichtet bleibt.
Sehen wir uns einige visuelle Hierarchiekonzepte an, damit Ihre wichtigsten Dinge besser zur Geltung kommen. (Wenn Sie eine ganze Lektion möchten, haben wir Sie in unserem Blog über Landingpage-Layouts behandelt.)
Betrachten Sie die Größe
Typischerweise sticht das größte Element am meisten hervor. Hier ist, was wir meinen:

Erstellen Sie eine klare Hierarchie zwischen Überschriften, Unterüberschriften, Listen und Absätzen, indem Sie jeweils unterschiedliche Größen verwenden. Und nicht unbedingt nur Pixel; Denken Sie auch an die Schriftbreite (z. B. dünn, normal, halbfett, fett, extrafett).
Betrachten Sie das F-Muster
Eine Studie der Nielsen Norman Group ergab, dass die meisten Menschen im Internet in einem F-förmigen Muster lesen. Hier ist eine Heatmap, die die Hierarchie des Blicks des Auges zeigt:

Betrachten Sie das Z-Muster
Bei Seiten, die weniger Informationen enthalten (und mehr Bilder enthalten), neigen Online-Leser dazu, in einem Z-förmigen Muster zu scannen.
Willst du einen Tipp? Lassen Sie den letzten Punkt des Z auf Ihrem CTA landen.

Betrachten Sie den Farbkontrast
Die Farbe Ihrer CTA-Buttons spielt keine so große Rolle wie der Farbkontrast Ihrer Buttons und des Hintergrunds. Lass sie knallen. Zeitraum.
Darüber hinaus sollten Ihre Überschriften, Unterüberschriften und Absatzkopien alle unterschiedliche Farbtöne oder unterschiedliche Farben verwenden. Ihre Besucher sollten sofort anhand von Größe und Farbe erkennen können, dass sich Überschriften von Unterüberschriften, CTAs und Absatztext unterscheiden.


Abschließende Gedanken zu E-Commerce-Landingpages
Nach fast einem Jahrzehnt des E-Commerce-Landingpage-Designs können wir mit Zuversicht sagen, dass Sie, wenn Sie die 15 in diesem Artikel beschriebenen Beispiele befolgen, auf dem besten Weg sind, eine hochkonvertierende E-Commerce-Landingpage zu erstellen.
Im Allgemeinen ist es bei der Conversion-Optimierung eine gute Idee, alles mit einer gesunden Portion Skepsis anzugehen.
Gute Nachrichten? Wir haben einen ganzen Artikel über Split-Testing-Landingpages geschrieben, damit Sie genau erfahren, was für Sie funktioniert. Probieren Sie es aus und konvertieren Sie weg.