Tipps zum Entwerfen von Nischen-Landing-Pages

Als Teil meiner Rolle bei Shopify spreche ich mit Freelancern und Agenturen, die sich auf das Design und die Erstellung von Shopify-Motiven spezialisiert haben. Eines der wichtigsten Themen, über das wir häufig sprechen, ist die Generierung von Leads - mit anderen Worten, wie man diejenigen findet, die ihre Spezialfähigkeiten benötigen.

Viele Freelancer und Agenturen sind nicht nur in Programmen wie Shopify Experts gelistet, sondern erstellen auch hoch entwickelte Landing Pages, zu denen potenzielle Kunden über mehrere Marketingkanäle geleitet werden - sowohl online als auch offline.

Was ist eine Zielseite??

Sie haben wahrscheinlich schon den Begriff „Landing Page“ gehört und fragen sich vielleicht, worin der Unterschied zwischen einer Moorstandard-Webseite und einer Landing Page besteht.

Laut UnBounce kann eine Landingpage wie folgt beschrieben werden:

„Im Grunde ist eine Landingpage eine Webseite, auf der ein Besucher ankommen oder landen kann. Bei der Erörterung von Landing-Pages im Bereich Marketing und Werbung wird eine Landing-Page üblicherweise als eigenständige Webseite bezeichnet, die sich von Ihrer Hauptwebsite unterscheidet und für ein einziges Ziel konzipiert wurde. “

Landing-Pages unterscheiden sich häufig strukturell und visuell von der Hauptwebsite eines Unternehmens (obwohl sie häufig auf derselben logischen Domäne liegen)..

Zielseiten dienen dazu, die dem Besucher zur Verfügung stehenden Möglichkeiten einzuschränken, um 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 Promovideo ansehen
  • Ein E-Mail-Newsletter-Anmeldeformular ausfüllen
  • Buchung eines kostenlosen Projektberatungstelefons / Skype-Anrufs
  • Abschluss eines Projektinitiierungsdokuments
  • Ein Angebot anfordern
  • Ihnen in einem bestimmten sozialen Netzwerk folgen
  • Laden Sie ein kostenloses PDF herunter, nachdem Sie eine E-Mail-Adresse übermittelt haben

Dieser Artikel konzentriert sich zwar auf Landing-Pages, es kann jedoch gesagt werden, dass viele dieser Ideen und Konzepte - beispielsweise die Zielorientierung der Seite - auf einseitige Firmen- oder Produktwebsites angewendet werden können. Ich werde einen kurzen Blick auf einen neuen werfen, den ich am Ende gefunden habe.

Das Unterscheidungsmerkmal sollte immer darin bestehen, dass es ein definiertes Ziel hat - ob es sich um eines der oben genannten handelt oder um eine Aktion wie das Registrieren eines Plans oder den Kauf eines Produkts.

Verkehr zu Ihrer Landing Page

Es gibt eine Reihe von Möglichkeiten, potenzielle „Leads“ auf Ihre Zielseite zu lenken, von organischen Suchmaschinen bis hin zu Pay-Per-Click-Kampagnen (PPC), die auf Keywords und Phrasen zielen. Andere Möglichkeiten, potenzielle "Leads" zu Ihrer Landing Page zu leiten, sind:

  • Teilen Sie Ihre Inhalte / URL Ihrer Zielseite über Social Media-Kanäle.
  • Teilen Sie Ihre Inhalte und Ihr Fachwissen über einen regelmäßigen E-Mail-Newsletter, der einen "Call to Action" -Button enthält, der den Leser auf Ihre Zielseite bringt.
  • Beiträge zu Blogs von Drittanbietern, die Ihr Fachwissen hervorheben und einen Link zu Ihrer Zielseite enthalten.
  • Sprechen Sie bei Veranstaltungen zu Ihrem Fachgebiet. Dies bringt Sie auf Expertenebene zu den Teilnehmern. Verwenden Sie eine kurze URL Ihrer Zielseite, um die Teilnehmer während oder nach der Veranstaltung darauf zu verweisen.
  • Hosten Sie kostenlose Drop-In-Sitzungen für lokale Unternehmen, die mehr darüber erfahren möchten, und geben Sie die URL Ihrer Zielseite in alle Folien und Handouts ein.
  • Verwenden Sie Ihre E-Mail-Signatur, um bestimmte Blogbeiträge und Zielseiten auf Ihrer Website hervorzuheben.
  • Starten eines Podcasts in Ihrem Nischenbereich. Es gibt viel Platz in diesem Bereich, und wenn Sie nur eine Handvoll Zuhörer für Ihre Inhalte interessieren, wird die Anzahl der Besuche auf Ihrer Website und Ihrer Zielseite erhöht.

Das sind nur einige der Dinge, die ich ausprobiert 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, einige, wenn nicht alle, tragen dazu bei, Besucher zu Ihrer Zielseite für Nischendienste zu führen.

Eine Zielseite erstellen

Da Strategien vorhanden sind, um Zugriffe auf Ihre Zielseite zu erhalten, ist es wichtig, dass die Seite selbst so aufgebaut ist, dass sie Ihr beabsichtigtes Ziel erreicht.

Unbounce, ein Dienst, der sich selbst als "Landing-Page-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 zu berücksichtigen sind. Lass uns ein paar ausführlich erkunden:

  • Anzeigemeldung übereinstimmen - Stellen Sie sicher, dass die Nachrichten und Kopien, die Sie in PPC-Kampagnen, Blogbeiträgen und Social-Media-Inhalten verwenden, der Kopie entsprechen, die Sie auf Ihren Zielseiten verwenden.
  • Kontext der Verwendung - Nutzen Sie Videos und Bilder, die Ihre Arbeit in Aktion zeigen. Ein Shopify-Experte könnte beispielsweise ein Video eines Ladenbesitzers verwenden, der ein Thema bespricht, das er für sie erstellt hat.
  • Video nutzen - Laut Unbounce können Videos die Conversions um bis zu 80% steigern. Es ist außergewöhnlich einfach, heute ein kurzes Video zu produzieren und es kostenlos auf Diensten wie YouTube und Vimeo zu hosten. Wenn Sie ein Plugin wie FitVids verwenden, können Sie auch Videos in mehreren Ansichtsfenstergrößen nutzen.
  • Verwenden Sie Richtungshinweise - Verwenden Sie Pfeile, Farben und Kontraste, um die Besucher zum Hauptaufruf zu leiten.
  • Daten vs. Konvertierung - Wenn das Sammeln von Daten eines Ihrer Ziele ist, überlegen Sie, wie lange Ihr Formular ist. Eine lange Form mit einer Reihe von erforderlichen Feldern kann den potenziellen Kunden davon abhalten, ihn 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 besser zugänglichen Nachricht. Ein Test, den ich häufig benutze, ist, Freunde und Familienangehörige, 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 - Machen Sie es Ihren Nutzern leicht, Ihre Seite zu teilen oder für später zu speichern. Sie können auf einfache Weise einen Link "Tweet this" erstellen oder einen Button "später lesen" als Teil des Seitenentwurfs hinzufügen.
  • Vertrauen zeigen - Das positive Feedback von Kunden durch Erfahrungsberichte sowie das Einfügen von Links zu aktuellen Blogbeiträgen und Social-Media-Aktivitäten zeugen von Vertrauen.
  • Post-Conversion-Marketing - Wenn das Hauptziel Ihrer Zielseite die Erfassung von Daten ist (d. H. Eine E-Mail-Adresse, ein Kurzformular usw.), sollten Sie die Bestätigungsseite verwenden, um mit Ihrem potenziellen Kunden / Kunden weiter in Kontakt zu treten. Zum Beispiel. Sie können es ihnen ermöglichen, ein Dokument herunterzuladen oder weitere Möglichkeiten hervorzuheben, wie sie mit Ihnen in Kontakt treten können, beispielsweise „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 von Kopien, das Vergrößern von Aufzählungspunkten usw. Es gibt eine Reihe von Tools wie Optimizely, mit denen Sie verschiedenen Besuchern einer Website 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 Ihre Zugriffe stammen, um herauszufinden, mit welcher Kampagne die meisten Besucher auf Ihre Seite gelangen. Verwenden Sie einen URL-Shortener, um die Tracking-Parameter in der URL auszublenden.

Zu der von UnBounce angebotenen Liste würde ich auch folgendes hinzufügen:

  • Responsiv - Stellen Sie sicher, dass Ihre Zielseiten über mehrere Bildschirmgrößen und Auflösungen hinweg funktionieren. Das Ausfüllen von Formularen auf einem mobilen Gerät ist oft harte Arbeit. Daher ist es äußerst wichtig, die Datenerfassung auf ein Minimum zu beschränken.

Beispiele aus der realen Welt

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

Rettung der Website

Das folgende ist ein ganzseitiger Screenshot einer Website mit dem Namen "Web Site Rescues" von Ethercycle aus Illinois, USA. Sie sind eine kundenorientierte Webdesign-Agentur, die auf responsive, mobile first und leistungsoptimierte Websites spezialisiert ist.

Bevor Sie sich die verschiedenen Elemente der Seite ansehen, ist es erwähnenswert, dass diese einzelne Seite auf einer eigenen Domain von websiterescues.com platziert ist und über einen Menüpunkt auf der Haupt-Website von Ethercycle verlinkt ist.

Insgesamt mag ich diese Seite sehr. Es ist lang, hat aber einen schönen Fluss und es gibt viele kleine Details, die es ansprechend machen, einschließlich:

Messaging löschen

Die Schlagzeile des Banners ist kurz und prägnant. Sie werden sofort darauf aufmerksam gemacht, dass sich dieses Angebot ausschließlich auf die „Rettung“ eines bestehenden Shopify-Shops konzentriert, anstatt einen neuen zu entwerfen.

Gleichermaßen unterstreichen die drei Rundengrafiken, die an zweiter Stelle erscheinen, die drei Hauptverkaufsargumente ihres Services: Geschwindigkeit, Erschwinglichkeit und das Ziel, die Kassenumwandlungen zu steigern.

Kundenbewertungen

Während wir auf der (zugegebenermaßen langen) Seite vorankommen, wird ihr Erfolg durch Testimonials und Fallstudien durchgesetzt. Die Hervorhebung der Einnahmen ihrer bestehenden Kunden (über 10 Mio. USD) zeigt, dass sie von Unternehmen mit beträchtlichen Einkünften "vertraut" werden. Sie achten jedoch darauf, keine Unternehmen zu verfremden, indem sie darauf hinweisen, dass sie mit Startups, Online-Hä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 Design-Trick, da er diesen Text deutlich von den oben genannten Testimonials unterscheidet und sich persönlich anfühlt (auch wenn wir wissen, dass es nicht so 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: Details zu Gebühr, Lieferzeit und der „30-tägigen Shopify-Shop-Leistungsgarantie“
  • Der Aufruf zum Handeln: "Lass uns das tun", gefolgt von ihrer Funktionsweise und einer Direktwahlnummer, um Kurt direkt anzurufen.

Der große Aufruf zum Handeln

Insgesamt mag ich diese Landing Page sehr, aber ich war ein wenig überrascht, dass der Hauptaufruf nicht zuvor erwähnt wurde. Das Formular „Kontaktieren Sie uns für ein vertrauliches Gespräch“ erscheint sehr spät auf der Seite. Viele Landing-Pages hätten einen Button-Link zu dem Formular enthalten, das sich weiter oben auf der Seite befindet. Wenn Sie dies nicht tun, werden Sie "gezwungen", nach unten zu scrollen, was das Engagement erhöhen kann.

Links

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

Links werden in Bezug auf das Design der Landing Page häufig als "Lecks" bezeichnet. Die übliche Vorgehensweise, den Besuchern die Möglichkeit zu geben, Ihre Website zu durchsuchen, ist die übliche Vorgehensweise. Ziel einer Landing-Page ist es jedoch, den Besucher auf dieser einzigen Seite zu halten, wie Oli Gardner erklärt:

„Ablenkungen entfernen die Menschen von dem Grund, aus dem Sie sie bezahlt haben, um dort zu sein. Wenn Sie alle Links auf der Seite entfernen, sodass nur eine einzige Aktion ausgeführt wird, wird der Kontakt zum Konvertierungsziel der Seite erhöht, die Formularvervollständigung erhöht und die Absprungrate verringert. “

Aus diesem Grund sehen Sie selten die Hauptnavigation einer Website, die auf einer Zielseite enthalten ist.

Newsletter

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

Empfänglichkeit

Die Seite hat ein ansprechendes Design und funktioniert auf mobilen Geräten oder Breitbildmonitoren gleichermaßen.

Nie "einreichen"

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

„Erinnern Sie sich an die alten grauen Windows-Schaltflächen, die„ Senden “sagten? Das machen wir alle. Es ist an der Zeit, dass wir aufhören, schlechte Gewohnheiten zu kopieren und relevante Calls-To-Action (CTAs) zu erstellen. CTAs sollten aufschlussreich sein. Sie sollten Ihren Besucher darüber informieren, was passiert, sobald er geklickt hat. Und für die Liebe zu allen anklickbaren Dingen sollte Ihr CTA niemals "Senden" sagen.

Eine mögliche Verbesserung des Formularabschnitts dieser Zielseite wäre die Änderung des Textes der Schaltfläche "Abschicken" in etwas passenderes, z. "Kontaktieren Sie mich mit den nächsten Schritten."

Als Inspiration empfehle ich, die Checkliste für die UnBounce 50-Zielseite zu lesen.

Erfreut

Einseitige Landing-Pages für Webanwendungen können (wie bereits erwähnt) viele der Taktiken enthalten, die in Landing-Pages verwendet werden. In der Tat könnte man sie argumentieren sind Startseiten.

Das kürzlich eingeführte "Delighted" beschreibt sich selbst als "der schnellste und einfachste Weg, um umsetzbare Rückmeldungen von Ihren Kunden zu erhalten." 

Die Seite sieht gut aus. Hier einige Highlights:

  • Bei „Lecks“ handelt es sich um interne Seitenverknüpfungen, durch die die Seite beim Klicken auf den entsprechenden Abschnitt verschoben wird
  • Die Navigation (in einer traditionelleren Landing Page nicht empfohlen) ist fest und hat ein "Leck" - 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 erläutern auf einfache Weise die Funktion der App
  • Der starke Einsatz von Farbe (insbesondere Purpur) hebt die wichtigsten Abschnitte und die Schaltfläche "Zur kostenlosen Testversion anmelden" hervor
  • Purpur wird auch für Richtungshinweise verwendet - in diesem Fall die gepunkteten Linien, die die Schritt-für-Schritt-Anleitung mit der App verknüpfen
  • Video wird sehr effektiv eingesetzt, um zu zeigen, wie die App ein echtes Problem löst und welche Vorteile es einem Unternehmen bietet
  • Demo-Videos werden auch verwendet, um die App auf Desktop und Mobile zu präsentieren
  • Testimonials werden sowohl in schriftlicher Form als auch unter Einbeziehung anerkannter Markenlogos verwendet
  • Die übersichtlichen Preise werden durch einen hellvioletten Call-by-Action-Button direkt darunter angezeigt, sodass Sie ohne versteckte Überraschungen schnell loslegen können

Fazit

In Landing Pages geht es nicht nur darum, die menschliche Psychologie zu verstehen, sondern auch um die Gestaltung großartiger Webseiten. Taktiken wie das Reduzieren der Auswahl, das visuelle Führen eines Benutzers durch eine Seite und die Verwendung von Videos zur weiteren Einbindung jedes Benutzers tragen dazu bei, Besucher dazu zu bringen, unser angestrebtes Ziel zu erreichen.

Ich habe zwar zwei Seiten hervorgehoben, die meiner Meinung nach gut funktionieren (und der Meinung ist, dass ich nicht zustimmen kann), aber es gibt viele andere großartige und nicht so großartige Landing-Pages da draußen.

Hoffentlich werden einige der hier umrissenen Ideen, von denen die meisten aus dem fantastischen Wissen, das Unbounce und Hubspot in den Blogs geteilt haben, entfernt wurden, Einfluss darauf haben, wie Sie Ihre nächste Zielseite planen und entwerfen.

Zusätzliche Ressourcen

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

  • Landing Page Design Principles: Offene Zuordnung - Begleitung des Tuts + -Kurses durch Adi Purdila
  • Ein Leitfaden für Anfänger zur erfolgreichen Konvertierung von Ian Yates

Wenn Sie daran interessiert sind, Hilfe bei der Gestaltung Ihrer Landing Page zu erhalten, bietet Envato Studio eine große Auswahl an Landing Page Design & Development-Services, die Sie vielleicht näher kennenlernen möchten. Sie können sich auch die Landing Page-Themen auf dem Envato-Markt anschauen.