Was macht Landing Pages (Überzeugungsmodus)?
Die Seite hat eine Aufgabe: Den richtigen Besucher zu einer einzigen Aktion zu bewegen. Alles muss sich dieser Aufgabe unterordnen.
Hero: Öffnen Sie mit dem Charakteristischsten
Wählen Sie den Helden-Typ aus dem Produkt, nicht aus Gewohnheit.
| Helden-Typ | Verwenden bei | Erstellen als |
|---|---|---|
| Produktgesteuert | Software, CRM, Apps | Ein echter, lesbarer UI-Bildschirm (HTML, kein unscharfes Bild), der das Produkt bei seiner Hauptaufgabe mit glaubwürdigen Daten zeigt |
| Beweisgesteuert | Lokale Dienstleistungen, Handwerk, Agenturen | Ein starkes Foto der echten Arbeit + das Ergebnis in Worten + Bewertung/Anzahl Rezensionen, falls echt |
| Versprechensgesteuert | Neue Kategorie, markengeführt | Eine große typografische Aussage; die Schrift selbst ist das visuelle Element |
| Demogesteuert | Tools, Spiele, interaktiv | Das Ding selbst, spielbar oder interaktiv oberhalb der Falte |
| Angebotsgesteuert | E-Commerce, Events | Das Produktfoto/Preis/Datum mittig und prominent |
Der Helden-Typ "große Überschrift + Gradienten-Blob + zwei Buttons + gefälschte Statistikzeile" ist der Standard. Verwenden Sie ihn nur, wenn nichts anderes passt.
Hero-Checkliste: Die Überschrift sagt, was es ist und für wen (unter 10 Wörtern); die Unterzeile sagt das Ergebnis (unter 25 Wörtern); ein primärer CTA mit der Aktion ("Kostenlosen Kostenvoranschlag buchen", "14-tägige Testversion starten"); optionaler sekundärer für Zögernde ("Preise ansehen"); das Visuelle nimmt 40-60 % des Helden ein.
Abschnitts-Menü (5-8 auswählen, deren Formen variieren)
- Problem → Ergebnis-Strip (das Vorher/Nachher in den Worten des Kunden)
- So funktioniert's (nur wenn es wirklich Schritte sind; dann ist Nummerierung in Ordnung)
- Feature-Showcase: abwechselnd breite Bild + Textzeilen oder ein Bento-Raster mit echter UI in den Kacheln. Vermeiden Sie drei identische Symbolkarten.
- Sozialer Beweis: echte Testimonials mit Name, Rolle/Ort, Foto falls verfügbar; Logos nur bei echten Kunden
- Preise: 2-3 Pläne, der empfohlene durch Layout markiert, nicht nur durch ein Abzeichen; einfache Liste der enthaltenen Leistungen; jährlicher Umschalter, falls vorhanden
- Servicebereich / Öffnungszeiten / Karte für lokale Unternehmen
- FAQ, die echte Einwände beantworten (Preis, Vertrag, Zeitplan, Was-wäre-wenn)
- Abschließender CTA-Bereich, der die primäre Aktion wiederholt
Variieren Sie den Rhythmus: Wechseln Sie zwischen randlos und enthalten, hell und getönt, textlastig und bildlastig. Keine zwei benachbarten Abschnitte mit demselben Layout.
Text
- Die Worte des Kunden, nicht die des Systems. "Jeden Auftrag für heute sehen" schlägt "Einheitliche operative Sichtbarkeit".
- Spezifisch schlägt ausgeklügelt. Zahlen nur, wenn wahr.
- Satzfall für Überschriften und Buttons. Keine Ausrufezeichen in der Benutzeroberfläche.
- Derselbe Name für dieselbe Aktion überall.
Conversion-Details
- Klebriger Header mit dem primären CTA, nachdem der Held weg gescrollt wurde.
- Telefonnummer zum Antippen und Anrufen auf Mobilgeräten für lokale Unternehmen.
- Formulare: So wenige Felder wie das Unternehmen benötigt; Labels über den Feldern; sagen, was nach dem Absenden passiert.
- Vertrauen in der Nähe des CTA: Garantie, Antwortzeit, Lizenz/Versicherung (nur wenn wahr).
- Seitengewicht: Heldenbild unter 200 KB (AVIF/WebP), Schriftarten vorgeladen, nichts blockiert den ersten Paint.
Bewegungsbudget
Ein einziger, signifikanter Moment (Helden-Eingang oder die Produkt-UI, die ihre Hauptaktion animiert). Alles andere ist statisch oder reagiert auf den Benutzer. Siehe die Fertigkeit motion.