Desktop & Mobile

Landingpage Vorlage zum Download

Lade dir die neue 2024 Version der perfekten Landingpage für Berater und Dienstleistungen als Paket herunter:

  • Landingpage Vorlage (Desktop & Mobile) als PDF
  • Original-Vorlage als Adobe XD Mockup
  • Cheat Sheet der Landingpage Vorlage als PDF
Auschnitt der perfekten Landingpage als Vorlage zum Download (PDF)
Abb: Auschnitt der perfekten Landingpage als Vorlage zum Download (PDF)

Kurze Erklärung der Elemente und Wirkungsweise unserer Landingpage Vorlage

Abb: Die perfekte Landingpage 2024 als Desktop und Mobile Version.

Kopfbereich / Header

Erster Blickpunkt des Users ist das Logo der Website. Erwartungsgemäß ist es links angeordnet. Wenn keine Navigation genutzt wird kann der Bereich mit Vertrauenslogos bestückt werden. Achte auf Bekanntheit der Logoanbieter bei der Zielgruppe.

Header einer Landingpage als Vorlage im Beispiel
Abb: Header Element der Landingpage mit Logo, Trustsiegel und Call to Action

Ein Call-To-Action Element kann rechts im Header platziert werden um z.B. die Kontaktmöglichkeit gleich sichtbar zu machen.

Subheader

Unterhalb des Kopfbereichs informierst du deine User über weitere Vorteile, Besonderheiten, Alleinstellungsmerkmale durch dezente Häkchen mit Text. Zum Beispiel: 24h Lieferungen oder 24h Erreichbarkeit

Abb: Drei Besonderheiten im Subheader dezent dargestellt

Stage / Bühne

Zentraler Blickfang ist eine kontraststarker Bühnenbereich – gesteigert durch den dunkleren Hintergrund.

Vertrauenselemente werden oberhalb der Headline platziert. Die Sterne signalisieren die Qualität der Bewertungen. Daneben sollten die Benotung angezeigt werden z.B. 4,5 / 5 und die jeweilige Bewertungsplattform wie Google oder andere bekannte Bewerungssysteme.

Stage Element mit Bewertungssternen, Headline, Subtext, Vorteilen, CTA und Testimonial
Abb: Stage Element mit Bewertungssternen, Headline, Subtext, Vorteilen, CTA, Bilder der Mitarbeiter und Testimonial

Die Headline sollte das Produkt und den Nutzen prominent darstellen. Bei uns z.B. „Klicks werden zu Kunden“ – Kurz und Knapp erfährt der User was er bekommt.

Unterhalb der Headline kannst du einen Einleitungstext darstellen. Beschreibe kurz das Problem und wie du es mit deiner Dienstleistung löst. Nutze gerne auch noch Vorteilshaken um eine gute optische Gliederung zu erreichen.

Dann folgt ein Call To Action Element z.B. ein Button. Die Beschriftung sollte klar bezeichnen was der User bekommt. Beispiel auf dieser Website: Eine Landingpage Vorlage als PDF.

Durch das Bild kannst du durch optische Anmutung die Dienstleistung visualisieren und zusätzlich Vertrauen schaffen. So kann der Gründer / Team bei der Leistungserbringung gezeigt werden.

Um den ganzen noch mehr Vertrauen abzuliefern kannst du noch eine Top-Bewertung platzieren – Idealerweise nachprüfbar durch Vor und Zunamen sowie einem Bild.

Logo / Vertrauensbereich

Nutze den Bereich unter der Bühne um noch mehr Vertrauenssignale zu senden. Platziere z.B. bekannte Logos von Marken die bereits von deiner Dienstleistung / Beratung profitieren.

Aufzählung von Fakten wenn das Element in den sichtbaren Bereich kommt. BSP Hama Fahrzeugeinrichtungen
Abb: Faktenaufzählung (Counter wird im Sichtbereich gestartet)

Auch kannst du eine Aufzählung von Fakten präsentieren. Ein Counter zählt die Daten hoch wenn das Element in den sichtbaren Bereich kommt.

Transformationsbereich

Stelle danach dar wie dein Kunde profitiert und sein Problem mit deiner Dienstleistung lösen wird. Dazu kannst du gerne das beliebte ersten, zweiten, drittens Schema nutzen:

  1. Kauf des Produkts
  2. Erhalt des Produkts
  3. Profitieren durch das Produkt

Benefit / Vorteile / Nutzen / Features

Stelle dann noch einmal übersichtlich gegliedert den Vorteile und Nutzen dar. Dazu kannst du gerne das Schema Eigenschaft, Merkmal, Vorteil nutzen.

Vorteile optisch und verkaufspsychologisch aufbereitet
Abb: Vorteile optisch und verkaufspsychologisch aufbereitet

Ich nutze immer gerne die Haken oder Pfeile um auf den Punkt zu kommen. Beispiel beim Druckerkauf: Der Drucker mag 4800 dpi haben, aber der User kauft eine perfekte Druckqualität die bei einer Bewerbung hochwertig aussehen lässt.

Download Landingpage Vorlage

Lade dir die neue 2024 Version der perfekten Landingpage für Berater und Dienstleistungen als Paket herunter:

  • Landingpage Vorlage (Desktop & Mobile) als PDF
  • Original-Vorlage als Adobe XD Mockup
  • Cheat Sheet der Landingpage Vorlage als PDF

Kundenmeinungen, Rezensionen, Fallstudien

Lasse noch einmal deine glücklichen Kunden sprechen. Liefere echte Testimonials. Neuerdings gibt es auch Dienstleister die zu deinen Kunden fahren und für dich die Videointerviews machen. Stelle aus Bewertungsplattformen die letzten Bewertungen dar. Gerne auch zum Scrollen / Schieben

Kundenbewertungen als Slider bei mgp Rechtsanwalt
Abb: Kundenbewertungen als Slider bei mgp Rechtsanwalt

Vergleich als Tabelle

Mache es den User noch einfacher sich für dich zu entscheiden. Stelle dein Produkteigenschaften mit dem Mitbewerber oder dem Markt gegenüber. Sei vorsichtig beim Mitbewerber und checke es vorher noch einmal rechtlich (Abmahngefahr)

Fragen und Antworten

Nutze den vorletzten Abschnitt um noch einmal die typischen Fragen zu klären. Frage beim Kundensupport nach was dort häufig kommt und welche Antworten der Kunde dann erhält. Nutze auch eine Keyword Recherche um Fragen rund um das Produkt / Dienstleistung zu erhalten.

Fragen und Antworten Recherche z.B: über Google beim Keyword "Landingpage Erstellung"
Abb: Google Recherche nach Landingpage Erstellung und einer Weitere Fragen Sektion

Last Call To Action

Zum Abschluss der Landingpage Vorlage fordern wir den User noch einmal zu Handeln auf. Hier bringen wir das wichtigste noch einmal auf den Punkt und arbeiten mit kontrastreicher Farbe um die Aufmerksamkeit auf das wichtige Element zu legen.

Vielleicht kannst du auch mit Gamifikation Elementen arbeiten. Z.B. ein Konfigurator um den Lead spielerisch einzusammeln.