So gestaltest du die Typografie deiner Landingpage richtig

Typografie ist ein unverzichtbarer Bestandteil des Designs deiner Landingpage, denn sie ist für die Botschaft deiner Marke ebenso wichtig. Die Schriftarten, die du auswählst, spiegeln die Psychologie deines Unternehmens wider und wirken unbewusst auf dein Publikum.

Du möchtest mehr über die richtige Typografie für Landingpages erfahren? Dann bist du hier genau richtig.

Sehen wir uns einige Tipps an, mit denen du die Schriftarten auswählst, die für deine Landingpages am besten funktionieren:

1. Übertreibe Es Nicht Mit Den Schriftfamilien: Setze Dir Ein Limit

Mehrere Schriftfamilien erwecken den Eindruck, dass deine Landingpage von Amateuren erstellt wurde. Das vermittelt Besuchern eine negative Botschaft und beeinträchtigt die Professionalität deiner Marke.

Du solltest dich bei deinen Landingpages auf höchstens zwei Schriftfamilien beschränken. So wirkt der Text auf deiner Landingpage einheitlicher. Am besten verwendest du verschiedene Schriftschnitte aus einer einzigen Schriftfamilie.

2. Standardschriftarten Sind Nicht Langweilig

Bei der Wahl der richtigen Typografie für jede Webseite – nicht nur für eine Landingpage – sollte die Lesbarkeit an erster Stelle stehen. Standardschriftarten oder websichere Schriftarten sind eine verlässliche Wahl, wenn du die Lesbarkeit deiner Landingpages ernsthaft verbessern möchtest.

Das bedeutet jedoch nicht, dass du dich mit schlichten, einfachen oder langweiligen Schriftarten zufriedengeben musst. Erstelle eine Liste ansprechender Standardschriftarten, die Nutzer auf verschiedenen digitalen Geräten mühelos lesen können. Wenn du aus einer solchen Liste auswählst, wird deine Landingpage auf allen Geräten ohne Schriftfehler dargestellt.

Du kannst dich für ausgefallenere Schriftarten entscheiden, doch sie könnten unterschiedliche Nutzergruppen auf deiner Website ablenken. Und du weißt, wie Ablenkungen die Absprungrate auf deinen Landingpages erhöhen können.

3. Serifenlose Schriften Funktionieren Bestens

Wie bereits erwähnt, eignen sich Schriftarten aus der serifenlosen Familie ideal für Fließtext auf einer Webseite. Das gilt auch für Landingpages. Serifenlose Schriftarten sind für digitale Medien optimiert.

Serifenlose Schriftarten eignen sich besonders für Fließtext, weil dieser auf einer Webseite meist dichter gesetzt und kleiner ist. Serifenschriften können für größere Texte wie Überschriften und Zwischenüberschriften verwendet werden. Da serifenlose Schriften auf dekorative Endstriche verzichten, verbessern sie hingegen die Lesbarkeit des Fließtexts.

4. Behalte Den Wiedererkennungswert Deiner Marke Im Blick

Achte darauf, mit der Typografie deiner Landingpages ein unverwechselbares Markenbild für dein Unternehmen zu schaffen. Entwickle gemeinsam mit deinen Designexperten eine Strategie, um die richtigen Schriftkombinationen für die visuelle Hierarchie deiner Landingpages zu finden.

Finde eine unverwechselbare Kombination aus Schriftfamilien, Schriftarten, Schriftstärken und Schriftgrößen, die bei den Nutzern deiner Landingpages einen bleibenden Eindruck hinterlässt. Die richtige Typografiekombination kann zur Identität deiner Marke werden.

5. Kombiniere Schriftarten Mit Bedacht: Verleihe Deinen Landingpages Dynamik

Anstatt durchgehend dieselben Schriftarten zu verwenden, kannst du unterschiedliche Schriften miteinander kombinieren (am besten aus höchstens zwei Schriftfamilien, wie oben beschrieben). Richtig umgesetzt verleiht eine solche Schriftkombination deinen Landingpages eine besondere Dynamik.

Erstelle eine Liste verschiedener Kombinationen, in denen du Schriftarten aus unterschiedlichen Schriftfamilien zusammenstellst. Teste diese Kombinationen auf deiner Landingpage und entscheide dich gemeinsam mit deinen Webdesignern für diejenigen, die sich richtig anfühlen.

6. Achte Genau Auf Zeilen- Und Zeichenabstände

Der Zeilenabstand ist entscheidend für die Lesbarkeit einer Webseite. Nutzer sollten allen Textzeilen problemlos folgen können, ohne auf Barrieren zu stoßen. Ausreichend Weißraum zwischen den Zeilen verbessert die Lesbarkeit deiner Landingpage.

Auch innerhalb der Zeilen sollte der Text genügend Abstand haben. Lege Unterschneidung und Durchschuss so fest, dass jeder Buchstabe und jedes Wort klar erkennbar und verständlich ist. Achte außerdem darauf, dass eine Textzeile insbesondere im Fließtext nicht mehr als 70-80 Zeichen enthält.

7. Textanimationen: Verzichte Am Besten Darauf

Textanimationen können zwar verlockend aussehen und den Eindruck eines modernen Webdesigns vermitteln, dennoch empfehlen wir, auf deinen Landingpages möglichst darauf zu verzichten. In den meisten Fällen beeinträchtigen sie die Lesbarkeit erheblich und schaden deinen Webseiten letztlich mehr, als sie ihnen nützen.

Auf manche Nutzer können Textanimationen wie eine Spielerei wirken und einen unangenehmen Nachgeschmack hinterlassen. Dezente Animationen in den größten Überschriften kommen eventuell infrage, sollten aber nur als wohlüberlegte Ausnahme eingesetzt werden.

Bewährte Typografie-Praktiken

Mit den folgenden bewährten Praktiken kannst du deine Landingpages durch die richtige Typografie verbessern:

Behalte Deine Zielgruppe Bei Der Auswahl Der Schriftfamilien Im Blick

Bestimme zunächst deine Zielgruppe und berücksichtige ihre Erwartungen, wenn du Typografievorlagen für deine Landingpages erstellst. Du kannst nie jede einzelne Zielgruppe abdecken, aber versuchen, eine große Mehrheit zu berücksichtigen.

Richte deine Typografie danach aus, was deine Zielgruppe erwartet und sucht. Sucht sie nach Rechtsdienstleistungen, wird sie auf deinen Landingpages eher formelle Schriftarten erwarten. Sucht sie dagegen nach technischen Lösungen, rechnet sie möglicherweise mit einem trendigen und modernen Stil.

Wenn du die Typografievorlage deiner Landingpages auf die Erwartungen deiner Zielgruppe abstimmst, stärkst du die Glaubwürdigkeit deines Unternehmens.

Stelle Inhalt über Ausgefallenen Stil

Ausgefallenere Schriftarten beeinträchtigen häufig die Lesbarkeit des Textes auf deinen Landingpages. Nutzer müssen sich stärker konzentrieren, um alles zu verstehen. Übermäßig stilisierte Schriften sind daher vor allem ein Hindernis.

Dein eigentliches Ziel besteht darin, über deine Landingpages mehr Interessenten durch den Sales-Funnel zu führen. Deshalb solltest du der besseren Lesbarkeit deiner Landingpages mehr Aufmerksamkeit schenken. Vernachlässige Design und Stil dabei nicht völlig. Finde ein Gleichgewicht zwischen beiden und gib der Lesbarkeit Vorrang.

Verwende Eine Markante Schrift Für Deinen Call-to-Action

CTA-Buttons gehören zweifellos zu den wichtigsten Elementen deiner Landingpage. Sie sollen Besucher zur gewünschten Handlung führen. Wähle für deine CTA-Buttons einen Schriftstil, der sie vom Rest der Seite abhebt und sichtbar hervorhebt.

Deine CTA-Buttons sollten auf deinen Landingpages sofort ins Auge fallen. Hier kannst du von der Empfehlung abweichen, nur zwei Schriftfamilien zu verwenden.

Achte Auf Ein Ausgewogenes Verhältnis Zwischen Überschriften Und Fließtext

Die Größe des Fließtexts sollte in einem ausgewogenen Verhältnis zu deinen Überschriften stehen, da ein zu großer Unterschied die Lesbarkeit insgesamt beeinträchtigen kann. Wir empfehlen ausgewogene Textgrößen für die verschiedenen Ebenen der visuellen Hierarchie, denn übermäßig große oder kleine Schrift kann einen negativen Eindruck hinterlassen.

Führe A/B-Tests Durch

Am besten findest du mit A/B-Testkampagnen heraus, welche Typografievorlagen bei den Nutzern gut ankommen. Anhand der unterschiedlichen Conversion-Raten der einzelnen Vorlagen kannst du die beste Wahl ermitteln.

So Geht Es – Und So Nicht

Sehen wir uns einige Beispiele für Landingpage-Typografie an, die ihren Zweck erfüllt.

Hier siehst du die Landingpage von becolorful.co.uk. Beachte, wie makellos lesbar der Text ist und dass nur zwei Schriftfamilien verwendet werden.

Auch diese Landingpage von earthlymade.studio fällt durch ihre Typografie auf. Wieder werden nur sehr wenige Schriftfamilien verwendet, während Zeichen- und Zeilenabstände die Lesbarkeit insgesamt verbessern. Der Stil hebt sich ab, ohne auf ausgefallene Schriftarten zu setzen.

Auch hier erkennst du, wie sich Schriftarten aus unterschiedlichen Schriftfamilien kombinieren lassen, um bei deinen Besuchern einen bleibenden Eindruck zu hinterlassen. Außerdem siehst du, wie ausreichende Textabstände das Erscheinungsbild deiner Landingpages verbessern.

Sehen wir uns nun einige weniger gelungene typografische Entscheidungen für Landingpages an.

Hier erkennst du, wie Schriftstärken und -größen einen überladenen Eindruck erzeugen. Manche Schriftstärken wirken einfach unpassend und lassen etwas vermissen.

Hier sorgt die gewählte Typografie dafür, dass die Landingpage unscheinbar und langweilig wirkt. Die Verwendung ähnlicher Schriftfamilien hilft ihr ebenfalls nicht.

Jetzt Bist Du Dran

Wir haben gezeigt, wie stark Typografie das Erscheinungsbild und die Wirkung der Landingpages deiner Website beeinflussen kann. Wenn du die richtige Typografie für deine Landingpages auswählst, führst du mehr Interessenten durch den Conversion-Funnel, sofern du die oben genannten Tipps und bewährten Praktiken befolgst.

Autor

Vaibhav Kakkar ist Gründer und CEO von Digital Web Solutions, einer weltweit anerkannten Agentur mit einem umfassenden Angebot an digitalen Marketingservices und Entwicklungslösungen. Vaibhav setzt auf den Aufbau von Systemen statt auf einzelne Dienstleistungen und hat Agenturen von Grund auf zu Nischenführern mit Millionenumsätzen skaliert.