Das könnte dich auch interessieren

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

Listicles

Das Auge klickt mit: 38 Beispiele für eine richtig gute Landingpage

    Das Auge klickt mit: 38 Beispiele für eine richtig gute Landingpage

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

Eine gute Landingpage kann die Tür zu den ersten 1.000 Kunden öffnen. Diese Beispiele liefern dir haufenweise Inspiration.

Worauf es bei einer Landingpage ankommt

Eine Landingpage soll Besucher einer Website zu zahlenden Kunden machen. 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 einen idealen Türöffner zu den ersten 1.000 Kunden darstellen. Wie man eine solche Landingpage nach dem Quick-and-dirty-Prinzip mithilfe vorgefertigter Templates erstellt, haben wir hier bereits erklärt.

Eine gute Landingpage ist attraktiv gestaltet, wirkt glaubwürdig und hat einen klaren Call-to-Action. (Screenshot: t3n)
Eine gute Landingpage ist attraktiv gestaltet, wirkt glaubwürdig und hat einen klaren Call-to-Action. (Screenshot: t3n)

Aber Vorsicht: Wer schon beim Aufbau und der Gestaltung seiner Landingpage die zur Konvertierung von Besuchern notwendigen Faktoren wie Aufwand, Kreativität und den notwendigen Erklärungswillen vermissen lässt, vergrault den Besucher womöglich viel schneller als ihm lieb ist. Eine richtig gute Landingpage ist attraktiv aber nicht unübersichtlich gestaltet, erklärt Problem und Lösung, hat einen sichtbar platzierten Call-to-Action-Button und wirkt glaubwürdig.

Ungewöhnliches Design und Produkterklärung im Fokus

Herkömmliche Baukästen wie LaunchRock, QuickMVP, Unbounce oder My Beta List können diesen Anforderungen nur eingeschränkt gerecht werden. Startups sind also gut beraten, wenn sie das Zepter zum Aufbau einer Landingpage selbst in die Hand nehmen – sei es durch Eigenentwicklung oder konsequentes Outsourcing.  Je aufwändiger die Umsetzung, desto höher ist in aller Regel die Konvertierungsrate.

Dabei geht es nicht einmal so sehr um technische Raffinessen wie zum Beispiel Parallax Scrolling: Vielmehr sollten eine klare Werbebotschaft, kurze und verständliche Produkterklärungen sowie den Konvertierungsprozess zusätzlich unterfütternde Fotos und Videos im Zentrum einer ansehnlich gestalteten Landingpage stehen. Denn nur wenn der Besucher sofort weiß, worum es geht, bleibt und konvertiert er. Wir zeigen 38 gelungene Beispiele.

38 schicke Landingpages, die in Erinnerung bleiben

1. Liberio

Die Landingpage des Berliner Startups Liberio. (Screenshot: t3n)
Die Landingpage des Berliner Startups Liberio. (Screenshot: t3n)

2. Tictail

Bei TicTail ist sofort klar, worum es geht. (Screenshot: t3n)
Bei TicTail ist sofort klar, worum es geht. (Screenshot: t3n)

3. Find Marco Polo

Eine App, die dir hilft, das Smartphone wiederzufinden. (Screenshot: t3n)
Eine App, die dir hilft, das Smartphone wiederzufinden. (Screenshot: t3n)

35 weitere kreative Landingpages im Überblick

(Screenshot: Mapme)
(Screenshot: Mapme)

1 von 35

(Screenshot: Narrative Clip)
(Screenshot: Narrative Clip)

2 von 35

(Screenshot: Timedropper)
(Screenshot: Timedropper)

3 von 35

Finde einen Job, den du liebst

13 Reaktionen
grep
grep

Hallo Ruslan,

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

Ciao, Sascha.

Antworten

grep
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
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
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
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
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

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

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen