9 Landing Page-Ideen zur Verbesserung Ihrer Conversion-Raten und Verkäufe

Veröffentlicht: 2017-10-10

"Nachahmung ist die aufrichtigste Form der Schmeichelei."

Dieses berühmte Sprichwort gilt für viele Dinge, und Post-Click-Landingpages sind nicht anders.

Es ist völlig normal (und empfehlenswert), sich die Post-Click-Landingpage-Beispiele anderer Unternehmen anzusehen, um sich inspirieren zu lassen, um Ihre möglichst Conversion-bereite Seite zu erstellen.

Zu verstehen, wie Menschen Online-Inhalte lesen, ist ein wichtiger Bestandteil dieses Prozesses. Vor allem, wenn Sie wissen, dass die durchschnittliche Aufmerksamkeitsspanne der Webbenutzer etwa 6-8 Sekunden beträgt und Sie die Besucher während dieser kritischen Sekunden auf Ihrer Seite halten müssen.

Es gibt Hunderte von Post-Click-Landingpage-Beispielen, von denen Sie sich inspirieren lassen können. Tatsächlich haben wir eine ganze Blog-Kategorie, die dem Thema von einigen der bekanntesten Marken der Welt gewidmet ist.

Im heutigen Artikel stellen wir mehrere Beispiele vor, die Tipps zur Benutzererfahrung, wichtige Elemente eines Post-Click-Landingpage-Frameworks und andere Post-Click-Landingpage-Ideen hervorheben, um Ihr nächstes Design zu inspirieren.

Die besten Post-Click-Landingpage-Ideen

Fügen Sie ausreichend Leerraum hinzu

Es gibt viele Ideen für das Design von Webseiten in Ihrem Arsenal, aber weißer Raum (auch bekannt als leerer Raum oder negativer Raum) kann die am wenigsten genutzte Technik sein, obwohl er mehreren Zwecken dient. Es lässt Ihre Seite nicht nur weniger überladen und ästhetisch ansprechender erscheinen, sondern auch:

  • Erhöht die Lesbarkeit
  • Verbessert den Fokus auf wichtige Elemente
  • Ermöglicht ein besseres Verständnis Ihres Angebots
  • Verbessert die Benutzererfahrung

Wenn wir das wissen, vergleichen wir das Leerraumdesign auf zwei verschiedenen Seiten.

Hier ist eine vom Ashworth College, bei der es eindeutig an Leerraum mangelt:

Landingpage-Ideen-White Space-BAD-Ashworth College

Beachten Sie, wie alles in die Mitte der Seite gedrängt ist, was es schwierig macht, zu entscheiden, wo Sie mit der Navigation beginnen sollen? Dies könnte dazu führen, dass sich Besucher überfordert fühlen und die Seite verlassen, ohne etwas über das Angebot zu erfahren, geschweige denn zu konvertieren.

Im Gegensatz dazu bietet diese Post-Click-Landingpage von Mentor viel Leerraum:

Es gibt genügend Platz um die Überschrift und die kleine Beschreibung sowie das Formular zur Lead-Erfassung. Es gibt sogar viel Platz zwischen den verschiedenen Abschnitten, so dass Sie leicht auf der Seite navigieren und das Angebot besser verstehen können. Jedes Post-Click-Landing-Page-Element erregt Aufmerksamkeit, weil sie nicht wie die Ashworth College-Seite zusammengeknüllt sind.

Dieses Beispiel bietet eine angenehmere Benutzererfahrung und führt wahrscheinlich zu besseren Conversion-Ergebnissen.

Integrieren Sie explizite visuelle Hinweise

Visuelle Hinweise oder Richtungshinweise – sowohl explizite als auch implizite – unterstützen die Post-Click-Landingpage-Conversions, da sie den Besuchern genau sagen , worauf sie achten sollten (wie Ihr Formular und die CTA-Schaltfläche).

Schauen wir uns zunächst explizite Hinweise an, die direkter sind und auf einer Webseite leicht zu erkennen sind.

Eine der wichtigsten Möglichkeiten, explizite visuelle Hinweise in Ihr Post-Click-Landingpage-Design zu integrieren, besteht darin, Pfeile hinzuzufügen, die auf die wichtigsten Seitenelemente wie ein Formular und/oder eine CTA-Schaltfläche zeigen.

Sage Intacct macht deutlich, was Sie bemerken möchten, indem es einen leuchtend orangefarbenen Pfeil von der Überschrift in das Formular einfügt:

Landingpage-Ideen-Explicit Cues-Arrow-Sage Intacct

Außerdem weist der Pfeil auf der CTA-Schaltfläche darauf hin, dass es über diese Seite hinaus zusätzliche Inhalte gibt, sobald potenzielle Kunden auf die Schaltfläche klicken.

Hier ist ein weiteres Beispiel von TurnPro Properties, perfekt für alle, die nach Immobilien-Post-Click-Landingpage-Ideen suchen. Es hat einen orangefarbenen Pfeil, der auf die CTA-Schaltfläche zeigt, und einen blauen Kreis um die Schaltfläche herum für die zusätzliche Aufforderung zum Klicken.

Landingpage-Ideen-Explicit Cues-Arrow-TurnPro-Eigenschaften

Augenblick ist eine weitere der besten Post-Click-Landingpage-Ideen, um einer Post-Click-Landingpage explizite visuelle Hinweise hinzuzufügen. Die Leute neigen dazu, sich anzusehen, was andere sehen. Wenn also jemand auf dem Bildschirm auf ein Formular oder eine CTA-Schaltfläche schaut, wird der Besucher diese Elemente eher bemerken. Diese Technik eignet sich auch hervorragend, um Ihren Seiten eine persönliche Attraktivität zu verleihen.

Implizite Richtungshinweise einschließen

Implizite Richtungshinweise sind subtiler als explizite Hinweise und bleiben von Besuchern oft unbemerkt, aber immer noch genauso effektiv. Zu den häufigsten impliziten Richtungshinweisen gehören Weißraum, Kapselung und Farbkontrast.

Sehen wir uns ein Beispiel aus BigMarker an, das alle drei Arten von impliziten Hinweisen präsentiert:

Landingpage-Ideen-Implizite Cue-Encapsulation-BigMarker

Der Leerraum, der jedes Element auf der Seite umgibt, hilft, die Aufmerksamkeit auf diese Elemente zu lenken. Das liegt daran, dass Besucher gezwungen sind, sich anzusehen, was Sie möchten. Es gibt auch viel Leerraum zwischen den einzelnen Abschnitten der Seite, was wiederum für eine reibungslosere Navigation und ein besseres Verständnis sorgt.

Die Kapselung des Formulars mit Farbkontrast lässt es auf der Seite „knallen“ und führt wahrscheinlich zu mehr Conversions.

Schließlich trägt insbesondere der Farbkontrast zwischen dunklem Hintergrund und weißer Form dazu bei, die Aufmerksamkeit auf diesen speziellen Bereich zu lenken.

Erstellen Sie ein zweistufiges Opt-in-Formular

Besucher davon zu überzeugen, ein Formular zur Lead-Erfassung auszufüllen, ist eine der größten Herausforderungen für digitale Vermarkter. Es gibt jedoch bestimmte Techniken, um die Wahrscheinlichkeit von Conversions zu erhöhen.

Eine Möglichkeit ist das zweistufige Opt-in-Formular anstelle eines einfachen On-Page-Formulars.

Zwei-Schritt-Opt-In-Formulare erscheinen in einem Pop-up-Fenster, erst nachdem ein Interessent auf die CTA-Schaltfläche geklickt hat. Sie sind effektiv, weil sie den Konvertierungsprozess in zwei Teile unterteilen: eine Informationsphase (Pre-Form) und eine Commitment-Phase (Post-Form). Durch diese Trennung lassen sich Interessenten in der Informationsphase nicht durch ein Formular einschüchtern und können sich einfach darauf konzentrieren, Informationen zu sammeln und sich über Ihr Angebot zu informieren. Sobald sie sich entschieden haben, fortzufahren und auf die CTA-Schaltfläche zu klicken, sehen sie das Formular – und zu diesem Zeitpunkt ist es viel weniger einschüchternd.

Tableau versteht das. Sehen Sie sich an, wie sie ihre Seite mit einem zweistufigen Anmeldeformular gestaltet haben:

Landingpage-Ideen-2-Schritt Opt-In-Tableau

Sobald Besucher die Seite überprüft haben und sich verpflichtet haben, das Angebot einzulösen, klicken sie auf die orangefarbene CTA-Schaltfläche „Get the Whitepaper“ und erhalten dieses Formular:

Landingpage-Ideen-2-Schritt Opt-In-Form-Tableau

Verwenden Sie mehrstufige Formulare

Zusätzlich zum zweistufigen Opt-in können Sie auch längere Formulare in mehrstufige Formulare aufteilen, um den Ausfüllprozess für potenzielle Kunden weniger entmutigend zu gestalten.

Sehen Sie sich diese Post-Click-Landingpage von Qlik an:

Landingpage-Ideen-Multi-Step-Formular-BAD-Qlik

Sehen Sie, wie lang das Formular ist? Es ist wahrscheinlich, dass niemand alle diese Formularfelder ausfüllen möchte , was bedeutet, dass Qlik davon profitieren könnte, es als mehrstufiges Formular neu zu gestalten, um Reibung auf der Seite zu reduzieren.

AARP hingegen hat die richtige Idee. Sie haben auf dieser Seite ein mehrstufiges Formular erstellt, damit potenzielle Kunden einen kostenlosen Entscheidungsleitfaden für AARP-Medicare-Zusatzversicherungspläne anfordern können. Beachten Sie auch den Fortschrittsbalken über dem Formular. Dies ist eine weitere intelligente Post-Click-Landingpage-Idee, da potenzielle Kunden wissen, wie weit sie im Anmeldeprozess fortgeschritten sind:

Landingpage-Ideen-Multi-Step-Formular-AARP

Das Aufteilen des Formulars in zwei Schritte trägt dazu bei, dass es für potenzielle Kunden weniger einschüchternd ist. Wenn sie auf dieser Seite ankommen, werden sie nur mit 7 Formularfeldern konfrontiert, anstatt alles auf einmal.

CTA-Farbkontrast verwenden

Viele Marketer würden argumentieren, dass ein Call-to-Action-Button das kritischste Element auf einer Post-Click-Landingpage ist, da dort die Conversion stattfindet. Gestalten Sie es richtig und steigern Sie die Conversions; Gestalten Sie es schlecht und riskieren Sie den Abbruch der Seite.

Einer der wichtigsten Faktoren, die Sie bei der Gestaltung Ihres CTA-Buttons berücksichtigen sollten, ist die Farbe. Sie möchten, dass sie sich von den anderen Farben auf der Seite abhebt, damit sie „auffällt“ und Besuchern die Conversion so einfach wie möglich macht.

Hier sind ein paar Beispiele, um die Idee zu demonstrieren.

Diese Salesforce-Post-Klick-Landingpage verwendet ein monochromatisches Farbschema:

Landingpage-Ideen-CTA-Button-BAD-Salesforce

Die blaue Farbkombination ist für die Augen natürlich, aber nicht gut, um Seitenelemente hervorzuheben. Die Schaltfläche fügt sich in das Formular ein – das genaue Gegenteil von dem, was Sie für Ihre CTA-Schaltfläche wünschen.

Umgekehrt sind hier einige Seiten mit farblich abgesetzten CTA-Buttons, die die Aufmerksamkeit der Besucher wahrscheinlich problemlos erregen:

Landingpage-Ideen-CTA-Button-InfoUSA

Landingpage-Ideen-CTA-Schaltfläche-Field Aware

Landingpage-Ideen-CTA-Button-Promo Republic

Vermeiden Sie kitschige Stockfotos

Sie kennen die, über die wir sprechen – die Bilder, die Sie betrachten und die nicht anders können, als mit den Augen zu rollen, weil sie so offensichtlich inszeniert sind. Wie dieser:

Landing-Page-Ideen-Stock-Foto-BAD-Bryan University

Ihre Fähigkeit, Conversions zu generieren, hängt stark davon ab, wie gut Sie positive Emotionen bei Ihren Besuchern erzeugen können. Schwieriger wird das bei einem unrealistischen Stock-Foto.

Tatsächlich haben MarketingExperiments herausgefunden, dass durch das Ersetzen eines Stock-Images durch ein Bild des Firmengründers die Anmeldungen um 35 % gesteigert wurden:

Landingpage-Ideen-Stock-Foto-Studie

Bis zu diesem Punkt hat Discover auf seiner Post-Click-Landingpage ein realistischeres und zuordenbares Bild hinzugefügt:

Landingpage-Ideen-Stock-Foto-GUT-Entdecken

Laden Sie diesen neuen Leitfaden herunter, um weitere Tipps und Tricks zur Auswahl der besten Stockfotos für Ihre Marketingkampagnen zu erhalten.

Entscheide dich für Video statt Text

Erinnern Sie sich an das, was wir in der Einleitung gesagt haben? Die durchschnittliche Aufmerksamkeitsspanne von Webnutzern beträgt etwa 6-8 Sekunden.

Glücklicherweise kann das Hinzufügen von Videos zu Ihren Post-Click-Landingpages dazu beitragen, Ihre Besucher sofort zu begeistern und ihren Fokus zu behalten. Durch eine kompaktere und interaktivere Erklärung Ihres Angebots haben Videos das Potenzial, Ihre Gesamt-Conversions um bis zu 86% zu steigern.

Videos sind besonders ideal, um den UVP Ihrer Marke zu vermitteln, da potenzielle Kunden sich wahrscheinlich lieber ein ansprechendes 1-minütiges Video ansehen würden, als durch eine lange Post-Click-Landingpage zu scrollen.

Wistia bewirbt sein UVP und viele seiner anderen Vorteile in nur einer Minute auf dieser Post-Click-Landingpage:

Landingpage-Ideen-Video-Wistia

Intercom verwendet auch diese effektive Post-Click-Landingpage-Idee:

Landingpage-Ideen-Video-Gegensprechanlage

Ihr Video zeigt häufige Probleme, mit denen Marketingspezialisten von heute konfrontiert sind, und erklärt dann, wie die Smart Campaigns von Intercom eine großartige Lösung für all diese Probleme sind.

Vertrauen aufbauen

Um Interessenten zu überzeugen, müssen Sie zunächst ihr Vertrauen gewinnen. Drei Haupttypen von Vertrauenssignalen sind Firmenlogos, Sicherheitsabzeichen und Kundenstimmen. Nicht zufällig ist das Hinzufügen von Vertrauenssignalen zu einer der häufigsten Ideen für das Webseitendesign für jede Marke mit Online-Präsenz geworden.

Diese Post-Click-Landingpage von Smartsheet verwendet alle drei Typen auf ihrer Post-Click-Landingpage. Lass es uns von oben nach unten aufschlüsseln.

Erstens heben Firmenlogos einige ihrer bekanntesten Kunden hervor:

Landingpage-Ideen-Trust-Siegel-Smartsheet

Anschließend zeigen zitierte Testimonials, wie bekannte Unternehmen Smartsheet (mit ihren Logos) verwenden:

Landingpage-Ideen-Trust-Testimonial-Logos-Smartsheet

Zusätzliche Logos zeigen, mit welchen beliebten Apps sie sich integrieren:

Landingpage-Ideen-Trust-Logos 2-Smartsheet

Ein Kundenbericht – komplett mit Headshot, vollständigem Namen, Zugehörigkeit und Position – direkt über einer der CTA-Schaltflächen auf der Seite:

Landingpage-Ideen-Trust-Testimonial-Smartsheet

Ein weiterer Kundenbericht mit angehängtem Markenlogo:

Landingpage-Ideen-Trust-Testimonial 2-Smartsheet

Abzeichen, die Branchenauszeichnungen auszeichnen:

Landingpage-Ideen-Trust-Siegel-Smartsheet

Weitere Logos zur Förderung der positiven Berichterstattung und Öffentlichkeitsarbeit:

Landingpage-Ideen-Trust-Logos 3-Smartsheet

Schließlich ein Vertrauenssiegel, um die Glaubwürdigkeit zu stärken und Interessenten die Gewissheit zu geben, dass ihre persönlichen Daten nicht an Dritte weitergegeben werden:

Landingpage-Ideen-Trust-Siegel-Smartsheet

Welche Post-Click-Landingpage-Ideen werden Sie nachahmen?

Es kann schwierig sein, Post-Click-Landingpage-Designideen zu entwickeln, die Besucher überzeugen, da selbst kleinste Details Ihre Konversionsraten erheblich beeinflussen können. Aus diesem Grund ist es durchaus akzeptabel – eigentlich empfohlen –, sich andere für die Post-Click-Landingpage-Inspiration anzusehen.

Nehmen Sie Ihre Lieblingsideen aus diesem Artikel und erstellen Sie mit Instapage professionelle Post-Click-Landingpages für jedes Ihrer Angebote. Melden Sie sich noch heute für eine Instapage Enterprise-Demo an.