Landingpage erstellen: Der Guide für mehr Conversions

Was ist eine Landingpage?

Eine Landingpage ist eine eigenständige Seite mit einem einzigen Ziel: den Besucher zu einer bestimmten Aktion bewegen. Kein Menü, keine Ablenkung – nur Fokus auf die Conversion.

Typische Ziele:

• Lead generieren (E-Mail, Kontaktformular)
• Produkt verkaufen
• Anmeldung für ein Event oder Webinar
• Download eines Whitepapers oder Guides

Landingpage vs. Homepage

	Landingpage	Homepage
Ziel	Eine einzige Aktion	Überblick über alles
Navigation	Keine oder minimal	Vollständig
Traffic-Quelle	Ads, E-Mail, Social	Direkt, organisch
Content	Fokussiert, überzeugend	Breit, informativ
Conversion Rate	5-15% (gut optimiert)	1-3%

Die perfekte Landingpage-Struktur

1. Hero-Section (Above the Fold)

Die ersten Sekunden entscheiden. Dein Hero muss sofort klar machen:

• Was du anbietest (Headline)
• Warum es relevant ist (Subheadline)
• Was der Besucher tun soll (CTA-Button)

Headline-Formel:

[Ergebnis] für [Zielgruppe] – ohne [Schmerzpunkt]

Beispiel:

Mehr Kunden durch deine Website – ohne Werbebudget zu verbrennen

2. Problem-Section

Beschreibe das Problem deiner Zielgruppe so, dass sie sich verstanden fühlt:

• Empathie zeigen: «Kennst du das? Du investierst in Ads, aber die Leads konvertieren nicht.»
• Konsequenzen aufzeigen: Was passiert, wenn das Problem ungelöst bleibt?
• Dringlichkeit schaffen: Warum jetzt handeln?

3. Lösung-Section

Jetzt präsentierst du deine Lösung – aber aus Kundensicht:

• Nicht: «Wir bieten UX-Design-Dienstleistungen an»
• Sondern: «Deine Website wird zur Verkaufsmaschine»

Fokus auf Ergebnisse und Benefits, nicht auf Features.

4. Social Proof

Menschen vertrauen anderen Menschen mehr als Marken:

• Testimonials: Echte Zitate von echten Kunden
• Logos: Bekannte Marken, mit denen du gearbeitet hast
• Zahlen: «120+ Projekte umgesetzt» oder «Ø 40% mehr Conversions»
• Case Studies: Konkrete Ergebnisse mit Vorher-Nachher

5. Features / So funktioniert es

Erkläre in 3-4 Schritten, wie die Zusammenarbeit abläuft:

1. Erstgespräch – Wir verstehen dein Ziel
2. Konzept – Wir entwickeln die Strategie
3. Umsetzung – Design und Entwicklung
4. Launch & Optimierung – Go-Live und kontinuierliche Verbesserung

6. FAQ-Section

Beantworte die häufigsten Einwände:

• «Was kostet das?» → Transparente Preisübersicht
• «Wie lange dauert das?» → Realistische Zeitrahmen
• «Was wenn es nicht funktioniert?» → Garantien oder Referenzen

7. Finaler CTA

Wiederhole deinen Call-to-Action – stärker als oben:

• Urgency: «Nur noch 3 Plätze diesen Monat»
• Risiko nehmen: «Kostenloses Erstgespräch, unverbindlich»
• Benefit wiederholen: «Starte jetzt – mehr Kunden in 30 Tagen»

Design-Prinzipien für Landingpages

Visuelles

• Ein CTA-Button in Akzentfarbe (konsistent wiederholt)
• Weissraum nutzen – weniger ist mehr
• Bilder, die unterstützen – keine Stockfotos ohne Bezug
• Mobile First – 60%+ deines Traffics kommt vom Handy

Typografie

• Grosse, klare Headlines (min. 32px)
• Kurze Absätze (max. 3-4 Zeilen)
• Bullet Points statt Fliesstexte
• Hierarchie: Der Blick muss geführt werden

Performance

Langsame Landingpages verlieren Conversions:

• Ladezeit unter 2 Sekunden anstreben
• Bilder optimieren (WebP, komprimiert)
• Minimaler Code – kein unnötiges JavaScript
• CDN nutzen für schnelle Auslieferung

Landingpage erstellen: Tools & Technologien

Tool	Am besten für	Preis
Webflow	Design-lastige Pages	Ab $14/Mt
Unbounce	A/B Testing, Marketing-Teams	Ab $99/Mt
WordPress + Elementor	Flexibilität, Plugin-Ökosystem	Ab $0 (Hosting separat)
Astro	Performance-optimierte Pages	Kostenlos (Open Source)
Framer	Schnelle Prototypen	Ab $5/Mt

Für Unternehmen mit bestehender Website empfehlen wir, Landingpages im gleichen Tech-Stack zu bauen – für Konsistenz und einfachere Pflege.

Landingpage-Optimierung: 7 Hebel

1. Headline testen

Die Headline hat den grössten Einfluss auf die Conversion Rate. Teste verschiedene Varianten:

• Benefit-fokussiert vs. Problem-fokussiert
• Kurz (5 Wörter) vs. Beschreibend (12+ Wörter)
• Mit Zahl vs. ohne Zahl

2. CTA-Text optimieren

• ❌ «Absenden»
• ❌ «Mehr erfahren»
• ✅ «Kostenloses Erstgespräch sichern»
• ✅ «Jetzt Website-Analyse starten»

3. Formularfelder reduzieren

Jedes zusätzliche Feld senkt die Conversion Rate. Frage nur, was du wirklich brauchst:

• Minimum: E-Mail
• Besser: Name + E-Mail
• Maximum für B2B: Name + E-Mail + Unternehmen + Nachricht

4. Ladezeit verbessern

Jede Sekunde Verzögerung kostet ~7% Conversion Rate. Priorisiere:

• Bilder komprimieren
• Critical CSS inline laden
• JavaScript lazy loaden
• Server-Side Rendering nutzen

5. Social Proof hinzufügen

Wenn du noch keine Testimonials hast:

• Nutze Zahlen (Gründungsjahr, Projektanzahl)
• Zeige Logos (auch kleine Kunden zählen)
• Verwende Zertifikate oder Auszeichnungen

6. Mobile-Experience prüfen

• Ist der CTA-Button mit dem Daumen erreichbar?
• Sind Formulare auf dem Handy nutzbar?
• Laden Bilder schnell genug über Mobile?

7. Conversion-Tracking einrichten

Was du nicht misst, kannst du nicht verbessern. Lies dazu unseren CRO Guide für eine detaillierte Anleitung.

Häufige Fehler bei Landingpages

• Zu viele CTAs: Eine Landingpage = ein Ziel
• Navigation einbauen: Gibt dem User einen Fluchtweg
• Zu viel Text: Scannen > Lesen
• Kein Social Proof: Behauptungen ohne Beweis
• Langsame Ladezeit: Mobile User warten maximal 3 Sekunden
• Generic Stockfotos: Untergraben Vertrauen
• Fehlende Mobile-Optimierung: Über 60% des Traffics ist mobil

---

Fazit

Eine gute Landingpage folgt einer klaren Struktur: Problem → Lösung → Beweis → Aktion. Sie ist fokussiert, schnell und auf ein einziges Ziel ausgerichtet. Der wichtigste Schritt ist der erste: Starte mit einer Version, miss die Ergebnisse und optimiere kontinuierlich. Perfektion kommt durch Iteration, nicht durch Planung.