Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Conversion

Tipps zum Entwerfen von Nischen-Landing-Pages

by
Length:LongLanguages:

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

Im Rahmen meiner Tätigkeit bei Shopify spreche ich mit Freiberuflern und Agenturen, die sich auf das Design und die Erstellung von Shopify-Themen spezialisiert haben. Eines der wichtigsten Themen, über die wir häufig diskutieren, ist die Lead-Generierung - mit anderen Worten, wie Sie diejenigen finden, die ihre Fachkenntnisse benötigen.

Viele Freiberufler und Agenturen werden nicht nur in Programmen wie Shopify Experts aufgeführt, sondern erstellen auch hoch gestaltete "Landing Pages", auf die potenzielle Kunden über mehrere Marketingkanäle geleitet werden - sowohl online als auch offline.

Was ist eine Landing Page?

Sie haben wahrscheinlich schon einmal den Begriff "Landing Page" gehört und fragen sich möglicherweise, was der Unterschied zwischen einer Standard-Webseite und einer Landing Page ist.

Laut UnBounce kann eine Landing Page so beschrieben werden:

"Im wahrsten Sinne des Wortes ist eine Landing Page jede Webseite, auf die ein Besucher gelangen oder auf der er landen kann. Bei der Erörterung von Landing Pages im Bereich Marketing und Werbung wird eine Landing Page jedoch häufiger als eigenständige Webseite bezeichnet, die sich von Ihrer Hauptwebsite unterscheidet und für ein einziges Ziel konzipiert wurde."

Landing Page unterscheiden sich häufig strukturell und visuell von der Hauptwebsite eines Unternehmens (obwohl sie sich häufig in derselben logischen Domäne befinden).

Landing Pages wurden gezielt gestaltet, um die dem Besucher zur Verfügung stehenden Optionen einzuschränken und sie zu einem definierten Ziel zu führen. Sie werden häufig den Ausdruck "eine Seite, ein Ziel" in Bezug auf Landing Pages lesen.

Tore

Einige typische Ziele sind:

  • Ein Promo-Video ansehen
  • Ausfüllen eines E-Mail-Newsletter-Anmeldeformulars
  • Buchung einer kostenlosen Projektberatung per Telefon/Skype
  • Ausfüllen eines Projektinitiierungsdokuments
  • Angebotsanfrage
  • Folgen Sie in einem bestimmten sozialen Netzwerk
  • Herunterladen eines kostenlosen PDF nach Übermittlung einer E-Mail-Adresse

Während sich dieser Artikel auf Landing Pages konzentriert, kann man mit Recht sagen, dass viele dieser Ideen und Konzepte - wie beispielsweise die Zielorientierung der Seite - auf Unternehmensseiten oder Produktwebsites mit nur einer Seite angewendet werden können. Ich werde einen kurzen Blick auf einen neuen werfen, den ich am Ende gefunden habe.

Das Unterscheidungsmerkmal sollte immer sein, dass es ein definiertes Ziel hat - sei es eines der oben genannten oder eine Aktion wie die Unterzeichnung eines Plans oder der Kauf eines Produkts.

Fahren Sie den Verkehr zu Ihrer Landing Page

Es gibt eine Reihe von Möglichkeiten, potenzielle "Leads" auf Ihre Landing Page zu leiten, von organischem Suchmaschinenverkehr bis hin zu Pay-per-Click-Kampagnen (PPC), die auf Keywords und Phrasen abzielen. Weitere Möglichkeiten, potenzielle "Leads" auf Ihre Seite zu leiten, sind:

  • Teilen Sie Ihren Inhalt/Ihre URL Ihrer Seite über Social Media-Kanäle.
  • Teilen Sie Ihre Inhalte und Ihr Fachwissen über einen regelmäßigen E-Mail-Newsletter, der eine Schaltfläche zum Handeln enthält, die den Leser zu Ihrer Landing Page führt.
  • Beiträge zu Blogs von Drittanbietern, die Ihr Fachwissen hervorheben, und einen Link zurück zu Ihrer Landing Page.
  • Sprechen Sie bei Veranstaltungen über Ihr Fachgebiet. Dies wird Sie zu einem Expertenlevel für die Teilnehmer machen. Verwenden Sie eine kurze URL Ihrer Landing Page, um die Teilnehmer während oder nach der Veranstaltung darauf aufmerksam zu machen.
  • Veranstalten Sie kostenlose Drop-In-Sitzungen zur Mittagszeit für lokale Unternehmen, die mehr erfahren möchten, und geben Sie Ihre Landing Pages-URL auf allen Folien und Handouts an.
  • Verwenden Sie Ihre E-Mail-Signatur, um bestimmte Blog-Beiträge und Landing Pages auf Ihrer Website hervorzuheben.
  • Starten eines Podcasts in Ihrer Nische. In diesem Bereich ist viel Platz, und selbst wenn sich eine Handvoll Hörer für Ihre Inhalte interessiert, werden die Besuche auf Ihrer Website und auf Ihrer Landing Page erhöht.

Das sind nur einige der Dinge, die ich versucht habe, und Sie werden natürlich Ihre eigenen Ideen haben. Leider gibt es in diesem Artikel keinen Raum, um zu diskutieren, wie all diese Ansätze vollständig implementiert werden können. Nehmen wir jedoch an, dass einige, wenn nicht alle, dazu beitragen, Besucher auf Ihre Landing Page für Nischendienste zu lenken.

Erstellen einer Landing Page

Wenn Strategien vorhanden sind, um Traffic auf Ihre Landing Page zu leiten, ist es wichtig, dass die Seite selbst so aufgebaut ist, dass Ihr beabsichtigtes Ziel erreicht wird.

The 12-Step Landing Page Rehab Program Infographic

Unbounce, ein Dienst, der sich selbst als "Landing Pages-Builder für Vermarkter" bezeichnet, enthält eine Reihe nützlicher Artikel, die sich direkt auf die Erstellung erfolgreicher Landing Pages beziehen.

Ihr 12-Punkte-Plan enthält einige wirklich nützliche Dinge, die beim Entwerfen und Erstellen einer Landing Page berücksichtigt werden müssen. Lassen Sie uns einige davon genauer untersuchen:

  • Übereinstimmung von Anzeigennachrichten - Stellen Sie sicher, dass die Nachrichten und Kopien, die Sie in PPC-Kampagnen, Blogposts und Social Media-Inhalten verwenden, mit den Kopien übereinstimmen, die Sie auf Ihren Landing Pages verwenden.
  • Verwendungskontext - Verwenden Sie Videos und Bilder, die Ihre Arbeit in Aktion zeigen. Ein Shopify-Experte könnte beispielsweise ein Video eines Geschäftsinhabers verwenden, in dem ein für ihn erstelltes Thema besprochen wird.
  • Video nutzen - Laut Unbounce kann Video die Conversions um bis zu 80% steigern. Es ist heute außerordentlich einfach, ein kurzes Video zu produzieren und es kostenlos auf Diensten wie YouTube und Vimeo zu hosten. Mit einem Plugin wie FitVids können Sie auch Videos in mehreren Ansichtsfenstergrößen nutzen.
  • Verwenden Sie Richtungshinweise - Verwenden Sie Pfeile, Farben und Kontraste, um die Besucher zum primären Aufruf zum Handeln zu führen.
  • Daten vs. Konvertierung - Wenn das Sammeln von Daten eines Ihrer Ziele ist, überlegen Sie, wie lang Ihr Formular ist. Ein langes Formular mit einer Reihe von erforderlichen Feldern kann den potenziellen Kunden davon abhalten, es auszufüllen.
  • Rücksichtslos bearbeiten - Löschen Sie 50% Ihrer Kopie und dann 50% der verbleibenden Kopie! Dies ist nie einfach, aber eine strenge Bearbeitung führt zu einer zugänglicheren Nachricht. Ein Test, den ich häufig verwende, besteht darin, Freunde und Familienmitglieder, die außerhalb Ihrer Branche arbeiten, zu bitten, die Seitenkopie zu überprüfen. Ist dies sinnvoll? was interpretieren sie daraus? bringt es sie dazu, Ihr Ziel zu erreichen?
  • Social Sharing aktivieren - Erleichtern Sie es anderen, Ihre Seite zu teilen oder für später zu speichern. Sie können ganz einfach einen "Tweet this" -Link erstellen oder eine "Read it later" -Button als Teil des Seitendesigns hinzufügen.
  • Vertrauen demonstrieren - Das Zeigen von positivem Feedback von Kunden über Testimonials sowie das Einfügen von Links zu aktuellen Blog-Posts und Social-Media-Aktivitäten zeigen Vertrauen.
  • Marketing nach der Conversion - Wenn das Hauptziel Ihrer Seite darin besteht, Daten (d. H. Eine E-Mail-Adresse, ein Kurzformular usw.) zu erfassen, sollten Sie die Bestätigungsseite verwenden, um sich weiter mit Ihrem potenziellen Kunden / Kunden zu befassen. Beispielsweise. Sie können ihnen ermöglichen, ein Dokument herunterzuladen oder weitere Möglichkeiten aufzuzeigen, wie sie mit Ihnen in Kontakt treten können, z. B. "Folgen Sie uns auf Twitter".
  • A/B-Test - Denken Sie immer darüber nach, wie Sie inkrementelle Änderungen testen können, um Ihr Ziel zu erreichen. Zum Beispiel das Reduzieren der Kopie, das Vergrößern der wichtigsten Aufzählungspunkte usw. Es gibt eine Reihe von Tools wie Optimizely, mit denen Sie verschiedenen Besuchern alternative Variationen einer Seite anbieten und die Ergebnisse über eine benutzerfreundliche Online-Oberfläche verfolgen können. Außerdem ist es wichtig zu wissen, woher Ihr Traffic stammt, um herauszufinden, welche Kampagne die meisten Leute auf Ihre Seite bringt. Verwenden Sie einen URL-Shortener, um die Tracking-Parameter in der URL auszublenden.

Zu der von UnBounce angebotenen Liste möchte ich außerdem Folgendes hinzufügen:

  • Reaktionsschnell - Stellen Sie sicher, dass Ihre Seite(n) über mehrere Bildschirmgrößen und Auflösungen hinweg funktioniert. Das Ausfüllen von Formularen auf einem mobilen Gerät ist oft harte Arbeit. Daher ist es von entscheidender Bedeutung, Ihre Datenerfassung auf das Nötigste zu reduzieren.

Beispiele aus der realen Welt

Schauen wir uns einige Beispiele an, um die Theorie in der Praxis zu sehen.

Website-Rettungsaktionen

Das Folgende ist ein ganzseitiger Screenshot einer Site namens "Web Site Rescues" von Ethercycle mit Sitz in Illinois, USA. Sie sind eine kundenorientierte Webdesign-Agentur, die sich auf reaktionsschnelle, mobile First- und leistungsoptimierte Websites spezialisiert hat.

Bevor Sie sich die verschiedenen Elemente der Seite ansehen, sollten Sie beachten, dass sich diese einzelne Seite in einer eigenen Domain von websiterescues.com befindet und über einen Menüpunkt auf der Hauptwebsite von Ethercycle verlinkt ist.

Insgesamt gefällt mir diese Seite sehr gut. Es ist lang, hat aber einen schönen Fluss und es gibt viele kleine Details, die es ansprechend machen, darunter:

Messaging löschen

Die Banner-Überschrift ist kurz und prägnant. Sie werden sofort darauf aufmerksam gemacht, dass sich dieses Angebot ausschließlich auf die "Rettung" eines vorhandenen Shopify-Geschäfts konzentriert, anstatt ein neues zu entwerfen.

Gleichermaßen heben die drei runden Grafiken, die im Flow an zweiter Stelle erscheinen, die drei Hauptverkaufsargumente ihres Service hervor: Geschwindigkeit, Erschwinglichkeit und das Ziel, die Checkout-Conversions zu steigern.

Kundenbewertungen

Während wir die (zugegebenermaßen lange) Seite durchgehen, wird ihr Erfolg durch Testimonials und Fallstudien bestätigt. Das Hervorheben des Umsatzes ihrer bestehenden Kunden (über 10 Mio. USD) zeigt, dass Unternehmen mit beträchtlichem Einkommen ihnen "vertrauen". Sie achten jedoch darauf, keine Unternehmen zu entfremden, indem sie darauf hinweisen, dass sie mit Startups, Online-Einzelhändlern und Inc. 5000-Unternehmen zusammenarbeiten.

Kreatives Design

Die zweite Hälfte der Seite wird mit einem Brief von Kurt Elster - dem Mitbegründer von Ethercycle - aufgenommen. Es ist ein cleverer Designtrick, da er diesen Text klar von den obigen Testimonials unterscheidet und sich persönlicher anfühlt (auch wenn wir wissen, dass dies nicht der Fall ist).

Der Brief kann in vier Hauptabschnitte unterteilt werden:

  • Das Warum: Erklärung des Problems
  • Das Wie: Der Prozess zur Behebung des Problems
  • Die Kosten: Einzelheiten zu Gebühr, Lieferzeit und deren "30-tägiger Shopify Store-Leistungsgarantie"
  • Der Aufruf zum Handeln: "Lass uns das machen", gefolgt von ihrer Funktionsweise und einer Direktwahlnummer, um Kurt direkt anzurufen.

Der große Aufruf zum Handeln

Insgesamt gefällt mir dieseLanding Page sehr gut, aber ich war ein wenig überrascht, dass der Hauptaufruf zum Handeln nicht früher erwähnt wurde. Das Formular "Kontaktieren Sie uns für eine vertrauliche Diskussion" wird sehr spät auf der Seite angezeigt. Viele Landing Pages hätten einen Schaltflächenlink zu dem Formular weiter oben auf der Seite enthalten. Wenn Sie dies nicht tun, müssen Sie nach unten scrollen, was das Engagement erhöhen kann.

Links

Es gibt nur vier Links auf der Landing Page, die alle sehr diskret sind. Der erste erscheint am Ende des Briefabschnitts.

Links werden in Bezug auf das Design von Landing Pages häufig als "Lecks" bezeichnet. Während es die übliche Vorgehensweise ist, den Nutzern die Möglichkeit zu geben, Ihre Website zu durchsuchen, besteht das Hauptziel einer Seite darin, den Besucher auf dieser einzelnen Seite zu halten, wie Oli Gardner erklärt:

"Ablenkungen entfernen Menschen von dem Grund, warum Sie sie dafür bezahlt haben, dort zu sein. Durch das Entfernen aller Links auf der Seite, sodass nur eine Aktion ausgeführt wird, wird das Engagement für das Conversion-Ziel der Seite erhöht, das Ausfüllen von Formularen erhöht und die Absprungrate verringert."

Aus diesem Grund wird die primäre Navigation einer Website auf einer Landing Page selten angezeigt.

Newsletter

Die Landing Page hat auch das sekundäre Ziel, Besucher für einen kostenlosen fünfteiligen E-Mail-Kurs über einen Link in der Fußzeile des Formulars anzumelden. Um die Option zu verstärken, wird nach einer bestimmten Zeit ein Popup-Overlay (aus UX-Sicht nicht immer ratsam) angezeigt, das die Option bietet, den Kurs zu abonnieren. Diese Seite verwendet Drip, um ihre Anmeldungen und ihren E-Mail-Kurs zu bearbeiten. Sowohl MailChimp als auch Campaign Monitor bieten ähnliche Funktionen.

Empfänglichkeit

Die Seite reagiert auf das Design und funktioniert auf Mobilgeräten oder Breitbild-Desktop-Monitoren gleichermaßen gut.

Niemals "Senden"

Oli Gardner ist kein Fan der Schaltfläche "Senden". In 26 schönen Landing Page Designs, die mit A/B-Testtipps kritisiert wurden, beginnt er mit Folgendem:

"Erinnerst du dich an die alten grauen Windows-Schaltflächen mit der Aufschrift "Senden"? Das machen wir alle. Und es ist an der Zeit, dass wir aufhören, schlechte Gewohnheiten zu kopieren, und relevante Call-to-Action (CTAs) erstellen. CTAs sollten aufschlussreich sein. Sie sollten Ihren Besucher darüber informieren, was passieren wird, wenn er darauf geklickt hat. Und aus Liebe zu allen anklickbaren Dingen sollte Ihr CTA niemals "Senden" sagen."

Eine mögliche Verbesserung des Formularabschnitts dieser Landing Page besteht darin, den Text der Schaltfläche "Senden" in einen geeigneteren zu ändern - z. B. "Kontaktieren Sie mich mit den nächsten Schritten."

Als weitere Inspiration empfehle ich, die Checkliste für die UnBounce 50-Punkte-Landing Page zu lesen.

Erfreut

Einseitige Landing Pages für Webanwendungen können (wie bereits erwähnt) viele der in Landing Pages verwendeten Taktiken enthalten. In der Tat könnte man argumentieren, dass es sich um Landing Page handelt.

Das kürzlich eingeführte "Delighted" bezeichnet sich selbst als "den schnellsten und einfachsten Weg, um umsetzbares Feedback von Ihren Kunden zu erhalten".

Die Seite sieht gut aus. Hier einige Highlights:

  • Während es "Lecks" gibt, handelt es sich um interne Seitenlinks, die beim Klicken die Seite zum entsprechenden Abschnitt scrollen
  • Die Navigation (auf einer traditionelleren Landing Page nicht empfohlen) ist behoben und weist ein "Leck" auf - einen Link zu einer Live-Demo der App
  • Andere Links in der Hauptkopie sind vorhanden, dienen jedoch dazu, die App durch ganzseitige Fallstudien und Testimonials zu verstärken
  • Klare Nachrichten oben auf der Seite erklären auf einfache Weise, was die App tut
  • Durch die starke Verwendung von Farben (insbesondere lila) werden wichtige Abschnitte und die Schaltfläche zum Anmelden bei der kostenlosen Testversion hervorgehoben
  • Lila wird auch für Richtungshinweise verwendet - in diesem Fall die gepunkteten Linien, die die Schritt-für-Schritt-Anleitung mit der App verbinden
  • Video wird sehr effektiv verwendet, um hervorzuheben, wie die App ein echtes Problem löst und welche Vorteile sie einem Unternehmen bietet
  • Demo-Videos werden auch verwendet, um die App auf Desktop und Handy zu präsentieren
  • Testimonials werden sowohl in schriftlicher Form als auch unter Einbeziehung anerkannter Markenlogos verwendet
  • Klare Preise, die mit einem hellvioletten Call-to-Action-Button direkt darunter angezeigt werden, erleichtern den Einstieg ohne versteckte Überraschungen

Abschluss

Bei Landing Pages geht es genauso um das Verständnis der menschlichen Psychologie wie um das Entwerfen großartiger Webseiten. Taktiken wie das Reduzieren der Auswahl, das visuelle Führen eines Benutzers durch eine Seite und das Verwenden von Videos, um die einzelnen Benutzer weiter einzubeziehen, tragen dazu bei, die Besucher dazu zu bewegen, unser beabsichtigtes Ziel zu erreichen.

Obwohl ich zwei Seiten hervorgehoben habe, von denen ich denke, dass sie gut funktionieren (und nicht zustimmen können), gibt es viele andere großartige und nicht so großartige Landing Pages.

Hoffentlich beeinflussen einige der hier skizzierten Ideen, von denen die meisten aus dem fantastischen Wissen stammen, das Unbounce und Hubspot in Blogs geteilt haben, wie Sie Ihre nächste Landing Page planen und gestalten.

Zusätzliche Ressourcen

Wenn Sie mit Landing Page Design noch nicht vertraut sind, empfehlen wir eine Reihe von Einführungs-Tutorials, um Sie mit den Grundlagen vertraut zu machen:

Wenn Sie Hilfe bei der Gestaltung Ihrer Landing Page benötigen, bietet Envato Studio eine große Auswahl an Dienstleistungen für die Gestaltung und Entwicklung von Landing Page, die Sie möglicherweise erkunden möchten. Sie können sich auch die Landing Page-Themen auf dem Envato Market ansehen.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.