Rheinwerk Computing < openbook >

 
Inhaltsverzeichnis
Vorwort
1 Prinzipien des modernen Webdesigns
2 Projektmanagement
3 Konzeption und Strategie
4 Responsive Webdesign
5 Informationsarchitektur
6 Gestaltungsgrundlagen
7 Screendesign
8 Layout und Raster
9 Farbe im Webdesign
10 Typografie
11 Bilder und Grafiken
12 Navigations- und Interaktionsdesign
13 Webdesign-Stile und -Trends
14 Animationen
15 Website-Typen
16 Tipps, Tricks und Tools
Stichwortverzeichnis

Download:
- Beispieldateien, ca. 3.64 MB

Buch bestellen
Ihre Meinung?

Spacer
<< zurück
Webdesign von Martin Hahn
Das Handbuch zur Webgestaltung
Buch: Webdesign

Webdesign
Pfeil 15 Website-Typen
Pfeil 15.1 Corporate Website
Pfeil 15.1.1 Die Corporate Website als Türöffner
Pfeil 15.1.2 Analyse einer Corporate Website
Pfeil 15.1.3 Das Website-Branding
Pfeil 15.2 Portfolio
Pfeil 15.2.1 Der Ausdruck von Persönlichkeit
Pfeil 15.2.2 Präsentation der eigenen Arbeit
Pfeil 15.3 Shop
Pfeil 15.3.1 Vertrauen schaffen
Pfeil 15.3.2 Konkurrenz und Shop-Vielfalt
Pfeil 15.4 Blog
Pfeil 15.4.1 Das Corporate Blog
Pfeil 15.4.2 Das Infoblog
Pfeil 15.4.3 Aufbau eines Blogs
Pfeil 15.5 Landing Page
Pfeil 15.5.1 Aufbau einer Landing Page
Pfeil 15.6 Microsite
Pfeil 15.7 Web-Apps
Pfeil 15.8 Newsletter
 
Zum Seitenanfang

15.5    Landing Page Zur vorigen ÜberschriftZur nächsten Überschrift

Eine Landing Page ist eine eigene, oft nur aus einer einzigen Seite bestehende Webseite, die nach dem Klick auf einen Werbebanner oder einen Suchmaschineneintrag angezeigt wird. In der Landing Page wird auf das Angebot/Thema des Banners oder die Stichwörter der Suchmaschinenergebnisse näher eingegangen. Anders als bei einer Corporate Website kann man mit einer Landing Page viel intensiver auf ein spezielles Angebot und die Zielgruppe eingehen. Entscheidender Bestandteil einer jeden Landing Page ist ein Response-Element, das eine Aktion des Besuchers erwartet, wie etwa ein Anfrageformular, die Bestellung eines Newsletters oder den Kauf eines Produkts.

Landing Pages sind kleine Verkaufsseiten, die sowohl innerhalb eines größeren Webauftritts (z. B. der Corporate Website) als auch allein mit eigener Domain erscheinen können. Sie sind zielgerichteter als klassische Webseiten ausgerichtet, da sie sich mit nur einem Thema beschäftigen und dieses dem Besucher schmackhaft machen können.

 
Zum Seitenanfang

15.5.1    Aufbau einer Landing Page Zur vorigen ÜberschriftZur nächsten Überschrift

Bei der beispielhaften Suche nach dem Begriff »Girokonto« führten die ersten Suchtreffer fast ausnahmslos auf Landing Pages von Banken, die eine Unterseite innerhalb ihrer Corporate Website speziell auf diesen Suchbegriff abgestimmt haben. Exemplarisch steht die Girokonto-Landing-Page der DKB:

Die Girokonto-Landing Page der DKB, dkb.de

Abbildung 15.22    Die Girokonto-Landing Page der DKB, dkb.de

Abbildung 15.23 zeigt die verschiedenen Elemente, die eine Landing Page auszeichnen. Das Logo und der Claim 4 zeigen sofort, bei welchem Anbieter der Besucher gelandet ist. Zusammen mit dem durchgängigen Gestaltungsschema sind sie wichtige Elemente des Corporate Designs und damit der Identifizierung und Wiedererkennung. Danach folgt eine große Überschrift 3, die die Kernaussage vermittelt. Oft wird diese noch durch eine Subline und/oder Fließtext ergänzt, die das Angebot detaillierter beschreiben (in diesem Fall in Form eines kleines Sliders). Daneben steht ein großes Bild, das emotionale Aufmerksamkeit erlangen soll 2. Abgerundet wird der obere Bereich mit einem Call-to-Action-Button 7, der den Anwender zu einer direkten Handlung auffordert.

Auch die Girokonto-Landing-Page der Wüstenrot direct ist ähnlich aufgebaut (girokonto.wuestenrotdirect.de).

Abbildung 15.23    Auch die Girokonto-Landing-Page der Wüstenrot direct ist ähnlich aufgebaut (girokonto.wuestenrotdirect.de).

Es folgen stichpunktartig die Vorteile des Angebots 5. Diese stehen auch gerne vor den textlichen Erklärungen, damit sie mehr ins Gewicht fallen. Die Häkchen 6 vermitteln ein gutes Gefühl und verdeutlichen schnell die Inklusivleistungen. Dazu kommen vertrauensbildende Maßnahmen 1, die gerade bei einem Finanzprodukt und bei Dienstleistungen, bei denen sich ein reales Produkt abbilden lässt, wichtig sind. Das können Gütesiegel, Testergebnisse oder manchmal auch einfach nur Logos von sehr bekannten Unternehmen/Marken sein (z. B. das DHL-Logo bei Versandmöglichkeiten).

Je nach beworbenem Produkt oder Dienstleistung und verfügbaren Inhalten erscheinen häufig noch Testimonials, Referenzen, Produktbilder oder Videos in einer Landing Page. Auch die Landing Pages anderer Banken zeigen beim Suchwort »Girokonto« einen sehr ähnlichen Aufbau:

Der Erfolg einer Landing Page hängt von der sogenannten Konversionsrate ab, also davon, wie viele Besucher eine bestimmte Aktion ausgeführt haben, z. B. einen Newsletter bestellt und dafür ihre E-Mail-Adresse eingetragen haben. Es gibt einige Kriterien, die zu einer höheren Konversion beitragen können. Aber im Einzelfall muss jede Landing Page aufs Neue getestet werden, was häufig mit sogenannten A/B-Tests erfolgt.

land-book.com ist eine umfangreiche Sammlung von Landing Pages.

Abbildung 15.24    land-book.com ist eine umfangreiche Sammlung von Landing Pages.

 


Ihre Meinung?

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de

<< zurück
 Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Webdesign Webdesign
Jetzt Buch bestellen

 Buchempfehlungen
Zum Rheinwerk-Shop: HTML5 und CSS3
HTML5 und CSS3


Zum Rheinwerk-Shop: Praxisbuch Usability und UX
Praxisbuch Usability und UX


Zum Rheinwerk-Shop: Responsive Webdesign
Responsive Webdesign


Zum Rheinwerk-Shop: Website-Konzeption und Relaunch
Website-Konzeption und Relaunch


Zum Rheinwerk-Shop: UX Writing und Microcopy
UX Writing und Microcopy


Zum Rheinwerk-Shop: WordPress 5
WordPress 5


Zum Rheinwerk-Shop: Stile & Looks
Stile & Looks


Zum Rheinwerk-Shop: Digitale Illustration
Digitale Illustration


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und in die Schweiz
InfoInfo

 
 


Copyright © Rheinwerk Verlag GmbH 2020
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

 
[Rheinwerk Computing]

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern