Wann verwenden
Aufrufen, wenn:
- Der Benutzer eine bestehende Landing Page prüfen möchte („Hat diese Seite, was sie braucht?“)
- Der Benutzer eine neue Landing Page oder einen Hero-Bereich erstellen möchte
- Der Benutzer Feedback zu Text, Struktur oder CTA-Design wünscht
Was dieses Skill tut
Die Seite (URL, Code oder Beschreibung) wird durch alle 11 folgenden Muster geprüft. Jedes Muster erhält eine Bewertung als PASS / PARTIAL / FAIL mit einem Satz Begründung. Anschließend wird eine priorisierte Liste mit Korrekturen ausgegeben – geordnet nach höchstem Konversionspotenzial zuerst.
Beim Erstellen von Grund auf dienen die Muster als Spezifikation, um eine vollständige Landing-Page-Struktur zu generieren: Überschrift, Unterüberschrift, Hero-Layout, sozialer Beweis, Navigation, CTA und Footer-Strategie.
Die 11 Unicorn-Muster
Abgeleitet aus der Analyse von Stripe (65 Mrd. $), Airbnb (80 Mrd. $), Coinbase (50 Mrd. $), DoorDash (55 Mrd. $), Dropbox (8 Mrd. $), GitLab (8 Mrd. $), Instacart (10 Mrd. $), Gusto (10 Mrd. $).
1. Kategorie-definierende Überschrift
Beanspruche eine Kategorie, nicht eine Liste von Funktionen.
- MACHEN: „Finanzinfrastruktur für das Internet“ (Stripe) – besitzt eine Kategorie
- MACHEN: „Die vertrauenswürdigste Krypto-Plattform“ (Coinbase) – beansprucht DIE nicht EINE
- NICHT MACHEN: „Eine Plattform, die Teams hilft, ihr [X] zu verwalten“ – generisch, vergesslich
- Test: Ersetze den Firmennamen durch den eines Mitbewerbers. Wenn die Überschrift immer noch passt, ist sie nicht gut genug.
2. Hero-Einfachheit – unter 30 Wörtern gesamt
Der Hero beantwortet EINE Frage: „Bin ich hier richtig?“ Nicht mehr.
- MACHEN: Überschrift + eine Unterzeile + ein CTA. Fertig.
- NICHT MACHEN: Funktionsaufzählungen, erklärende Absätze, mehrere Abschnitte oberhalb der Falte
- Zähle jedes Wort im Hero (Überschrift + Unterzeile + CTA + sonstiger Text). Bei über 30 Wörtern streichen.
3. Zweiseitige Marktplatz-Aufteilung (gilt nur für Marktplätze)
Beide Zielgruppen erhalten innerhalb von 3 Sekunden einen klar gekennzeichneten Pfad. Kein Scrollen erforderlich.
- MACHEN: Umschalter „Gäste / Gastgeber“ (Airbnb), „Essen bestellen / Dasher werden“ (DoorDash)
- NICHT MACHEN: Ein generischer Hero, der beide Seiten ansprechen will
- Wenn das Produkt sowohl eine Angebots- als auch eine Nachfrageseite hat, müssen beide im Hero adressierbar sein
4. Produkt im Hero
Zeige das eigentliche Produkt – keine Illustration, kein Icon, kein Stockfoto.
- MACHEN: Dashboard-Screenshot, Live-Oberfläche, echte Daten (Stripe zeigt sein Dashboard, GitLab zeigt seine Pipeline)
- NICHT MACHEN: Abstrakte Blob-Grafiken, animierte Partikel, Stock-Fotografie
- Das Produkt IST der Nachweis des Konzepts in dieser Größenordnung
5. Sozialer Beweis durch Größe
Führe mit der größten echten Zahl, die du hast.
- MACHEN: „Globales BIP, das auf Stripe läuft“ / „50 Mio+ Menschen“ (GitLab) / Kundenlogos
- MACHEN (frühe Phase): „500+ Teams nutzen dies“ ist besser als gar keine Zahl
- NICHT MACHEN: Generisches „Schließen Sie sich Tausenden von Unternehmen an“ ohne Konkretisierung
- Eine konkrete Zahl ist besser als mehrere vage Behauptungen
6. Minimale Navigation
Maximal 5–6 Punkte. Jeder zusätzliche Navigationspunkt ist ein Entscheidungspunkt, der die Konversion verringert.
- MACHEN: Stripe (5 Punkte), Airbnb (3 Punkte), Coinbase (6 Punkte)
- NICHT MACHEN: Mega-Menüs, 10+ Navigationspunkte, Dropdowns in der primären Navigation auf einer Marketingseite
- Ziel ist eine Aktion. Alles andere ist Reibung.
7. Personalisierung nach Zielgruppe (fortgeschritten)
Wenn du das Besuchersegment erkennen kannst, zeige segmentspezifische Inhalte.
- MACHEN: Stripe zeigt Entwicklern und Geschäftsinhabern unterschiedliche Inhalte; Gusto zeigt Inhalte nach Unternehmensgröße
- Umsetzung: URL-Parameter, Referrer-Erkennung, Cookie-basiert oder expliziter „Ich bin ein [Rolle]“-Selektor
- Überspringe dies, bis die Muster 1–6 solide sind
8. Der CTA ist immer kostenlos
Führe mit einer Aktion mit null Reibung. Vertrieb/Enterprise passiert NACH der Self-Service-Adaption.
- MACHEN: „Loslegen“, „Registrieren“, „Kostenlos testen“, „Kostenlos starten“
- NICHT MACHEN: „Vertrieb kontaktieren“, „Demo buchen“, „Angebot anfordern“ als primären Hero-CTA
- Selbst B2B-Enterprise-Seiten (Stripe, GitLab) führen mit kostenlosem Self-Service
9. Seitengeschwindigkeit ist unsichtbar
Die Seite sollte sich sofort anfühlen. Wenn du das Laden bemerkst, hat sie bereits versagt.
- MACHEN: Audit mit Lighthouse / PageSpeed Insights. Ziel: LCP < 2,5 s, CLS < 0,1
- MACHEN: Hero-Bild optimieren, nicht kritisches JS verzögern, moderne Bildformate verwenden (WebP/AVIF)
- NICHT MACHEN: Schwere Bibliotheken, blockierende Skripte oder unoptimierte Videos im Hero laden
10. Footer als Navigations-Hub (skaliert mit dem Produkt)
Frühe Phase: einfacher 3-spaltiger Footer. Reifes Produkt: umfassende Sitemap nach Kategorien.
- MACHEN: Gliedern nach: Produkt, Entwickler, Unternehmen, Rechtliches (Minimum)
- MACHEN: Stripe-Footer hat 50+ Links, nach Kategorien geordnet – dient sowohl SEO als auch Auffindbarkeit
- NICHT MACHEN: Leerer Footer oder Footer nur mit Copyright + Social-Media-Links bei einem reifen Produkt
11. Konsistenz über alle Seiten
Jede Seite fühlt sich wie Teil desselben Systems an: gleiche Schriften, Farben, Abstände, Komponentenstile.
- MACHEN: Frühes Festlegen von Design-Tokens – Farbvariablen, Schriftskala, Abstandseinheiten
- NICHT MACHEN: Leicht unterschiedliche Button-Stile auf verschiedenen Seiten, inkonsistente Überschriftengrößen
- Test: Öffne 5 zufällige Seiten der Website. Kannst du erkennen, dass es dasselbe Produkt ist, ohne das Logo zu sehen?
Ausgabeformat für Audits
## Unicorn Landing-Audit – [Produktname]
### Musterbewertungen
| Muster | Bewertung | Anmerkung |
|--------|-----------|-----------|
| 1. Kategorie-Überschrift | BESTANDEN / TEILWEISE BESTANDEN / NICHT BESTANDEN | ein Satz |
| 2. Hero-Einfachheit | ... | Wortanzahl: X |
| 3. Zweiseitige Aufteilung | N/V / BESTANDEN / NICHT BESTANDEN | (nur bei Marktplätzen) |
| 4. Produkt im Hero | ... | |
| 5. Sozialer Beweis | ... | größte verwendete Beweis-Zahl: X |
| 6. Minimale Navigation | ... | aktuelle Anzahl der Punkte: X |
| 7. Personalisierung | ... | |
| 8. Kostenloser CTA | ... | aktueller primärer CTA: „X“ |
| 9. Seitengeschwindigkeit | ... | LCP: Xs (falls bekannt) |
| 10. Footer-Tiefe | ... | |
| 11. Seitenübergreifende Konsistenz | ... | |
### Priorisierte Korrekturen (höchste Konversionswirkung zuerst)
1. [Muster X] — [spezifische Änderung]
2. ...
Ausgabeformat für Erstellungen
Beim Generieren einer Landing-Page-Struktur von Grund auf:
## Landing-Page-Spezifikation – [Produktname]
**Kategorie-Anspruch (Überschrift):** „…“
**Unterüberschrift (≤15 Wörter):** „…“
**Hero-Wortanzahl:** X (muss ≤30 sein)
**Primärer CTA:** „…“ (muss kostenfrei/reibungslos sein)
**Produktvisualisierung:** [was gezeigt wird – Screenshot, Demo usw.]
**Größte Beweis-Zahl:** „…“
**Navigationspunkte:** [Liste – max. 5]
**Zielgruppen-Aufteilung nötig?** Ja / Nein – [Begründung]
### Hero-Abschnitt (vollständiger Text):
[Überschrift]
[Unterüberschrift]
[CTA-Button]
### Abschnitt Sozialer Beweis:
[Zahl/Größen-Anspruch]
[Logos oder Testimonials]
### Footer-Struktur:
[Spalte 1: Produkt] | [Spalte 2: Unternehmen] | [Spalte 3: Rechtliches]