Produkt-Landingpages: Best Practices und Beispiele

In unserem letzten Artikel über Leadgenerierungsseiten haben wir bereits damit begonnen, das Thema Landings aufzudecken. Heute werden wir tief in die Produkt-Landingpages eintauchen – nämlich über ihre Struktur sprechen, einige Tipps zum Erstellen von Design und Texten für sie geben und uns einige Beispiele aus der Praxis ansehen.

Was ist eine Produkt-Landingpage?

Wie Sie vielleicht schon vermutet haben, wird eine Produkt-Landingpage verwendet, um Produkte oder Dienstleistungen zu bewerben und zu verkaufen. Benutzer können auf diese Seiten gelangen, nachdem sie einem Link in einer E-Mail, einer Anzeige oder einer anderen digitalen Quelle gefolgt sind oder nachdem sie von den Suchergebnissen umgeleitet wurden.

Stellen Sie sich vor, Sie verkaufen Kleidung für Schwangere. Es gibt Nutzer, die bei Google nach „Umstandsmode 4 Monate“ suchen. Möglicherweise sehen sie in den Suchergebnissen Ihre Zielseite, die Produkten für im vierten Monat schwangere Frauen gewidmet ist, und wenn sie den Titel und die Beschreibung der Seite interessant finden, klicken sie darauf. Wenn Ihr Angebot für sie relevant ist, konvertieren sie dann, indem sie einen Kauf tätigen.

Laut einer Studie von WordStream beträgt die durchschnittliche Conversion-Rate für Produkt-Landingpages 2,35%. Die besten 25 % der Seiten konvertieren jedoch zu 5,31 % und die besten 10 % der Seiten konvertieren zu 11,45 %, was beeindruckend ist.

Jede Zielseite ist eine Conversion-Möglichkeit. Je mehr Seiten Sie also haben, desto zielgerichteter können Sie sie erstellen. Das Geheimnis liegt jedoch nicht nur in der Anzahl der Seiten, die Sie erstellen, sondern auch in der Art und Weise, wie Sie sie erstellen und gestalten und natürlich Ihre Kopie schreiben. Wir geben Ihnen später einige Ratschläge zu Design und Text, aber nun sehen wir uns an, wie die allgemeine Struktur einer Produkt-Landingpage aussehen könnte.

Der Aufbau einer Produkt-Landingpage

Produkt-Landingpages bestehen aus verschiedenen Blöcken, von denen jeder seinen eigenen Zweck hat. Blöcke folgen in logischer Reihenfolge hintereinander, was am Ende zu einem Call-to-Action führt. Es wird empfohlen, eine Landingpage Block für Block auf Papier zu skizzieren, damit Sie nicht von kleinen Details wie der Größe des Logos oder der Schriftfarbe abgelenkt werden und sich auf die Struktur selbst konzentrieren.

Schauen wir uns die Hauptblöcke an, die eine gute Produkt-Landingpage haben sollte, basierend auf dem Beispiel aus den Mango-Sprachen.

Header

Das erste, was Besucher auf Ihrer Seite sehen, ist eine Kopfzeile, die normalerweise Folgendes enthält:

• ein Logo;
• Hauptmenü-Tasten;
• Anmelde- und Anmeldeschaltflächen;
• ein Titel und eine Beschreibung;
• CTAs;
• unterstützende visuelle Elemente wie ein Hintergrundvideo, ein Foto oder ein Produktbild.

Mango Languages ​​hat all diese Aspekte in seinen Header aufgenommen.

Das Unternehmen erklärte, welche Art von Dienstleistungen es anbietet, demonstrierte seine Anwendung und fügte zwei Arten von Aktionsschaltflächen hinzu: eine für die Registrierung und eine für das Video des Produkts. Außerdem haben sie oben in ihrer Kopfzeile ein Sonderangebot platziert, das es neuen Benutzern ermöglicht, ihre App zu einem niedrigeren Preis auszuprobieren.

Die Hauptidee hinter dem Header ist es, die wichtigsten Informationen zu Ihrem Produkt sofort bereitzustellen. Wenn Sie das Ziel treffen und eine Person diese Informationen nützlich findet, scrollt sie für weitere Details.

Ein Titel, der definitiv auffällt, sollte eine Beschreibung der Vorteile Ihres Produkts für die Kunden und eine Aufforderung zum Handeln enthalten, die alle in einem Satz von 2-3 Wörtern wiedergegeben werden. In der Beschreibung können Sie ein paar kurze Sätze schreiben, die den Titel vertiefen und wichtige Details aufdecken, die Benutzer sofort wissen müssen.

Produkt und seine Vorteile detaillierte Beschreibung

Nachdem den Besuchern das Produkt vorgestellt wurde, ist es an der Zeit, ihnen mehr zu erzählen. In der Beschreibung sollten Sie sich auf die Pain Points der Kunden konzentrieren, beginnend mit der Kundenerfahrung. Zeigen Sie, wie Ihr Produkt funktioniert und wie es die tatsächlichen oder potenziellen Probleme Ihres Publikums lösen kann. Fügen Sie dann als Bonus ein wenig mehr Details hinzu. Sie sind vielleicht nicht unbedingt ein großer Gewinn für einen Benutzer, aber eine schöne Ergänzung zum Hauptprodukt.

Versuchen Sie, die Augen Ihrer Besucher durch die Seite zu führen und stellen Sie sicher, dass jeder wichtige Punkt visuell hervorgehoben wird.

Wie Sie sehen, verwendet Mango Languages ​​große Überschriften, Bilder und Schaltflächen, um die Anzahl der angebotenen Sprachen und die Funktionsweise ihrer App zu präsentieren. Danach fügten sie einen separaten visuellen Block hinzu, um zu zeigen, dass ihre App von verschiedenen Personen und Organisationen verwendet werden kann, und stellten Links zu weiteren Details bereit.

Sozialer Beweis

Tatsächlich würden 15% der Nutzer einem Unternehmen, das keine Bewertungen hat, nicht vertrauen. Das ist verständlich, wenn man bedenkt, dass Social Media und Online-Interaktionen es den Benutzern heutzutage ermöglichen, ihre Meinung zu jedem Produkt frei zu teilen und Bewertungen von Kunden zu lesen, die sie bereits ausprobiert haben.

Es gibt mehrere Möglichkeiten, Kundenbewertungen auf einer Produkt-Landingpage zu platzieren:

• Hinzufügen anonymer Textrezensionen;
• Hinzufügen von Textrezensionen mit Namen und Fotos der Kunden;
• Hinzufügen von Video-Testimonials.

Mango Languages ​​hat sich beispielsweise dafür entschieden, anonyme Bewertungen anzuzeigen. Um den Benutzern das Erfassen einer großen Textmenge zu erleichtern, haben sie die Hauptidee jeder Rezension oben in Fettdruck gesetzt. Ein Besucher kann auch durch die Bewertungen scrollen, um mehr zu sehen, was eine intelligente Lösung ist, um Platz auf einer Zielseite zu sparen.

Aufruf zum Handeln

Das primäre Nutzerziel auf einer Landingpage ist eine Call-to-Action-Schaltfläche. Sie können den CTA einige Male auf der Seite wiederholen und sogar den Text für verschiedene CTA-Schaltflächen variieren, sodass Sie verfolgen können, welche Option am besten funktioniert.

Mango Languages ​​wiederholte seinen Call-to-Action zwei Mal: ​​Der erste „Sign up“-Button wurde in der Kopfzeile platziert, während der letzte „Choose a Language“-Button vor der Fußzeile der Landingpage platziert wurde, die beide auf dieselbe Registrierungsseite führten.

Die Mango Languages-App kann mit In-App-Käufen kostenlos verwendet werden. Wenn Sie jedoch physische Produkte verkaufen, sollten Sie den Preis des Produkts auf Ihrer Zielseite in der Nähe des Call-to-Action-Buttons erwähnen.

Fusszeile

Der letzte Teil der Produkt-Landingpage ist eine Fußzeile. Es mag wie das „langweiligste“ Element der Seite erscheinen, enthält aber tatsächlich sehr wichtige Informationen wie das Menü, Links zu sozialen Medien, E-Mail-Abonnementformulare und andere Schaltflächen.

In der Fußzeile wiederholte und erweiterte Mango Languages ​​teilweise den Inhalt der in der Kopfzeile verwendeten Schaltflächen. Sie ermöglichen es Benutzern, mehr über ihr Unternehmen zu erfahren, ihren Blog und ihre Social-Media-Konten zu besuchen, die App herunterzuladen, ihren Digest zu abonnieren und weitere Details zum Produkt selbst zu lesen.

Chat Box

Ein Element, das in der Regel über allen Blöcken auf der Produkt-Landingpage platziert wird, ist eine Chatbox. Es ermöglicht Benutzern, Fragen zum Produkt zu stellen und sofort Antworten und Unterstützung zu erhalten.

Auf der Produkt-Landingpage von Mango Languages ​​sieht es aus wie ein blaues Nachrichtensymbol in der rechten unteren Ecke.

Sobald Sie darauf klicken, entfaltet es sich in einem größeren Chat-Fenster, in dem Benutzer Fragen eingeben und ihre Dateien senden können.

Wenn Sie Ihrer Zielseite eine Chatbox hinzufügen, stellen Sie sicher, dass sie sich nicht von selbst entfaltet und die Benutzer ablenkt.

Tipps für das Design und den Text von Produkt-Landingpages

Wenn Sie sich entschieden haben, welche Blöcke Sie verwenden möchten, und die Grundstruktur Ihrer Produkt-Landingpage sogar auf einem Blatt Papier festgelegt haben, ist es an der Zeit, sie mit Text und Design zu verbessern. Der Erfolg Ihrer Seite, gemessen an der Anzahl der Conversions, hängt davon ab, wie gut Sie Ihr Produkt präsentieren und wie effektiv Ihr Call-to-Action sein wird.

Wir geben Ihnen einige kurze, aber hilfreiche Tipps, wie Sie das Beste aus der Gestaltung und dem Text Ihrer Produkt-Landingpage herausholen.

5 grundlegende Design-Tipps für Produkt-Landingpages

Laut Adobe würden 38 % der Nutzer eine Seite schließen, wenn der Inhalt in Layout oder Bildsprache nicht ansprechend aussieht. Dies ist ein guter Grund, warum Sie der Gestaltung Ihrer Landingpage große Aufmerksamkeit schenken sollten.

Hier ist eine Liste mit Empfehlungen für das Design einer Produkt-Landingpage, damit Sie die Aufmerksamkeit Ihrer Besucher auf sich ziehen können:

1. Beginnen Sie mit der Erstellung eines Layouts oder, anders gesagt, der Struktur der Seite, denken Sie über die größten und wichtigsten Elemente nach, bevor Sie sich auf die Details konzentrieren.
2. Es ist wichtig, auf der gesamten Seite ein Gefühl der Konsistenz zu erzeugen. Halten Sie sich dabei an ein Design und Farbschema. Um die Farben auszuwählen, die sich ergänzen würden, versuchen Sie es mit Farbschemageneratoren wie Farben oder Materialpalette. Wählen Sie eine oder zwei Farben, um Aktionsschaltflächen hervorzuheben, verwenden Sie neutrale Töne für den Hintergrund und stellen Sie sicher, dass der Text sich von anderen Elementen abhebt.
3. Fügen Sie Videos hinzu, da sie die Conversion-Raten um 80% erhöhen können. Greifen Sie auf Animationen zurück, um die Aufmerksamkeit des Benutzers auf bestimmte Teile Ihrer Seite zu lenken und sie länger zu halten; Denken Sie darüber nach, einige Videobewertungen der Produkte zu platzieren.
4. Optimieren Sie Ihre Landung für Mobiltelefone. Nur 50 % aller Zielseiten sind für Mobilgeräte optimiert, und das ist kein gutes Ergebnis, wenn man bedenkt, dass 82 % der Nutzer Websites von ihrem Telefon aus besuchen. Denken Sie also daran, Ihr Landingpage-Design responsive zu gestalten.
5. Stellen Sie sicher, dass Ihre Webseite schnell geladen wird, denn selbst eine Verzögerung von einer Sekunde kann Ihre Conversions um 7 % verringern.

5 grundlegende Kopiertipps für Produkt-Landingpages

In puncto Text ist es Ihr Ziel, Ihr Produkt ansprechend zu präsentieren, indem Sie seine wichtigsten Vorteile herausstellen und Ihren potenziellen Kunden einen starken Call-to-Action geben.

Hier sind einige Tipps, um eine effektive Kopie zu schreiben, die konvertiert:

1. Heben Sie die Vorteile Ihres Produkts hervor und lenken Sie die Aufmerksamkeit der Besucher nicht auf sich, sondern auf sie.
2. Laut Adobe Consumer Content Survey sind die drei wichtigsten Merkmale einer guten Website für die meisten Verbraucher Genauigkeit, Informationswert und Einfachheit. Versuchen Sie also, kurze Schlagzeilen zu schreiben, die direkt auf den Punkt kommen, und überfordern Sie die Abonnenten nicht mit Beschreibungen oder unnötigen Informationen.
3. Bitten Sie die Benutzer, Maßnahmen zu ergreifen, und sagen Sie ihnen, wo sie klicken müssen, um sich anzumelden, einen Kauf zu tätigen oder Sie zu kontaktieren. Experimentieren Sie mit Ihrem CTA-Text. Manchmal kann sogar ein scheinbar zu einfacher "Klicken Sie hier"-Text Ihre Conversions um 30 % verbessern. Schaffen Sie ein Gefühl der Dringlichkeit, um Benutzer zu motivieren, sofort eine Entscheidung zu treffen.
4. Verwenden Sie spezifische Informationen wie Statistiken und Zahlen, um Ihren Standpunkt zu beweisen. Sie können beispielsweise Social Proof hinzufügen und die Anzahl der Personen aufzeigen, die Ihr Produkt bereits verwenden. Fügen Sie etwas Interaktivität hinzu, zum Beispiel eine Nummer, die in Echtzeit aktualisiert wird, was sie zu einem unterhaltsamen, informativen und effektiven Element für Ihre Seite macht.
5. Überprüfen Sie immer Ihre Grammatik und Rechtschreibung. Einige Nutzer wenden ihre Augen möglicherweise von Ihrer Zielseite ab, wenn sie Fehler sehen.

Denken Sie zum Schluss daran, Ihre Kopie sowie Ihr Design A/B-Tests durchzuführen, um die perfekte Balance zu finden, die immer wieder neue Verkäufe bringt. Folgen Sie Trends, um up-to-date zu sein, bleiben Sie aber gleichzeitig immer authentisch und setzen Sie Ihre ganz eigenen Ideen um.

Beispiele für Produkt-Landingpages

Der beste Weg, etwas zu lernen, besteht darin, zu sehen, wie andere es tun. Sehen wir uns einige Beispiele für Produkt-Landingpages an und sehen wir, wie verschiedene Unternehmen Design und Text verwenden, um ihre Produkte zu verkaufen.

Das erste Beispiel von SquareUp ist eine gute Darstellung dafür, wie Sie ein physisches Produkt verkaufen können.

Die Stärken dieser Landingpage-Kopie sind die folgenden:

1. Der Text ist vom ersten Satz an auf den Punkt gebracht.
2. Die Funktionen werden durch ihre Fähigkeit beschrieben, Probleme und Anliegen der Kunden zu lösen.
3. Die verwendeten Wörter sind einfach und die Sätze sind kurz und klar.

Hier sind die Stärken dieses Zielseitendesigns:

1. Es gibt eine Reihe hochwertiger Fotos des Produkts.
2. Es wird eine ausgewogene Farbpalette verwendet, ein klarer Hintergrund im Kontrast zum Text.
3. Die wertvollsten Informationen sind fett oder farbig hervorgehoben.

Schauen wir uns nun das interaktivere Beispiel an.

Bellroy sorgt für zusätzlichen Spaß und ermöglicht es den Benutzern, mit bis zu 10 Karten plus Bargeld zu sehen, wie ihre alte Brieftasche und ihre neue Bellroy-Geldbörse aussehen würden. Es ist eine clevere Lösung, um die Aufmerksamkeit der Besucher auf sich zu ziehen und sie entdecken zu lassen, warum Ihr Produkt eine gute Wahl ist.

Was diese Landingpage-Kopie wirklich gut macht:

1. Die Seite beginnt mit einem lustigen Call-to-Action im interaktiven Header.
2. Es gibt nur sehr wenig Text, der dennoch ausreicht, um alles Wissenswerte über das Produkt zu erfahren.
3. Es gibt eine klare Beschreibung der verschiedenen Geldbörsen mit den Arten von Abschnitten und der Anzahl der Karten, die Sie dort einlegen können, sowie den Farben und den Preisen.

Was die Stärken dieses Zielseitendesigns angeht,

1. Jeder Block der Landingpage ist interaktiv, ganz zu schweigen von der Video-Erklärung, warum Bellroy-Wallets so schlank sind.
2. Es gibt viele Nahaufnahmen des Produkts.
3. Auf der Landingpage werden alle verfügbaren Wallets mit den Bildern von außen und von innen präsentiert.

Das letzte Beispiel unterscheidet sich von allem, was wir Ihnen zuvor gezeigt haben. Es hat einen persönlicheren Ton und Abweichungen von der Standardstruktur der Produkt-Landingpage machen die Seite charaktervoll.

Marie Forleo ist Moderatorin ihrer eigenen Show, die ihre Landingpage als eine Art Visitenkarte nutzt. Ihr Hauptprodukt ist ihr Audio-Training, aber sie wirbt auch für die Marie-TV-Show und ihre Wohltätigkeitsprojekte auf der Seite.

Hier sind die Stärken des Exemplars dieser Seite:

1. Die Botschaften klingen persönlich, warm und beruhigend, was das Ambiente einer persönlichen Seite oder einer kleinen Firmenwebsite perfekt wiedergibt.
2. Auch wenn der Headertext nicht verrät, worum es auf dieser Landingpage eigentlich geht, weckt er doch Neugierde und motiviert zum Scrollen nach unten.
3. Der Textumfang und die Länge der Sätze sind größer als bei den vorherigen Beispielen, aber dies passt perfekt zum Gesamtstil der Landung.

Was das Design der Zielseite angeht, können Sie hier die folgenden Vorzüge finden:

1. Animationen werden mehrmals auf der Seite verwendet, was das Betrachten interaktiver und unterhaltsamer macht.
2. Die kalligrafische Typografie vermittelt eine sehr persönliche und elegante Atmosphäre, und das einzigartige Design jedes Blocks der Landingpage ermöglicht es dem Betrachter, den Inhalt leicht zu verstehen.
3. Es gibt viele Zitate berühmter Persönlichkeiten, die durch Fotos unterstützt werden, die nur Maries Autorität in der Öffentlichkeit beweisen.

Jetzt bist du dran

Folgen Sie unseren Empfehlungen, achten Sie auf Trends und vergessen Sie nicht zu testen! Die Multi-Channel-Marketing-Plattform von SendPulse hilft Ihnen, ein Abonnementformular zu einer Produkt-Landingpage hinzuzufügen, eine Mailingliste aufzubauen und hochwertige E-Mails zu versenden. Wir bieten auch SMS, Web-Push-Benachrichtigungen und Facebook-Chatbots für diejenigen unter Ihnen, die bereit sind, einen ganzheitlichen Ansatz für ihre digitale Marketingstrategie zu verfolgen.