Alle Kollektionen
Heyflow Academy
Wie du mit perfekten Landingpages begeisterst
Wie du mit perfekten Landingpages begeisterst
Heyflow avatar
Verfasst von Heyflow
Vor über einer Woche aktualisiert

Intro

Bevor die Nutzer:innen deinen Flow durchgehen, musst du diese vielleicht erst einmal von deinem Produkt, Dienstleistung oder Unternehmen überzeugen. Eine Landingpage bietet dir die Möglichkeit, mit Vertrauenselementen wie Vorteilen, Rezensionen und Logos genau dies zu tun.

Im Vergleich zu einer Homepage wird ein bestimmtes Ziel mit einer Landingpage verfolgt und weniger Navigationsmöglichkeiten angeboten, da der Fokus beispielsweise auf dem Angebot oder der Bewerbung liegt. Der Inhalt der Seite ist hier speziell auf die Conversion ausgelegt.

In diesem Artikel erfährst du, wie eine Landingpage aufgebaut ist, welche Vertrauenselemente nicht fehlen sollten, was Call to Actions sind und erhältst weitere wertvolle Einblicke in die Use Cases Lead Generation und Social Recruiting.

💡 Tipp: Verbinde deinen Flow mit deiner eigenen (Sub-)Domain, um deine Brand zu zeigen und noch seriöser aufzutreten.

🔎 Wenn du bereits eine Landingpage außerhalb von Heyflow gebaut und deinen Flow auf deiner Website eingebettet hast oder auch direkt von deiner Homepage auf den Flow weiterleitest, dann schaue hier für unseren Flow Best Practices Guide vorbei.


Aufbau

Hero Section: Der erste Blick

Jede Landingpage startet mit einer sogenannten Hero Section, die den oberen Bereich bezeichnet, den die Besucher:innen als Erstes sehen, sobald der Flow geöffnet wird und bevor die Nutzer:innen scrollen.

Dieser Bereich beinhaltet meistens eine Überschrift sowie Unter-Überschrift. Außerdem findest du hier auch einen sogenannten Hero Shot, also eine visuelle Repräsentation deines Angebots in Form eines Bildes oder Videos.

Was auf gar keinen Fall fehlen darf, ist ein klarer CTA (Call to Action) bzw. eine Handlungsaufforderung, z.B. in Form eines Buttons, um die Nutzer:innen zur Conversion zu bringen.

Wichtig: Teste immer auch in der mobilen Variante, ob der CTA im Blickfeld ist, sobald der Flow geöffnet wird.

🔎 Gerade Container können dir bei dem Aufbau deiner Landingpage weiterhelfen, um diese besser in (z.B. farblich gekennzeichnete) Abschnitte einzuteilen, Elemente nebeneinander anzeigen zu lassen oder sogar Hintergrundbilder für bestimmte Abschnitte einzufügen.

Schaue hier für weitere Informationen und Beispiele vorbei!

Handlungsaufforderung (CTAs)

Call to Actions sind nicht nur in der Hero Section wichtig, denn auch im weiteren Verlauf der Landingpage sollten die Besucher:innen jederzeit die Möglichkeit erhalten, weiterklicken zu können. Wir empfehlen deshalb, einen CTA nach jedem Abschnitt auf der Seite einzubauen, sodass immer ein Button im Blickfeld ist.

💡 Tipp: Eine typische Handlungsaufforderung könnte z.B. Jetzt bewerben oder Sichere dir jetzt dein Angebot sein.

Angebot

Um Leads und Bewerbende zu überzeugen, Daten im weiteren Verlauf des Flows einzutragen, sind Inhalte zum Angebot bzw. Vorteile ein essenzieller Bestandteil.

🔎 Schaue auch in unserem Artikel zur Positionierung und Angebot vorbei, um weitere wertvolle Einblicke in das Thema zu erhalten.

Um Angebote visualisiert darzustellen, empfehlen wir unseren Listen-Block. Mit diesem hast du die Möglichkeit, mit Icons oder Emojis eine Aufzählung wichtiger Punkte zu erstellen, die du über einen erklärenden Text noch weiter ausführen kannst. Auch unsere Checkliste hilft dir dabei, einen schnellen Überblick über Vorteile zu geben.

Solltest du zusammenhängende Texte verwenden wollen, nutze auch die weiteren Funktionen in unserem Text-Block, um bestimmte Wörter in kursiv, fett gedruckt oder auch anderen Farben hervorzuheben. Pass allerdings auf, dass der Text nicht zu lang wird.

Der Akkordeon-Block hilft dir, weitere Informationen zur Verfügung zu stellen, ohne gleich den ganzen Text anzeigen zu lassen, z.B. für einen FAQ-Abschnitt.

Unser Fotokarussell-Block erlaubt es dir, mehrere Fotos auf einmal in einer Bildstrecke zu zeigen, die automatisch gewechselt oder auch von den Nutzer:innen geändert werden können.

Vertrauen

Für eine erfolgreiche Landingpage ist generiertes Vertrauen das A und O. Rezensionen anderer Kund:innen bzw. Social Proof ist hier eine gute Möglichkeit, um Vertrauen von Leads oder Bewerbenden zu erhalten.

Neben dieser eher persönlichen Komponente können Logos, Zertifikate oder Siegel auch zu einem positiven Ergebnis beitragen. Dafür empfehlen wir dir unseren Logo Bar-Block.


Beispiele

Lead Generation

In der Lead Generierung ergibt es gerade für bestimmte Produkte oder saisonale Dienstleistungen Sinn, eigenständige Landingpages dafür zu bauen, um nur die relevanten Informationen darzustellen.

Wir empfehlen auf der Landingpage im Bereich der Lead Generierung mit einem bzw. mehreren CTA Buttons zu arbeiten, die klar sichtbar sind und nicht mit einer Frage zu starten. Fragen können bei den vielen Elementen auf der Seite untergehen.

Darauf können dann Inhalte folgen, wie z.B. Informationen zum Produkt oder dem bereitgestellten Service und deren Vorteile. Gerade in der B2B Lead Generierung kannst du hier auch nochmal dein Unternehmen vorstellen.

Vertrauen ist ein sehr wichtiger Aspekt, um neue Leads zu generieren. In der B2B Lead Generierung dürfen Logos von Kund:innen, mit denen bereits zusammengearbeitet wird, nicht fehlen oder auch allgemein Rezensionen oder Bewertungen.


Social Recruiting

Im Social Recruiting haben 80% der Flows eine vorangestellte Landingpage, um Informationen über das Unternehmen oder die zu füllende Position zu liefern. Manche Social Recruiting Flows haben sogar weitere ähnliche Screens, die den potenziellen Bewerbenden zusätzliche Informationen liefern. Lass die Bewerbung zum Erlebnis werden und zeige, warum die Person sich bewerben sollte!

In der Hero Section sollten die wichtigsten Fakten nochmal klar erkennbar sein, wie z.B. die Position, Startdatum oder auch der Ort. Neben dem Unternehmenslogo solltest du weiterhin auch einen Hero Shot einbinden, wie z.B. ein Foto vom Team. Fordere hier auch mit einem klaren CTA die Bewerbenden auf, den nächsten Schritt zur Bewerbung zu gehen. Du kannst dafür einen Button verwenden oder auch eine einfache Bildauswahl.

Wichtig: Nach jedem weiteren Abschnitt auf der Landingpage vergiss nicht, einen weiteren CTA einzubinden, sodass die Bewerbenden immer die Möglichkeit haben, sich in den Flow zu klicken und den Bewerbungsprozess zu starten.

Im weiteren Verlauf der Landingpage solltest du das Unternehmen vorstellen und z.B. auch über die Vision oder Mission berichten. Die Vorteile für die Bewerbenden kannst du optimal in einer Liste visuell darstellen und weiter erläutern. Auch die Checkliste kann dir gerade bei Aufgaben und Tätigkeiten der Position helfen, diese gut darzustellen.

Verleihe deiner Landingpage einen persönlichen Touch durch Fotos und auch Videos, die das Team vorstellen oder den Arbeitsplatz und Tätigkeiten zeigen. Du kannst Fotos von Teammitgliedern z.B. auch in einem Testimonial einbinden. Versuche allgemein auf Stockfotos zu verzichten, da sonst die Authentizität verloren gehen kann.

Neben der Empfehlungen von Mitarbeitenden können auch Siegel, wie z.B. Kununu Top Company Siegel, zur Zufriedenheit der Mitarbeitenden, weiteres Vertrauen und Neugier bei den Bewerbenden wecken, um am Ende die Bewerbung abzuschicken.


Fazit

Zusammenfassend können wirkungsvolle Landing Pages Nutzer:innen von einem Produkt, einer Dienstleistung oder einem Unternehmen überzeugen, noch bevor sie mit dem Flow interagieren. Beachte dabei die entscheidenden Bestandteile einer Landing Page, einschließlich des Hero-Abschnitts mit einer klaren Handlungsaufforderung, strategisch platzierten Buttons auf der gesamten Seite und der Bedeutung der visuellen Hervorhebung der Vorteile des Angebots.

Es ist entscheidend, Vertrauen aufzubauen, indem du Bewertungen, Logos und andere persönliche Elemente einbeziehst. Beachte stets die kontinuierliche Notwendigkeit von gut sichtbaren Handlungsaufforderungen nach jeder Sektion auf der Landing Page, um die Interaktion zu erleichtern und den Flow sofort zu starten.


Hier geht's zu unseren weiteren Academy Artikeln:

Hat dies Ihre Frage beantwortet?