Wie man eine Landing Page erstellt

Anatomie der Landing Page: Funktionale Elemente

Im vorigen Kapitelhaben Sie gelernt, wie man sich auf die Gestaltung einer Landing Page vorbereitet: Wie Sie Ihre Konkurrenten und Ihre Zielgruppe analysieren, wie Sie einen Text schreiben und wie Sie einen Prototyp skizzieren. In diesem Kapitel führen wir Sie durch die Visualisierung Ihres Prototyps mithilfe von Tilda-Funktionsblöcken.
Wir haben eine große Anzahl von Landing Pages analysiert und wiederkehrende Merkmale identifiziert, die es uns ermöglichten, einen Algorithmus für den Aufbau einer effektiven Landing Page zu entwickeln. Die Abschnitte, aus denen die Landing Page besteht, nennen wir Funktionsblöcke:
Da es ziemlich viele Blöcke gibt, haben wir sie entsprechend ihrer Funktion und der Botschaft, die sie vermitteln, in 5 Kategorien eingeteilt: Titelseite, Über das Projekt, umfassende Vorteile, Integritätsblöcke und Aufruf zum Handeln.
Hochkonvertierende Landing Page Formel
Design ist eine Erzählung. Wenn Sie eine Landing Page erstellen wollen, die konvertiert, müssen Sie sich eine klare und überzeugende Geschichte ausdenken.
Sie können die Blöcke zwar nach Belieben anordnen und bearbeiten, aber es ist wichtig, dass die Seite mindestens einen Block aus jeder Kategorie enthält. Auf diese Weise erhalten Sie eine abgerundete Erzählung.
Über das Projekt
Abdeckung
1
Dies kann jede der folgenden Blockkategorien umfassen: Über, Schritte, Preispläne, Zielgruppen, Galerie, Video
2
3
4
Vorteile
Dies kann jede der folgenden Blockkategorien umfassen: Vorteile, Liste der Vorteile, User Journey und Produktmerkmale
Dies kann jede der folgenden Blockkategorien umfassen: Bewertungen, Zertifikate und Auszeichnungen, Partner, Erfolgsgeschichten, Team, FAQs
5
Aufruf zum Handeln (CTA)
Dies kann jede der folgenden Blockkategorien umfassen: Anmeldeformular, Call-to-Action-Button, Kontakte
Titelbild. Seine Hauptaufgabe ist es, den richtigen Eindruck zu vermitteln, den Besucher darüber zu informieren, worum es auf dieser Website geht, und ihn zu motivieren, nach unten zu scrollen.

Über das Projekt. Dies ist eine detaillierte Beschreibung des Produkts oder der Dienstleistung: Was ist es, wie funktioniert es, für wen ist es gedacht und wie viel kostet es? Sie können es einfach nicht ignorieren, über das Projekt zu sprechen. Bevor Sie zu den Vorteilen und Aufforderungen zum Handeln übergehen, müssen Sie sicherstellen, dass der Kunde versteht, was Sie anbieten.

Umfassende Vorteile. In diesem Abschnitt können Sie genau darlegen, wie und warum Sie besser sind als Ihre Konkurrenten. Auf den meisten Märkten werden Sie wahrscheinlich einem harten Wettbewerb ausgesetzt sein, weshalb es wichtig ist, Ihre Kunden wissen zu lassen, warum sie sich für Sie entscheiden sollten.

Integritätsblöcke. Diese Blockgruppe ermöglicht es Ihnen, Vertrauen zwischen Ihnen und Ihren Kunden zu schaffen und aufzubauen. Bewertungen, Erfolgsgeschichten, Zertifikate und Auszeichnungen, Partner und sogar Ihre Büroadresse und Telefonnummer - all das zeigt, dass Ihr Unternehmen real ist und dass die Besucher Ihnen vertrauen können.

Call to action (CTA). Ihr Unternehmen braucht Kunden, und deshalb sollte Ihre Landing Page Blöcke enthalten, die Leads generieren. Dazu gehören Anmeldeformulare, Abonnementformulare, Kontaktformulare oder sogar Telefonnummern.
Landing Page Funktionsblöcke
Schauen wir uns die Blöcke genauer an.
Deckblatt
Das Cover vermittelt einen ersten Eindruck über Ihr Unternehmen. Sie haben nur wenige Sekunden Zeit, um den Besucher davon zu überzeugen, auf Ihrer Seite zu verweilen.

Für diese Aufgabe steht Ihnen ein recht kleines Instrumentarium zur Verfügung: Überschrift, Unterüberschrift, eine Schaltfläche oder ein Formular, Logo, Hintergrundfarbe oder -bild, Menü und ein Abwärtspfeil.
Auf Tilda finden Sie die Blöcke für den ersten Bildschirm unter der Kategorie "Cover".
Verwenden Sie die Überschrift und Unterüberschrift um Ihr Alleinstellungsmerkmal (USP) zu präsentieren: ein inspirierendes Zitat oder einen Satz, der den Ton für das gesamte Projekt angibt. In der Regel ist die Überschrift eher emotional, während die Zwischenüberschrift eine klare Idee vermittelt. Wie Sie ein überzeugendes Angebot verfassen, haben wir uns im vorherigen Kapitel.

Formular oder Schaltfläche: Für Nutzer, die sich sofort für die Seite interessieren, oder für diejenigen, die sie wieder besuchen, kann der Call-to-Action-Button auf dem Cover eingefügt werden.

Der Hintergrund des Covers kann ein beeindruckendes Foto, ein atemberaubendes Video, nur eine Farbe, ein Farbverlauf oder eine Illustration sein. Achten Sie darauf, wie gut der Hintergrund zum Text passt: Das Bild selbst kann großartig sein, aber wenn es zu hell oder unharmonisch ist, wird es nicht gut zum Text passen. Ihr Video sollte erstens flüssig gefilmt sein und zweitens einen erweiterten Fokus haben, damit die Objekte etwas größer erscheinen.

Ihr Logo sollte nicht nur auf dem Cover, sondern auch im Bereich der Navigationsleiste zu sehen sein.

Pfeil nach unten. Dies ist ein optionales Merkmal für das Titelbild. Denken Sie an Ihre Zielgruppe, und wenn Sie ihn für altmodisch halten, sollten Sie ihn wahrscheinlich hinzufügen. Jüngere Generationen sind an das Scrollen gewöhnt, aber manche könnten trotzdem verwirrt sein.

Navigationsmenü. Auch dies ist eine optionale Funktion, aber wenn Sie sie für die Navigation auf der Website benötigen, sollten Sie die wichtigsten Abschnitte festlegen, zu denen Sie einen schnellen Zugang wünschen.
Beispiele für Umschläge:
Über
Der Hauptzweck dieses Abschnitts besteht darin, eine klare und detaillierte Beschreibung dessen zu liefern, was genau Sie anbieten.

Dies ist eine allgemeine Beschreibung des Produkts oder der Dienstleistung. Sie kann rein aus Text bestehen, Sie können aber auch ein Bild hinzufügen. Es ist sinnvoll, diesen Block direkt nach dem Titelbild zu platzieren. Auf diese Weise können Sie sicherstellen, dass jeder Besucher weiß, dass er an der richtigen Stelle gelandet ist und das findet, wonach er sucht.
Die Kategorie "Über" mit einer Vielzahl verschiedener Blöcke finden Sie in Tildas Blockbibliothek.
Auch wenn Sie eine Beschreibung auf dem Cover haben werden, ist es keine schlechte Idee, sie als separaten Block hinzuzufügen. Die Beschreibung auf dem Cover dient eher dem emotionalen Zweck, Ihre Besucher zu beeindrucken. Wenn sie jedoch in einem separaten Block steht, dient sie dazu, den Besucher zu informieren.

Ihr Website-Besucher wird Ihr Produkt oder Ihre Dienstleistung wahrscheinlich zum ersten Mal sehen. Deshalb müssen Sie in der Lage sein, in einem einfachen Satz zu beschreiben, was Sie anbieten.
  • Ira Smirnowa
    Direktor für Kundenerfahrung bei Tilda
    Der "Über"-Block sollte in erster Linie Informationen vermitteln. Ich sehe sehr viele Websites, und meiner Erfahrung nach ignorieren die meisten von ihnen diesen Block entweder völlig, in der Annahme, dass alles so, wie es ist, klar genug ist (was einfach nicht stimmt), oder sie versuchen, das Verkaufsargument "Vertrauen Sie unserem Fachwissen und machen Sie sich bereit für beeindruckende Ergebnisse" zu verwenden. Das sieht zwar schön aus, hat aber keine wirkliche Bedeutung. Wenn Sie wirklich in das Produkt eingetaucht sind und jeden Zentimeter und jedes Detail kennen, kann eine einfache Erklärung unzureichend erscheinen. Glauben Sie mir, eine einfache Erklärung mit ein paar leicht verständlichen Fakten reicht aus, um jemandem, der Ihr Produkt noch nicht kennt, eine klare Vorstellung davon zu vermitteln.
  • Ira Smirnowa
    Direktor für Kundenerfahrung bei Tilda
    Der "Über"-Block sollte in erster Linie Informationen vermitteln. Ich sehe sehr viele Websites, und meiner Erfahrung nach ignorieren die meisten von ihnen diesen Block entweder völlig, in der Annahme, dass alles so, wie es ist, klar genug ist (was einfach nicht stimmt), oder sie versuchen, das Verkaufsargument "Vertrauen Sie unserem Fachwissen und machen Sie sich bereit für beeindruckende Ergebnisse" zu verwenden. Das sieht zwar schön aus, hat aber keine wirkliche Bedeutung. Wenn Sie wirklich in das Produkt eingetaucht sind und jeden Zentimeter und jedes Detail kennen, kann eine einfache Erklärung unzureichend erscheinen. Glauben Sie mir, eine einfache Erklärung mit ein paar leicht verständlichen Fakten reicht aus, um jemandem, der Ihr Produkt noch nicht kennt, eine klare Vorstellung davon zu vermitteln.
Beispiele für Projektbeschreibungen:
Vorteile
Vorteile machen Ihr Produkt oder Ihre Dienstleistung cool und einzigartig.

Normalerweise reichen einige kurze Sätze aus, um Ihre Vorteile zu beschreiben. Sie werden oft von Icons, einfachen Illustrationen oder Bildern begleitet.
Verwenden Sie die Blockkategorie "Merkmale", um Vorteile für Tilda zu erhalten.
Der Titel und das Bild auf der Titelseite sollen die Aufmerksamkeit des Besuchers sofort auf sich ziehen. Wenn das gelingt, sollte die Beschreibung den Besucher weiter informieren.
Beispiele für Vorteile:
  • Nikita Obuchow
    Es ist sehr wichtig, dass Sie die von Ihnen verwendeten Symbole sorgfältig auswählen, denn es ist sehr leicht, Fehler zu machen. Die Benutzer können sich nicht auf Standard-Symbole aus regulären Vorlagen konzentrieren, die sie überall sehen (man kann es "Schnittstellenblindheit" nennen). Ihr Icon-Stil sollte deutlich machen, dass Sie nicht einfach die allererste Clip-Art aus dem Internet kopiert haben. Bei Icons kommt es auf alles an: den Zeichenstil, die Stärke der Linien, wie gut sie in das Design der Website passen und wie gut sie die Aufmerksamkeit auf sich ziehen. Sie sollten niemals Icons nur um der Icons willen hinzufügen, sondern immer einzigartig sein.
  • Nikita Obuchow
    Es ist sehr wichtig, dass Sie die von Ihnen verwendeten Symbole sorgfältig auswählen, denn es ist sehr leicht, Fehler zu machen. Die Benutzer können sich nicht auf Standard-Symbole aus regulären Vorlagen konzentrieren, die sie überall sehen (man kann es "Schnittstellenblindheit" nennen). Ihr Icon-Stil sollte deutlich machen, dass Sie nicht einfach die allererste Clip-Art aus dem Internet kopiert haben. Bei Icons kommt es auf alles an: den Zeichenstil, die Stärke der Linien, wie gut sie in das Design der Website passen und wie gut sie die Aufmerksamkeit auf sich ziehen. Sie sollten niemals Icons nur um der Icons willen hinzufügen, sondern immer einzigartig sein.
Benutzerszenarien und Produktvorteile
Diese Szenarien zeigen Beispiele für Situationen, in denen Ihr Produkt oder Ihre Dienstleistung nützlich sein kann. Vorteile stehen für all die guten Dinge, die Kunden nach dem Kauf Ihres Produkts oder Ihrer Dienstleistung erhalten.

Hier verwenden wir ein ähnliches Format wie im Abschnitt Vorteile: Überschrift, Beschreibung, Bild.
Finden Sie relevante Blöcke in der Kategorie "Funktionen".
Nutzen und Vorteile können ähnlich aussehen. Der Unterschied besteht jedoch darin, dass die Vorteile die Hauptmerkmale des Produkts hervorheben, während der Nutzen und die Nutzungsszenarien die Vorteile für Ihre Kunden widerspiegeln.

Wenn der Besucher die Vorteile betrachtet, sollte er verstehen, welches Problem Ihr Unternehmen löst und wie genau Ihr Produkt oder Ihre Dienstleistung sein Leben verbessern wird.

Nehmen wir zum Beispiel an, Sie betreiben einen Abonnementdienst für die Lieferung von frischem Obst. Ihre Vorteile sind die Qualität der Früchte, die Preise unter Supermarktniveau und die garantierte Lieferung innerhalb von 2 Stunden. Die Vorteile für den Kunden bestehen darin, dass er mehr Vitamine erhält, Geld beim Einkaufen spart und nicht mehr an die Bestellung denken muss.
Beispiele für Vorteile und Nutzungsszenarien:
Zielpublikum
Im vorigen Kapitel haben wir gelernt, wie Sie Ihre Zielgruppe identifizieren können. Auf Ihrer Landing Page könnten Sie die Gruppen aufführen, die Ihr Produkt oder Ihre Dienstleistung am ehesten in Anspruch nehmen werden, und beschreiben, wie jede dieser Gruppen davon profitieren kann.

Für diesen Teil ist es an Ihnen, das beste Format zu wählen. Sie können einfach einen Text schreiben, ein paar Icons hinzufügen oder eine Kachelgalerie einrichten.
Beispiele für Zielgruppen:
Preisgestaltungspläne
Preispläne werden in der Regel hinzugefügt, wenn das Produkt oder die Dienstleistung in mehreren Preisoptionen, einschließlich einer kostenlosen, angeboten wird. Es ist einfach, die Unterschiede zwischen den Optionen zu verstehen, wenn die Pläne in Spalten oder auf separaten Karten dargestellt werden.
Die Kategorie "Pläne" in der Blockbibliothek.
Ein klassischer Schachzug ist es, die beliebteste Gebührenoption hervorzuheben. Da es sich um die beliebteste Option handelt, ist es wahrscheinlich, dass sie den Bedürfnissen der meisten Besucher entspricht. Zweitens machen Sie dem Kunden das Leben leichter, da er nicht mehr verschiedene Optionen vergleichen und analysieren muss. Meistens neigen die Menschen dazu, Entscheidungen in der Annahme zu treffen, dass die Mehrheit nicht falsch liegen kann. Indem Sie das beliebteste Angebot hervorheben, erleichtern Sie dem Kunden die Entscheidung.

Geben Sie auf Ihrer Website immer die tatsächlichen Preise an. Wenn sich jemand davon abschrecken lässt, ist er einfach nicht der Kunde, den Sie suchen. Wenn Sie die Preise überhaupt nicht angeben, weil Sie hoffen, dass die Kunden Sie anrufen, um sich zu erkundigen, dann verlieren Sie nur die Kunden, die bereit sind, das Produkt zu dem von Ihnen festgelegten Preis zu kaufen. Jeder unnötige Schritt führt zu Umsatzeinbußen.
Beispiele für Preispläne:
Aufruf zum Handeln (CTA)
Dies ist im Grunde der wichtigste Block auf Ihrer Landing Page, da der Hauptzweck einer Landing Page darin besteht, den Nutzer zu motivieren, etwas zu tun. Aus diesem Grund muss dieser Block immer sichtbar sein. Für den Hintergrund können Sie Farbe verwenden oder ein Bild hinzufügen.
Blöcke mit CTA finden Sie unter der Kategorie "Formulare und Schaltflächen".
Normalerweise befindet sie sich am Ende einer Seite; wenn Ihre Webseite jedoch recht lang ist, können Call-to-Action-Schaltflächen an mehreren Stellen eingefügt werden. Sie können in Erwägung ziehen, ein Feld mit einer Schaltfläche hinzuzufügen, die immer in der oberen rechten Ecke der Seite sichtbar ist. Das könnte gut funktionieren, aber es ist wichtig, es nicht zu übertreiben. Wenn Sie nach jedem Block eine Schaltfläche anbringen, könnte das ziemlich nervig werden.

Sie müssen nicht auf jeder Schaltfläche das Gleiche schreiben. Es ist besser, das Angebot jedes Mal anders zu formulieren und Formulierungen wie "Anmelden", "Kostenlos testen" oder "Jetzt registrieren" zu verwenden. Das ist auf jeden Fall besser, als wenn auf all Ihren Schaltflächen "kaufen", "kaufen", "kaufen" steht.
Beispiele für Call-to-Action-Schaltflächen:
Formular für die Einreichung
Diese Funktion ähnelt der vorherigen, enthält aber ein Formular. Wenn der Zweck Ihrer Landing Page darin besteht, jemanden dazu zu bringen, ein Abonnement abzuschließen oder sich für ein Webinar anzumelden, wird dieser Block zu einem wichtigen Abschnitt.

Er besteht in der Regel aus einer Überschrift, einer Unterüberschrift und einem Formular selbst.
In der Kategorie "Formulare und Schaltflächen" finden Sie eine Vielzahl von Formularen.
Verwenden Sie nicht das bereits auf dem Umschlag erwähnte Angebot, sondern sorgen Sie dafür, dass dieses Angebot genauso inspirierend ist. Analysieren Sie die Dinge, die jemanden davon abhalten könnten, sich anzumelden; denken Sie sich eine Motivationsphrase aus. Vielleicht müssen Sie Ihren Besuchern nur sagen, was nach der Anmeldung passiert.

Erstellen Sie eine "Danke"-Seite oder eine Nachricht, die erscheint, nachdem sich der Benutzer angemeldet hat. Zum Beispiel: "Danke, Ihre Anmeldung ist gut angekommen! Wir werden uns innerhalb von 1 Stunde mit Ihnen in Verbindung setzen, um Ihre Bestellung zu bestätigen", oder "Vielen Dank! Sie haben sich jetzt für die Konferenz angemeldet".
Beispiele für Formulare:
Bewertungen
Die Meinungen anderer Menschen beeinflussen unsere Entscheidungen. Sie überzeugen uns davon, dass wir einem Produkt vertrauen können, wenn andere es ausprobiert haben und es ihnen gefallen hat.

Das beliebteste Format: Überschrift, Bewertungstext, Foto, vollständiger Name, Position und das Unternehmen.
Die Kategorie "Rezensionen" in Tilda's Blockbibliothek.
Das Problem ist, dass das Internet voll von gefälschten Bewertungen ist. Deshalb sind viele Nutzer skeptisch gegenüber den Bewertungen, die sie finden. Um dies zu überwinden, sollten Sie sicherstellen, dass Sie Bewertungen von Personen einholen, die eine Branche wirklich repräsentieren: eine berühmte Marke oder ein bekannter Branchenexperte. Erwägen Sie die Aufnahme von Links zu den Profilen der Rezensenten in den sozialen Medien und fügen Sie deren Fotos zu den Rezensionen hinzu. Natürlich sollten alle Ihre Bewertungen echt sein.
  • Ira Smirnowa
    Direktor für Kundenerfahrung bei Tilda
    Ich liebe es, Tilda-Nutzer nach ihren Bewertungen zu fragen. Am Anfang war es mir unangenehm, sie von ihrer täglichen Arbeit abzulenken. Aber alle, die ich gefragt habe, waren sehr aufgeschlossen und haben mir gerne ihr Feedback gegeben. Wenn ich um eine Bewertung bitte, gebe ich immer an, wo sie veröffentlicht werden soll und wie lang sie sein soll. Außerdem stelle ich eine konkrete Frage, zum Beispiel: "Warum haben Sie sich entschieden, bei Tilda zu bleiben?"
  • Ira Smirnowa
    Direktor für Kundenerfahrung bei Tilda
    Ich liebe es, Tilda-Nutzer nach ihren Bewertungen zu fragen. Am Anfang war es mir unangenehm, sie von ihrer täglichen Arbeit abzulenken. Aber alle, die ich gefragt habe, waren sehr aufgeschlossen und haben mir gerne ihr Feedback gegeben. Wenn ich um eine Bewertung bitte, gebe ich immer an, wo sie veröffentlicht werden soll und wie lang sie sein soll. Außerdem stelle ich eine konkrete Frage, zum Beispiel: "Warum haben Sie sich entschieden, bei Tilda zu bleiben?"
Beispiele für Bewertungen:
Sie können auch über die Produktion von Videorezensionen nachdenken. Echte Menschen, die ihre Erfahrungen teilen und eine Dienstleistung oder ein Produkt loben, inspirieren und motivieren andere.
Beispiele für Videobewertungen:
Partner und Kunden
Wenn sich unter Ihren Partnern oder Kunden bekannte Unternehmen befinden, sollten Sie deren Logos in einem separaten Block einfügen. Neue Kunden werden Ihnen viel eher vertrauen, wenn sie sehen, dass große Marken dies bereits tun.
Blöcke für Partnerlogos finden Sie unter der Kategorie "Partner".
Kunden- und Partnerlogos können beeindruckend sein. Diese Unternehmen müssen jedoch leicht erkennbar sein. Es ist sinnlos, Marken und Namen zu erwähnen, die niemand kennt: Auf diese Weise überladen Sie Ihre Seite.

Es gibt jedoch ein Problem, auf das Sie stoßen könnten: Die verschiedenen Logos haben unterschiedliche Stile, so dass es schwierig sein könnte, sie so zu gruppieren, dass sie schön zusammen aussehen. Die Lösung wäre, die Logos in einer einzigen Farbe darzustellen, die beim Hovern wieder in ihre ursprüngliche Farbe zurückkehrt. Sie sollten auch auf die Größe der Logos achten, denn Sie möchten, dass Ihr Block ordentlich aussieht. Achten Sie daher darauf, dass alle Logos ungefähr die gleiche Größe haben.
Beispiele für Partner:
Galerie
Das Internet ist ein sehr visuelles Medium, und es ist ein großer Vorteil, wenn Ihr Unternehmen mit Fotos präsentiert werden kann.

Die Galerie muss nicht unbedingt wie eine Diashow aussehen. In der Tat ist jeder Klick eine kleine Entscheidung, die die Nutzer in der Regel nur ungern treffen. Es gibt viele andere Möglichkeiten, Ihre Fotos effektiv zu kombinieren und zu gruppieren.
In der Tilda-Block-Bibliothek gibt es mehr als 20 Arten von Galerien.
Achten Sie darauf, dass Sie nur qualitativ hochwertige Fotos verwenden: Ihre Besucher erwarten Fotos, die keine Probleme mit Schärfe, Helligkeit, Kontrast oder Farbe haben.
Beispiele für Galerien:
Wie es funktioniert
Wenn es wichtig ist, zu zeigen, wie genau ein Produkt oder eine Dienstleistung funktioniert, können Sie die Beschreibung in mehrere Phasen oder Schritte unterteilen.

Dies kann in Form von vertikalen oder horizontalen Diagrammen, Aufzählungspunkten oder Spalten erfolgen.
Die Kategorie "Wie es funktioniert" in der Tilda-Bibliothek.
Ein Designstudio könnte diesen Block beispielsweise verwenden, um Meilensteine des Arbeitsablaufs hervorzuheben und dem Kunden eine Roadmap zu präsentieren: Auftrag, Besprechung, Vertrag, Vorauszahlung, erster Entwurf, Überarbeitungen, zweiter Entwurf, Überarbeitungen, Endfassung, Restzahlung.
Beispiele für Abschnitte "Wie es funktioniert":
Zeitplan
Dieser Abschnitt wird verwendet, wenn die Landing Page eine Veranstaltung darstellt, die über einen längeren Zeitraum andauert und aus mehreren Teilen besteht.

Der Zeitplan wird normalerweise in Form eines Zeitplans oder einer Zeitleiste dargestellt. Wenn Redner an der Veranstaltung teilnehmen, ist es eine gute Idee, ihre Fotos in den Zeitplan einzufügen.
Die Blockkategorie "Zeitplan" in der Tilda-Bibliothek.
Zeigen Sie einen Konferenzplan, die Reihenfolge der Vorträge und Präsentationen der Redner, einen Tagesplan in einem Ferienlager oder ein Programm eines Musikfestivals.
Beispiele für Zeitpläne:
Video
Ein Werbevideo oder ein Screencast ist ein effektives Mittel, um die Idee hinter Ihrem Projekt zu demonstrieren, die Funktionsweise Ihres Produkts zu zeigen, beeindruckende Erfolgsgeschichten von Kunden zu teilen oder Rezensionen zusammenzustellen.

Das Video kann auf verschiedene Weise eingeführt werden: Es kann im Hintergrund abgespielt werden, in der Galerie gezeigt werden, als Pop-up erscheinen oder in ein Layout mit Text und Bildern eingebunden werden.
Die Blockkategorie "Video" in der Blockbibliothek.
Das Anschauen eines Videos erfordert weniger Aufwand, weshalb die meisten Menschen ein Video einer schriftlichen Anleitung vorziehen.

Der Nachteil ist, dass es nicht immer bequem ist, ein Video anzuschauen, also stellen Sie sicher, dass Sie Miniaturansichten, Beschreibungen und Kommentare einfügen, die Ihr Video begleiten. Auf diese Weise können Sie sicherstellen, dass die im Video enthaltenen Informationen nicht verloren gehen.
Beispiele für Videos:
FAQs
Dieser Abschnitt hilft Ihnen, mit möglichen Problemen oder negativem Feedback umzugehen. Es wäre ein kluger Schachzug, die Zweifel und Bedenken Ihrer Kunden kennenzulernen, sie dann in Fragen umzuwandeln und gründliche Antworten zu geben.

Diese Blöcke sind in der Regel wie ein Interview oder ein Chat aufgebaut.
Unter der Kategorie "Textblock" finden Sie eine Reihe von Blöcken mit verschiedenen Frage-Antwort-Layouts.
FAQs können auch zur Strukturierung von Informationen verwendet werden. Wenn Sie z. B. Ihre Lieferoptionen beschreiben möchten, können Sie den Bericht in Fragen und Antworten unterteilen. Das macht es einfacher, die Details zu begreifen.
Beispiele für FAQs:
Kontakte
Der Kontaktblock ist in der Regel der letzte auf einer Landing Page.

Kontakte kann Ihre Geschäftsadresse, E-Mail, Telefonnummer, Karte, Links zu sozialen Medien und Fotos enthalten.
Die Blockkategorie "Kontakte" in der Tilda-Bibliothek.
Eine Karte wird in der Regel von einer detaillierten Wegbeschreibung begleitet (z. B. wie man mit dem Auto oder zu Fuß dorthin gelangt).
Beispiele für Kontakte:
Team
Menschen vertrauen jemandem, den sie kennen. Es ist immer schön, sich daran zu erinnern, dass auch ein einziges Foto einen Unterschied macht.

Das Format ist einfach: das Foto eines Teammitglieds, sein Name, seine Rolle im Unternehmen und manchmal sogar ein Zitat.
Die Blockkategorie "Team" in der Tilda-Bibliothek.
Am besten ist es, wenn der visuelle Stil der Headshots mit dem allgemeinen Stil der Landing Page übereinstimmt. Berücksichtigen Sie bei der Wahl des Stils auch den Bereich Ihres Unternehmens: Fotos, die während einer Expedition aufgenommen wurden, können für einen Reiseführer geeignet sein, während Ärzte einen professionelleren, neutralen Hintergrund wählen sollten.

Machen Sie sich keine Sorgen, wenn Sie die einzige Person im Team sind. Erzählen Sie ruhig ein wenig mehr über sich.
Beispiele für Teams:
Fakten und Zahlen
Warum funktionieren Zahlen so gut? Sie sind leicht zu verstehen und ziehen oft die Aufmerksamkeit auf sich, da unser Gehirn immer nach etwas Vertrautem und Einfachem sucht.

Es ist am besten, 3 bis 4 Zahlen mit einer kurzen Beschreibung für jede einzelne zu verwenden.
Blöcke, die bei der Darstellung von Zahlen helfen, finden Sie in der Kategorie "Merkmale".
Zahlen sollten die wichtigsten Fakten über Ihr Unternehmen deutlich machen. Es ist nicht für jeden offensichtlich, was jede Zahl bedeutet. Ein Beispiel: "Unser Unternehmen hat 6000 Mitarbeiter" ist eine leicht zu interpretierende Aussage: Sie bedeutet, dass das Unternehmen ziemlich groß ist. Die Aussage "Letztes Jahr haben wir 3000 Geschenksets verkauft" ist jedoch viel mehrdeutig, und es ist nicht sofort klar, ob es dem Unternehmen gut geht oder ob es kurz vor dem Konkurs steht.
Beispiele für Fakten und Zahlen:
Liste der wichtigsten Merkmale
Dieser Block ist eine Variante von Vorteile und Nutzen. Sein Format ist jedoch anders. Während Vorteile und Vorzüge aus 3-4 Aufzählungspunkten mit Symbolen und Bildern bestehen, ist die Liste der wichtigsten Merkmale genau das, wonach sie klingt: eine Liste. Zum Beispiel: 5 Gründe, unsere Coverband zu buchen, die Gründe, warum unser Rucksack beim Wandern unverzichtbar ist, was es bedeutet, mit uns zu arbeiten, usw.
Beispiele für Listen der wichtigsten Merkmale:
Urkunden und Auszeichnungen
Berufliche Zertifikate oder Auszeichnungen stärken das Vertrauen in Ihr Produkt oder Ihre Dienstleistung. In einigen Bereichen wie Bildung, Recht oder Medizin sind sie nicht nur nützlich, sondern auch unverzichtbar.

Eine andere Art von Zeugnis ist ein Zertifikat, das Sie Ihren Kunden überreichen, z. B. wenn sie einen Online-Kurs abgeschlossen haben. Zeigen Sie das Muster des Zertifikats und erklären Sie, wie es den Lebenslauf des Kunden aufwertet und warum es in Zukunft nützlich sein wird.
Beispiele für Bescheinigungen und Belobigungen:
Fallstudien und Erfolgsgeschichten von Kunden
Dies sind im Wesentlichen Ihre Geschäftsfallstudien oder die Geschichten Ihrer Kunden, die zeigen, wie Ihr Produkt, Ihre Kurse oder Ihre Veranstaltung zu deren Erfolg beigetragen haben.

Bei Fallstudien beschreiben Sie, wie Sie die Probleme Ihrer Kunden erfolgreich lösen konnten. Wählen Sie mehrere Fälle aus und zeigen Sie, welche Lösungen Sie entwickelt haben und wie Sie diese auf die Bedürfnisse Ihrer Kunden zugeschnitten haben. Wenn alle Ihre Projekte ähnlich sind und nach demselben Muster ablaufen, wäre es sinnvoll, einen Abschnitt "Was wir tun" zu erstellen und Ihren Arbeitsplan für Ihre Kunden zu beschreiben. Ebenso könnten Sie Ihre Fallstudien in zwei Blöcke unterteilen. Wenn Ihre Erfolgsgeschichten visuell dargestellt werden können, verwenden Sie den "Vorher/Nachher"-Block.

Angenommen, Sie sind Innenarchitekt. In Ihrem Abschnitt "Fallstudien" könnten Sie "Vorher/Nachher"-Fotos von Innenräumen zeigen und eine kurze Beschreibung der Aufgaben geben, die Sie übernommen haben. Im Block "Was wir tun" könnten Sie den Prozess der Entwurfsentwicklung und -genehmigung erläutern und auf die Zusammenarbeit mit Kunden und Auftragnehmern eingehen.
Beispiele für Fallstudien:
Portfolio
Die Projekte, die auf einer Landing Page vorgestellt werden, sind in der Regel eine Auswahl Ihrer besten Arbeiten. Lassen Sie die Besucher die Details auf anderen Seiten Ihrer Website sehen.
Beispiele für Portfolios:
Inspirierendes Zitat
Ein motivierender Satz oder ein inspirierendes Zitat vor dem Hintergrund eines atemberaubenden Videos, Fotos oder einer Farbe löst eine emotionale Reaktion auf Ihre Website aus.

Dies ermöglicht eine Abwechslung zu den mit Zahlen gefüllten Blöcken und macht Ihre Landing Page weniger formell.
Beispiele für inspirierende Zitate:
Countdown-Timer
Ein Countdown-Timer hebt bevorstehende Ereignisse oder Fristen auf Ihrer Website hervor. Sein Hauptzweck ist es, einen potenziellen Kunden zu motivieren, seine Wahl schneller zu treffen.

Countdowns können sowohl die Zeit als auch die Menge anzeigen.
Die Timer (Countdown)-Blöcke finden Sie unter der Kategorie "Abdeckung".
Wenn die Veranstaltung sowohl eine Anmeldefrist als auch eine begrenzte Kapazität hat, erfüllt der Countdown sowohl einen motivierenden als auch einen informativen Zweck. Daher ist sein Vorhandensein auf der Landing Page voll und ganz gerechtfertigt.

Es gibt auch gefälschte Countdowns, die Sie dazu auffordern, sich zu beeilen und bis Ende April einen Rabatt zu erhalten", "begrenzte Auflage", "letzte Stunden, um 50 % Rabatt zu erhalten" usw. Dies sind offensichtliche Marketingtechniken, die die Glaubwürdigkeit Ihrer Marke verringern und Ihr Angebot insgesamt weniger attraktiv machen.

Countdowns können Kunden auch über die bevorstehende Einführung eines neuen Produkts informieren. Wenn das Produkt noch nicht erhältlich ist, Sie aber einen potenziellen Kundenstamm aufbauen wollen, können Sie eine Landing Page erstellen, die nur ein Anmeldeformular und einen Countdown enthält.
Beispiel eines Countdowns:
Pop-up-Fenster
Pop-ups werden verwendet, um Informationen über Werbeaktionen oder Einladungen zum Abonnieren des Newsletters zu übermitteln.
Pop-ups finden Sie in der Kategorie "Formulare und Schaltflächen".
Pop-ups können auch als Folge einer bestimmten Aktion des Besuchers erscheinen. Dazu gehören: das Anklicken einer Schaltfläche, das Bewegen der Maus in Richtung des Symbols "Seite schließen" oder das Herunterscrollen bis zu einem bestimmten Punkt auf der Seite. Ebenso können sie automatisch nach einer bestimmten Zeit erscheinen.
Beispiele für Pop-up-Fenster:
Widgets
"Widgets für die Kontaktaufnahme erhöhen das Engagement der Nutzer. Je einfacher es für jemanden ist, mit Ihnen in Kontakt zu treten, desto wahrscheinlicher ist es, dass er Sie auch tatsächlich kontaktiert.

Widgets befinden sich in der Regel in der unteren rechten Ecke der Seite und öffnen sich zu einem Chat oder einem Formular, das zum Senden einer Nachricht oder zum Hinterlassen Ihrer Telefonnummer auffordert.
Kontakt-Widgets sind in der Kategorie "Formulare und Schaltflächen" zu finden.
Ein Chat- oder Anruffenster ist an sich schon ein eher störendes Element auf der Seite. Deshalb sollten Sie es nicht noch verschlimmern, indem Sie animierte Symbole oder Stockfotos von Beratern hinzufügen, die bereit sind, Ihren Anruf entgegenzunehmen.
Beispiele für Widgets:
Menü
Wenn Sie eine lange Seite haben, können Sie ein festes Navigationsmenü mit Hyperlinks zu den wichtigsten Abschnitten der Website zusammen mit einer Call-to-Action-Schaltfläche hinzufügen.

Eine weitere Möglichkeit, Ihren Besuchern die Navigation auf der Website zu erleichtern, ist das Hinzufügen eines seitlichen Navigationsmenüs. Die Seitenleiste lenkt weniger ab und ermöglicht es den Besuchern, schnell zu einem beliebigen Teil der Website zu springen.
Die Kategorie "Menü" bietet eine breite Palette von Layouts.
Ein häufiges Problem bei Navigationsmenüs ist, dass sie oft überladen sind und den Benutzer nicht unterstützen, sondern vom Inhalt ablenken. Um dies zu vermeiden, sollten Sie darauf achten, nicht mehr als 5-7 Punkte in kurzen Worten aufzuführen. Das Menü ist als unterstützendes Element da, was zählt, ist der Inhalt.
Beispiele für Menüs:
Das Menü könnte auch die Form von Kacheln und Links haben: Auf diese Weise zeigen Sie zunächst die vollständige Liste der Elemente an und lassen Ihre Besucher dann die Details sehen, wenn sie darauf klicken oder darüber schweben. Wenn sich Ihre Landing Page beispielsweise mit Stellenangeboten befasst, sollten Sie zunächst alle Angebote mit Hyperlinks zu jedem einzelnen auflisten (stellen Sie sicher, dass die Angebote weiter unten auf der Seite zu finden sind) und dann eine detaillierte Beschreibung jedes einzelnen Angebots bereitstellen.
Navigationsbeispiele mit Kacheln:
Schaltflächen für soziale Medien
Es gibt zwei Arten solcher Schaltflächen: direkte Links zu Profilen sozialer Medien und Schaltflächen zum Teilen.

Schaltflächen können als separater Block hinzugefügt oder in das Navigationsmenü oder die Fußzeile eingefügt werden, in einem Popup-Fenster erscheinen oder im Abschnitt Kontakte zu finden sein.
Ein Satz von Blöcken für soziale Medien in der Tilda-Bibliothek.
Streng genommen lenken Social-Media-Schaltflächen die Nutzer vom Hauptzweck einer Landing Page ab (es sei denn, der Zweck Ihrer Landing Page besteht darin, Ihre Facebook-Gruppe zu vergrößern). Gleichzeitig erweckt eine große Anzahl von Followern und Likes (etwa 100 Personen für eine Landing Page) eher Vertrauen. Die meisten Menschen sind sehr wählerisch bei dem, was sie in den sozialen Medien teilen; wenn eine Seite also viele Likes hat, lohnt es sich, sie zu überprüfen.
Beispiele für Schaltflächen für soziale Medien:
Jetzt wissen Sie, was eine Landing Page ausmacht und können entscheiden, welche Funktionen Sie für Ihre Projekte am nützlichsten finden. Denken Sie daran, dass Sie sie nicht in der gleichen Reihenfolge verwenden müssen, wie sie in diesem Kapitel erscheinen. Design ist eine Erzählung, also stellen Sie sicher, dass Ihre Landing Page eine konsistente Erzählung über Ihr Projekt liefert.
Hausaufgaben
1
Erkunden Sie die Tilda-Block-Bibliothek.
2
Erstellen Sie eine Liste mit den am besten geeigneten Blöcken für Ihre Landing Page.
3
Entscheiden Sie, welche Navigationselemente Sie verwenden wollen.
4
Gehen Sie mit Ihren Personas durch Ihren Prototyp und notieren Sie sich, wo die Call-to-Action-Blöcke am besten platziert werden sollten.
Hat dir dieses Kapitel gefallen? Teile es mit deinen Freunden!
Text: Nikita Obukhov, Masha Belaya, Ira Smirnova
Illustrationen und Gestaltung: Julia Zass

Lesen Sie weitere Kapitel des Kursbuchs:
Erstellen Sie eine Landing Page für Ihr Unternehmen
Erstellen Sie Ihre Landing Page auf Tilda: Es ist einfach, schnell und kostenlos