Lade dir unser kostenloses Handbuch herunter, das dir bei der Gestaltung deiner Website helfen wird.
Die eingegebene E-Mail-Adresse ist ungültig.
Vielen Dank für deine Anmeldung.
Mit der Angabe deiner E-Mail bestätigst du, dass du unsere Datenschutzerklärung gelesen und verstanden hast und einverstanden bist, Marketing-E-Mails von Squarespace zu erhalten.
Eine Landing-Page ist genau das, wonach es sich anhört — die Seite, auf der Besucher:innen zuerst landen, wenn sie zu deiner Website navigieren. Für viele Leute ist das die Startseite. Aber je nachdem, was die wichtigsten Seiten auf deiner Website sind, könnte deine Landing-Page eine Liste deiner Dienstleistungen, dein Shop oder deine Buchungsseite sein.
Der Schlüssel zu einer guten Landing-Page ist ein Design, das deutlich macht, was der nächste Schritt für deine Besucher:innen ist, ob das nun ein Kauf ist, die Anmeldung mit einer E-Mail-Adresse oder das Sammeln von Informationen. Hier sind 7 Beispiele für verschiedene Landing-Pages sowie Anwendungsfälle als Inspiration für deine eigene.
1. Service-Landing-Page
Diese Service-Seite für einen Friseursalon ist einfach, auf den Punkt gebracht und leicht zu navigieren. Das macht sie zu einer idealen Landing-Page für den Salon oder einzelne Stylisten, auf die sie in Social-Media-Beiträgen und E-Mails an potenzielle Kunden verlinken können.
Das Bild trägt zur Ausgewogenheit auf der Seite bei, lenkt aber nicht von den wichtigsten Details ab. Es ist deutlich erkennbar, wie Besucher:innen der Website von hier aus über den Button „Termin buchen“ in der Navigationsleiste eine Buchung vornehmen können — der ideale nächste Schritt. Oder sie können sich weiter umsehen, wenn sie mehr Stylisten und andere Details sehen möchten.
Sieh dir das vollständige Template-Beispiel an
2. Shop-Landing-Page
Deine Onlineshop-Seite ist eine der besten Landing-Pages, auf die du potenzielle Kunden weiterleiten kannst. Eine gut organisierte Shop-Landing-Page kann potentiellen Käufern einen schnellen Überblick über deine Preise und dein Angebot geben, damit sie schnell etwas finden, das ihr Interesse weckt.
In diesem Beispiel können sie sich schnell umsehen und schauen, was der Blumenshop anbietet, oder nach kompletten Blumenarrangements und Blumensträußen ohne Vase filtern. Hier ist es einfach, sich zu entscheiden und etwas zu kaufen.
Sieh dir das vollständige Template-Beispiel an
3. Reservierungs-Landing-Page
Die von dir verlinkte Landing-Page hängt vom Kontext ab. Zum Beispiel könnte dieses Restaurant Follower in sozialen Medien von einem Beitrag aus mit einer Landing-Page verlinken, auf der das neue Sommermenü vorgestellt wird. Spricht man aber Leute an, die das Restaurant noch nicht kennen, ist die Startseite oder die Menü-Seite vielleicht eine bessere Landing-Page zum Verlinken.
Das Design der Reservierungsseite weist Besucher:innen effektiv auf die wichtigste Handlung hin: auf den „Jetzt buchen“ Button zu klicken. Aber es gibt auch verschiedene Designoptionen, wie animierte Schnörkel, fette Schrift und leuchtende Farben, die die Persönlichkeit des Restaurants vermitteln.
Sieh dir das vollständige Template-Beispiel an
4. Registrierungs-Landing-Page
Eine Landing-Page muss nicht immer Teil einer mehrseitigen Website sein. Für Community-Gruppen oder größere Unternehmen ist eine Landing-Page ein Ort, an den Besucher:innen weitergeleitet werden, wenn eine bestimmte Sache vermarktet werden soll.
In diesem Beispiel einer Website ermutigt eine Sport-Community mit einer direkten Handlungsaufforderung alle Interessierten, Kontakt aufzunehmen. Dadurch kann die Gruppe eine Kontaktliste erstellen und einen Bereich für potenzielle Mitglieder schaffen, während ein separater Bereich für aktive Mitglieder beibehalten wird.
Sieh dir das vollständige Template-Beispiel an
5. Wesley
Für viele Leute ist die Startseite ihrer Website die am häufigsten besuchte Landing-Page. Deine Startseite enthält natürlich mehr Informationen als eine separate Landing-Page. Achte jedoch darauf, die Informationen fokussiert zu halten und deine Besucher:innen auf wichtige Seiten weiterzuleiten oder zu einer Konvertierung zu bewegen.
Diese Beispiel-Website informiert Besucher:innen auf anschauliche Weise darüber, was das Unternehmen verkauft und weckt Begeisterung für das Produkt. Die Überschrift fesselt die Besucher:innen und im nächsten Abschnitt der Seite werden das Produkt und die Links zum Shop hervorgehoben — das wichtigste Ziel des Unternehmens. Wenn jemand noch nicht zum Kauf bereit ist, folgen auf der Seite Bewertungen und Optionen, um über Social Media oder per E-Mail in Verbindung zu bleiben.
Sieh dir das vollständige Template-Beispiel an
6. Salt + Less
Dieses Beispiel einer Startseite als Landing-Page konzentriert sich auf ein Design für ein Geschäft, das potenzielle Kunden möglicherweise erst informieren muss, bevor sie sich für einen Kauf entscheiden. Während Tierbesitzer vielleicht eine Vorstellung davon haben, welche Anforderungen sie an Zubehör für ihre Haustiere stellen und wie sie diese in einem Produktangebot identifizieren können, ist dies bei Körperpflegeprodukten schwieriger.
Auf dieser Landing-Page stellt das Unternehmen weitere Produkte vor und hebt die Vorteile der einzelnen Kategorien hervor. Anstatt auf der Startseite auf soziale Medien zu verlinken, konzentrieren sie sich auf ihre Forschung und Mission um das Vertrauen ihrer potenziellen Kunden zu gewinnen.
Sieh dir das vollständige Template-Beispiel an
7. Event-Landing-Page
Ein Event ist eine perfekte Gelegenheit, eine Landing-Page zu nutzen. Mit der Landing-Page kannst du an einem zentralen Ort Informationen zu deiner Veranstaltung weitergeben und Zusagen sammeln. Unabhängig davon, ob es sich um einen Teil deiner Website oder eine eigenständige Seite handelt, erleichtert eine zweckbestimmte Seite auch die Auffindbarkeit.
Im Verlauf deiner Veranstaltung kannst du die Seite auch verändern. So kannst du zunächst mit einer einfachen Seite, die einen Vorgeschmack auf die Veranstaltung gibt, Spannung aufbauen und dann kurz vor dem Veranstaltungstermin weitere Einzelheiten bekannt geben. Füge ein benutzerdefiniertes Formular hinzu, um Zusagen, Essens- und Getränkevorlieben oder andere Wünsche deiner Gäste zu erfassen.
Sieh dir das vollständige Template-Beispiel an
Tipps zur Gestaltung der Landing-Page
Bei der Gestaltung deiner Landing-Page ist es hilfreich, ein paar Dinge im Hinterkopf zu haben.
Hab ein Ziel vor Augen. Wenn du weißt, was du deinen Besucher:innen vermitteln möchtest und was du von den Besucher:innen deiner Website erwartest, kannst du deine Ideen fokussieren.
Kenne deine Zielgruppe. Wenn du weißt, was für die Besucher:innen deiner Website wichtig ist, kannst du diese Punkte ansprechen und dein Ziel erreichen.
Nutze Design, um Aufmerksamkeit zu erregen. Nutze kräftige Farben und Schriftarten oder die Platzierung von Elementen auf deiner Landing-Page, um sicherzustellen, dass deine Handlungsaufforderung oder die wichtigen Details die Aufmerksamkeit der Leute auf sich ziehen.
Hab einen Backup-Plan. Auch wenn du ein Ziel für deine Besucher:innen vor Augen hast, solltest du dir überlegen, wohin du jemanden führen könntest, der noch nicht zum Handeln bereit ist. Mach es deinen Besucher:innen leicht, diesen Punkt zu erreichen