Eine Landing Page ist die erste Erfahrung, die Ihr Kunde (oder potenzieller Kunde) mit Ihrer Marke macht. Es muss Informationen vermitteln, einen Aufruf zum Handeln anregen und Ihre Persönlichkeit widerspiegeln. Es ist schwierig! Heute teilen wir Ihnen zehn Landing-Page-Design-Tipps.
Wenn Sie nur Ihr Logo und Ihr Produktbild auf eine Vorlage kleben, ist das offensichtlich. Die Seite enthält nicht die Erfahrung oder Informationen, die Ihr Kunde erwartet, wenn Sie dort ankommen. Egal, ob es schwierig zu navigieren ist, schwer zu lesen ist oder ein Durcheinander von visuellen Elementen: Die Gestaltung einer Landingpage, die nicht stört, erfordert Planung und Präzision. Werfen wir einen Blick auf zehn Tipps, wie man es besser macht.
1. Haben Sie ein klares Ziel für die Seite
Das Erste, was Sie beim Erstellen oder Anpassen von Designanpassungen an einer Zielseite beachten sollten, ist das Ziel der Seite: Was möchten Sie, wenn Benutzer dort ankommen?
- Klicken Sie auf einen Link
- Ein Video angucken
- Ein Spiel zu spielen
- Geben Sie Informationen in ein Formular ein
- Einen Kauf tätigen
- In sozialen Netzwerken teilen
- Inhalte lesen oder anderweitig damit interagieren
Dann sollte alles auf Ihrer Landing Page entworfen und darauf ausgerichtet sein, die Benutzer diesem Ziel näher zu bringen. BarkBox verkauft Hundespielzeug und behandelt Abo-Boxen. Die Zielseite oben bezieht sich auf die Valentinstag-Aktion, bei der es sich um Themen handelt, die die Nutzer jedoch zum Kauf zwingen. (Beachten Sie, dass auf jeder Schaltfläche "Beginnen" steht.)
2. Design für Ihr Publikum
Für die Benutzer, die sie verwenden werden, müssen Landing Pages erstellt werden. Das klingt ziemlich selbsterklärend, aber zu oft passiert das nicht.
Die Personen und Bilder im Design sollten für die Benutzer zugänglich sein. Text und Blöcke sollten in einer Stimme und einem Ton kommunizieren, die diese Benutzer zu schätzen wissen.
Es kann einen tiefen Einblick in Ihre Analysen erfordern, um zu verstehen, wer Ihre Hauptzielgruppe ist.
- Sind sie Frauen oder Männer?
- Jünger oder älter?
- Leben sie in einer bestimmten Gegend?
Erstellen Sie ein Design, das die Zielgruppe anspricht, mit der Sie sich verbinden, um das Engagement und die Nutzer-Conversions zu steigern.
3. Verwenden Sie starke Bilder
Ein starkes Bild, ein interessantes Foto oder ein ansprechendes Video hinterlässt einen starken ersten Eindruck und trägt wesentlich dazu bei, die Benutzer zu engagieren.
Coulee Creative verfolgt einen interessanten Ansatz. Das Design ändert sich nicht, aber die Überschrift ändert sich und mit jeder Änderung der Überschrift ändert sich der Gesichtsausdruck des Mannes im Bild entsprechend.
Es ist ein Überraschungselement, das Spaß macht und Sie wollen sehen, was er als Nächstes tun wird.
4. Fertige fesselnde Kopie
Die meisten Landing-Pages enthalten mehrere Kopierebenen. Jede dieser Ebenen muss überzeugend sein und darauf hinarbeiten, dass Benutzer die von Ihren Website-Zielen gewünschte Aktion erreichen.
Die meisten Zielseiten verwenden die folgenden Arten von Kopierblöcken:
- Überschrift: Es sollte ein paar Worte sein, die die Aufmerksamkeit der Benutzer auf sich ziehen.
- Textkörper: Dies ist Ihre Hauptbotschaft. Es sollte kurz und direkt sein.
- Aufruf zum Handeln: Oft in Form einer Schaltfläche oder eines Links wird dem Benutzer mitgeteilt, was mit der Website zu tun ist. Was ist der nächste Schritt im Prozess und wie kommen sie dorthin? Sorgen Sie für klare umsetzbare Kommunikation.
- Fußzeile: Standardinformationen wie Branding, Kontaktinformationen und Links zu sozialen Medien können dazu beitragen, Glaubwürdigkeit zu schaffen und den Nutzern eine Anlaufstelle zur Verfügung zu stellen.
5. Festlegen von Schlüsselwörtern über die Navigation
Navigationselemente auf einer Zielseite helfen Benutzern dabei, den Inhalt Ihrer gesamten Website anzuzeigen. Stellen Sie sich Navigationselemente als zusätzliche Schlüsselwörter vor, die Benutzerinformationen und Anweisungen enthalten.
Baublebar macht das auf seiner Puppy Bowl-Landingpage gut. Das Unternehmen, das hauptsächlich Schmuck für Frauen verkauft, verwendet die Navigationsleiste, um dies hervorzuheben, während Pet Petkugeln gezeigt werden. auf dieser Landingpage.
Unterhalb der Schriftrolle konzentriert sich die Seite auf Schmuck für Frauen mit Bildern, die Produkte zeigen, die nicht für Hunde sind. Alle diese Navigationshinweise helfen Benutzern, die auf die Website für Heimtierprodukte kamen, zu erkennen, dass das Hauptgeschäft weitaus mehr ist.
6. Machen Sie den CTA frei
Jeder Benutzer sollte genau wissen, was zu tun ist, wenn er Ihre Zielseite erreicht. Klare Handlungsaufforderungen sind unerlässlich. Gehen Sie nicht davon aus, dass Benutzer nur das tun, was Sie möchten.
Gute Handlungsaufforderungen können in Form von Schaltflächen, auszufüllenden Formularen, Benutzeranweisungen (z. B. Scrollen für mehr) und sogar Animationen bestehen.
Das Portfolio von Jonathan Patterson verwendet letzteres, um eine Benutzeraktion festzulegen. Jeder der hellfarbigen Blöcke enthält einen dunklen Schwebeflugstatus, der den Benutzern anzeigt, dass auf jeden Block für weitere Informationen geklickt werden kann.
7. Passen Sie den Inhalt an, wenn Sie können
Landing Pages sind von Natur aus etwas spezifisch und speziell. Oft haben sie einen Zweck oder ein Ziel, das etwas fokussierter ist als Ihre Homepage. Passen Sie den Inhalt der Zielseite an, um dieses Konzept optimal zu nutzen.
Trulia leitet Benutzer zu einer Startseite / Landing-Page weiter, die Geolocation-Tools verwendet, sodass jeder Benutzer von Anfang an standortspezifische Informationen erhält.
Durch diese einfache Benutzererfahrung fühlt sich die Website als gewohnt an und die Nutzer werden mit größerer Wahrscheinlichkeit mit Inhalten in Verbindung treten, die sie betreffen.
8. Schließen Sie ein eindeutiges und relevantes Branding ein
Ein häufiges Problem bei Landing-Pages, das sie zum Lachen bringt, ist, dass sie oft nicht so aussehen oder visuelle Hinweise enthalten, die eine Verbindung zur Haupt-Website herstellen.
Zielseiten sollten ein klares und relevantes Branding enthalten, damit die Nutzer genau wissen, mit wem oder mit wem sie sich beschäftigen.
Nike macht dies mit der Schuhanpassungsseite auf ihrer Website großartig. Es enthält den gleichen Header und das gleiche Logo wie jede andere Seite, der Hauptinhalt ist jedoch anders - und die Benutzer wissen, dass es aufgrund des funky Designs des Schuhs etwas Besonderes ist. Es ist kein Image eines Produkts, das zum Verkauf steht. Es ist ein bewegliches Bild mit benutzerdefinierten Konzepten, die Benutzer erstellen können.
Die Benutzer werden sich nie fragen, ob sie noch mit der Marke Nike interagieren.Im Design ist es immer relevant.
9. Betrachten Sie die Quelle
Wenn ein Benutzer von einem anderen Ort im Internet auf einen Link klickt und auf einer Landing Page ankommt, erwartet er etwas von dem, was er finden wird.
Die Landing Page sollte so gestaltet sein, dass der Inhalt für diesen Verkehr spezifisch ist.
Bills.com hat eine Landing Page mit einem einfachen Formular, mit dem Benutzer herausfinden können, wie sie Schulden konsolidieren oder verwalten können. Es gibt kein anderes Durcheinander auf der Landing Page und die Benutzer werden erst nach Abschluss des oben gezeigten Vorabprüfungsprozesses weitere Informationen erhalten.
Dieses Design basiert stark auf der Quelle des Links - von Orten wie Social Media oder sogar gedruckten Informationen -, um den Benutzern mitzuteilen, was als nächstes passieren wird.
10. Legen Sie Hierarchie und Fluss fest
Eine gute Zielseite macht die Benutzerfreundlichkeit offensichtlich. Wo sollen die Benutzer nachsehen und was sollen sie auf der Seite tun?
Das Entwerfen mit üblichen Benutzermustern und Verhaltensweisen kann einen großen Beitrag zur Festlegung dieses Flusses leisten. Fügen Sie Bildebenen, Branding und Typografie hinzu, um auch eine klare Hierarchie zu erstellen, und die Benutzer wissen sofort, wie sie mit der Seite interagieren.
LS Productions (siehe oben) hat eine klare visuelle Vorgehensweise - großes Scrolling-Video, Logo in der oberen Ecke, um die Überschrift zu Scroll für More CTA zu zentrieren. Benutzer erhalten all diese Informationen innerhalb von Nanosekunden.
Fazit
Ein wichtiger Punkt, der zu berücksichtigen ist, ist, wenn Sie über eine Landing Page nachdenken, dies nicht unbedingt Ihre Homepage ist. Zielseiten sind die häufigsten ersten Stopps für Website-Besucher. (Sie können das anhand der Analyse Ihrer Website herausfinden.)
Einige dieser Top-Zielseiten sind möglicherweise auf Ihre Marketingbemühungen zurückzuführen und darauf, wie Sie den Datenverkehr steuern. Andere Seiten können jedoch aufgrund des Inhalts, Links aus anderen Quellen und der Suche populär sein. Zu wissen, woher der Datenverkehr stammt und wonach die Nutzer suchen, ist ein entscheidender Faktor, wenn es darum geht, Ziele zu setzen und eine Landing-Page zu entwerfen, die nicht schadet.