Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Bildergalerie

46 Beispiele für eine außergewöhnliche Landingpage

    46 Beispiele für eine außergewöhnliche Landingpage

Beispiele für kreative Landingpages. (Foto: Mockdrop/t3n)

Eine außergewöhnliche Landingpage macht einen Besucher schnell zum zahlenden Kunden. Diese Beispiele liefern haufenweise Inspiration.

Wer die richtige Landingpage im Ärmel hat, macht aus Besuchern einer Website schnell zahlende Kunden. Das kann durch das Sammeln von E-Mail-Adressen, den Download einer App oder den Kauf eines vorgestellten Produkts geschehen. Je nach Art und Weise der Umsetzung können Landingpages also ein wichtiger Umsatzhebel sein. Aber wie sollte sie idealerweise aussehen?

Darauf kommt es bei einer Landingpage an

Nicht fehlen sollten eine klare Werbebotschaft, die Handlungsaufforderung (Call-to-Action) und aussagekräftige Fotos oder Videos des Produkts. Was die optische Gestaltung anbelangt, sind Webseitenbetreibern keine Grenzen gesetzt. Der Umgang mit den richtigen Farbkombinationen und ihrer Wirkung sollte jedoch beherrscht werden. „Bring deine ungeduldigen Besucher dazu, sich zu fühlen, als seien sie Kinder in einem Süßigkeitenladen“, fasst Oli Gardner, Gründer des Landingpage-Baukasten Unbounce, die Anforderungen zusammen. Außerdem steigern Landingpages die Konversion zusätzlich, wenn folgende Fehler vermieden werden:

  • Umständliche Formulare im Checkout
  • Zu lange Werbetexte
  • Keine A/B-Tests
  • Zu viele störende Elemente auf der Website

In der folgenden Übersicht stellen wir 46 Beispiele für eine gelungene Landingpage vor.

Anzeige

Landingpage-Beispiele, die in Erinnerung bleiben

1. Liberio

Die Landingpage des Berliner Startups Liberio. (Screenshot: t3n)
Die Landingpage des ehemaligen E-Book-Dienstes Liberio. (Screenshot: t3n.de)

2. Visabot

So wirbt ein Visa-Bot für die einfache US-Einreise per Messenger. (Screenshot: t3n.de)

3. Simpli

Die Landingpage des Bezahldienstes Simpli. (Screenshot: t3n.de)

43 weitere außergewöhnliche Landingpages im Überblick

(Screenshot: tendr.com)

1 von 43

Zur Galerie

Finde einen Job, den du liebst

17 Reaktionen
davisbrown562
davisbrown562

Die Elemente einer hochkonvertierenden Landing Page https://blog.templatetoaster.com/how-to-design-a-landing-page/

Antworten
Nils Wiederer

An sich ja eine ganz nette Sammlung von LP's.

Allerdings bin ich nicht der Ansicht, dass alle wirklich erfolgreich sind. Schick aussehen bedeutet nicht das eine Seite den Zweck erfüllt, für den Sie gedacht ist. Es kommt immer darauf an was die Seite anbietet und was die Besucher erwarten, also auch was die Suchintension ist.

Es gibt genug Beispiele von Internetpräsenzen, die Design- & Usabilitytechnisch Katastrophen sind und trotzdem super Conversions erzielen. Einfach weil die Marke bekannt ist oder weil der Preis stimmt. Zum Beispiel mindfactory oder wir-machen-druck. Das sind Seiten, die auch wenn das meine persönliche Meinung ist, Designtechnisch eher verunglückt sind, erreichen aber trotzdem das was Sie sollen.

Grundlegend sollte es beim Erstellen von Layouts von Seiten also darum gehen was der Besucher sucht, was erwartet wird und liefert die Seite genau das.

Was mich auch stört ist die Aussage "Keine A/B-Tests". Warum genau sollte man das nicht machen? Hier wird meiner Meinung nach eine Behauptung ohne Argumente in den Raum geworfen.

Gerade bei spezifischen Zielgruppen ist A/B Testing einfach Teil des Prozesses. Das Nutzerverhalten entwickelt sich auch weiter und was gestern gut funktioniert hat, kann schon morgen in die Binsen gehen. Und ehrlich gesagt finde ich es arrogant, zu sagen, "Ja hier das Design ist super, die Conversions sind ganz gut, ich bin zufrieden."

Da gibt es halt das schöne Sprichwort: "Wer aufhört besser zu werden, hat aufgehört gut zu sein!"

Ein Design zu basteln was man selbst oder die Designer "supergeil" finden, heißt nicht zwangsläufig das es auch erfolgreich ist. Das erfordert viel Arbeit z.B. Usability-Tests im Vorfeld und so weiter und so fort.

Erfolgreich weil geil? Wer glaubt es reicht aus ein feshes Design aufzusetzen, der glaubt auch noch an das Christkind..

Antworten
Sammy

Gute Landingpage macht starken Eindruck einer Webseite oder eines Unternehmen. Technisch ist es nicht viel schwerer als normale Webseite. Eine gute Idee spielt große Rolle. Ich habe ein Test gemacht. Kinder haben http://www.m-ms.de/ besucht und sofort die Seite und Marke gemerkt. Später können die sich m&m immer errinern. Im Gegensatz ist snickers.de Kindern nicht interessant.

Antworten
simonkoehler
simonkoehler

Sehr schicke Beispiele sind dabei. Hier ist noch mein persönlicher Favorit, zumindest für die ein oder andere Branche. Obwohl, wenn man die Farben anpasst, ist dieses Design ziemlich vielfältig brauchbar: https://products.gochilla.com/shop/graphics-design-templates/landing-page-design-innovative-psd/

Antworten
grep

Hallo Ruslan,

nein, es waren nur vier Links aber dass macht nun keinen Unterschied.

Ciao, Sascha.

Antworten
grep

Hallo Ruslan,

der erste Kommentator (Björn Dorra) zu diesem Artikel, veröffentlichte hier in seiner sehr kurzen Einlassung fünf (5) Hyperlinks zu seinen Webseiten ... ! - Wo also liegt das Problem ?

Hier in DE herrscht eine Hass- und Neidkultur, dominiert von Löschtrollen und Lästerschwestern.

Wen bringt dass weiter ?! - Leben und leben lassen ... !

Ciao, Sascha.

Antworten
grep

Hallo ...,

die Vorlagen sind allesamt sehr gelungen, doch vermutlich ist die Seitenladegeschwindigkeit dieser eher dürftig.

Denn Hintergrundbilder erhöhen das Datenaufkommen ebenso wie der massive Einsatz von Auszeichnungs- / Skriptsprachen erheblich.

Zudem benötigt die Verarbeitung des Quellcodes mehr (Rechen-)Zeit resp. Kapazität.

Ich setze mit meiner Präsenz (https://goo.gl/ljr0pM) daher auf Performance - Google würdigt dies mit einem 100/100 Score.

Ciao, Sascha.

Antworten
Ruslan

Wollen Sie Ihren Score nun unter jeden Artikel packen?

Antworten
Leo
Leo

Meiner Ansicht nach sind diese Landing Pages ein Modephänomen, das wieder verschwinden wird, so dass wir irgendwann wieder tendenziell mehr (mit content vollgepackte) Geocities-Design-Pages erhalten werden. Außerdem ist es Geschmacksache. Manche kaufen lieber in einem Edelshop ein, in welchem jedes T-Shirt auf einem leeren Tisch celebriert wird. Andere fühlen sich an Wühlkörben wohler.

Antworten
fixpage
fixpage

Wow, was für eine umfangreiche Auflistung an Beispielen! Mir persönlich haben die meisten davon hervorragend gefallen und ich finde es schön zu sehen, wie viel Mühe sich einzelne Unternehmen bei ihren Landingpages geben. Besonders die Seiten von Stripe, Lab und Lix haben in mir besonderes Interesse geweckt und mich zu einer Interaktion verleitet. Grundsätzlich mag ich schlichte, nicht zu verspielte Designs mit vielen nützlichen Fakten zum Produkt oder der Dienstleistung am besten.

Grüße
http://www.fixpage.ch

Antworten
Ben Harmanus

Hallo Sven,

ich freue mich über jeden Artikel zum Thema Landing Pages, kann hier aber vieles nicht so unterschreiben.

Unter dem ersten Screenshot steht: "Eine gute Landingpage ist attraktiv gestaltet, wirkt glaubwürdig und hat einen klaren Call-to-Action."

Richtig. Aber ein klarer Call-to-Action drückt sich nicht durch die farbliche Abhebung oder den Kontrast aus - sondern auch durch eine klare Handlungsaufforderung.

"Sign Up" ist generisch und worst practice. "Sign Up" für was? Weder Head- noch Subline sagen mir wirklich was "Do" kann (ich weiss es immer noch nicht).

Die Landing Page von Super Tasker ist ebenso unkonkret:
"DIGITAL TASKS - SUPER FAST!"
"Photo Retouching $20"
Call to Action: "Let's Go"

Was passiert denn, wenn ich meine Email-Adresse eingebe? Keine Ahnung. Ebenfalls kein empfehlenswertes Beispiel.

Du sagst:

"Startups sind also gut beraten, wenn sie Zepter zum Aufbau einer Landingpage selbst in die Hand nehmen – sei es durch Eigenentwicklung oder konsequentes Outsourcing."

Hier muss man vorsichtig mit dem Begriff "Landing Page" umgehen. Wenn die Homepage als Landing Page gemeint ist, dann sollte das interne Team diese bauen, testen und weiterentwickeln.

Wenn jedoch von dedizierten Landing Pages für Marketing-Kampagnen die Rede ist, dann bieten sich zusätzlich externe Tools an. Diese können Marketer bedienen und die Möglichkeiten sind je nach Anbieter umfangreich (nicht von gewöhnlichen Webauftritten zu unterscheiden).

Ich weiss, dass es Baukastensysteme gibt, die eine gewisse Anordnung vorgeben - es gibt aber auch Systeme, z.B. Unbounce, die dir mit Drag & Drop die volle Designfreiheit gewähren!

Ich habe für mehrere Startups gearbeitet. Die Inhouse-Umsetzung von Landing Pages sind ein Graus. Sie kosten Zeit und meistens die Ressourcen des Product Teams. Zudem sind die in den Tools hinterlegten A/B-Testing-Möglichkeiten ein Bonus für die schnelle Verbesserung der Page.

Und "Je aufwändiger die Umsetzung, desto höher ist in aller Regel die Konvertierungsrate." - worauf basiert diese Aussage?

Es geht um Usability und darum, dass man die Zielgruppe mit psychologisch geschickt eingesetzten Elementen zum Conversion-Ziel leitet. Meistens ist da weniger mehr...

Daher lautet mein Motto: "Work smarter - not harder." :)

Ich möchte hier kurz sagen, dass ich als Marketing Manager von Unbounce nicht für unser Produkt werben möchte. Wer LPs mal selber erstellen möchte, der sollte die genannten Produkte oder auch mal unseren sehr guten Mitbewerber LeadPages testen.

Wer mehr über Landing Page Design + A/B Testing lernen möchte, der kann sich kostenlos zu diesem Webinar mit Optimizely und uns anmelden:
http://webinar.unbounce.com/conversion-centered-design-und-ab-tests/

Die Tipps sind auch ohne unsere Produkte umsetzbar. :)

Ich hoffe, dass ich mit meinen Anregungen den t3n-Lesern helfe, gute Landing Pages zu erstellen und wirklich die Conversions zu steigern.

Viele Grüße,

Ben

Antworten
Daniel Hüfner

Hi Sven,

Danke für den Hinweis. Wir schauen uns das sofort an.

Beste Grüße,

Daniel

Antworten
Sven

Eure Galerie wirft bei mir leider nur einen 404 zurück.

Antworten
Daniel Hüfner

Das Problem sollte jetzt nicht mehr auftreten. Danke für den Hinweis und beste Grüße aus dem t3n-HQ!

Daniel

Antworten
selma
selma

Sehr guter Beitrag. Dieser Artikel hilft ebenfalls weiter und steuert nützliche Infos zum Thema Landingpage bei.
http://akquise.digital/warum-eine-landingpage-mit-bis-zu-412-besser-konvertiert/

Antworten
schlaubi
schlaubi

Ich fresse einen Besen, wenn es sich bei der landing page von liberio nicht um das Template von strikingly handelt!
Soviel zu den eingeschränken Möglichkeiten der Baukastensysteme..

Antworten
Björn Dorra
Björn Dorra

Ein guter Tipp ist GRID, wenn man eine responsive Landingpage erstellen möchte:

http://www.adamkaplan.me/grid/

-- Björn Dorra, Founder

http://www.versacommerce.de | www.shop-kompendium.de | http://www.letter.mx

Antworten
Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden