Case 1 – Landingpages erstellen lassen in Berlin

Ausgangslage: Ein Berliner Dienstleister mit starker Mund-zu-Mund-Weiterempfehlung, aber unfokussierter Website. Es gab zwar Traffic, aber zu wenig klare Leads. Die Ziele: (1) Suchintention sauber clustern, (2) eine Landingpage-Architektur je Leistung & Bezirk aufbauen, (3) Conversion-Reibung reduzieren (deutlich sichtbare CTAs, bessere Microcopy), (4) schnelle Ladezeiten mobil.

Research & Keyword-Mapping

Wir starten mit einem fokussierten Research: Welche Suchbegriffe verwenden Kund:innen in Berlin/Brandenburg – allgemein („webdesign berlin“) und lokal („webdesigner kreuzberg“)? Wir ordnen diese Keywords in Cluster ein: Information (z. B. Kosten, Checklisten), Commercial (z. B. Leistungen, Pakete) und Transactional (Kontakt/Termin). So entsteht eine IA (Informationsarchitektur), die Google & Nutzer:innen klar verstehen.

UX/UI & Microcopy

Design ist bei mir mobil-first: schlanke Layouts, starke Typografie, klarer Rhythmus aus Nutzen-Beweis-Handlung. Microcopy (kleine Texte bei Buttons, Formularen, Fehlermeldungen) erhöht die Verständlichkeit und nimmt Hürden (z. B. „Antwort in ≤ 24h“ direkt am CTA).

SEO-Fundament & strukturierte Daten

Jede Seite erhält eindeutige Titles/Descriptions, semantische Überschriften, interne Verlinkung (Hauptseite ↔ Bezirke ↔ Blog) und Schema.org (u. a. WebPage, FAQPage). Für lokale Relevanz sorgen Bezirk-Sektionen und NAP-Konsistenz (Name-Address-Phone) über deine Profile hinweg. Bilder haben feste width/height, Alt-Texte und effiziente Formate (WebP).

Core Web Vitals (mobil)

Für Bestwerte wie LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1 setze ich auf: kritisches CSS, Preload für Schlüsselfonts/Bilder, Bildgrößen, Caching/Compression und möglichst wenig JS-Overhead. Ergebnis: eine Landingpage, die schnell reagiert und in Core Web Vitals überzeugt.

Tracking & Messbarkeit

Wir messen, was zählt: tel:-Klicks, Termin-Klicks, Formular-Submits, Scroll-Tiefe, Chatbot-Interaktionen. Alle Events erhalten sprechende Namen, damit du in Analytics/Looker Studio schnell Antworten bekommst (z. B. „Lead-Quelle“, „Top-Absprungsektion“).

Werte dienen als typische Beispiele. Jedes Projekt ist individuell – Branche, Wettbewerb und Traffic spielen eine Rolle.

Mini-Checkliste für deine Landingpage

• Eine klare Hauptaussage (Value Proposition) im sichtbaren Bereich
• Ein primärer CTA (z. B. „Beratung buchen“) und ein sekundärer (Anruf)
• 3–5 Nutzenpunkte, Social Proof (Bewertungen, Logos, Case Snippets)
• FAQ mit echten Einwänden (Preis, Zeit, System, Inhalte, Pflege)
• Saubere Technik: Titles/Descriptions, Schema, schnelle Bilder, Tracking

Case 2 – Webshop-Webdesign Berlin

Ausgangslage: Ein bestehender Shop mit hoher Absprungrate und zu komplexem Checkout. Ziel: Produktsuche vereinfachen, Ladezeiten senken, Checkout reibungslos gestalten – und Vertrauen aufbauen (Zahlarten, Gütesiegel, klare Rückgabeinfos).

Produktdarstellung & Navigation

Produktlisten (PLP) mit sinnvoller Filterlogik, gutem Vorschaubild, klaren Vorteilen und Preisen. Produktdetailseiten (PDP) mit Benefit-Boxen, Größe/Farbe/Varianten, verständlicher Lieferzeit, ehrlichen Reviews (ohne Übertreibung). Bilder werden schlank geladen (WebP + Lazy Loading).

Checkout-Optimierung

So wenig Felder wie möglich, Gast-Checkout, sichtbare Zahlungsmethoden, Fortschrittsanzeige, keine Ablenkungen. Microcopy nimmt Unsicherheiten: „Sicher bezahlen“, „Kostenloser Support“, „Kein Abo“.

SEO & strukturierte Daten

Kategorien, PDPs und PLPs erhalten eindeutige Titles/Descriptions. Product/Offer-Schema macht Preis & Verfügbarkeit maschinenlesbar. Interne Links verbinden Kategorien ↔ PDP ↔ Ratgeber (Blog).

Performance (CWV)

Shop-Performance hängt stark an Bildern, Skripten und Drittanbieter-Widgets. Ich reduziere Skripte, nutze defer, preload wo sinnvoll, setze auf Caching/Compression und sichere INP/LCP/CLS bestmöglich ab.

Die konkreten Zahlen variieren je Sortiment, Zielgruppe und Saison. Entscheidend ist: Wir messen und iterieren.