A SaaS landing page is a webpage specifically designed for warm leads interested in your offering and guide them towards buying your product/service. By being the last point of contact before purchase, the SaaS landing page design has to mirror the audience’s behavior, language and pain points and make them take action swiftly.
Haben SaaS-Marken nur eine Landing Page?
The number of landing pages for an average SaaS company ranges from five to forty. In fact. Hubspot’s latest State of Marketing report[1] zeigt, dass Unternehmen mit mehr als 40 Landing Pages einen Anstieg der Konversionen um über 500% verzeichnen konnten.
Even though, in this case, “the more the merrier” applies, you don’t need to build dozens of landing pages right away. This case study[2] shows that by tailoring your existing content blocks that directly call out and address your target audience’s pain points, you can increase conversion rates by 10.41% and revenue per user by 13.46%.
Wenn es jedoch darum geht, die Lead-Generierung effektiv zu skalieren, ist die Zusammenarbeit mit einem spezialisierte SaaS-Lead-Generierungsagentur kann Ihre Bemühungen durch die Umsetzung gezielter Strategien, die sich an Ihren Unternehmenszielen orientieren, erheblich verstärken.
In diesem Artikel geben wir Ihnen Best Practices für SaaS-Landingpages und Conversion-Tipps, Schlüsselelemente verschiedener Landingpages und Beispiele erfolgreicher Landingpages mit ausführlichen Erklärungen zur Verbesserung Ihrer B2B SaaS Konversionsrate.
7 gemeinsame Elemente einer SaaS-Landing Page mit hoher Konversionsrate
Zunächst werden wir die sieben gemeinsamen Landing-Page-Elemente durchgehen, die alle erfolgreichen Webseiten aufweisen, damit Sie sie auf Ihrer Liste abhaken können. Diese sieben Elemente tragen dazu bei, Ihrem Publikum das Gefühl zu geben, dass Sie seine Probleme kennen und ihm eine Lösung anbieten können.
Mit den richtigen Designelementen, der richtigen Reihenfolge und der richtigen Optimierung wird Ihre Landing Page die am schnellsten konvertierende Seite sein.
1. Der Held
The “Hero” section is the first thing your lead sees when they open your landing page. This section is the meat of your webpage and should contain the headline and subheading, a compelling call-to-action and an eye-catching visual.
Mit einem direkten Text, der die Vorteile Ihres Produkts/Ihrer Dienstleistung hervorhebt, werden die meisten Ihrer potenziellen Kunden ohne Scrollen konvertieren.
Profi-Tipp: Make sure this section is short and concise (one to two sentences) with a clear CTA that doesn’t confuse the reader.
2. Die Überschrift
The headline is usually larger than the rest of the “hero” section and, thus, the first thing 90% of your readers will see. It needs to be short, to the point, and directly tell your audience if they are in the right place. By doing the right target audience will stick and the wrong one will move away.
Besides being larger and bolded the heading should be short, clear and have words that automatically showcase a benefit – acquire, retain and grow subscriptions. Avoid using vague phrases like “enhance your customer journey” because it isn’t a direct and clear benefit.
3. Das CTA
CTA’s or calls to action are usually found in multiple sections of the landing page. First and foremost in the Hero section, but they should have a place in the middle and end of your page.
Zoho CRM leistet gute Arbeit, indem es sein Publikum dazu bringt, sich entweder anzumelden oder mit der Recherche fortzufahren, und lässt wenig Raum für einen Absprung von der Seite.
4. Merkmale und Vorteile
Ihre Landing Page sollte einen Abschnitt enthalten, in dem die Vorteile und Funktionen klar aufgelistet sind. Jede Funktion/jeder Vorteil sollte klar und separat aufgelistet werden, damit der Nutzer das Wesentliche Ihres Tools/Ihrer Dienstleistung auf Anhieb erfassen kann.
Diese Abschnitte können entweder CTAs oder Links zu anderen Ressourcen mit einer ausführlicheren Erklärung der einzelnen Funktionen/Nutzen enthalten.
5. Kontakt-Formular
A contact form is a great way to obtain the reader’s personal information and make the onboarding process easier. The contact form should clearly state the benefits – get access to unlimited tasks, projects and storage.
The contact form should be in the middle or towards the end of your landing page after you’ve already warmed up your lead.
6. Sozialer Beweis
Well-known names will always catch your attention, won’t they? With the attention span decreasing and brand loyalty booming, software companies need a way to gain the audience’s trust with proven success and good SaaS-Inbound-Marketing Strategien.
Even if your buyers don’t give you any type of testimonial you can at least put their logo that will intrigue your potential leads.
Noch aussagekräftiger ist es jedoch, ein schriftliches oder Video-Zeugnis zu haben, das zeigt, dass Sie wirklich der Richtige sind. Dieser Mehraufwand wird sich auszahlen, denn Sie werden neue Kunden gewinnen, indem Sie jemand anderen sagen lassen, warum er sich für Sie entschieden hat.
Der Abschnitt "Social Proof" befindet sich in der Regel in der Mitte und gegen Ende Ihrer Landing Page, wie eine Kirsche auf dem Sahnehäubchen, die darauf wartet, die Zweifler zu überzeugen.
7. Demo-Video
It is no secret that we are living in the video era, and yes, they’ve made their way into landing pages. Apart from being used as the “realest” form of social proof and customer testimonials, they are also a great walkthrough or virtual tool for demonstrating your software.
Getting on a call with a prospect is an extra step some of your leads won’t take. With interactive demo videos, you are helping them understand and “use” your software without any commitment.
Früher waren kostenlose Testversionen und Freemium-Angebote der geringstmögliche Aufwand und die geringste Verpflichtung, aber heute stehen interaktive Demovideos im Vordergrund.
Stellen Sie sicher, dass Sie Ihr Video an den Anfang Ihrer Landing Page stellen, da es sowohl für die Warm-up-Leads als auch für die noch nicht bekannten Kunden von Nutzen ist. Stellen Sie sicher, dass Ihre Demo ist:
- Interaktiv – Users who interact with a tool have a higher chance of remembering the features, steps and UI
- Kurz und bündig – No need to tell them everything, just the most important features and use cases
- Unter dem Titel – Nothing worse than a surprising voice
- Einsteigerfreundlich – Make sure to cover the basics and address the pain points of your audience.
5 Beispiele für erfolgreiche SaaS Landing Pages
Nun, da Sie die sieben Schlüsselelemente für Landingpages kennen, sehen wir uns an, wie SaaS-Marken sie für die Erstellung von Landingpages mit hoher Konversionsrate verwendet haben. Wir werden uns fünf Landing Pages im Detail ansehen und Ihnen alle Tipps und Tricks zeigen, die dahinter stecken:
1. Influee
Influee’s[3] landing page is a great example of a video format used for demonstrating the use cases and value of their platform. As A UGC video service platform, they’ve responded to every question and doubt and thought through the very thing they sell – videos.
Man muss 5-6 Mal scrollen, um zum Ende der Landing Page zu gelangen, die mehrere Inhaltstypen, kurze Texte und mehrere CTAs enthält.
The best parts of Influee’s landing page:
- Kurze, prägnante Überschrift
- Erfahrungsberichte von Kunden
- Aufschlüsselung der Zusammenarbeit
- Beantwortung von Zweifeln und Fragen
- Klare Vorteile
- Verwendung des Videoformats
Now, let’s comment on each stellar section of this landing page:
Quelle: Influee
Yes, they used logos, but they also used the power of numbers to demonstrate their success easily – 1500+ brands. Whenever possible, use numbers/statistics to demonstrate a point.
The following section sums up everything you need to know about this platform in five simple blocks of text. But they’ve added a little twist, an eye-catching benefit that will help with instant conversions – a money-back guarantee.
In the following section, they put a little more effort into explaining their platform with a friendly approach – the founder explaining the ins and outs.
They’ve also used video testimonials to strengthen their customer loyalty and promote their brands through the lens of their target audience.
One thing that really stood out from other landing pages is the following section, which has the intent of convincing the part of their target audience that hasn’t converted just yet. They’ve given the use cases, benefits, testimonials and in-depth explanations; what else?
Nun, das Einzige, was bleibt, ist, all ihre möglichen Fragen zu beantworten und alle Zweifel auszuräumen.
Influee hat dies mit kurzen Texten und schnellen Videos veranschaulicht. Wenn zum Beispiel ein Teil des Publikums die Frage stellte, ob diese App nur für Englischsprachige geeignet ist, konnten sie diesen Zweifel mit dem ersten Video ausräumen.
2. Sammeln Sie
A minimalistic design but a very powerful landing page is Gather’s. They’ve managed to sum up the value of their virtual HQ’s platform in a couple of short videos and even shorter copy, and it is one of my favorites.
The best parts of Garther’s landing page:
- Video-Inhalte
- Klarer CTA
- Errungenschaften
- Übersichtliche Funktionsliste
Now, let’s comment on each stellar section of this landing page:
Die Merkmale und Vorteile werden in einem logischen Z-Format dargestellt, wobei bestimmte Wörter farblich hervorgehoben werden. Mit einem Bild, das ihren Standpunkt verdeutlicht, erregen sie leicht Aufmerksamkeit.
Hier sind zwei Dinge zu beachten.
Erstens, die klebrige CTA mit einem auffälligen Angebot, das % der Leser konvertieren wird.
Die zweite ist die einfache, aber klare und präzise Auflistung der Funktionen und Vorteile, die es den Nutzern erleichtert, sich ein Bild zu machen und zu sehen, ob die Plattform für sie geeignet ist.
Like most big brands, they don’t shy away from their achievements but highlight them in the section below customer testimonials.
3. ClickUp
ClickUp’s landing page stands out due to the use of power words and short, concise blocks of text to demonstrate their main points. It is one of the shorter ones on the list, with 4–5 scrolls for the whole landing page, but very value-packed and visually appealing.
With one sentence, “one app to replace them all”, they’ve summed up their whole platform.
The best parts of ClickUp’s landing page:
- Hervorgehobene wichtige Textstellen
- Betonung ihres bisherigen Erfolgs
- Gut organisierter Funktionsumfang
- Ladegeschwindigkeit Zeit
They’ve created a FOMO effect with the first sentence and strengthened it with top-notch names and logos right after.
ClickUp’s landing page answers two main questions/doubts their target audience may have and gets into the meat right away. With this one-click menu, you can browse and get detailed information on their features.
Der CTA für jeden Produktbereich ist deutlich sichtbar und direkt neben dem Kundenbericht.
The importance of social proof is very much visible on this landing page because this is the third time ClickUp used their customers’ words and faces to promote their brand.
ClickUp’s design does a great job of summing up the features and benefits of its platform.
4. Semrush
Semrush’s landing page is filled with interesting insights, from the way they showcase their features to customer testimonials and direct copy.
The best parts of Semrush’s landing page:
- Interessante Feature-Präsentation
- Live-Demo verfügbar
- Präsentation der Daten
Die Tatsache, dass Sie das Tool sofort testen können, ist eine der besten Taktiken für Produktdemos der Welt.
Sie nutzen auch Zahlen zu ihrem Vorteil, um die Stärke ihrer Marke zu demonstrieren.
The most interesting part about their landing page is their “white hat” pun that clearly demonstrates their value propositions.
Die CTA ist klar, einfach und in der Reihenfolge 3-2-1, so wie das menschliche Gehirn die Titel sieht.
5. Kollabieren einfangen
The shortest landing page on the list, but one of the most effective ones for sure is Capture Collab’s. They’ve managed to incorporate all the necessary elements of a high-converting landing page in an intuitive design with loads of different content types.
The best parts of Capture Collab’s landing page:
- Demo-Video des Tools
- Interessante Erfahrungsberichte von Kunden
- Hervorgehobene Wörter
- Klarer Text und CTA
Now let’s break down their landing page in detail:
One of the few headings that is so to the point that it doesn’t need any further explanations. With 2 different CTA options, Capture Collab is directing its audience in the right path (s). Finally, the highlighted “photos” and “videos” grab the attention right away.
Eine Überschrift, zwei Absätze und ein Minivideo genügen, um den Wert ihrer Plattform zu demonstrieren. Sie erwähnen den Schmerzpunkt und bieten sofort ihre Lösung an.
Für Interessierte wird eine längere Demo angeboten, die ihr Interesse noch mehr wecken wird.
Ihr bestes Kundenzeugnis wird nach der Demo an prominenter Stelle platziert.
Schließlich beantwortete ihre CTA 2 Hauptfragen, die ihre Kunden haben könnten, und lud sie zu einem kostenlosen Test ein.
5 häufige Fehler, die Sie bei der Gestaltung Ihrer SaaS-Landing Page vermeiden sollten
Hier sind die fünf häufigsten Fehler, die Sie bei der Erstellung oder Optimierung Ihrer Landing Pages vermeiden sollten:
1. Vergessen der mobilen Optimierung
Even though a lot of landing pages are being viewed through a mobile phone, I still see many of them that aren’t optimized for them. This interferes with the user experience, and in most cases readers just bounce and never return.
Um diese Konversionen nicht zu verlieren und Ihre SaaS-Wachstum Aus technischen Gründen müssen Sie Bilder und Videos komprimieren, damit sie schnell geladen werden, und prägnante Überschriften und klare, leicht lesbare Schriftarten verwenden. Wenn Sie ein Formular haben (eines der oben erwähnten Schlüsselelemente), stellen Sie sicher, dass die Nutzer es auch auf ihrem mobilen Gerät ausfüllen können.
Vermeiden Sie Pop-ups und optimieren Sie die Seitengeschwindigkeit durch minimale HTTP-Anfragen und Browser-Caching.
2. Keine A/B-Tests durchführen
Without your own internal A/B testing, you will never find your “ideal” landing page, according to our SaaS PPC-Agentur. Außerdem wachsen und entwickeln sich Ihre Kunden, Ziele und Taktiken im Laufe der Zeit, so dass Sie über Daten verfügen müssen, um Ihre Änderungen zu untermauern.
A/B-Tests für Landing Pages bedeuten, dass Sie Elemente (Überschriften, visuelle Elemente, CTAs, Formulare usw.) identifizieren und verschiedene Versionen für sie erstellen. Anschließend führen Sie einen Test mit einem A/B-Testing-Tool durch, um die Unterschiede bei den Konversionsraten zwischen den Varianten statistisch zu erfassen.
Denken Sie daran, dass Sie einen Zeitpunkt (mindestens einen Monat) wählen sollten, an dem die Tests durchgeführt werden. Echte Ergebnisse werden in 1-3 Monaten sichtbar, also seien Sie geduldig und konsequent. A/B-Tests sind der schnellste und effizienteste Weg, um herauszufinden, worauf Ihre Zielgruppe reagiert.
Auch wenn Heatmaps und regelmäßige Änderungen einige Erkenntnisse liefern, sind direkte Tests eine der besten Optionen.
Diese Fallstudie[4] zeigt einen Anstieg von 42,11% bei den Personen, die nach einer CTA-Optimierung zur Kassenseite gingen.
3. Nicht mehrere Landing Pages haben
If you have different audience segments, complex tool sets or run numerous marketing campaigns, one landing page won’t fit all needs. Just ensure to segment your audience and keep branding and messaging consistent. For SaaS business founders looking to expand their knowledge, check out our list of SaaS-Bücher für weitere Einblicke.
Lernen Sie wie Sie Ihre SaaS-Verkaufsstrategie aufbauen in diesem Artikel.
4. Nicht optimierte Navigationsleiste
Your target audience should always know where they are and what they can do next. Apart from the CTA, your navigation bar should clearly give them gateways based on their interests. Usually, the tabs indicate those who are ready to make a purchase “pricing” and those who need more convincing “resources, feature list”.
With a clear, short and sticky navigation tab, your readers will browse through the rest of your website and find what they need. Don’t make the navigation bar overwhelming or hard to find because your readers will be disconnected from the rest of your website.
5. Ignorieren von Vorschlägen zur Seitenlänge und zum Scrollen
Der letzte Ratschlag für Ihre Landing Page ist, sicherzustellen, dass Ihre Seite zwischen 1 und 5 Scrolls lang ist. Das mag nicht so aussehen, aber es ist ein wichtiger Teil der SaaS-Verkaufsprozess.
Don’t overdo it with content and visuals so that your readers don’t need to skip a lot to get to the end.
Erforschen Sie innovative Wachstumsstrategien, indem Sie sich die Nuoptima SaaS Podcast mit Codie McGuffie von EverBee.
Schlussfolgerung
Aus diesem ausführlichen Leitfaden mit vielen Beispielen können wir schließen, dass es sieben Schlüsselelemente gibt, die alle Landing Pages mit hoher Konversionsrate gemeinsam haben. Der Unterschied liegt in der Platzierung dieser Elemente, der Länge, der Anzahl der Seiten und dem Design, das Ihnen viel Raum für die Personalisierung und Anpassung Ihrer Landing Pages lässt.
Wir von NUOPTIMA, einem B2B SaaS SEO Agenturkann Ihnen helfen, eine hochgradig konvertierende SaaS-Marketing-Trichter mit unserem Conversion-Optimierungsservice. Mit unseren Erkenntnissen und Empfehlungen erhalten Sie im Handumdrehen konversionsoptimierte Seiten!
Buchen Sie ein kostenloses Gespräch mit unserem Teamund steigern Sie noch heute Ihre Umsätze!
FAQ
Eine Software-Landingpage ist eine Webseite mit dem Ziel, Leads in Käufer zu verwandeln. Eine Software-Landingpage sollte einen kurzen Überblick über Funktionen, Anwendungsfälle und Vorteile sowie einen CTA und Social Proof enthalten. Wenn Sie Ihre Landing Page richtig einrichten, wird sie Ihre wichtigste Seite für Konversionen werden.
Eine Produktseite enthält detaillierte Informationen über das Produkt in Bezug auf Preise, Funktionen, Integrationen, Anpassungsgrad usw. Eine Landing Page bietet nur einen Überblick über die Funktionen und zielt darauf ab, potenzielle Kunden zu konvertieren.
Eine SaaS-Landingpage sollte mit einer kurzen Überschrift beginnen, gefolgt von einem Überblick, einer Demo, Kundenstimmen und einem CTA. Bevor Sie den Lead auffordern, sich anzumelden oder Ihr Produkt zu kaufen, müssen Sie ihm einen Mehrwert bieten und alle Fragen oder Zweifel beantworten, die ihn davon abhalten könnten, auf Ihren CTA zu klicken.
Referenzen
- https://www.hubspot.com/state-of-marketing[1]
- https://www.linkedin.com/pulse/maximize-arpu-cvr-personalized-landing-pages-using-content-sokolov-zq4ge?utm_source=share&utm_medium=member_ios&utm_campaign=share_via[2]
- http://influee.co/[3]
- https://convertica.org/lead-generation-case-study-free-trial-sign-ups/[4]