Landingpage Erstellung

So entstehen Landingpages für deine User die verkaufen.

Die Webseite, auf der dein Besucher “landet” bezeichnet man als Landingpage, wenn er ein Werbemittel, einen Link oder auf einen organischen Eintrag bei einer Suchmaschine angeklickt hat.

Diese spezielle Seite konzentriert sich darauf ein bestimmtes Ereignis oder eine besondere Benutzeraktion hervorzurufen. Dieses Ziel wird auch als Conversion bezeichnet.

Wichtig ist es einen Zusammenhang zwischen dem “Lockmittel” und den dargestellten Inhalten zu erstellen. Diese Relevanz ist mitentscheidend für Verbleib Ihres neuen Besuchers auf Ihrer Landingpage und Beschäftigung mit den darstellten Inhalten.

Die Kunst der Reduktion

Im Gegensatz zu einer Startseite geht es bei einer Landingpage in der Regel eher um eine abgegrenzte Motivauslösung. Gute Landingpages konzentrieren sich auf einen Zweck / Nutzen und führen Ihren Besucher zu seiner Lösung.

Landingpages eignen sich für div. Traffic-Quellen wie z.B. Banner-Marketing, Newsletter, Suchmaschinenwerbung u.a.

Dabei sollte jedoch immer das Motivumfeld des Nutzers betrachtet werden und psychografische Aspekte analysiert werden.

Wir haben für Sie eine Anleitung erstellt wie Sie Ihre Landingpage selber erstellen können bzw. Ihre bestehende so anpassen, dass Sie besser “convertiert”.

1. Nutzermissionen erstellen

Ergründen Sie die Motivumfelder Ihrer Kunden. Dabei sollten Sie mit den auslösenden Emotionen beginnen. Ihr Kunde klickt nicht durch Zufall auf Ihr Werbemittel oder Ihren Link. Im Vorfeld hat Ihr Banner ihn vielleicht neugierig gemacht oder sein Spartrieb veranlasste ihn zu einem Besuch auf Ihrer Landingpage. Ein paar Beispiele für dominierende Emotionen: Angst, Zorn, Ärger, Sorge, Freude, Neugier.


Erstellen Sie eine Liste der typischen Emotionen und tragen Sie diese in eine Tabelle ein. So haben Sie alle wichtigen Motivumfelder gesammelt und können die verschiedenen Landingpageansprachen grob definieren.

Diese Arbeit zahlt sich doppelt für Sie aus.

Keywords und Kampagnen können schnell von Ihren Mitbewerbern kopiert werden. Nutzermissionen jedoch gehören Ihnen und sind erst einmal unsichtbar für Ihre Konkurrenz.

Bei sitefuchs beginnt jedes neue Kundenprojekt mit der Sammlung dieser Motivumfelder damit wir die Probleme unser Kunden besser verstehen und uns emphatisch in die Zielgruppe hineinversetzen können.

Probieren Sie es aus, es lohnt sich!

2. Modell zur Landingpage Optimierung

Widerfunnel L.I.F.T Model

Bei dem ersten handelt es sich um das L.I.F.T.- Modell von dem Widerfunnel-Gründer Chris Goward, welches sich nicht nur für eine einzelne Landing-Page anwenden lässt, sondern auch für ein ganzes System Gültigkeit besitzt.

LIFT steht für Landing page Influence Function for Test und ist ein Conversion Optimierungs-Konzept, welches sechs Conversion Faktoren beinhaltet. Jeder dieser sechs Aspekte dient dazu, die eigene Landing Page aus der Perspektive des Nutzers zu analysieren. Grafisch wird dieses Modell als Flugzeug dargestellt.
Es gibt Faktoren, wie Relevanz und Klarheit, welche der Seite Auftrieb geben. Faktoren wie Bedenken und Ablenkung behindern dagegen. Dringlichkeit ist der Antrieb und das Wertversprechen das Flugzeug selbst. Das Wertversprechen (oder auch Nutzenversprechen) ist quasi das Vehikel der Conversion Optimierung und damit der wichtigste Punkt. Alle anderen Faktoren begünstigen oder behindern diesen nur.
Relevanz, Klarheit und Dringlichkeit sind die drei Conversionbeschleuniger.
– Findet der Nutzer gleich, was er sucht?
– Ist die Seite relevant für die Beantwortung seiner Fragen und Probleme?
– Ist alles auf einen ersten Blick schnell zu erkennen?

Gestalterische Klarheit ist entscheidend für einen optimalen Blickverlauf und somit für die Orientierung des Nutzers. Zudem muss ihm das Gefühl gegeben werden, dass es notwendig ist, dass er jetzt an dieser Stelle handelt und nicht erst später.
All diese Faktoren motivieren den Besucher zu einer Handlung und einer Konversion.
Ablenkung und Bedenken behindern diesen Vorgang dagegen. Aus diesem Grund muss eine Seite auf überflüssige und ablenkende Elemente untersucht werden. Auch solche, welche der Glaubwürdigkeit schaden können, verhindern, dass Vertrauen gefasst werden kann und daher gilt es, diese zu identifizieren und zu beseitigen.
Mit diesen einfachen Punkten lässt sich eine Seite schnell auf störende Elemente untersuchen. Wissen Sie, wer Ihr Kunde ist, wissen Sie auch wonach er sucht. Findet er dies auf Ihrer Seite oder nicht?
Das L.I.F.T.-Modell ermöglicht es, sich über wenige Punkte in den Nutzer hineinzuversetzen und aus dieser Perspektive zu erkennen, wo Potenzial in der Seite steckt.

3. Elemente der Landingpage definieren

Wireframe einer Landingpage

Sie brauchen für die Grob-Gestaltung Ihrer Landingpage kein Designprofi zu sein. Machen Sie sich mit der Wireframe-Technik vertraut. Das können Sie ganz rustikal auf einem Blatt Papier darstellen, mit einer Software wie Omnigraffle oder Photoshop oder einem “Mockup-Tool”.

Wenn Sie Ihre Vorarbeit erledigt haben sollte es Ihnen die Inhalte einfach von der Hand gehen.

Nutzen Sie diese sieben Elemente für Ihre Landingpage:

  • Überschrift
  • Fließtext
  • Heroshot
  • Leadtext
  • Aufzählungen von Vorteilen
  • Vertrauenselementen
  • Handlungsaufforderung

4. Landingpage verkaufsstark machen


Menschen kaufen das Loch in das Wand. Dabei ist die Bohrmaschine nur Mittel zum Zweck. Zu oft werden die Kunden mit technischen Spezifikationen wie Umdrehungsgeschwindigkeit, Stromaufnahme usw gelangweilt. Hier liegt Ihre Chance es besser als die meisten anderen Landingpages zu machen.

Formulieren Sie Ihre Aussagen immer aus Sicht Ihrer Kunden. So kann die technische Aussage 2000 Umdrehungen / Minute auch formuliert werden…

Super schnell: Mit 2000 rpm bohren Sie mühelos in die meisten Wände

Ihr Leser versteht so den Nutzen hinter der technischen Formulierung

Bei sitefuchs arbeiten wir der 5N Methode. Dabei sprechen wir fünf Grundbedürfnisse an:

  • Sicherheit (Selbsterhaltung, Gesundheit, Risikofrei, Sorgenfrei)
  • Bequemlichkeit (Komfort, Einfach, Schönheit)
  • Geld / Zeit sparen (Streben nach Gewinn, Geld sparen)
  • Ansehen / Status (Stolz, Prestige, In-sein, Dabei sein)
  • Freude (Großzügigkeit, Schenkungstrieb, Liebe zur Familie)

5. Landingpage gestalten

Landingpage Erstellung mit Fireworks

Es gibt viele Werkzeuge um das im Wireframe erstellt Layout jetzt zu schmücken. Viele verwenden dazu Photoshop oder andere Bildbearbeitungsprogramme. Das haben wir auch bis vor ein paar Jahren so gemacht. Erst nach dem ich diesen Artikel gelesen hatte gewöhnte ich mich auf Fireworks um.
Dieses Programm ist mit ca. 400,- EUR für Adobeverhältnisse erschwinglich und bietet alles das was ein Designer für Landingpages benötigt. Selbst die Wireframes lassen sich hiermit komfortabel erstellen.

Ich empfehle als erstes ein Grundraster zu erstellen. Hierbei kann man auf Vorlagen wie 960 Grid zurückgreifen. Wenn die Landingpage jedoch in eine bestehende Seitenstruktur eingebunden wird, dann gelten hier die Vorgaben aus dem Designhandbuch. Ansonsten kann ein zu starker Bruch zwischen Landingpage und Folgeseiten bei Ihren Nutzern Verwirrung auslösen. Ihre Besucher mögen keine Widersprüche.

6. Feinjustierung der Landingpage

Nachdem Sie die Inhalte der Landingpage in ein schönes und zweckmäßiges Gewand gebracht haben beginnt jetzt der spannende Teil. Der Test ob Ihre Idee wirklich funktioniert.

Hier ein paar Testinstrumente für Ihre Landingpage:

5 Sekunden Test

  1. Drucken Sie den Entwurf aus bzw. zeigen Sie die Landingpage auf dem Bildschirm Ihren Testteilnehmern für max. 5 Sekunden.

  2. Beobachten Sie und stellen Sie drei Fragen:

    Worum ging es auf dieser Website?

    Wofür kann man das brauchen?

    Was soll der Besucher auf der Website tun?

Ein Zeitraum von fünf Sekunden klingt erst einmal kurz. Jedoch geben Ihre Besucher Ihnen auch kaum mehr Zeit sie zu überzeugen. Das Ziel ist es herauszufinden welche Elemente wie wirken. Mithilfe dieses Test kann auch schon in der Entwurfsphase gearbeitet werden. So können teure Fehlentwicklungen schon am Anfang erkannt werden und viel Geld gespart werden.

Webanalyse

Durch das Messen von Besuchen, Aktionen und Absprung bzw. Abbrüchen können wir wertvolle Infos sammeln und diese nach einer gewissen Zeit analysieren.

Mousetracking

Durch das Erfassen der Position des Mauszeigers erkennen wir besser das Verhalten unserer Nutzer, da sehr oft die Maus als Lesezeichen verwendet wird. Das ersetzt nicht einen Eyetrackingtest, dagegen kostet Maustracking fast nichts. Richtig spannend ist es sich Einzelaufnahmen anzusehen. Das kostet Zeit, jedoch auch faszinierend den Nutzern “über die Schulter zu schauen”.

Video-Test

Bei dieser Testart wird mittels einer speziellen Software der Bildschirminhalt der Testpersonen aufgezeichnet. Zusätzlich kommentieren die Tester das Erlebte und Sie können im Vorfeld Aufgaben und Fragen definieren.

Diese Testart ist gerade für größere Conversion Stufen sehr wirksam, da der gesamte Kauftricher “durchleuchtet” werden kann.

Auch die Kosten sind heutzutage günstig. Hat so ein Test im Usabilitylabor vor noch wenigen Jahren schnell über 10.000 EUR gekostet können wir das heutzutage für wenige 100 EUR bekommen.

A/B, Multivarianten Test

Bei diesem Test laufen mind. zwei Varianten einer Website im Test gegeneinander. Der Besucherfluss wird über eine Weiche auf die verschiedenen Testvarianten aufgeteilt und KPI wie Conversions, Absprungrate, Aktionsrate gemessen.
Bei einem multivariaten Test werden auf der Website verschiedene Elemente gegeneinander getauscht und das Besucherverhalten gemessen.

Selber machen oder machen lassen?

Mit diesem Artikel zur Landingpage Erstellung haben wir dir die wichtigsten Schritte an die Hand gegeben um eine conversionstarke Landingepage zu erstellen.
Gerne unterstützen wir dich dabei die Landingpage zu erstellen. Nimm am besten gleich mit uns Kontakt auf und wir schauen wie deine neue Landingpage deinen User helfen wird Probleme zu lösen.

Jetzt anfordern

Sichere dir deine Gratis-Beratung wo wir gemeinsam schauen wo du aktuell mit deinem Online Marketing stehst und was wir als spezialisierte Agentur für dich erreichen können.

Hinweis zum Datenschutz: Mit der Nutzung dieses Kontaktformulars erklärst du dich damit einverstanden, dass wir deine Daten zur Bearbeitung deiner Anfrage nutzen werden. Eine Weitergabe deiner Daten an Dritte erfolgt nicht. Du kannst der Nutzung deiner Daten jederzeit mit einer E-Mail an briefkasten@sitefuchs.de widersprechen.