So gestalten Sie eine effektive Landing Page

Landing Pages können als einseitige Websites beschrieben werden, die den Besucher zu einer einzigen Aktion drängen. Dieser Fokus auf einen einzigen Zweck ist das Hauptmerkmal, das Landing Pages von anderen Websites unterscheidet.

Ihr Hauptziel ist es, Leads zu generieren, die oft mit E-Mail- und Social-Media-Kampagnen verknüpft sind, und diese Leads in Käufer und Abonnenten umzuwandeln. Der Prozess der Umwandlung von Besuchern in Leads und Käufer wird normalerweise durch Call-to-Action-Buttons und Formulare zur Lead-Generierung erreicht.

Eine Landing Page ist jede Webseite, auf der ein Internetbesucher zuerst auf dem Weg zu einer wichtigen Aktion landet, die er auf Ihrer Website ausführen soll – Tim Ash, Landing Page Optimization

Landing Pages entstanden als Reaktion auf die schlechten Verkaufszahlen, die Microsoft mit seiner Office-Suite erlebte, und haben sich bis zu einem Punkt ausgeweitet, an dem E-Mail-Marketing-Lösungen, Kundenmanagement und Lead-Erfassungsfunktionen heute Standard und ein leistungsstarkes Tool zur Bindung und Gewinnung von Kunden durch Marketing sind und Gestaltungstechniken.

Obwohl Landing Pages eine enge und etwas elementare Form der Kundenakquise und des Kundenverkaufs sind, sind sie nach wie vor eines der leistungsstärksten Tools, die Vermarkter verwenden.

Effektive Landingpages werden für Conversion- und verkaufsorientierte Aufgaben eingesetzt, wie zum Beispiel:

• Förderung neuer Produkte
• Wachsende Abonnentenlisten
• Umsatz und Leads steigern
• Erfassen von Erkenntnissen und Daten über Formulare

Best Practices für das Design von Zielseiten

Obwohl Landing Pages gewöhnlichen Websites sehr ähnlich sind, dienen sie einem anderen Zweck. Hier sind die wichtigsten Merkmale, die dazu beitragen, dass eine Zielseite gut aussieht und gut konvertiert:

1. Visuelle Einfachheit

Die visuelle Einfachheit berücksichtigt alle Elemente der Benutzeroberfläche einer Zielseite. Die Aufrechterhaltung der visuellen Einfachheit und eines minimalistischen Designs ist wichtig, da dies die Besucherorientierung verbessert und dazu beiträgt, das Wertversprechen zu präsentieren. Hier sind einige Merkmale der visuellen Einfachheit:

• Die visuelle Einfachheit behält Leerraum bei, der die Besucher auf Calls-to-Action (CTAs) konzentriert, indem sie sie von anderen Elementen isoliert.
• Die visuelle Einfachheit macht es einfach, die wichtigsten Funktionen und Handlungsaufforderungen hervorzuheben.
• Visuelle Einfachheit schafft Kontrast, indem Elemente so dargestellt werden, dass sie hervorstechen.
• Die visuelle Einfachheit hält den Designfluss aufrecht, indem Elemente so platziert werden, dass der Benutzer zum Weiterlesen angeleitet wird.

2. Eine großartige Zielseite beginnt mit großartigen Medien

Die richtigen Bilder und Videos auf Landing Pages helfen dabei, Besucher davon zu überzeugen, auf den Call-to-Action zu reagieren. Ein großartiges Bild hilft dabei, die Geschichte zu erzählen, das Produkt effektiv zu demonstrieren und eine persönliche Verbindung zu den Besuchern herzustellen.

Die Relevanz der angezeigten Bilder ist entscheidend. Das Anzeigen von Bildern von freundlich aussehenden, echten Menschen anstelle von generischen Stock-Bildern trägt dazu bei, Vertrauen bei den Besuchern aufzubauen. Das Einfügen relevanter Produkt- und Servicebilder gibt den Besuchern ein besseres Verständnis dafür, was sie kaufen.

Untersuchungen zur Wirkung von Videos auf Zielseiten legen nahe, dass Videos eine größere Wirkung haben als Standbilder, wobei „71 % der Befragten bestätigen, dass Videos besser konvertieren als andere Inhalte“. Videos helfen bei der Suchmaschinenoptimierung, halten die Benutzerbindung aufrecht und erklären den Besuchern das Produkt oder die Dienstleistung besser. Ein weiterer Faktor, der für Videos spricht, ist, dass sie bei guter Verwendung langatmige Kopien ersetzen können, die möglicherweise Conversions beeinträchtigen könnten.

3. Die Bedeutung der Farbe

Untersuchungen zeigen, dass Farben einen großen Einfluss auf unsere Psychologie haben – auf die Art und Weise, wie wir uns fühlen und handeln. Geeignete Farbpaletten verbessern die Benutzeroberfläche und helfen, das Verhalten der Benutzer zu lenken, wodurch die Landingpage-Conversions verbessert werden.

Hier sind einige Tipps, wie Sie Farben effektiv einsetzen können:

• Verstehen Sie, wie Sie hohe und niedrige Farben verwenden, die die Schaffung eines hohen Kontrasts ermöglichen, der direkt mit der Lesbarkeit von Kopien verbunden ist.
• Erstellen Sie eine Farbpalette, die aus kompatiblen Farbkombinationen besteht und auf Komplementär-/Gegenfarben aufbaut.
• Befassen Sie sich mit Farben aus der Perspektive von Psychologie und Marketing. Verwenden Sie je nach Produkt/Dienstleistung Farben, die die richtige Botschaft vermitteln (z. B. ist Grün die Farbe, die Sicherheit, Vertrauen und Ruhe vermittelt, und daher ist ihre Verwendung am besten für finanzbezogene Produkte geeignet).
• Berücksichtigen Sie die Farbsymbolik, wenn Sie unterschiedliche demografische Zielgruppen ansprechen. Verschiedene Kulturen interpretieren Farben unterschiedlich, was also für eine Benutzerbasis funktioniert, funktioniert möglicherweise nicht für eine andere.
• Verstehen Sie, dass die Farbinterpretation von Geschlecht zu Geschlecht unterschiedlich ist und es keine „kugelsichere“ Lösung gibt, wenn es darum geht, eine auszuwählen.

5. Responsives Design der Zielseite

Es ist ein paar Jahre her, seit responsive Websites zum Standard in der Branche geworden sind, und Zielseiten sind da keine Ausnahme. Responsive Landing Pages sollen auf Mobilgeräten das gleiche Maß an Benutzererfahrung und Benutzeroberfläche bieten wie auf Vollbild-Layouts.

Online-Käufe, die von mobilen Geräten getätigt werden, nehmen zu, daher werden Mobiltelefone bald zu einer wichtigen Verkehrsquelle für Online-Einkäufe und -Käufe. Da Zielseiten konversionsorientiert sind, ist es wichtig, das Potenzial der mobilen Zielgruppe zu verstehen und sich an diesen Traffic-Funnel anzupassen.

Hier ist ein Diagramm, das den Prozentsatz der mobilen Nutzer zeigt, wenn es um Statistiken zum responsiven Design von Zielseiten geht:

Obwohl die meisten Dienste, die eine Landingpage anbieten, Responsiveness bereits in ihre Vorlagen integriert haben, verlangen Best Practices für das Landingpage-Design, dass Responsiveness ein absolutes Muss ist, wenn die Entscheidung getroffen wird, eine freistehende Landingpage zu entwerfen. Hier ist der Grund:

• Responsive Layouts bieten Funktions- und Inhaltsparität wie auf der Hauptzielseite.
• Responsive Landing Pages profitieren von der enormen Menge an Traffic, der von Handys und Tablets kommt.
• Responsive Zielseiten lassen sich gut in SMM-Kampagnen integrieren, die Traffic führen.
• Responsive Landing Pages sind aufgrund der geringeren Layoutkomplexität einfacher zu erstellen.

Inhalt – Die Grundlage einer großartigen Landing Page

1. Auffällige und prägnante Schlagzeilen

Überschriften sind das erste, was Besucher sehen, wenn sie eine Zielseite erreichen, und sind eine effektive Möglichkeit, Besucher anzusprechen. Betrachten Sie die Überschrift als „Aufhänger“, der den Besucher entweder fängt oder verliert.

Sie werden Leser verlieren, wenn Sie sie nicht in den ersten paar Sekunden, die sie auf Ihrer Zielseite sind, ansprechen. Die Überschrift soll nicht nur Eindruck hinterlassen, sondern als auffälligstes Element auch die wesentliche Botschaft und das Alleinstellungsmerkmal vermitteln.

Eine effektive Landingpage-Überschrift lautet:

• Überzeugend und eingängig
• Kurz, aber klar, und gibt an, welches Problem es löst
• Vermittelt ein Gefühl der Dringlichkeit

2. Starke Handlungsaufforderungen

Call-to-Action-Buttons sind Kernkomponenten einer großartigen Zielseite und fungieren als wichtigstes Gateway zwischen Ihrem Produkt oder Ihrer Dienstleistung und dem Benutzer.

Es ist möglich, Ihr CTA-„Schaltflächenspiel“ zu verbessern, indem Sie diese Tipps anwenden:

• Halten Sie es „above the fold“ und betonen Sie den primären CTA. Machen Sie es dem Besucher immer leicht, die gewünschte Aktion auszuführen.
• Verwenden Sie suggestive Bilder und visuelle Hinweise, um Besucher auf den CTA hinzuweisen.
• Verwenden Sie kräftige und leuchtende Farben, die die CTA-Schaltflächen hervorheben, indem sie Kontraste erzeugen.
• Verwenden Sie für Ihre Handlungsaufforderungen natürliche und umsetzbare Formulierungen wie „Jetzt starten“ und „Jetzt ein kostenloses Angebot anfordern“. Vermeiden Sie die Verwendung einfacher Ausdrücke wie „submit“ und „send“, da diese hinsichtlich der Konversion nicht so effektiv sind.

3. Psychologische Aspekte

Jeder Mensch unterliegt psychologischen Prinzipien und Regeln. Die Motivationen, Wünsche, Überzeugungen und Vorurteile der Menschen veranlassen sie, bestimmte Entscheidungen zu treffen. Diese Entscheidungen werden stark von einer Vielzahl bewusster oder unbewusster Faktoren beeinflusst, und es gibt Möglichkeiten, sie zu beeinflussen:

• Verwenden Sie einfühlsame Bilder, die für den Kontext des Benutzers relevant sind. Dies ermöglicht eine bessere Verbindung auf emotionaler Ebene und vermittelt dem Benutzer Gefühle der Empathie.
• Schlüsselelemente auf der Zielseite, wie die Überschrift und die Call-to-Action-Schaltflächen, sollten für den Benutzer einen Mehrwert und ein Gefühl der Dringlichkeit schaffen. Dies kann erreicht werden, indem ein angemessener Text geschrieben und kontrastierende Farben verwendet werden.
• Widgets wie Vertrauensabzeichen, Bewertungen und Auszeichnungen sollten "above the fold" angezeigt werden. Das vermittelt ein Gefühl von Vertrauen.
• Das Anzeigen relevanter Testimonials wirkt als sozialer Beweis für Besucher und erhöht die Glaubwürdigkeit und Vertrauenswürdigkeit.
• Die Präsentation von Logos und Marken, die an der Dienstleistung oder dem Produkt beteiligt waren, hilft, Vertrauen durch soziale Beweise aufzubauen.

4. Verwendung von Personen auf Landing Pages

Neben den verschiedenen psychologischen Aspekten, die genutzt werden können, um mehr aus einer Landingpage herauszuholen, ist der Einsatz von Menschen und freundlichen Gesichtern eine bewährte Technik für höhere Landingpage-Conversions.

Die Verwendung von Bildern von echten, alltäglichen Menschen anstelle von Objekten oder Stock-Bildern hilft, eine persönlichere Verbindung herzustellen und bei den Besuchern mehr Empathie hervorzurufen. Da Menschen ihre Entscheidungen typischerweise auf einer emotionalen und unbewussten Ebene treffen, ist das Herstellen einer emotionalen Verbindung durch Bilder eine sehr wirkungsvolle Technik.

Studien, die die Verwendung menschlicher Bilder im Webdesign untersuchten, fanden heraus, dass Websites mit Gesichtszügen die Wahrnehmung stimulieren, dass die Websites vertrauenswürdig und daher attraktiver sind.

Eine weitere großartige Möglichkeit, die Aufmerksamkeit auf CTAs zu lenken, besteht darin, Bilder von Personen zu verwenden, die sich Überschriften und Call-to-Action-Buttons ansehen. Diese Technik erleichtert es dem Benutzer, wichtige CTAs zu sehen, und führt zu höher konvertierenden Zielseiten.

Häufige Fehler im Landingpage-Design

1. Keine Bilder oder Grafiken von geringer Qualität

Ein Bild sagt mehr als tausend Worte. – Sprichwort

Studien haben gezeigt, dass Menschen Bilder besser und Symbole mehr als 1.000-mal schneller wahrnehmen als Text, was die Notwendigkeit der Verwendung hochwertiger Bilder und Videos unterstreicht. Generische, verpixelte, veraltete Bilder und Stockfotos beeinträchtigen die Glaubwürdigkeit, verringern die Vertrauenswürdigkeit und machen die Zielseite in den Augen des Lesers weniger authentisch.

2. Seitenlayouts mit zu viel Inhalt und Komplexität

Zielseiten sollen einfach zu bedienen und schnell zu verstehen sein. Layouts, die zu komplex zum Scrollen, schwer zu scannen und mit UI-Elementen überladen sind, bieten selten einen Mehrwert und reduzieren die Landingpage-Conversions drastisch. Die Entscheidung, allgemeine Website-Elemente wie Navigationsleisten, Fußzeilen und ähnliche Elemente zu verwenden, sollte von Fall zu Fall getroffen werden.

Die Perspektive des Benutzers zu verstehen, deckt die Schwächen im Design effektiver auf, trägt dazu bei, den Seitenfluss intuitiver zu gestalten und das Scannen der Zielseite weniger schwierig zu gestalten.

A/B-Tests einer Zielseite sind eine gute Möglichkeit, Erkenntnisse zu sammeln, die zur Verbesserung des Zielseitenlayouts verwendet werden können. Eine weitere Option ist die Verwendung evidenzbasierter UX-Designtechniken, wie z. B. die F-förmigen und Z-förmigen Musterlayouts.

Diese Arten von Layouts wurden gründlich analysiert und mit Daten untermauert, die allgemeine Benutzerinteraktionsmuster zeigen. In Zukunft verbessert die Anwendung der Daten aus der Forschung die Fähigkeit der Benutzer, mit dem Inhalt einer Zielseite zu interagieren, erheblich.

3. Nicht scanbare Kopie

Gute Texte auf Landing Pages sind unerlässlich, um klare und intuitive Erlebnisse für Besucher zu schaffen. Gut geschriebene Texte sind nicht nur anregend, sondern auch spannend. Das Schreiben von Texten für Zielseiten ist sehr gefragt, da Vermarkter, Designer und Geschäftsinhaber den Wert großartiger Texte verstehen.

Ein wichtiges Prinzip kundenzentrierter Texte ist das Storytelling. Zu viel Text, Grammatikfehler, große Mengen ununterbrochenen Textes und ein langweiliger Ton können zu einer schlecht funktionierenden Zielseite führen. Besucher werden Ihnen mehr vertrauen, wenn sie das Gefühl haben, dass die Kopie auf sie zugeschnitten ist und eine überzeugende Geschichte erzählt.

Zusammenfassung

Bei Landing Pages geht es im Wesentlichen darum, Besucher zu gewinnen und zu halten sowie sie in Käufer und Abonnenten umzuwandeln, und sie sind derzeit eines der beliebtesten Tools, mit denen Vermarkter Leads sammeln.

Der Einsatz verschiedener Marketing- und Designtechniken kann einen starken Einfluss auf die Beteiligung der Benutzer haben. Die in diesem Artikel beschriebenen Landingpage-Designtechniken und psychologischen Prinzipien werden durch echte Daten untermauert und garantieren nachweislich eine effektive, hochkonvertierende und ergebnisorientierte Landingpage.

• • •

Weiterführende Literatur im Toptal Design Blog:

• eCommerce UX – Best Practices im Überblick (mit Infografik)
• Die Bedeutung von Human-Centered Design im Produktdesign
• Die besten UX-Designer-Portfolios – inspirierende Fallstudien und Beispiele
• Heuristische Prinzipien für mobile Schnittstellen
• Antizipatorisches Design: Wie man magische Benutzererlebnisse schafft