25. März 2025·8 Min
Wie man eine Startup‑Landingpage baut, die konvertiert
Lernen Sie, wie Sie eine Startup‑Landingpage bauen, die Besucher in Nutzer verwandelt — mit klarem Messaging, schnellen Seiten, starken CTAs, Vertrauenssignalen und Tests.
Lernen Sie, wie Sie eine Startup‑Landingpage bauen, die Besucher in Nutzer verwandelt — mit klarem Messaging, schnellen Seiten, starken CTAs, Vertrauenssignalen und Tests.
Eine Landingpage kann nicht konvertieren, wenn sie versucht, alles gleichzeitig zu sein. Bevor Sie Text schreiben oder ein Template auswählen, entscheiden Sie, wofür die Seite ist und was Sie im Austausch für die Aktion eines Besuchers anbieten.
Wählen Sie die einzelne Aktion, die Sie möchten, dass die meisten Besucher ausführen:
Wenn Sie mehrere Aktionen einbinden, machen Sie eine deutlich zur primären (visuell und im Text). Alles andere sollte diese unterstützen, nicht mit ihr konkurrieren.
Frühphasen-Startups versuchen oft, „jeden, der das brauchen könnte“, anzusprechen. Das führt meist zu vagen Botschaften und geringer Conversion.
Wählen Sie ein hohes Potenzial‑Segment für diese Seite (z. B. „indie‑E‑Commerce‑Betreiber“, „kleine HR‑Teams“, „Agenturgründer“). Weitere Seiten für andere Segmente können Sie später bauen.
Verwenden Sie eine Ein-Satz-Formel, die Sie später verfeinern können:
Für [wen], erhalten [Ergebnis] ohne [Schmerz / Alternative], weil [Differenzierungsmerkmal].
Beispiel:
Für kleine B2B‑Teams: Kundenreporting in Minuten starten—nicht mit Tabellen—weil Vorlagen für Ihren Workflow vorgefertigt sind.
Das wird zum Rückgrat Ihrer Headline, Subheadline und CTA‑Sprache.
Legen Sie jetzt ein oder zwei Metriken fest, damit Sie nicht „schicken und hoffen“. Übliche Optionen für eine Startup‑Landingpage:
Wenn Sie Aktivierung messen wollen, definieren Sie, was „aktiviert“ bedeutet (z. B. „Projekt erstellt“, „Integration verbunden“), damit die Landingpage mit dem Rest des Signup‑Flows übereinstimmt.
Bevor Sie eine einzige Headline schreiben, klären Sie für wen Ihre Landingpage ist und warum diese zögern. Conversion‑Probleme sind meist keine Design‑Probleme—es sind Probleme wie „das ist nichts für mich“ oder „ich traue dem nicht“.
Schreiben Sie einen Satz, der klingt, als hätte ihn eine echte Person an einem stressigen Nachmittag gesagt. Vermeiden Sie Fachjargon und Features.
Beispiele:
Dieser Satz wird zum Anker für Design und Copywriting der Landingpage: Alles auf der Seite sollte darauf hinweisen, dieses Problem zu lösen.
Die meisten Besucher klicken nicht auf Ihren CTA wegen vorhersehbarer Ängste. Schreiben Sie die drei wahrscheinlichsten Blocker für Ihr Publikum auf:
Diese Einwände sollten Ihr Messaging, Ihren Signup‑Flow und das, was Sie in der Nähe des CTA betonen, formen.
Entnehmen Sie Sprache aus Interviews, Sales‑Calls, Support‑Tickets, App‑Bewertungen, Reddit‑Threads und Kommentaren von Wettbewerbern. Achten Sie auf wiederkehrende Wörter und emotionale Hinweise („frustrierend“, „verwirrend“, „zu langsam“, „ich brauche nur…"). Verwenden Sie diese Phrasen in Überschriften und FAQs—so wirkt Ihr Copy sofort vertraut.
Wählen Sie Belege, die zu den Einwänden passen:
Das ist der schnellste Weg, Vertrauen aufzubauen, ohne die Seite zu überfrachten.
Eine konvertierende Landingpage ist weniger wie eine Homepage und mehr wie ein geführtes Gespräch. Die Struktur sollte drei Fragen der Reihe nach beantworten: Was ist das? Warum sollte es mich interessieren? Was tue ich als Nächstes? Wenn die Reihenfolge falsch ist, wirkt selbst guter Text und gutes Design verwirrend.
Behandeln Sie den ersten Bildschirm wie Ihren Elevator Pitch. Er sollte enthalten:
Wenn jemand nur diesen Abschnitt liest, sollte er trotzdem verstehen, was Sie tun und wohin er klicken muss.
Haben Sie Aufmerksamkeit, verdienen Sie Vertrauen mit einem vorhersehbaren Fluss:
In diesem mittleren Abschnitt verwandeln Sie „interessant“ in „ich sehe mich dabei“.
Wenn Besucher ans Ende kommen, sind sie entweder überzeugt oder noch unsicher. Machen Sie den letzten Abschnitt hilfreich, nicht aufdringlich:
Ein häufiger Fehler ist, mehreren Aktionen gleiches Gewicht zu geben (Demo buchen, kostenlose Testphase starten, herunterladen, abonnieren, folgen). Wählen Sie ein primäres Konversionsziel und lassen Sie alles andere es leise unterstützen.
Große Landingpage‑Texte sind kein „schönes Schreiben“. Es ist eine schnelle Erklärung, die der richtigen Person hilft zu entscheiden: Ist das etwas für mich, und was mache ich als Nächstes?
Ihre Headline sollte ein konkretes Ergebnis kommunizieren, nicht Ihre Mission.
Wenn möglich, fügen Sie ein messbares Detail hinzu (Zeitersparnis, Geldersparnis, weniger Fehler) oder eine klare Vorher→Nachher‑Verwandlung.
Erklären Sie in einem Satz das Produkt und die Zielgruppe.
Beispiel: „Ein leichtes CRM für freiberufliche Designer, um Leads, Angebote und Zahlungen zu verfolgen—ohne Tabellen.“
Das reduziert Verwirrung und filtert falsche Besucher früh heraus (was die Qualität der Conversions verbessert).
Die meisten Besucher überfliegen. Machen Sie die Seite so, dass sie auf einen Blick funktioniert:
Ein hilfreiches Muster: Problem → Vorteil → Beleg/Detail. Halten Sie jeden Block kompakt.
Ihr Besucher kommt mit Kontext. Ihre Seite sollte das Gespräch fortsetzen.
Wenn Ihre Anzeige sagt „Mehr Demos über Ihre Website buchen“, sollte Ihr Hero und der erste Vorteilsabschnitt diese Idee wiederholen—gleiche Begriffe, gleiches Versprechen. Für Community‑Beiträge spiegeln Sie deren Vokabular. Für SEO‑Seiten beantworten Sie die Anfrage direkt und zeigen dann das Produkt.
Das Ziel ist simpel: keine Überraschungen, keine Übersetzungsarbeit und ein klarer nächster Schritt.
Gutes Landingpage‑Design geht nicht darum, „auffällig“ auszusehen—es macht den nächsten Schritt offensichtlich und sicher. Wenn Menschen zögern, liegt das meist daran, dass die Seite verwirrend, inkonsistent oder riskant wirkt. Ihre Aufgabe ist, Reibung mit klarer visueller Hierarchie und Vertrauenssignalen zu entfernen.
Verlassen Sie sich nicht auf abstrakte Hero‑Grafiken. Besucher wollen Beweise, dass etwas Reales existiert und ein konkretes Ergebnis liefern kann.
Platzieren Sie dieses Visual in der Nähe der Headline, sodass es die Frage „Was ist das?“ innerhalb weniger Sekunden beantwortet.
Eine Seite wirkt vertrauenswürdiger, wenn sie kohärent erscheint. Wählen Sie ein einfaches visuelles System und wiederholen Sie es konsistent.
Verwenden Sie:
Diese Konsistenz hilft Besuchern, sich auf die Botschaft statt auf „Design‑Lärm“ zu konzentrieren.
Der primäre CTA sollte überall gleich aussehen.
Wählen Sie einen Button‑Stil (Farbe, Form, Größe) und eine Wortwahl (z. B. „Kostenlos starten“ vs. „Loslegen“) und bleiben Sie auf der Seite dabei. Sekundäre Links sollten wie Links aussehen, nicht wie konkurrierende Buttons.
Wenn Sie einen alternativen Pfad anbieten (wie „Demo ansehen“), machen Sie ihn optisch leichter, sodass er die Hauptaktion unterstützt statt sie zu konkurrieren.
Barrierefreiheitsverbesserungen machen Seiten oft für alle leichter.
Stellen Sie sicher:
Klarheit schafft Vertrauen, und Vertrauen macht das Klicken auf den CTA vernünftig.
Ihr CTA ist der Moment der Wahrheit: er verwandelt „interessiert“ in „einen Schritt setzen“. Ein hoch‑intent‑CTA ist spezifisch, passt zum, was Sie tatsächlich anbieten, und fühlt sich sicher an, draufzuklicken.
Wählen Sie ein CTA‑Label, das das unmittelbare Ergebnis beschreibt—nicht das vage Ziel.
Halten Sie die Wortwahl über die Seite und auf dem nächsten Bildschirm konsistent. Wenn der Button „Warteliste beitreten“ sagt, sollte das Formular nicht „Zugang anfragen“ heißen.
Jedes zusätzliche Feld ist ein Abbruchgrund. Fragen Sie nur das, was Sie brauchen, um den nächsten Schritt zu liefern.
Für eine Warteliste ist das oft nur E‑Mail (und vielleicht ein Qualifikator wie „Unternehmensgröße“, wenn das über Annahme entscheidet). Wenn Sie Personalisierung wollen, erfassen Sie diese später im Onboarding.
Bieten Sie, wenn möglich, One‑Click‑Optionen (z. B. Google‑Sign‑in) nur dann an, wenn sie wirklich Zeit sparen—und machen Sie sie nicht zwingend.
Ein winziger Satz kann Angst nehmen und Erwartungen setzen:
Hier klären Sie auch, was nach dem Klick passiert (Bestätigungs‑E‑Mail, Kalenderbuchung, sofortiger Zugriff).
Fügen Sie einen sekundären CTA nur hinzu, wenn er die Entscheidungsfindung unterstützt, ohne Fokus zu stehlen—z. B. ein Textlink „Demo ansehen“ oder „2‑Min‑Video“. Machen Sie ihn optisch weniger prominent (Outline‑Button oder Link), damit der primäre CTA der Standardpfad bleibt.
Menschen konvertieren nicht, weil Ihre Seite „schön“ ist—sie konvertieren, wenn sie glauben, dass Sie glaubwürdig und sicher sind. Social Proof und Vertrauenssignale verringern wahrgenommenes Risiko, besonders für ein neues Startup.
Ein starkes Testimonial beantwortet: „Funktioniert das für jemanden wie mich?“ Streben Sie Zitate an, die wer es gesagt hat und was sich verändert hat enthalten.
Beispiel:
„Wir reduzierten die Onboarding‑Zeit von 3 Tagen auf 45 Minuten mit [Produkt].“ — Maya Chen, Ops Lead, Northwind Logistics
Wenn möglich, fügen Sie konkrete Angaben wie Zeitrahmen, Metriken oder greifbare Outcomes hinzu. Vermeiden Sie anonyme Zitate („Tolles Tool!“). Wenn Sie noch wenige Kunden haben, nutzen Sie ehrliche Alternativen: Pilot‑Nutzer, Wartelisten‑Mitglieder, Berater oder frühe Community‑Mitglieder—deutlich gekennzeichnet.
Verwenden Sie Vertrauensabzeichen sparsam und nur, wenn sie wahr sind. Ein paar hochwertige Signale schlagen eine Logo‑Wand.
Gute Optionen:
Wenn Sie Zahlen (Nutzer, Umsatz, Uptime) zeigen, stellen Sie sicher, dass Sie sie vertreten können.
Ein kurzer Block kann einen großen Einwand entfernen:
Verlinken Sie zur vollständigen Richtlinie: /privacy.
Vertrauen steigt, wenn ein Mensch hinter dem Produkt steht. Fügen Sie mindestens eine klare Kontaktoption hinzu: Support‑E‑Mail, Live‑Chat oder ein einfaches Kontaktformular. Platzieren Sie es im Footer und in der Nähe des CTA für hochmotivative Besucher mit einer letzten Frage.
Eine Seite kann großartigen Text haben und trotzdem schlecht performen, wenn sie sich langsam anfühlt, auf dem Handy gequetscht ist oder in der Suche unsichtbar bleibt. Das Ziel ist nicht Perfektion—es ist, Reibung zu entfernen, die motivierte Besucher vom Handeln abhält.
Beginnen Sie damit, herunterzuschneiden, was der Browser laden und ausführen muss.
Komprimieren und skalieren Sie Bilder vor dem Upload (das „Hero“-Bild ist oft der größte Bösewicht). Bevorzugen Sie moderne Formate wie WebP/AVIF, wenn Ihr Builder sie unterstützt.
Begrenzen Sie Drittanbieter‑Skripte. Jedes Chat‑Widget, Heatmap‑Tool und jeder Tracker fügt Verzögerung hinzu. Wenn Sie unsicher sind, starten Sie mit dem Minimum und fügen Tools später hinzu.
Schalten Sie Caching ein und nutzen Sie ein CDN, wenn Ihre Plattform es anbietet. Viele gehostete Landingpage‑Tools tun dies standardmäßig—prüfen Sie die Einstellungen.
Die meisten Besucher sehen Ihre Seite zuerst auf dem Handy, also gestalten Sie für Daumen und schnelles Scannen.
Verwenden Sie gut lesbare Typografie (gewöhnlich 16px+ Fließtext) und kurze Zeilenlängen.
Machen Sie Ihren primären Button groß und thumb‑freundlich mit ausreichend Abstand. Halten Sie Formulare kurz. Wenn Sie nur eine E‑Mail brauchen, fragen Sie nicht gleich nach Unternehmensgröße und Telefonnummer.
Sie betreiben kein vollständiges SEO‑Programm—nur so viel, dass die Seite Menschen und Suchmaschinen verständlich ist.
Nutzen Sie eine klare URL (z. B. /demo oder /waitlist), einen spezifischen Title‑Tag und eine offensichtliche H1, die Ihr Versprechen widerspiegelt.
Nutzen Sie Überschriften (H2/H3), um Vorteile, Anwendungsfälle und FAQs zu strukturieren. Das verbessert das Scannen und hilft Suchmaschinen, die Seite zu interpretieren.
Installieren Sie Analytics früh, damit Sie aus echtem Nutzerverhalten lernen.
Mindestens tracken Sie:
Diese Events sagen Ihnen, ob das Problem Aufmerksamkeit (CTA), Reibung (Formular) oder Vertrauen (Absenden) ist.
Geschwindigkeit ist wichtiger als Perfektion am Anfang. Eine einzelne Seite reicht, um Ihre Botschaft zu testen, Anmeldungen zu sammeln und zu lernen—wählen Sie Tools, die schnelles Veröffentlichen und einfache Bearbeitung ermöglichen.
Wenn Sie schneller mit einem CMS oder Site‑Builder launchen können, tun Sie das. Sie verpflichten sich nicht für immer zu einem Stack—Sie kaufen Zeit zum Lernen. Das beste Tool ist das, das Ihr Team in Minuten und nicht Tagen anpassen kann.
Eine gute „erste Version“ umfasst meist:
Wenn Sie das Produkt parallel zur Landingpage bauen, sind Tools, die den Build–Test‑Loop verkürzen, wichtig. Zum Beispiel ist Koder.ai eine Vibe‑Coding‑Plattform, mit der Sie eine Web‑App (oft React + Go + PostgreSQL) aus einer Chat‑Schnittstelle erstellen und schnell mit Snapshots und Rollbacks iterieren können—nützlich, wenn Versprechen und Onboarding‑Flow sich noch wöchentlich ändern.
Starten Sie mit einem Template, das Ihr Layout (Hero → Vorteile → Proof → FAQ → CTA) bereits unterstützt. Vermeiden Sie Templates mit vielen Animationen, Slidern und schweren Plugins—die verlangsamen die Seite und erschweren Änderungen.
Beim Evaluieren prüfen Sie:
Selbst eine minimale Landingpage sollte legitim wirken.
Wenn Ihre Plattform Hosting + Deployment + Custom Domains in einem Workflow bietet, reduziert das Verwaltungsaufwand. (Koder.ai z. B. unterstützt Deployment/Hosting und Custom Domains, was schnelles Shipping vereinfachen kann.)
Erstellen Sie diese einfachen, klaren Seiten und verlinken Sie sie im Footer:
Wenn Sie E‑Mails sammeln, ist eine Grund‑Datenschutzerklärung besonders wichtig. Sie können diese Seiten später verbessern—eine klare, funktionale Version heute zu veröffentlichen ist besser als wochenlanges Perfektionieren.
Ihre Landingpage darf nicht bei „Anmelden“ enden. Wenn die Botschaft auf der Seite nicht mit dem übereinstimmt, was nach der Anmeldung passiert, springen Leute ab—selbst wenn sie vor einer Minute begeistert waren. Ziel: Liefern Sie einen schnellen Erfolg, der das Versprechen beweist.
Zeigen Sie Nutzer:innen sofort, was sie gleich tun können. Schicken Sie sie nicht auf ein leeres Dashboard mit fünf Menüs.
Eine gute First‑5‑Minutes‑Erfahrung enthält meist:
Wenn Ihre Landingpage ein konkretes Ergebnis verspricht („Erstelle in 2 Minuten einen Bericht“), sollte der erste Bildschirm direkt auf dieses Ergebnis zusteuern.
Senden Sie sofort eine Willkommens‑E‑Mail, die das Wertversprechen in einfacher Sprache wiederholt und eine next action bietet.
Kurz halten:
Das ist kein Produkt‑Tour‑E‑Mail—es ist eine Brücke zurück ins Produkt.
Wenn der Zugang nicht sofort ist, sagen Sie das klar auf dem Bestätigungsbildschirm und in der E‑Mail. Teilen Sie mit:
Bieten Sie eine einfache Möglichkeit zu teilen oder einzuladen (persönlicher Referral‑Link oder „Teammitglieder einladen“). Lassen Sie es hilfreich und nicht spammy wirken.
Conversion ist nicht nur „Anmeldung“. Es ist Aktivierung. Wählen Sie 1–3 Events, die echten Wert signalisieren, und tracken Sie sie von Anfang an:
Wenn Sie wissen, wo Leute steckenbleiben, können Sie Landingpage‑Versprechen, Signup‑Flow oder First‑Run‑Erfahrung anpassen, damit alles übereinstimmt.
A/B‑Tests müssen kein großer Analytics‑Aufwand sein. Für frühe Startup‑Landingpages ist das Ziel simpel: Lernen, was mehr qualifizierte Besucher zum nächsten Schritt bringt, und das Behaltenswerte weiterführen.
Wählen Sie ein einzelnes Element, das mit Intent verbunden ist, nicht Dekoration. Gute Erst‑Experimente sind:
Wenn Sie fünf Dinge gleichzeitig ändern, wissen Sie nicht, was das Ergebnis verursacht hat.
Kleiner Traffic bedeutet rauschende Daten. Lassen Sie jeden Test laufen, bis ein stabiles Muster sichtbar ist (mindestens eine Woche, um Wochentags-/Wochenendverhalten zu erfassen). Machen Sie eine Änderung zur Zeit und halten Sie den Rest identisch.
Eine praktische Regel: Wenn Ergebnisse täglich hin- und herspringen, haben Sie noch keinen Gewinner—lassen Sie den Test weiterlaufen oder erhöhen Sie den Traffic (z. B. über einen konsistenten Kanal).
Zahlen sagen Ihnen was passiert; Feedback erklärt warum. Nutzen Sie eine leichte Methode:
Das offenbart oft fehlende Infos (Preiserwartungen, Anwendungsfälle, Integrationsfragen), die Sie im Text adressieren können.
Führen Sie ein kleines Sheet oder Doc mit: Datum, Hypothese, Variation, Ergebnis und Entscheidung. So wiederholen Sie nicht dieselben Experimente und bauen eine klare „Warum‑wir‑es‑so‑geschrieben‑haben“‑Geschichte für zukünftige Iterationen auf.
Wenn Sie einen Ort zum Testen, Dokumentieren und schnellen Deployen brauchen, halten Sie Experimente auf einer Seite und integrieren Sie Learnings in das nächste Update (siehe /blog/pre-launch-checklist). Wenn Sie den Funnel selbst bauen, hilft eine Plattform mit Snapshots und Rollback (wie Koder.ai), Iteration sicherer zu machen—besonders, wenn eine „kleine“ Landingpage‑Änderung versehentlich den Signup‑Flow bricht.
Eine Landingpage zu veröffentlichen bedeutet weniger Perfektion und mehr das Entfernen offensichtlicher Conversion‑Blocker. Bevor Sie Traffic fahren, machen Sie einen kurzen Pre‑Launch‑Durchlauf, der Versprechen, Pfad zur Anmeldung und grundlegende Glaubwürdigkeit prüft.
Nutzen Sie das als letzte Kontrolle:
Die meisten schlechten Landingpages scheitern auf vorhersehbare Weise:
Bevor Sie auf Veröffentlichen klicken:
Wählen Sie einen einfachen Wochenrhythmus: Review → CTA‑Klicks → Anmeldungen plus Top‑Traffic‑Quellen. Machen Sie jeweils eine Änderung (Headline, CTA‑Text, Formlänge, Proof‑Platzierung) und messen Sie in der folgenden Woche.
Fangen Sie damit an, eine einzige primäre Aktion zu wählen (z. B. Warteliste beitreten, kostenlose Testphase starten, Demo anfordern). Design und Text sollten diesen einen Pfad unterstützen.
Wenn Sie sekundäre Aktionen (wie „Demo ansehen“) einfügen müssen, machen Sie sie optisch zurückhaltend, damit sie nicht mit dem Haupt-CTA konkurrieren.
Für frühe Seiten funktioniert oben auf der Seite ein einfaches Set am besten:
Wenn Besucher nur diesen Abschnitt sehen, sollten sie trotzdem wissen, was Sie tun und was sie klicken sollen.
Nutzen Sie eine Ein-Satz-Formel, die Sie später verfeinern können:
Für [wen], erhalten [Ergebnis] ohne [Schmerz/Alternative], weil [Differenzierungsmerkmal].
Verwenden Sie diese Sprache dann in Überschrift, Vorteilen und CTA, sodass die Seite konsistent und konkret wirkt.
Wählen Sie ein vielversprechendes Segment pro Seite (z. B. „Agenturgründer“ oder „kleine HR-Teams“). Für „jeden“ zu schreiben führt meist zu vagen Aussagen, die für niemanden relevant wirken.
Später können Sie weitere Seiten für andere Segmente erstellen, wenn Sie lernen, was konvertiert.
Sammeln Sie reale Formulierungen aus Interviews, Sales-Calls, Support-Tickets, Bewertungen, Reddit-Threads und Kommentaren von Wettbewerbern. Achten Sie auf wiederholte Wörter und emotionale Hinweise („frustrierend“, „verwirrend“, „zu langsam“, „ich brauche einfach…").
Verwenden Sie diese Formulierungen in Überschriften und FAQs—so wirkt die Seite „sofort vertraut“.
Die meisten Einwände fallen in drei Kategorien:
Beantworten Sie sie in der Nähe des CTA mit Beweisen (Ergebnisse, Prozess, Erfahrung, Sicherheit) und kurzer Mikrokopie, die Erwartungen setzt.
Betrachten Sie die Mitte der Seite als Glaubwürdigkeitsaufbau:
Hier verwandeln Sie „interessant“ in „Ich kann mich damit sehen.“
Fragen Sie nur das, was Sie für den nächsten Schritt brauchen.
Jedes zusätzliche Feld erhöht die Absprungrate, besonders auf Mobilgeräten.
Fügen Sie einen kurzen Text direkt neben (oder unter) dem Button hinzu, um Angst zu nehmen und Erwartungen zu setzen, z. B.:
Mikrokopie funktioniert am besten, wenn sie klar erklärt, was nach dem Klick passiert.
Verfolgen Sie die Ereignisse, die zeigen, wo Leute aussteigen:
Kombinieren Sie das mit einer Metrik wie (Anmeldungen ÷ Besucher) und, falls relevant, einer für eine sinnvolle Erstaktion (z. B. „Projekt erstellt“).