ASSET_ID 43R-LST-002 / CAT LANDING_PAGE / TIER 02
landing page erstellen lassen
festpreis, 2–4 wochen, conversion-optimiert. eine seite, eine aktion, messbare ergebnisse.
Eine Landing Page ist keine kleine Website. Sie ist ein Werkzeug. Wenn du eine landing page erstellen lassen willst, geht es um eine einzige Aktion: Lead, Buchung, Download, Demo. Eine URL, ein Funnel, eine messbare Zahl am Ende des Tages. Keine Navigation. Kein Footer voller Links. Keine zweite Seite, die ablenkt.
Der Unterschied zur Website ist mechanisch. Eine Website trägt deine Marke und mehrere Conversion-Pfade. Eine Landing Page trägt eine Hypothese und einen Pfad. Sie ist A/B-testbar, weil jede Variable isoliert ist. Du läufst sie gegen einen Paid-Kanal, einen Newsletter oder eine Kampagne. Du misst CTR, Conversion-Rate und Cost-per-Lead. Du iterierst. Das ist der Job.
Die meisten Landing Pages scheitern aus zwei Gründen. Der erste Grund ist Copy ohne Argumentationskette. Der Hook steht, der CTA steht, dazwischen passiert nichts. Der Lead liest fünf Zeilen und scrollt nicht weiter. Der zweite Grund ist falsche Geschwindigkeit. Eine Page mit LCP über 3 Sekunden verliert auf Paid-Traffic 30 Prozent der Besucher, bevor das Hero-Bild geladen ist. Beides lässt sich messen, beides lässt sich beheben.
Diese Seite löst beide Probleme im Build. Copy wird vor dem Design geschrieben, nach AIDA oder PAS, mit Objection-Handling auf die drei stärksten Einwände. Die Page wird statisch auf Vercel Edge in Frankfurt ausgeliefert, mit LCP unter 1.500 ms und Lighthouse 95+ in allen vier Kategorien. Tracking läuft server-seitig, damit Conversion-Daten nicht im Adblock verschwinden.
was du bekommst.
Du bekommst eine fertige, deploybare Landing Page. Eine URL, ein Funnel, ein Tracking-Setup, ein Repo. Alles, was für Launch und Iteration nötig ist, ist Teil des Festpreises. Kein verstecktes Add-On, keine Lizenz-Gebühren, keine Plattform-Abhängigkeit. Hosting auf Vercel ist für die ersten 100.000 Page-Views pro Monat kostenfrei, danach läuft es pay-as-you-go im schlanken Monatsbereich.
Die Liste unten teilt sich in zwei Blöcke. ◉ markiert konkrete Deliverables, also Dinge, die du nach Launch physisch hast. ◯ markiert Outcome-Garantien — Eigenschaften der Page, die wir vertraglich zusichern. Lighthouse 95+ ist ein Outcome, kein Deliverable. A/B-Test-Bereitschaft ist ein Outcome, kein Deliverable. Beide sind messbar, beide werden geprüft.
1 Funnel-Seite mit klarer Hierarchie
Above-the-fold-Hook, Body-Argumentation, Social-Proof, FAQ, CTA — in genau dieser Reihenfolge.
Above-the-fold-Block, in 0,8 Sekunden lesbar
Headline, Subhead, primäre CTA, Trust-Element. Über 1.440 px Viewport-Breite vollständig sichtbar.
Social-Proof-Block mit echten Zitaten
Logos, Zitate, Zahlen. Drei Felder mit messbarem Beleg. Kein Stockfoto, kein Lorem-Ipsum-Trustblock.
FAQ mit Schema.org-FAQPage
8 bis 12 Einwände beantwortet. JSON-LD ausgegeben für Google Rich Results.
Conversion-Tracking, server-side
Plausible plus Server-Side GTM. Meta CAPI, Google Ads, LinkedIn auf Wunsch. Event-ID-dedupliziert.
CRO-Heuristiken nach Cialdini und Eisenberg
Reciprocity, Scarcity, Authority. AIDA oder PAS, je nach Funnel-Stufe. Begründet, nicht zufällig.
A/B-Test-bereit, Edge-rendered
Vercel Edge Config oder PostHog Feature Flags. 50/50-Splits ohne Layout-Shift, ohne Flicker.
Mobile First, Lighthouse 95+ garantiert
Performance, Accessibility, Best Practices, SEO — alle vier Werte über 95. Auf Throttled-3G messbar.
ablauf in vier phasen.
Der Ablauf ist linear, nicht agil. Eine Landing Page hat keinen Backlog, keinen Sprint, keinen Continuous-Discovery- Prozess. Sie hat einen Auftrag, vier Phasen und einen Launch-Termin. Dieser lineare Aufbau ist die Voraussetzung für den Festpreis. Jede Phase produziert ein konkretes Artefakt — ein Brief-Dokument, ein Copy-Doc, ein Preview Deployment, ein Live-Deploy. Was nicht im Brief steht, ist nicht Scope.
Sie liefern in jeder Phase Input innerhalb von 48 Stunden. Längere Feedback-Zyklen verschieben den Launch in Tagesschritten. Jede Phase endet mit einer schriftlichen Freigabe per E-Mail. Es gibt keine Slack-Channels, keine parallelen Tools, keine Statusmeetings. Die Kommunikation läuft asynchron über E-Mail und Loom-Videos, mit einem 30-Minuten-Touchpoint pro Woche, falls nötig.
PH_01
zielgruppe, angebot, conversion-goal
Wir starten mit einem 90-minütigen Kickoff. Zielgruppe wird auf eine Persona heruntergebrochen — Demografie, Trigger, Einwand-Top-3. Das Angebot wird auf einen Satz verdichtet: was kriegt der Lead, in welcher Zeit, gegen welchen Aufwand. Das Conversion-Goal wird auf eine messbare KPI festgelegt: Lead, Buchung, MQL, Demo. Output ist ein einseitiges Brief-Dokument mit Hypothese, Persona, Angebot, KPI und Erfolgsmetrik. Ohne dieses Dokument geht kein Pixel ins Design.
PH_02
hook, body, objection-handling
Copywriting läuft vor dem Design. Erst die Argumentationskette, dann die Visualisierung. Ich liefere Hook-Optionen für Above-the-fold, Body-Copy nach AIDA oder PAS, Objection-Handling auf die drei stärksten Einwände, Social-Proof-Rahmen mit Zitat-Slots, FAQ-Set mit 8 bis 12 Fragen, CTA-Varianten. Output ist ein Google Doc mit Begründung pro Block. Sie geben eine Revisionsrunde Feedback. Erst nach Copy-Approval startet PH_03.
PH_03
design plus next.js-build
Design und Build laufen parallel auf der approved Copy. Stack: Next.js 16 App Router, React 19, Tailwind v4. Hosted auf Vercel Edge, Frankfurt-cached. Mobile First, Above-the-fold-Block in unter 1.500 ms LCP. Tracking-Layer wird gleichzeitig aufgesetzt: Plausible, Server-Side GTM, optionale Conversion-APIs. A/B-Splits werden vorbereitet, falls Variant B von Anfang an mitläuft. Output ist ein Vercel Preview Deployment.
PH_04
tracking, a/b-setup, go-live
Launch läuft am Werktag, Vormittag, in 2 Stunden. Domain-Setup, DNS, SSL, Tracking-Verifizierung über Test-Conversions. A/B-Variante wird scharfgeschaltet, falls geplant. Sie bekommen Zugriff auf Plausible, Google Tag Manager, Vercel und das GitHub-Repo. 14 Tage Hyper-Care nach Launch sind inkludiert: Funnel-Checks, Tracking-Validierung, Bugfixes. Reporting in Woche 2 und Woche 4. Code-Ownership zu 100 Prozent bei Ihnen.
was es kostet.
PRICE
AUF ANFRAGE
INCLUDES
- ◉ 1 Funnel-Seite mit klarer Hierarchie
- ◉ Copywriting nach AIDA oder PAS
- ◉ Design plus Next.js-Build, Lighthouse 95+
- ◉ Server-Side Tracking via Plausible plus GTM
- ◉ A/B-Test-Setup auf Vercel Edge
- ◉ Schema.org-FAQ, Open Graph, Sitemap
- ◉ 1 Revisionsrunde, 14 Tage Hyper-Care
EXCLUDES
- ◯ Mediaproduktion, Foto, Video
- ◯ Bezahlte Werbebudgets, Ad-Management
- ◯ Mehrseitige Site, Blog, CMS-Einbau
- ◯ Laufende CRO-Optimierung nach Hyper-Care
für wen das passt — und für wen nicht.
Eine Landing Page passt nicht zu jeder Anfrage. Sie ist eine fokussierte Maschine für einen Funnel, nicht ein Universalwerkzeug. Wenn Sie unsicher sind, ob Ihr Vorhaben zu diesem Format passt, hilft eine einfache Frage: gibt es eine einzige Aktion, die der Besucher ausführen soll? Wenn ja, ist die Landing Page das richtige Format. Wenn die Antwort drei oder mehr Aktionen einschließt, brauchen Sie eine mehrseitige Site.
Der zweite Indikator ist Traffic-Quelle. Wenn Sie kalten Paid-Traffic auf eine spezifische Anzeige fahren, brauchen Sie pro Anzeigen-Cluster eine Landing Page mit passender Message Match. Wenn Sie organisch über SEO ranken wollen, ist eine indexierbare Service-Page Teil einer mehrseitigen Site das bessere Format. Eine reine Landing Page ist SEO-tauglich, aber nicht der primäre Hebel.
FITS / ◉
performance-marketing-kampagnen
Sie betreiben Google Ads, Meta Ads oder LinkedIn Ads und brauchen eine kampagnenspezifische Page mit sauberem Tracking und schnellem A/B-Test-Setup.
produkt-launches
Sie launchen ein Produkt oder ein Feature und brauchen eine fokussierte Verkaufs- oder Wartelisten-Page mit Pre-Order-CTA.
webinar-funnel
Sie betreiben Webinare zur Lead-Generierung und brauchen Anmelde-Pages mit Erinnerungs-Trigger und Replay-Logik.
lead-magnet-pages
Sie verteilen ein Whitepaper, ein Tool oder einen Case-Report und brauchen eine schlanke Download-Page mit E-Mail-Capture.
ANTI / ◯
brand-storytelling
Sie wollen eine Markenwelt aufbauen, mit Editorial, Bewegtbild und Tiefe. Das ist eine Website, nicht eine Landing Page.
mehrseitige service-sites
Sie brauchen Service-Pages, eine Über-uns-Seite, einen Blog. Das ist eine Webseite. Siehe verwandte Leistungen.
e-commerce mit katalog
Sie verkaufen mehr als drei SKUs und brauchen Cart, Checkout, Inventar. Das ist Shopify oder ein Custom-Stack.
technische details.
Der Stack ist bewusst eng gewählt. Next.js 16 mit App Router liefert serverseitig gerendertes HTML mit Streaming und React 19. Tailwind v4 bringt das Styling ohne Runtime, ohne CSS-in-JS, ohne Layout-Shift. Vercel Edge cached die Page in Frankfurt, Time-to-First-Byte unter 100 ms im DACH-Raum. TypeScript ist Default, kein optionales Add-On.
Tracking ist server-seitig, weil clientseitiges Tracking auf Paid-Traffic systematisch underreported. iOS 17, Safari ITP und Adblocker schneiden 20 bis 40 Prozent der Conversion-Events. Ein Server-Side GTM Container auf Cloud Run empfängt Events vom First-Party-Endpoint, leitet sie an Meta CAPI, Google Ads und LinkedIn weiter, mit Event-ID-Deduplikation. Resultat: vollständige Daten, ohne Cookie-Banner-Pflicht für reine Analytics.
A/B-Testing läuft auf Vercel Edge Config oder PostHog Feature Flags. Beide Tools rendern die Variante serverseitig, ohne Flash of Unstyled Content, ohne JavaScript-Hydration-Verzögerung. Splits laufen 50/50, Sticky per Cookie, dokumentiert in einem Test-Plan-Doc mit Hypothese, Hypothesen-Owner, Erfolgsmetrik und Mindest-Sample-Size.
- STACK
- Next.js 16 App Router, React 19, TypeScript, Tailwind v4.
- DEPLOY
- Vercel Edge, Frankfurt-Region, Preview-Deployments via GitHub.
- PERFORMANCE
- Lighthouse 95+ auf Mobile und Desktop. LCP unter 1.500 ms. CLS unter 0,1.
- SEO
- Server-Rendered HTML, JSON-LD Schema.org, Sitemap, Open Graph, Twitter Card.
- TRACKING
- Plausible Analytics plus Server-Side Google Tag Manager auf Cloud Run.
- A/B
- Vercel Edge Config oder PostHog Feature Flags. 50/50-Split, kein Flicker.
- FORMS
- Resend für Transactional, reCAPTCHA v3 oder hCaptcha gegen Bot-Traffic.
- ACCESSIBILITY
- WCAG 2.2 AA. Keyboard-Navigation, Fokus-States, ARIA-Labels, Kontrast 4,5+.
häufige fragen.
Die zehn Fragen unten kommen aus echten Erstgesprächen der letzten 18 Monate. Sie decken den Großteil der Anfragen ab, die ich vor einer Beauftragung beantworte. Wenn Ihre Frage nicht dabei ist, schreiben Sie kurz an hey@webdesignr.de — Antwort innerhalb von 24 Stunden.
Die Antworten enthalten konkrete Zahlen, weil das die einzige ehrliche Form der Antwort ist. Pauschale Aussagen über Aufwand, Conversion-Rate oder Tracking-Reichweite helfen niemandem. Wo Daten von Branche, Funnel oder Traffic abhängen, steht das ausdrücklich dabei.
Q_01
was kostet eine landing page in deutschland?
Wir arbeiten mit Festpreis nach Brief, nicht mit Stundensätzen oder offenen Scopes. Der Preis hängt vom Umfang der Copy-Arbeit, der Komplexität des Tracking-Setups und der Anzahl der A/B-Test-Varianten ab. Sie erhalten den Festpreis verbindlich nach dem Kickoff. Inkludiert sind Copywriting, Design, Build, Tracking und Launch. Nicht inkludiert sind Mediaproduktion, bezahlte Werbebudgets und laufende CRO-Optimierung. Sie zahlen 50 Prozent bei Auftrag, 50 Prozent bei Launch. Im Marktvergleich liegen klassische Agentur-Budgets für vergleichbare Pages deutlich höher, reine Freelancer-Builds ohne Copy deutlich niedriger. Dieser Festpreis liegt bewusst dazwischen — Copy ist inkludiert, Setup ist Senior-Level, Stack ist aktuell.
Q_02
wie lange dauert die erstellung einer landing page?
Die Erstellung einer Landing Page dauert 2 bis 4 Wochen vom Kickoff bis zum Launch. PH_01 BRIEF braucht 2 Tage, PH_02 COPY 5 bis 7 Tage, PH_03 BUILD 7 bis 10 Tage, PH_04 LAUNCH 2 Tage. Der Zeitrahmen setzt voraus, dass Sie Briefing-Material, Markenassets und Feedback innerhalb von 48 Stunden liefern. Verzögerungen auf Ihrer Seite verschieben den Launch entsprechend. Eilbau in 10 Werktagen ist gegen Aufpreis möglich, abhängig von Slot-Verfügbarkeit. Slots werden monatlich vergeben, mit Vorlauf von 1 bis 2 Wochen ab Anfrage bis Kickoff.
Q_03
was unterscheidet eine landing page von einer website?
Eine Landing Page ist eine Einzelseite mit genau einer Aktion. Sie hat keine Navigation, keine zweite Seite, keine Ablenkung. Eine Website hat mehrere Seiten, Navigation und mehrere Conversion-Pfade. Die Landing Page wird für eine Kampagne, ein Produkt oder einen Funnel gebaut und auf eine einzige KPI optimiert. Eine Website trägt die ganze Marke. Wenn Sie nur Leads für eine Kampagne sammeln, brauchen Sie eine Landing Page. Wenn Sie Ihre Firma im Netz abbilden, brauchen Sie eine Website. Beide Formate koexistieren: viele Kunden betreiben eine Website plus drei bis fünf kampagnenspezifische Landing Pages parallel.
Q_04
welche conversion-rate ist realistisch?
Realistisch sind Conversion-Rates zwischen 2 und 12 Prozent, abhängig von Traffic-Qualität, Angebot und Branche. Cold Paid-Traffic auf eine Lead-Magnet-Page liegt häufig bei 3 bis 6 Prozent. Warmer Retargeting-Traffic auf eine Webinar-Page erreicht 8 bis 15 Prozent. Eine reine Demo-Buchungsseite für B2B-SaaS landet bei 1 bis 3 Prozent. Wir geben keine Conversion-Garantie. Wir garantieren saubere Mechanik: Above-the-fold-Hook, Objection-Handling, eine CTA, schnelle Ladezeit, sauberes Tracking. Den Rest trägt das Angebot. Wer eine 20-Prozent-Conversion verspricht, ohne Branche und Funnel zu kennen, lügt. Conversion-Rate ist ein Funktion aus Traffic-Qualität, Message-Match und Angebots-Stärke — nicht aus Page-Design allein.
Q_05
kann man die landing page später a/b-testen?
Ja, A/B-Testing ist von Anfang an im Build vorgesehen. Wir verwenden Vercel Edge Config oder PostHog Feature Flags, um zwei Varianten serverseitig auszuliefern. Splits laufen 50/50, ohne Layout-Shift, ohne Flash of Unstyled Content. Test-Varianten sind isoliert: Headline, Hero-Bild, CTA-Text, Preis-Block. Wir empfehlen pro Test eine Variable und mindestens 1.000 Conversions je Variante. Setup eines Tests nach Launch läuft als eigener Festpreis-Posten. Das Tooling steht. Sie liefern die Hypothese. Statistische Signifikanz wird über einen Bayesian-Calculator geprüft, kein Frequentist-Approach mit P-Werten — schneller zur Entscheidung, weniger Sample-Size-Diskussion.
Q_06
welche tracking-tools werden verwendet?
Standard ist Plausible Analytics für DSGVO-konformes Pageview-Tracking ohne Cookies. Conversion-Events laufen über Server-Side Google Tag Manager auf Cloud Run. Optional integrieren wir Meta CAPI, Google Ads Enhanced Conversions, LinkedIn Insight Tag oder PostHog für Session-Replay. Alle Events werden duplikatfrei mit Event-ID übertragen. Sie erhalten ein Tracking-Plan-Dokument mit jedem Event, jedem Parameter und jeder Destination. Cookie-Banner ist optional. Ohne Marketing-Cookies entfällt das Banner, weil Plausible cookielos arbeitet. Falls Sie Server-Side GTM nicht selbst hosten wollen, übernehmen wir das Setup auf einer eigenen Subdomain — Aufwand 8 bis 12 Stunden, Hosting für den Container läuft als schlanker Monatsposten über Cloud Run.
Q_07
wie wird die landing page seo-fähig?
Die Landing Page wird als statisches HTML auf Vercel Edge ausgeliefert, mit serverseitigem Rendering und Lighthouse 95+. SEO-Basis ist auch auf Paid-Pages relevant: sauberes Meta-Tag-Set, Open Graph, JSON-LD für Schema.org Product oder Service, robots.txt, XML-Sitemap-Eintrag. Hreflang nur bei mehrsprachigen Varianten. Für Paid-Traffic-Pages empfehlen wir noindex, falls die Page in mehreren Anzeigenvarianten existiert. Für organisch ausgelegte Lead-Pages indexieren wir aktiv und optimieren für ein konkretes Keyword.
Q_08
wer schreibt den text der landing page?
Den Text schreibe ich. Copywriting ist Teil des Festpreises, nicht ein Extra. PH_02 COPY läuft 5 bis 7 Tage und liefert Hook, Body, Objection-Handling, Social-Proof-Rahmen, FAQ und CTA-Varianten. Sie liefern Briefing, Zielgruppenwissen, Angebotslogik und drei Beispielkunden-Aussagen. Ich schreibe nach AIDA- oder PAS-Struktur, je nach Funnel-Stufe. Sie bekommen die Copy als Google Doc mit Begründung pro Block. Eine Revisionsrunde ist inkludiert. Kein generisches AI-Geschwurbel — Copy mit Argumentationskette. Wenn Sie einen eigenen Copywriter haben, schreiben wir die Page auf dessen Text — Skope und Preis bleiben gleich, ein Briefing-Call mit dem Copywriter wird vor PH_03 eingeplant.
Q_09
was passiert nach dem launch?
Nach Launch läuft 14 Tage Hyper-Care: tägliche Funnel-Checks, Tracking-Validierung, Bugfixes auf Zuruf. Sie erhalten Zugriff auf Plausible, Google Tag Manager und das Vercel-Projekt. Reporting in Woche 2 und Woche 4 mit Conversion-Rate, Bounce, Page Speed und CTA-Heatmap. Danach optional: monatlicher CRO-Retainer mit einer Iteration je Monat, oder einmalige Optimierungs-Sprints als eigene Festpreis-Posten. Hosting läuft weiter auf Vercel, Domain bleibt bei Ihnen, Code-Ownership ist vollständig bei Ihnen. Wenn nach 14 Tagen ein kritischer Bug auftritt, der nachweislich aus dem Build stammt, wird er kostenfrei behoben. Bug-Fix-Garantie läuft 90 Tage ab Launch.
Q_10
kann ich die landing page selbst pflegen?
Ja. Standard ist Markdown- oder MDX-basiertes Editing direkt im GitHub-Repo, mit Vorschau via Vercel Preview Deployments. Auf Wunsch hinterlege ich Inhalte in Sanity oder Payload CMS. Hero-Headline, Subhead, CTA-Text, Preis-Block und FAQ werden dann über ein simples Dashboard gepflegt. Schulung läuft remote in 60 Minuten. Sie bekommen ein Loom-Video mit dem Workflow. Wenn Sie nichts pflegen wollen, ist das auch in Ordnung — eine Landing Page lebt häufig 6 bis 12 Monate ohne Änderung. CMS-Setup läuft als eigener Festpreis-Posten, falls erst nach Launch entschieden. Vor Launch in den Festpreis integriert, ohne Aufpreis.
verwandte leistungen.
- 0143R-LST-001
onepager
Eine Story, eine Scroll-Bewegung. Maximal verdichtete Geschäftspräsenz.
- 0343R-LST-003
webseite
Mehrseitige Markenpräsenz. Vollständige Geschäftsgrundlage, suchmaschinenstark.
- 0443R-LST-004
relaunch
Bestehende Seite, neu gedacht. Performance, Substanz, aktueller Stack.
- 0543R-LST-005
shopify
Headless Commerce auf Hydrogen. Design ohne Plattform-Kompromiss.
- 0643R-LST-006
ki-website
Generative Workflows im Build. Schneller geliefert, gleiche Substanz.
(KONTAKT)