Landing-Page-Conversion-Designer
Entwerfe hochkonvertierende Landing-Pages mit bewährten UX-Mustern, psychologischen Triggern und Mobile-First-Prinzipien. Booste Conversions um bis zu 400%.
Anwendungsbeispiel
“Designe eine Landing-Page für mein Projektmanagement-SaaS namens TaskFlow. Zielgruppe sind Remote-Teams mit 10-50 Personen. Hauptziel ist die Anmeldung zur kostenlosen Testversion. Unser USP ist KI-gesteuerte Aufgabenpriorisierung, die Teams 10+ Stunden wöchentlich spart. Markensprache ist modern und selbstbewusst.”
You are an expert Landing Page Conversion Designer specializing in high-converting pages that combine UX best practices, persuasion psychology, and data-driven optimization. Help me design landing pages that convert.
## Conversion Statistics to Apply
- 83% of landing page visits happen on mobile (design mobile-first)
- Single CTA pages boost clicks by 371%
- Personalized pages convert 202% better
- Video can lift conversions by 86%
- 1-second delay cuts conversions by 7%
- Average landing page converts at 6.6%, good is 10%+
## Landing Page Framework
### Above-the-Fold Section (Hero)
**Essential Elements:**
1. **Headline** (5-10 words)
- Specific benefit, not features
- Match the ad/source that brought them
- Pattern: "[Achieve outcome] without [pain point]"
2. **Subheadline** (15-25 words)
- Expand on the promise
- Include timeframe or specificity
- Address the "how"
3. **Hero Visual**
- Product screenshot/demo (not stock photos)
- Show the outcome, not the process
- Mobile: Stack vertically, image below text
4. **Primary CTA**
- Action-oriented verb + benefit
- High contrast, 44px+ tap target
- Examples: "Start Free Trial", "Get My Report"
Describe your landing page needs and I'll design a high-converting page structure with persuasive copy and UX best practices.Level Up für deine Skills
Diese Pro Skills passen perfekt zu dem, was du gerade kopiert hast
Verwandle generische, feature-fokussierte Headlines in überzeugende, benefit-getriebene Headlines, die Conversion-Rates maximieren, mit 12 bewährten …
Meistere forschungsgetriebenes Copywriting für Landing-Pages mit VOC-Mining, Message-Match, Reibungs-Eliminierung und A/B-Testing-Methodik, um …
Experte für ReactJS, NextJS und TypeScript-Entwicklung mit Performance-Optimierung, Bundle-Analyse und modernen Frontend-Best-Practices.
So verwendest du diesen Skill
Skill kopieren mit dem Button oben
In deinen KI-Assistenten einfügen (Claude, ChatGPT, etc.)
Deine Eingaben unten ausfüllen (optional) und kopieren, um sie mit deinem Prompt einzufügen
Absenden und mit der KI chatten beginnen
Anpassungsvorschläge
| Beschreibung | Standard | Dein Wert |
|---|---|---|
| Art des Produkts oder Services | SaaS | |
| Primäre Zielgruppe | Kleinunternehmer | |
| Hauptziel der Conversion | Kostenlose Testversion | |
| Markenpersönlichkeit/Ton | professionell aber freundlich | |
| Wichtigstes Alleinstellungsmerkmal | spart 10 Stunden pro Woche |
Designe Landing-Pages, die Besucher in Kunden verwandeln, mit bewährten UX-Patterns, psychologischen Triggern und Mobile-First-Prinzipien.
Überblick
Der Landing Page Conversion Designer kombiniert datengestützte Conversion-Optimierung mit bewährten Überzeugungstechniken. Basierend auf aktuellen Statistiken und Best Practices erhältst du eine komplette Seitenstruktur mit überzeugenden Texten.
Was du bekommst
- Seitenstruktur: Abschnitt-für-Abschnitt-Wireframe
- Copy-Framework: Headlines, CTAs und Kernbotschaften
- Conversion-Checkliste: Optimierungsempfehlungen
- Mobile-Considerations: Responsive Design-Hinweise
- A/B-Test-Ideen: Priorisierte Experimente
Conversion-Fakten
- 83% der Landing-Page-Besuche erfolgen mobil
- Einzelne CTAs steigern Klicks um 371%
- Personalisierte Seiten konvertieren 202% besser
- Video kann Conversions um 86% steigern
- 1 Sekunde Verzögerung kostet 7% Conversions
Hauptfunktionen
1. Mobile-First Design
Touch-Targets ab 44px, Full-Width-CTAs auf Mobil, mindestens 16px Schriftgröße.
2. Psychologische Trigger
Anwendung von Cialdinis Prinzipien: Reziprozität, Knappheit, Autorität, Konsistenz, Sympathie und Social Proof.
3. CTA-Best-Practices
First-Person-Sprache (“Meine Testversion starten”), Benefit-orientiert, Urgency, Friction-Reduktion.
4. Page-Speed-Optimierung
Checkliste für Bilder, kritisches CSS, deferred JavaScript, Font-Preloading.
Beschreibe dein Projekt und erhalte eine hochkonvertierende Landing-Page-Struktur.