19 großartige Landingpage-Beispiele, die Sie 2022 kopieren möchten

Veröffentlicht: 2022-01-13

Während viele Zielseiten anders aussehen und eine Vielzahl spannender Strategien verwenden, um Zielgruppen anzulocken, dienen sie alle einem Hauptzweck – der Umwandlung in die nächste Phase der Reise des Käufers.

Kostenloser Leitfaden: So erstellen und optimieren Sie Landing Pages

Anstatt als einfache Werbung zu dienen, die einem Kunden ein Produkt zeigt, zielt eine Zielseite darauf ab, einen Kunden anzusprechen und zu erfreuen, indem sie ihm etwas anbietet, das sich auf das Produkt oder die Branche des Unternehmens bezieht. Wenn sie das Formular ausfüllen und eine Belohnung für interessante Inhalte erhalten, ist es wahrscheinlicher, dass sie Ihrer Marke vertrauen und Kunde werden.

Kurzer Tipp: Möchten Sie Ihrer Zielseite auf einfache Weise ein Formular hinzufügen? Das kostenlose Form-Builder-Tool von HubSpot kann Ihnen dabei helfen, Ihr CRM mit Leads von Ihrer Website zu füllen.

Lassen Sie uns ein Beispiel durchgehen, wann eine Zielseite besonders effektiv sein kann. Wenn ein Unternehmen ein KI-Produkt verkaufen möchte, das Verkäufern hilft, könnte es eine Zielseite erstellen, die dem Publikum ein kostenloses Video über den Einsatz von KI in der Vertriebsbranche anbietet. Interessierte Zielgruppen könnten ihre Kontaktinformationen im Austausch für die wertvollen Informationen anbieten. Wenn ihnen das erhaltene Video gefällt, ist es wahrscheinlicher, dass sie auf einen Unternehmensvertreter reagieren oder ein Produkt von einem Unternehmensvertreter kaufen, der sie anruft.

In einem anderen Szenario könnte ein Verlagsunternehmen, das sich an Führungskräfte richtet, eine Zielseite erstellen, die die Zielgruppen dazu einlädt, sich für ein Webinar anzumelden, das von einer Führungskraft eines großen Unternehmens veranstaltet wird.

Nach Angabe ihrer E-Mail-Adresse im Anmeldeformular auf der Landingpage erhalten die Leads eine E-Mail mit den Webinardaten und Anmeldeinformationen sowie Anweisungen zur Anmeldung für den Newsletter oder das Abonnement der Publikation. Wenn der Benutzer mit dem Webinar zufrieden ist, kann er sich für den Newsletter oder ein Abonnement anmelden, um über ähnliche Veröffentlichungsinhalte auf dem Laufenden zu bleiben.

Obwohl ihr Zweck theoretisch einfach genug ist, erfordert das tatsächliche Entwerfen einer erfolgreichen Zielseite einige detaillierte Planung und kreative Tests.

Auch nach dem Start Ihrer Zielseite sollten Sie auf die Konversionsraten achten, um zu sehen, wie gut sie abschneidet.

Um Ihre Konversionsrate zu bestimmen, dividieren Sie einfach die Anzahl der Konversionen, die eine Webseite generiert, durch die Anzahl der Personen, die diese Seite besucht haben.

Machen Sie sich keine Sorgen, wenn Ihre Conversion-Rate noch nicht annähernd dem Durchschnitt entspricht. Diese Prozentsätze zu ermitteln, kann anfangs etwas schwierig sein, besonders wenn Sie viele regelmäßige Seitenbesucher haben. Glücklicherweise gibt es eine Reihe einfacher Strategien zur Optimierung der Conversion-Rate, mit denen Sie Ihre aktuelle Rate schnell steigern können.

Unabhängig davon, was Ihr Unternehmen verkauft oder welche Conversion-Aktion Sie zu initiieren hoffen, ist es hilfreich, sich inspirieren zu lassen, indem Sie sehen, wie andere großartige Zielseiten aussehen.

Und da es nicht die eine „richtige“ Art gibt, eine Zielseite zu gestalten, sollten Sie sich Beispiele aus vielen verschiedenen Branchen für verschiedene Phasen des Kaufprozesses ansehen.

Möchten Sie sich inspirieren lassen? Sehen Sie sich unten die großartigen Beispiele für Zielseiten an.

Wir haben keinen Zugriff auf die Analysen für jede dieser Zielseiten, daher kann ich Ihnen nicht genau sagen, wie gut sie Besucher, Kontakte, Leads und Kunden konvertieren. Aber viele von ihnen folgen Best Practices und implementieren gleichzeitig ein paar neue Experimente, die Ihnen Ideen für Ihre eigenen Zielseiten geben könnten.

19 großartige Beispiele für das Design von Zielseiten

1. AirBnB

Diese AirBnB-Landingpage ist eine zentrale Anlaufstelle für Besucher, die sich für das Hosting interessieren. Es enthält Erfahrungsberichte von aktuellen Gastgebern, Artikel mit Ratschlägen und sogar einen Rechner, mit dem Sie Ihr wöchentliches Durchschnittseinkommen basierend auf Ihrem Standort schätzen können.

Wenn all diese Informationen Sie davon überzeugen, mit dem Hosten zu beginnen, erleichtert der leuchtend rosa CTA in der Kopfzeile die Konvertierung vor Ort.

2. Wix

Wix hat seine Zielseite in einen kreativen Spielplatz mit einer atemberaubenden und fesselnden digitalen Illustration verwandelt, die Ihnen auf der Seite folgt. Es ist nicht überwältigend oder ablenkend – es ist sorgfältig mit Leerraum und klarem Text ausbalanciert.

Wir lieben die Verwendung von Design, um bestimmte Berührungspunkte auf der Seite hervorzuheben. Beispielsweise weist die Bergspitze in der Abbildung auf den Haupt-CTA hin und ermutigt die Besucher, loszulegen.

3. ExpressVPN

Was wir an dieser Landingpage am meisten lieben? Es ist nicht das, was es hat, aber was es nicht hat – eine Navigationsleiste! Durch das Entfernen der Navigationsleiste rückt ExpressVPN den primären CTA ins Rampenlicht.

Warum nehmen wir eine Anti-Navigations-Haltung für Zielseiten ein? Sie neigen dazu, Besucher abzulenken und von der beabsichtigten Handlung wegzuführen. Dies ist nicht nur eine Best Practice für das Design von Zielseiten, sondern wir haben auch A/B-Tests durchgeführt, die zeigen, dass das Entfernen von Navigationslinks von Zielseiten die Konversionsraten erhöht.

4. Reihenhaus

Neben ihrem schlanken Design erhält diese Zielseite Bonuspunkte für das Autoplay-Video im Hintergrund, das einer ansonsten statischen Seite ein gewisses Maß an Bewegung verleiht. Apropos Bewegung: Das Video zeigt Menschen, die im Row House trainieren, was eine großartige Einführung in die Marke bietet.

Wenn es zu Ihrer Marke passt, versuchen Sie, Besucher mit einer Videokomponente anzulocken. Es könnte der Unterschied zwischen passivem und aktivem Engagement sein.

5. Codeakademie

Ich mag diese Seite, weil sie sowohl im Text als auch im Design einfach ist. Das Formular auf der Seite ist einfach und erfordert nur eine E-Mail-Adresse und ein Passwort. Oder Sie können Ihr LinkedIn-, Facebook-, GitHub- oder Google Plus-Login verwenden, um den Conversion-Pfad noch weiter zu verkürzen.

Die Zielseite bietet auch echte Erfolgsgeschichten, Testimonials und andere Formen des sozialen Beweises für Besucher, die weitere Informationen benötigen, bevor sie ein Konto erstellen. Dies trägt dazu bei, die potenziell einschüchternde Welt des Programmierens für Anfänger zugänglicher zu machen.

6. Sonnenkorb

Sunbasket verfolgt bei seiner Zielseite einen wettbewerbsorientierten Ansatz und vergleicht seinen Essenslieferservice direkt mit seinem Hauptkonkurrenten Blue Apron. Wenn Sie die Seite nach unten scrollen, zeigt eine Tabelle, wo die Funktionen von Sunbasket die von Blue Apron übertreffen.

Indem Sie Ihre Produkte oder Dienstleistungen mit anderen vergleichen, können Sie hervorheben, warum Ihres der klare Gewinner ist. Es ist eine clevere Art, potenziellen Kunden „Beweise“ dafür zu liefern, warum sie sich für Sie entscheiden sollten.

7. Kurologie

Ich würde behaupten, dass der Top Fold neben dem CTA das wichtigste Element einer Landingpage ist. Der obere Umschlag von Curology ist sauber, optisch ansprechend und auf den Punkt gebracht – und die Kopie ist weniger als 50 Zeichen lang. Benutzer verstehen sofort das Angebot und wie sie davon profitieren können.

Auch wenn die Marke neu für Sie ist, ist ihre Botschaft laut und deutlich – unabhängig von Ihren Hautproblemen hat Curology eine maßgeschneiderte Lösung für Sie.

8. Verschnaufpause

Hier ist ein weiteres Beispiel für cleveres, entzückendes Design auf einer Zielseite. Sobald Sie Breather.com besuchen, gibt es einen sofortigen Aufruf zum Handeln: Geben Sie an, wo Sie einen Raum finden möchten. Außerdem verwendet es Ortungsdienste, um herauszufinden, wo Sie sich befinden, und bietet sofortige Optionen in der Nähe.

Wir lieben es, wie Breather eine einfache, auf den Punkt gebrachte Kopie verwendet, um den Besucher wissen zu lassen, was das Unternehmen tut, gefolgt von einem CTA, um eine Stadt auszuwählen. Der negative Raum und das beruhigende Farbschema stimmen auch mit dem Produkt überein – im Wesentlichen Raum zum Atmen.

9. Mailchimp

Schauen Sie sich für den Anfang diese sonnige gelbe Hintergrundfarbe an – es ist unmöglich, sie zu ignorieren. Es ist eine mutige Abkehr von seiner eher gedämpften Homepage, aber immer noch auf der Marke.

Neben der Farbe erhält diese Landing Page einen Shoutout für ihre CTA-Platzierung. Es zeigt einen konsistenten CTA („Sign Up“) nicht ein- oder zweimal, sondern dreimal auf der Seite an. Egal, wie weit Sie nach unten scrollen, Sie sehen dieselbe Schaltfläche.

Dies ist eine solide Strategie, da der CTA als Gateway für konvertierende Kunden fungiert. Es sollte für Besucher verfügbar sein, wenn sie sich auf der Seite nach unten bewegen – nicht nur einmal auf der oberen Seite.

10. Paramount Plus

Dieses Landingpage-Design hat es in sich. Es ist optisch ansprechend, interaktiv und bietet scanbare, aber aussagekräftige Überschriften – wie Peak Streaming, Peak Originals und Peak Family Team. Außerdem lässt der Hintergrund jede Faltung etwas anders aussehen, wodurch ein fesselndes Scroll-Erlebnis entsteht.

Die Zielseite bietet auch einen wiederholbaren CTA („Try It Free“) und mehrere strategisch platzierte Inhaltsangebote, die in mehreren Berührungspunkten gipfeln, an denen Besucher konvertieren können.

11. CarMax

CarMax ist bereit, Besuchern die Möglichkeit zu geben, ihre eigene Recherche direkt auf der Zielseite durchzuführen. Es verfügt über eine Suchleiste, die zu einer großen Datenbank mit Autos führt, und einen Rechner, mit dem Besucher ihr ideales monatliches Budget schätzen können.

Für diejenigen, die ihr Auto verkaufen möchten, enthält es auch ein Formular, das Benutzer ausfüllen können, um ein Angebot zu erhalten.

Es ist klar, dass CarMax möchte, dass das Kauf- oder Verkaufserlebnis so schmerzlos wie möglich ist. Durch die Umsetzung des kundenorientierten Ansatzes des Unternehmens auf seiner Zielseite verwandelt CarMax ein allgemein gefürchtetes Ereignis – den Kauf eines Neuwagens – effektiv in einen unkomplizierten Prozess ohne Gimmicks oder Hindernisse.

12. Edupath

Wer ist die Zielgruppe Ihrer Landingpage? Während sich die meisten Inhalte der Website von Edupath an Studenten richten, gibt es Abschnitte, die Eltern beraten, wie sie ihren Teenagern bei College-Bewerbungen und SAT-Vorbereitung helfen können. Die Zielseite unten befindet sich in einem dieser Abschnitte.

Wenn Eltern den Namen, die E-Mail-Adresse und die Handynummer ihres Teenagers eingeben, wird ihnen direkt ein Link zum Herunterladen der Edupath-App gesendet. Die Leute bei Edupath wissen, dass Schüler wahrscheinlich etwas tun, wenn ihre Eltern sie darum bitten – vor allem, wenn das bedeutet, dass sie ihre Telefone nicht abgeben müssen.

Außerdem ist es ein einfacher Ein-Klick-Prozess. Dieser ganze Konvertierungspfad ist eine clevere und hilfreiche Möglichkeit, die Apps über ihre Eltern auf die Handys von mehr Schülern zu bringen.

13. Startup-Institut

Besucher Ihrer Website geben ihre persönlichen Daten nicht preis, ohne zu wissen, was sie dafür bekommen. Das Startup Institute macht auf seiner Landing Page deutlich, was nach der Bewerbung passiert, indem es direkt neben dem Formular ein Q&A auflistet. Es könnte einige Leute dazu veranlassen zu sagen: „Sie haben meine Gedanken gelesen!“

Um Zögern beim Ausfüllen eines Formulars zu vermeiden, verwenden Sie Ihre Zielseite, um im Voraus Erwartungen zu formulieren. Das reinigt die Luft und kann auch die Leute aussortieren, die Ihre Inhalte, Produkte oder Dienstleistungen nicht ernst nehmen.

Einfache Landingpages

14. Über

Menschen werden online mit Informationen überschwemmt. Aus diesem Grund ist es wichtig, eine Landing Page zu erstellen, die überflogen werden kann – wie diese von Uber.

Es zeichnet sich durch ein schwarz-weißes Farbschema, kurze und leicht verständliche Sätze und eine einfache Form aus. Die Kombination dieser Elemente ergibt eine professionelle und zugängliche Seite.

15. Spotify

Diese Zielseite macht einen dramatischen Umweg von Spotifys klassischen grünen und schwarzen Farben – und vielleicht ist das der Punkt. Es könnte eine Möglichkeit sein, den Besuchern zu signalisieren, dass die Seite einem anderen Zweck als ihr anderer Inhalt dient.

Auch wenn die Landingpage relativ schlicht gehalten ist, hebt der starke Farbkontrast Text und CTAs hervor. Um die Besucher noch mehr anzulocken, listet es die meistgespielten Künstler, Songs, Alben und Podcasts des Jahres auf, die alle auf Spotify verfügbar sind. Es ist eine kreative Möglichkeit, seine Inhaltsbibliothek zu bewerben und gleichzeitig Besucher dazu zu bringen, sich anzumelden.

16. Leinwand

Manchmal muss man eine Landingpage wegen ihres attraktiven und geradlinigen Designs bewundern. Ähnlich wie im obigen Beispiel weist dieses eine Fülle von weißen Flächen auf, die den Text akzentuieren und die hellen Farben durchgehend ausgleichen.

Zum Abschluss endet die Seite mit einem FAQ-Bereich. Wenn Sie vermuten, dass Besucher weitere Fragen zu Ihren Produkten oder Dienstleistungen haben, möchten Sie vielleicht auch einen ähnlichen Abschnitt hinzufügen. Es lässt potenzielle Kunden besser verstehen, was Sie ihnen zu verkaufen versuchen, und sendet eine Nachricht, dass Sie offen für Fragen sind.

Produkt-Landingpages

17. Muala

Verspielt ist normalerweise nicht das erste Wort, das einem in den Sinn kommt, wenn man an milchfreie Milch denkt, aber die helle und farbenfrohe Zielseite von Mooala ist genau das.

Dieses Beispiel zeigt, wie Sie Einfachheit annehmen und gleichzeitig relativ kräftige, auffällige Farben – wie Neongrün – verwenden können, um wichtige Überschriften und CTAs hervorzuheben. Um dies zu erreichen, bleiben Sie bei Farben, die Ihrer Marke entsprechen, und ziehen Sie gleichzeitig die Aufmerksamkeit der Besucher auf sich.

18. Auto

Beim Schreiben von Website-Kopien für ein Produkt oder eine Dienstleistung ist es eine hilfreiche Faustregel, die Vorteile und nicht die Funktionen zu erweitern. Solche Ratschläge gelten auch für das Schreiben von Zielseiten.

Anstatt Besucher beispielsweise mit technischen Informationen zu bombardieren, hebt Nauto, eine Flottensicherheitsplattform, ihre Vorteile mit klaren und ansprechenden Texten hervor ( „Ihre Roadmap für Flottensicherheit“ ). Damit macht Nauto sein Content-Angebot attraktiver.

19. Rover

Ihre Haustiere in die Obhut einer anderen Person zu geben, kann nervenaufreibend sein. Aus diesem Grund stützt sich Rover, ein On-Demand-Haustierpflegedienst, auf soziale Beweise, um Vertrauen bei den Besuchern aufzubauen. Die Zielseite enthält Erfahrungsberichte von echten Kunden und Kopien über die „Rover-Garantie“ und den 24/7-Support. Dabei helfen natürlich auch die niedlichen Tierbilder.

Sind Sie bereit, Ihre Zielseite zu erstellen?

Unabhängig davon, ob Sie eine Zielseitenvorlage verwenden oder eine von Grund auf neu erstellen, müssen Sie diese Best Practices immer im Hinterkopf behalten. Und denken Sie daran, Ihre Zielseiten zu testen, um ihre Effektivität zu verbessern.

Neue Handlungsaufforderung